@rash2x/bridge-widget 0.1.3 → 0.1.5

package/dist/evaa-bridge.mjs

@@ -13,19 +13,20 @@ import { twMerge } from "tailwind-merge";
 import { createPortal } from "react-dom";
 import { AnimatePresence, motion } from "framer-motion";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import { useAccount, useDisconnect, useWalletClient } from "wagmi";
+import { useAccount, useConnect, useDisconnect, useWalletClient, usePublicClient } from "wagmi";
 import { useWallet } from "@tronweb3/tronwallet-adapter-react-hooks";
 import { useTonAddress, useTonConnectUI } from "@tonconnect/ui-react";
 import { useQuery, useQueryClient } from "@tanstack/react-query";
-import { Address, Cell } from "@ton/core";
+import { Address, beginCell as beginCell$1, storeMessage, loadMessage, Cell } from "@ton/core";
 import { VariableSizeList } from "react-window";
 import * as SwitchPrimitive from "@radix-ui/react-switch";
 import { X, ChevronDownIcon } from "lucide-react";
 import * as AccordionPrimitive from "@radix-ui/react-accordion";
-import { ConnectKitButton } from "connectkit";
 import { t } from "i18next";
 import { toast, Toaster } from "sonner";
-import { ethers, BrowserProvider, Contract, parseUnits } from "ethers";
+import { BrowserProvider, Contract, parseUnits } from "ethers";
+import { isAddress, formatUnits } from "viem";
+import { TonClient, Address as Address$1, beginCell } from "@ton/ton";
 import { TronLinkAdapterName } from "@tronweb3/tronwallet-adapters";
 const norm = (s) => (s ?? "").toUpperCase().replace(/₮/g, "T").replace(/[^A-Z0-9]/g, "");
 const POPULAR_ORDER = [
@@ -509,7 +510,7 @@ function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
 const buttonVariants = cva(
-  "inline-flex items-center rounded-full justify-center gap-2 whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+  "inline-flex items-center rounded-full text-lg justify-center gap-2 whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
   {
     variants: {
       variant: {
@@ -782,19 +783,6 @@ const Tip = (props) => {
     /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: text }) })
   ] });
 };
-function toLD(human, decimals) {
-  const [i = "0", f = ""] = human.replace(",", ".").split(".");
-  const frac = (f + "0".repeat(decimals)).slice(0, decimals);
-  return BigInt(i + frac).toString();
-}
-function fromLD(ld, decimals) {
-  const bi = BigInt(ld || "0");
-  if (decimals === 0) return Number(bi);
-  const base = BigInt(10) ** BigInt(decimals);
-  const int = bi / base;
-  const frac = Number(bi % base) / Number(base);
-  return Number(int) + frac;
-}
 async function getChains() {
   const res = await fetch("https://stargate.finance/api/v1/chains", {
     credentials: "same-origin"
@@ -842,49 +830,16 @@ async function getDestTokens(srcChainKey, srcTokenAddr) {
   });
   return unique;
 }
-const isTonFriendly = (a) => !!a && /^[A-Za-z0-9_-]{48,}$/.test(a);
-function normalizeTickerSymbol(s) {
+function normalizeTickerSymbol$1(s) {
   return s.toUpperCase().replace(/₮/g, "T").replace(/[^A-Z0-9]/g, "");
 }
-async function getSwapBalances(accountFriendly) {
-  if (!isTonFriendly(accountFriendly)) throw new Error("Invalid TON address");
-  const accRes = await fetch(
-    `https://tonapi.io/v2/accounts/${accountFriendly}`
-  );
-  if (!accRes.ok) throw new Error(`TON account fetch failed: ${accRes.status}`);
-  const acc = await accRes.json();
-  const ton = fromLD(String(acc?.balance ?? "0"), 9);
-  const result = {
-    TON: { balance: ton, address: "ton-native" }
-  };
-  const jetsRes = await fetch(
-    `https://tonapi.io/v2/accounts/${accountFriendly}/jettons?limit=200`
-  );
-  if (!jetsRes.ok) return result;
-  const jets = await jetsRes.json();
-  const items = jets?.balances ?? jets?.jettons ?? jets?.items ?? [];
-  for (const it of items) {
-    const rawSym = (it?.jetton?.symbol ?? it?.symbol ?? "").toString();
-    if (!rawSym) continue;
-    const symUpper = rawSym.toUpperCase();
-    const symNorm = normalizeTickerSymbol(symUpper);
-    const master = (it?.jetton?.address ?? it?.address ?? "").toString();
-    const decimals = Number(it?.jetton?.decimals ?? it?.decimals ?? 9) || 9;
-    const raw = (it?.balance ?? "0").toString();
-    const human = fromLD(raw, decimals);
-    const entry = { balance: human, address: master };
-    result[symUpper] = entry;
-    if (symNorm !== symUpper) result[symNorm] = entry;
-  }
-  return result;
-}
 const BASE_URL$1 = "https://icons-ckg.pages.dev/stargate-light/tokens";
 const TokenSymbol = ({
   symbol,
   className = "w-4 h-4",
   alt
 }) => {
-  const normalizedSymbol = normalizeTickerSymbol(symbol).toLowerCase();
+  const normalizedSymbol = normalizeTickerSymbol$1(symbol).toLowerCase();
   const src = `${BASE_URL$1}/${normalizedSymbol}.svg`;
   return /* @__PURE__ */ jsx("img", { src, alt: alt ?? symbol, className });
 };
@@ -1298,6 +1253,19 @@ function useChainStrategies() {
   }
   return context;
 }
+function toLD(human, decimals) {
+  const [i = "0", f = ""] = human.replace(",", ".").split(".");
+  const frac = (f + "0".repeat(decimals)).slice(0, decimals);
+  return BigInt(i + frac).toString();
+}
+function fromLD(ld, decimals) {
+  const bi = BigInt(ld || "0");
+  if (decimals === 0) return Number(bi);
+  const base = BigInt(10) ** BigInt(decimals);
+  const int = bi / base;
+  const frac = Number(bi % base) / Number(base);
+  return Number(int) + frac;
+}
 function resolveTokenOnChainFromMatrix$2(assetMatrix, assetSymbol, chainKey) {
   if (!assetMatrix || !assetSymbol || !chainKey) return void 0;
   const byChain = assetMatrix[assetSymbol.toUpperCase()];
@@ -1479,18 +1447,19 @@ function useBalances(chainKey, address) {
     const data = query.data;
     if (data) {
       for (const [sum, v] of Object.entries(data)) {
-        map.set(normalizeTickerSymbol(sum), Number(v.balance ?? 0));
+        map.set(normalizeTickerSymbol$1(sum), Number(v.balance ?? 0));
       }
     }
     return map;
   }, [query.data]);
   const getBalance = useCallback(
-    (symbol) => balanceBySymbol.get(normalizeTickerSymbol(symbol)) ?? 0,
+    (symbol) => balanceBySymbol.get(normalizeTickerSymbol$1(symbol)) ?? 0,
     [balanceBySymbol]
   );
   const isLoading = query.isLoading || query.isFetching;
+  const balances = useMemo(() => query.data || {}, [query.data]);
   return {
-    balances: query.data || {},
+    balances,
     getBalance,
     isLoading,
     query
@@ -1944,17 +1913,17 @@ const RefreshButton = () => {
   return /* @__PURE__ */ jsx(
     Button,
     {
-      className: `cursor-pointer py-1.5 h-8.5 hover:scale-110 shadow-none px-8.5 hover:bg-secondary bg-secondary !rounded-40 ${spinning ? "opacity-70" : ""}`,
       onClick: handleRefresh,
       disabled: spinning,
+      variant: "secondary",
+      size: "sm",
       children: /* @__PURE__ */ jsx(
         ReloadIcon,
         {
           style: {
             transform: `rotate(${turns * 180}deg)`,
             transition: "transform 300ms linear"
-          },
-          className: "size-4 text-foreground m-1 will-change-transform"
+          }
         }
       )
     }
@@ -1962,7 +1931,6 @@ const RefreshButton = () => {
 };
 const SelectTokenButton = ({
   onClick,
-  className,
   token
 }) => {
   const { t: t2 } = useTranslation();
@@ -1973,7 +1941,8 @@ const SelectTokenButton = ({
     Button,
     {
       onClick,
-      className: `cursor-pointer hover:scale-[1.1] p-1.5 h-8.5 pr-3 !pl-1.5 bg-secondary hover:bg-secondary shadow-none rounded-full flex items-center justify-between gap-3 w-fit shrink-0 ${className ?? ""}`,
+      size: "sm",
+      variant: "secondary",
       type: "button",
       "aria-label": label,
       children: [
@@ -1993,6 +1962,75 @@ const SelectTokenButton = ({
     }
   );
 };
+function Card({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card",
+      className: cn(
+        "bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CardHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card-header",
+      className: cn(
+        "@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CardTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card-title",
+      className: cn("leading-none font-semibold", className),
+      ...props
+    }
+  );
+}
+function CardAction({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card-action",
+      className: cn(
+        "col-start-2 row-span-2 row-start-1 self-start justify-self-end",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CardContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card-content",
+      className: cn("px-6", className),
+      ...props
+    }
+  );
+}
+function CardFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card-footer",
+      className: cn("flex items-center px-6 [.border-t]:pt-6", className),
+      ...props
+    }
+  );
+}
 const FormHeaderComponent = ({ modalContainer }) => {
   const { t: t2 } = useTranslation();
   const { isOpen, onClose, onOpen } = useModal();
@@ -2009,29 +2047,14 @@ const FormHeaderComponent = ({ modalContainer }) => {
     const sum = selectedAssetSymbol.toUpperCase();
     return assets.find((a) => a.symbol.toUpperCase() === sum) ?? assets[0];
   }, [assets, selectedAssetSymbol]);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2.5", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-sm font-normal leading-3.5 text-muted-foreground", children: t2("bridge.selectToken") }),
-        /* @__PURE__ */ jsx(SelectTokenButton, { token: current, onClick: onOpen })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2.5", children: [
-        /* @__PURE__ */ jsx(RefreshButton, {}),
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            className: "cursor-pointer py-1.5 h-8.5 hover:scale-110 shadow-none px-8.5 hover:bg-secondary bg-secondary !rounded-40",
-            onClick: onOpenSettings,
-            children: /* @__PURE__ */ jsx(
-              BoltIcon,
-              {
-                className: "size-4 text-foreground m-1",
-                stroke: "currentColor"
-              }
-            )
-          }
-        )
-      ] })
+  return /* @__PURE__ */ jsxs(CardHeader, { className: "gap-y-0", children: [
+    /* @__PURE__ */ jsxs(CardTitle, { className: "flex items-center gap-2.5", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-sm font-normal leading-3.5 text-muted-foreground", children: t2("bridge.selectToken") }),
+      /* @__PURE__ */ jsx(SelectTokenButton, { token: current, onClick: onOpen })
+    ] }),
+    /* @__PURE__ */ jsxs(CardAction, { className: "flex items-center gap-2.5", children: [
+      /* @__PURE__ */ jsx(RefreshButton, {}),
+      /* @__PURE__ */ jsx(Button, { onClick: onOpenSettings, size: "sm", variant: "secondary", children: /* @__PURE__ */ jsx(BoltIcon, { stroke: "currentColor" }) })
     ] }),
     /* @__PURE__ */ jsx(
       TokenSelectModal,
@@ -3721,7 +3744,9 @@ function useBridgeTransaction() {
 function useGasEstimate(amountNum) {
   const { fromChain } = useChainsStore();
   const { selectedAssetSymbol, tokens } = useTokensStore();
-  const { getSourceGasReserveHuman } = useSettingsStore();
+  const getSourceGasReserveHuman = useSettingsStore(
+    (state) => state.getSourceGasReserveHuman
+  );
   const { srcAddress } = useAddresses();
   const { balances, isLoading: balancesLoading } = useBalances(
     fromChain?.chainKey,
@@ -3729,59 +3754,44 @@ function useGasEstimate(amountNum) {
   );
   const { chainRegistry } = useChainStrategies();
   const balancesKnown = !balancesLoading;
-  const [gasRequirement, setGasRequirement] = useState(
-    null
-  );
-  useEffect(() => {
-    let cancelled = false;
-    async function estimateGas() {
-      if (!fromChain) {
-        setGasRequirement(null);
-        return;
-      }
-      const strategy = chainRegistry.getStrategy(fromChain.chainKey);
-      if (!strategy) {
-        setGasRequirement(null);
-        return;
-      }
-      try {
-        const selectedToken = tokens?.find(
-          (t2) => t2.symbol.toUpperCase() === selectedAssetSymbol?.toUpperCase()
-        ) || null;
-        const nativeTokenSymbol = fromChain.nativeCurrency?.symbol ?? "";
-        const nativeDecimals = fromChain.nativeCurrency?.decimals || 18;
-        const reserveFallback = getSourceGasReserveHuman(fromChain.chainKey);
-        const result = await strategy.estimateGasRequirement({
-          selectedToken,
-          nativeTokenSymbol,
-          amount: amountNum,
-          balances,
-          nativeDecimals,
-          reserveFallback
-        });
-        if (!cancelled) {
-          setGasRequirement(result);
-        }
-      } catch (error) {
-        console.error("Error estimating gas:", error);
-        if (!cancelled) {
-          setGasRequirement(null);
-        }
-      }
-    }
-    estimateGas();
-    return () => {
-      cancelled = true;
-    };
-  }, [
-    fromChain,
-    selectedAssetSymbol,
-    tokens,
-    amountNum,
-    balances,
-    chainRegistry,
-    getSourceGasReserveHuman
-  ]);
+  const strategy = useMemo(() => {
+    if (!fromChain) return null;
+    return chainRegistry.getStrategy(fromChain.chainKey);
+  }, [fromChain, chainRegistry]);
+  const { data: gasRequirement } = useQuery({
+    queryKey: [
+      "gas-estimate",
+      fromChain?.chainKey,
+      selectedAssetSymbol,
+      amountNum,
+      balances
+    ],
+    queryFn: async () => {
+      if (!fromChain || !strategy) {
+        return null;
+      }
+      const selectedToken = tokens?.find(
+        (t2) => t2.symbol.toUpperCase() === selectedAssetSymbol?.toUpperCase()
+      ) || null;
+      const nativeTokenSymbol = fromChain.nativeCurrency?.symbol ?? "";
+      const nativeDecimals = fromChain.nativeCurrency?.decimals || 18;
+      const reserveFallback = getSourceGasReserveHuman(fromChain.chainKey);
+      const result = await strategy.estimateGasRequirement({
+        selectedToken,
+        nativeTokenSymbol,
+        amount: amountNum,
+        balances,
+        nativeDecimals,
+        reserveFallback
+      });
+      return result;
+    },
+    enabled: !!fromChain && !!strategy,
+    staleTime: 3e4,
+    gcTime: 5 * 6e4,
+    refetchOnWindowFocus: false,
+    retry: 1
+  });
   return {
     nativeSym: gasRequirement?.nativeSym || "",
     nativeBalance: gasRequirement?.nativeBalance || 0,
@@ -3930,7 +3940,7 @@ function useSilentValidations(amountString) {
   ]);
   return validationResult;
 }
-function useTransferAction() {
+const SubmitButton = () => {
   const { t: t2 } = useTranslation();
   const { chainRegistry } = useChainStrategies();
   const { srcAddress, dstAddress } = useAddresses();
@@ -4006,7 +4016,7 @@ function useTransferAction() {
     maximumAmountFormatted,
     chainRegistry
   ]);
-  const onClick = async () => {
+  const handleClick = async () => {
     if (isBusy) return;
     if (missingSrc && srcChainKey) {
       onOpen("src");
@@ -4026,24 +4036,7 @@ function useTransferAction() {
     }
   };
   const disabled = isBusy || amountNum <= 0 || status === "loading" || isBalanceLoading || hasInsufficientBalance || hasAmountTooLarge || !gas.hasEnoughGas || noRoute || !isValidForTransfer;
-  return {
-    // состояния
-    isBusy,
-    canTransfer,
-    missingSrc,
-    missingDst,
-    hasEnoughGas: gas.hasEnoughGas,
-    noRoute,
-    // представление
-    label,
-    disabled,
-    // действие
-    onClick
-  };
-}
-const SubmitButton = () => {
-  const { label, disabled, onClick } = useTransferAction();
-  return /* @__PURE__ */ jsx(Button, { onClick, disabled, size: "lg", children: label });
+  return /* @__PURE__ */ jsx(Button, { onClick: handleClick, disabled, className: "w-full", children: label });
 };
 function short(addr) {
   return addr.slice(0, 4) + "…" + addr.slice(-4);
@@ -4053,6 +4046,7 @@ const WalletSelectModal = ({
 }) => {
   const { t: t2 } = useTranslation();
   const { isOpen, onClose } = useWalletSelectModal();
+  const { connect, connectors, isPending } = useConnect();
   const { chainRegistry } = useChainStrategies();
   const tonWallet = chainRegistry.getStrategyByType("ton");
   const metaMaskWallet = chainRegistry.getStrategyByType("evm");
@@ -4085,7 +4079,13 @@ const WalletSelectModal = ({
       onDisconnect: () => tronWallet.disconnect()
     });
   }
-  const isWalletConnected = (walletId) => connectedWallets.some((w) => w.id === walletId);
+  const isWalletConnected = (walletId) => {
+    const isEvmConnector = connectors.some((c) => c.id === walletId);
+    if (isEvmConnector && metaMaskWallet?.isConnected()) {
+      return true;
+    }
+    return connectedWallets.some((w) => w.id === walletId);
+  };
   const tonWallets = [
     {
       id: "ton",
@@ -4094,14 +4094,15 @@ const WalletSelectModal = ({
       enabled: true
     }
   ];
-  const evmWallets = [
-    {
-      id: "metamask",
-      name: t2("wallets.metaMask"),
-      icon: MetaMaskIcon,
-      enabled: true
-    }
-  ];
+  const evmWallets = connectors.filter(
+    (connector) => connector.id === "walletConnect" || connector.id === "metaMaskSDK"
+  ).map((connector) => ({
+    id: connector.id,
+    name: connector.name,
+    icon: MetaMaskIcon,
+    // You can add a WalletConnect icon here
+    enabled: true
+  }));
   const tronWallets = [
     {
       id: "tronlink",
@@ -4131,9 +4132,6 @@ const WalletSelectModal = ({
         case "ton":
           await tonWallet?.connect();
           break;
-        case "metamask":
-          await metaMaskWallet?.connect();
-          break;
         case "tronlink":
           await tronWallet?.connect();
           break;
@@ -4158,56 +4156,47 @@ const WalletSelectModal = ({
         /* @__PURE__ */ jsx("div", { className: "px-5 py-2 leading-4 text-base font-semibold text-muted-foreground uppercase", children: t2("wallets.connected") }),
         /* @__PURE__ */ jsx("div", { className: "", children: connectedWallets.map((wallet) => {
           const IconComponent = wallet.icon;
-          return /* @__PURE__ */ jsx("div", { className: "", children: /* @__PURE__ */ jsxs(
-            Button,
-            {
-              className: "w-full cursor-pointer bg-transparent flex shadow-none items-center justify-between gap-2.5 px-5 py-2.5 hover:bg-muted h-auto rounded-12 transition-[300]",
-              children: [
-                /* @__PURE__ */ jsx("div", { className: "flex items-center gap-3 min-w-0", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2.5", children: [
-                  /* @__PURE__ */ jsx("div", { className: "w-7.5 h-7.5 flex items-center justify-center", children: /* @__PURE__ */ jsx(IconComponent, { className: "size-7.5" }) }),
-                  /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-start min-w-0", children: [
-                    /* @__PURE__ */ jsx("p", { className: "font-extrabold text-foreground text-sm leading-4 truncate", children: short(wallet.address) }),
-                    /* @__PURE__ */ jsx("div", { className: "text-xs leading-3 font-semibold text-muted-foreground", children: wallet.name })
-                  ] })
-                ] }) }),
-                /* @__PURE__ */ jsx("div", { onClick: () => {
+          return /* @__PURE__ */ jsx("div", { className: "", children: /* @__PURE__ */ jsxs(Button, { className: "w-full cursor-pointer bg-transparent flex shadow-none items-center justify-between gap-2.5 px-5 py-2.5 hover:bg-muted h-auto rounded-12 transition-[300]", children: [
+            /* @__PURE__ */ jsx("div", { className: "flex items-center gap-3 min-w-0", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2.5", children: [
+              /* @__PURE__ */ jsx("div", { className: "w-7.5 h-7.5 flex items-center justify-center", children: /* @__PURE__ */ jsx(IconComponent, { className: "size-7.5" }) }),
+              /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-start min-w-0", children: [
+                /* @__PURE__ */ jsx("p", { className: "font-extrabold text-foreground text-sm leading-4 truncate", children: short(wallet.address) }),
+                /* @__PURE__ */ jsx("div", { className: "text-xs leading-3 font-semibold text-muted-foreground", children: wallet.name })
+              ] })
+            ] }) }),
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                onClick: () => {
                   wallet.onDisconnect();
                   onClose();
-                }, className: "text-sm font-medium text-muted-foreground", children: /* @__PURE__ */ jsx(ExitIcon, { className: "text-[#808080] size-6" }) })
-              ]
-            }
-          ) }, wallet.id);
+                },
+                className: "text-sm font-medium text-muted-foreground",
+                children: /* @__PURE__ */ jsx(ExitIcon, { className: "text-[#808080] size-6" })
+              }
+            )
+          ] }) }, wallet.id);
         }) })
       ] }),
       categories.map((category) => /* @__PURE__ */ jsxs("div", { children: [
         /* @__PURE__ */ jsx("div", { className: "px-5 py-2 leading-4 text-base font-semibold text-muted-foreground uppercase", children: category.title }),
         /* @__PURE__ */ jsx("div", { className: "", children: category.wallets.map((wallet) => {
           const IconComponent = wallet.icon;
-          if (wallet.id === "metamask") {
-            return /* @__PURE__ */ jsx("div", { id: wallet.id, children: /* @__PURE__ */ jsx(ConnectKitButton.Custom, { children: ({ isConnecting, show }) => {
-              return /* @__PURE__ */ jsx(
-                Button,
-                {
-                  type: "button",
-                  onClick: show,
-                  disabled: isConnecting,
-                  className: "w-full cursor-pointer bg-transparent flex shadow-none items-center justify-between gap-2.5 px-5 py-2.5 hover:bg-muted h-auto rounded-12 transition-[300] disabled:opacity-50 disabled:cursor-not-allowed",
-                  children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 min-w-0", children: [
-                    /* @__PURE__ */ jsx("div", { className: "w-7.5 h-7.5 flex items-center justify-center", children: /* @__PURE__ */ jsx(IconComponent, { className: "size-7.5" }) }),
-                    /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-start min-w-0", children: [
-                      /* @__PURE__ */ jsx("p", { className: "font-extrabold text-foreground text-sm leading-4 truncate", children: wallet.name }),
-                      wallet.comingSoon ? /* @__PURE__ */ jsx("div", { className: "text-xs leading-3 font-semibold text-muted-foreground", children: t2("wallets.comingSoon") }) : /* @__PURE__ */ jsx("div", { className: "text-xs leading-3 font-semibold text-muted-foreground", children: t2("wallets.connect") })
-                    ] })
-                  ] })
-                }
-              );
-            } }) }, wallet.id);
-          }
+          const isEvmConnector = category.title === t2("wallets.evmWallets");
+          const connector = isEvmConnector ? connectors.find((c) => c.id === wallet.id) : null;
           return /* @__PURE__ */ jsx("div", { className: "", children: /* @__PURE__ */ jsx(
             Button,
             {
-              onClick: () => handleWalletSelect(wallet.id),
-              disabled: !wallet.enabled,
+              type: "button",
+              onClick: () => {
+                if (connector) {
+                  connect({ connector });
+                  onClose();
+                } else {
+                  handleWalletSelect(wallet.id);
+                }
+              },
+              disabled: isEvmConnector ? isPending : !wallet.enabled,
               className: "w-full cursor-pointer bg-transparent flex shadow-none items-center justify-between gap-2.5 px-5 py-2.5 hover:bg-muted h-auto rounded-12 transition-[300] disabled:opacity-50 disabled:cursor-not-allowed",
               children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 min-w-0", children: [
                 /* @__PURE__ */ jsx("div", { className: "w-7.5 h-7.5 flex items-center justify-center", children: /* @__PURE__ */ jsx(IconComponent, { className: "size-7.5" }) }),
@@ -4223,39 +4212,6 @@ const WalletSelectModal = ({
     ] })
   ] }) });
 };
-function Card({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "card",
-      className: cn(
-        "bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function CardContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "card-content",
-      className: cn("px-6", className),
-      ...props
-    }
-  );
-}
-function CardFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "card-footer",
-      className: cn("flex items-center px-6 [.border-t]:pt-6", className),
-      ...props
-    }
-  );
-}
 const TransactionProgressVector = (props) => {
   return /* @__PURE__ */ jsxs("svg", { width: "200", height: "200", viewBox: "0 0 200 200", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
     /* @__PURE__ */ jsx(
@@ -6319,6 +6275,49 @@ class ChainStrategyRegistry {
     await strategy.disconnect();
   }
 }
+const EVM_CONFIG = {
+  usdtAddress: "0xdAC17F958D2ee523a2206206994597C13D831ec7",
+  gasEstimates: {
+    approve: 65000n,
+    bridge: 300000n
+  },
+  gasBuffer: 1.2,
+  // 20% buffer
+  timeout: 3e5,
+  // 5 minutes (increased for slower networks)
+  requiredConfirmations: 3
+  // Wait for 3 confirmations for reorg protection
+};
+const TON_CONFIG = {
+  apiUrl: "https://toncenter.com/api/v2",
+  timeout: 36e4,
+  // 6 minutes
+  validUntil: 600
+  // 10 minutes
+};
+const TRON_CONFIG = {
+  timeout: 12e4,
+  // 2 minutes (for 19 confirmations)
+  feeLimit: 1e8,
+  // 100 TRX in sun
+  requiredConfirmations: 19,
+  // TRON standard: 19 blocks for confirmation
+  pollingInterval: 3e3
+  // 3 seconds between checks
+};
+let tonClientInstance = null;
+function getTonClient(customClient, apiKey) {
+  if (customClient) {
+    return customClient;
+  }
+  if (!tonClientInstance) {
+    tonClientInstance = new TonClient({
+      endpoint: `${TON_CONFIG.apiUrl}/jsonRPC`,
+      apiKey
+    });
+  }
+  return tonClientInstance;
+}
 function isNativeAddress(addr) {
   if (!addr) return false;
   const a = addr.toLowerCase();
@@ -6344,44 +6343,72 @@ function formatUnitsFromBigIntStr(valueStr, decimals) {
   const tail = s.slice(s.length - decimals).replace(/0+$/, "");
   return Number(tail ? `${head}.${tail}` : head);
 }
-async function getEvmBalances(address, tokens) {
+function isTonFriendlyAddress(address) {
+  return !!address && /^[A-Za-z0-9_-]{48,}$/.test(address);
+}
+function normalizeTickerSymbol(symbol) {
+  return symbol.toUpperCase().replace(/₮/g, "T").replace(/[^A-Z0-9]/g, "");
+}
+function parseTonAddress(address) {
+  if (address.startsWith("0x")) {
+    const hex = address.slice(2);
+    return Address$1.parseRaw(`0:${hex}`);
+  }
+  if (address.includes(":")) {
+    return Address$1.parseRaw(address);
+  }
+  return Address$1.parse(address);
+}
+async function getEvmBalances(publicClient, address, tokens) {
   const balances = {};
   try {
-    if (!address || !ethers.isAddress(address)) {
+    console.log("start getEvmBalances");
+    console.log("publicClient:", publicClient);
+    console.log("isAddress:", isAddress(address));
+    console.log("tokens:", tokens);
+    if (!address || !isAddress(address)) {
       console.warn(`Invalid EVM address provided: ${address}`);
       return balances;
     }
-    if (typeof window === "undefined" || !window.ethereum) {
-      throw new Error("No ethereum provider found");
+    if (!publicClient) {
+      throw new Error("No public client provided");
     }
-    const provider = new ethers.BrowserProvider(window.ethereum);
     for (const token of tokens) {
       try {
         let balance = 0;
         const isNative = isNativeAddress(token.address);
         if (isNative) {
-          const ethBalance = await provider.getBalance(address);
-          balance = parseFloat(ethers.formatUnits(ethBalance, token.decimals));
+          const ethBalance = await publicClient.getBalance({
+            address
+          });
+          balance = parseFloat(formatUnits(ethBalance, token.decimals));
         } else {
-          if (!ethers.isAddress(token.address)) {
+          if (!isAddress(token.address)) {
             continue;
           }
-          const code = await provider.getCode(token.address);
-          if (code === "0x") {
+          const bytecode = await publicClient.getBytecode({
+            address: token.address
+          });
+          if (!bytecode || bytecode === "0x") {
             continue;
           }
-          const contract = new ethers.Contract(
-            token.address,
-            [
-              "function balanceOf(address owner) view returns (uint256)",
-              "function decimals() view returns (uint8)"
-            ],
-            provider
-          );
           try {
-            const tokenBalance = await contract.balanceOf(address);
+            const tokenBalance = await publicClient.readContract({
+              address: token.address,
+              abi: [
+                {
+                  name: "balanceOf",
+                  type: "function",
+                  stateMutability: "view",
+                  inputs: [{ name: "owner", type: "address" }],
+                  outputs: [{ name: "balance", type: "uint256" }]
+                }
+              ],
+              functionName: "balanceOf",
+              args: [address]
+            });
             balance = parseFloat(
-              ethers.formatUnits(tokenBalance, token.decimals)
+              formatUnits(tokenBalance, token.decimals)
             );
           } catch {
             continue;
@@ -6404,6 +6431,68 @@ async function getEvmBalances(address, tokens) {
   }
   return balances;
 }
+async function getTonBalances(address, tokens, customTonClient, tonApiKey) {
+  const balances = {};
+  try {
+    if (!isTonFriendlyAddress(address)) {
+      console.warn(`Invalid TON address provided: ${address}`);
+      return balances;
+    }
+    const client = getTonClient(customTonClient, tonApiKey);
+    const accountAddress = Address$1.parse(address);
+    console.log(address);
+    console.log(tokens);
+    try {
+      const balance = await client.getBalance(accountAddress);
+      const tonBalance = Number(balance) / 1e9;
+      console.log("tonBalance", tonBalance);
+      if (tonBalance > 0) {
+        balances.TON = { balance: tonBalance, address: "ton-native" };
+      }
+    } catch (error) {
+      console.warn("Failed to get native TON balance:", error);
+    }
+    for (const token of tokens) {
+      try {
+        if (isNativeAddress(token.address) || token.symbol.toUpperCase() === "TON") {
+          continue;
+        }
+        const jettonMasterAddress = parseTonAddress(token.address);
+        const jettonWalletAddress = await client.runMethod(
+          jettonMasterAddress,
+          "get_wallet_address",
+          [
+            {
+              type: "slice",
+              cell: beginCell().storeAddress(accountAddress).endCell()
+            }
+          ]
+        );
+        const jettonWalletAddr = jettonWalletAddress.stack.readAddress();
+        const jettonData = await client.runMethod(
+          jettonWalletAddr,
+          "get_wallet_data"
+        );
+        const jettonBalance = jettonData.stack.readBigNumber();
+        const humanBalance = Number(jettonBalance) / Math.pow(10, token.decimals);
+        if (humanBalance > 0) {
+          const symbolUpper = token.symbol.toUpperCase();
+          const symbolNorm = normalizeTickerSymbol(symbolUpper);
+          const entry = { balance: humanBalance, address: token.address };
+          balances[symbolUpper] = entry;
+          if (symbolNorm !== symbolUpper) {
+            balances[symbolNorm] = entry;
+          }
+        }
+      } catch (error) {
+        console.debug(`Failed to get balance for ${token.symbol}:`, error);
+      }
+    }
+  } catch (error) {
+    console.error("Failed to get TON balances:", error);
+  }
+  return balances;
+}
 async function getTronBalances(tronWeb, address, tokens) {
   const balances = {};
   try {
@@ -6447,30 +6536,6 @@ async function getTronBalances(tronWeb, address, tokens) {
   }
   return balances;
 }
-const EVM_CONFIG = {
-  usdtAddress: "0xdAC17F958D2ee523a2206206994597C13D831ec7",
-  gasEstimates: {
-    approve: 65000n,
-    bridge: 300000n
-  },
-  gasBuffer: 1.2,
-  // 20% buffer
-  timeout: 12e4
-  // 2 minutes
-};
-const TON_CONFIG = {
-  apiUrl: "https://toncenter.com/api/v2",
-  timeout: 36e4,
-  // 6 minutes
-  validUntil: 600
-  // 10 minutes
-};
-const TRON_CONFIG = {
-  timeout: 6e4,
-  // 1 minute
-  feeLimit: 1e8
-  // 100 TRX in sun
-};
 const ERC20_ABI = [
   "function approve(address spender, uint256 amount) returns (bool)",
   "function allowance(address owner, address spender) view returns (uint256)",
@@ -6481,12 +6546,13 @@ class EvmChainStrategy {
   constructor(config) {
     __publicField(this, "config");
     __publicField(this, "provider");
+    __publicField(this, "publicClient");
     this.config = config;
+    this.publicClient = config.publicClient;
     if (config.walletClient) {
       this.provider = new BrowserProvider(config.walletClient.transport);
     }
   }
-  // ========== Identity ==========
   canHandle(chainKey) {
     const key = chainKey.toLowerCase();
     return key !== "ton" && key !== "tron";
@@ -6497,7 +6563,6 @@ class EvmChainStrategy {
   getName() {
     return "EVM Chain Strategy";
   }
-  // ========== Wallet Management ==========
   async connect() {
   }
   async disconnect() {
@@ -6521,15 +6586,17 @@ class EvmChainStrategy {
   getConnectLabel(t2) {
     return t2("wallets.connectEvmWallet");
   }
-  // ========== Balance & Validation ==========
   async getBalances(address, tokens) {
-    return await getEvmBalances(address, tokens);
+    if (!this.publicClient) {
+      console.warn("No publicClient available for balance query");
+      return {};
+    }
+    return await getEvmBalances(this.publicClient, address, tokens);
   }
   isAddressValid(address) {
     if (!address) return false;
     return /^0x[0-9a-fA-F]{40}$/.test(address);
   }
-  // ========== Gas Estimation ==========
   async estimateGasRequirement(params) {
     const provider = this.provider;
     const {
@@ -6553,8 +6620,8 @@ class EvmChainStrategy {
         const totalGas = approveGas + bridgeGas;
         const bufferMultiplier = BigInt(Math.floor(EVM_CONFIG.gasBuffer * 100));
         const requiredWei = gasPrice * totalGas * bufferMultiplier / 100n;
-        const { formatUnits } = await import("ethers");
-        estimatedGas = Number(formatUnits(requiredWei, nativeDecimals));
+        const { formatUnits: formatUnits2 } = await import("ethers");
+        estimatedGas = Number(formatUnits2(requiredWei, nativeDecimals));
       } catch {
         estimatedGas = null;
       }
@@ -6576,7 +6643,6 @@ class EvmChainStrategy {
       isNativeSelected
     };
   }
-  // ========== Transaction Execution ==========
   validateSteps(steps) {
     if (!steps || steps.length === 0) {
       throw new InvalidStepsError("evm", "No transaction steps provided");
@@ -6638,17 +6704,14 @@ class EvmChainStrategy {
       if (!provider) {
         throw new ProviderNotAvailableError("evm");
       }
-      const deadline = Date.now() + EVM_CONFIG.timeout;
-      let receipt = null;
-      while (Date.now() < deadline) {
-        try {
-          receipt = await provider.getTransactionReceipt(txHash);
-          if (receipt) break;
-        } catch (e) {
-          console.debug("Error fetching receipt:", e);
-        }
-        await new Promise((r) => setTimeout(r, 2500));
-      }
+      console.log(
+        `Waiting for ${EVM_CONFIG.requiredConfirmations} confirmations for tx: ${txHash}`
+      );
+      const receipt = await provider.waitForTransaction(
+        txHash,
+        EVM_CONFIG.requiredConfirmations,
+        EVM_CONFIG.timeout
+      );
       if (!receipt) {
         const error = new TransactionTimeoutError("evm", txHash);
         return {
@@ -6663,11 +6726,35 @@ class EvmChainStrategy {
           error: error.message
         };
       }
-      console.log("EVM transaction confirmed on-chain");
+      console.log(
+        `EVM transaction confirmed in block ${receipt.blockNumber} with ${EVM_CONFIG.requiredConfirmations} confirmations`
+      );
       return {
         completed: true
       };
     } catch (error) {
+      if (error && typeof error === "object" && "code" in error && error.code === "TRANSACTION_REPLACED") {
+        console.log(
+          `Transaction was replaced: ${"reason" in error ? String(error.reason) : "unknown"}`
+        );
+        if ("receipt" in error && error.receipt) {
+          const replacementReceipt = error.receipt;
+          if (replacementReceipt.status === 1) {
+            console.log(
+              `Replacement transaction succeeded in block ${replacementReceipt.blockNumber}`
+            );
+            return {
+              completed: true
+            };
+          } else {
+            const chainError2 = new TransactionRevertedError("evm", txHash);
+            return {
+              completed: false,
+              error: chainError2.message
+            };
+          }
+        }
+      }
       const chainError = toChainStrategyError(
         error,
         "evm",
@@ -6679,7 +6766,6 @@ class EvmChainStrategy {
       };
     }
   }
-  // ========== Private Helper Methods ==========
   async executeTransaction(step) {
     const provider = this.provider;
     const signer = await provider?.getSigner();
@@ -6782,13 +6868,52 @@ class EvmChainStrategy {
       return false;
     }
   }
+  /**
+   * Check if a block has reached finality status (optional, for critical transactions)
+   * This is more stringent than confirmations and protects against long-range reorgs
+   *
+   * Usage: Call this method after waitForCompletion if you need additional security
+   * for high-value transactions. The method checks if the block has been marked as
+   * "finalized" by the Ethereum consensus layer (2/3 of validators).
+   *
+   * @param blockNumber - The block number to check for finality
+   * @returns true if the block is finalized, false otherwise
+   */
+  async checkFinality(blockNumber) {
+    try {
+      const provider = this.provider;
+      if (!provider) {
+        return false;
+      }
+      const finalizedBlock = await provider.getBlock("finalized");
+      if (!finalizedBlock) {
+        console.debug(
+          "Finalized block not available (pre-merge or unsupported)"
+        );
+        return false;
+      }
+      const isFinalized = blockNumber <= finalizedBlock.number;
+      if (isFinalized) {
+        console.log(
+          `Block ${blockNumber} has reached finality (finalized block: ${finalizedBlock.number})`
+        );
+      } else {
+        console.debug(
+          `Block ${blockNumber} not yet finalized (finalized block: ${finalizedBlock.number})`
+        );
+      }
+      return isFinalized;
+    } catch (error) {
+      console.debug("Error checking finality:", error);
+      return false;
+    }
+  }
 }
 class TonChainStrategy {
   constructor(config) {
     __publicField(this, "config");
     this.config = config;
   }
-  // ========== Identity ==========
   canHandle(chainKey) {
     return chainKey.toLowerCase() === "ton";
   }
@@ -6798,7 +6923,6 @@ class TonChainStrategy {
   getName() {
     return "TON Chain Strategy";
   }
-  // ========== Wallet Management ==========
   async connect() {
     await this.config.tonConnectUI?.openModal();
   }
@@ -6823,17 +6947,26 @@ class TonChainStrategy {
   getConnectLabel(t2) {
     return t2("wallets.connectTonWallet");
   }
-  // ========== Balance & Validation ==========
-  async getBalances(address) {
-    return await getSwapBalances(address);
+  async getBalances(address, tokens) {
+    return await getTonBalances(
+      address,
+      tokens,
+      this.config.tonClient,
+      this.config.tonApiKey
+    );
   }
   isAddressValid(address) {
     if (!address) return false;
     return true;
   }
-  // ========== Gas Estimation ==========
   async estimateGasRequirement(params) {
-    const { selectedToken, nativeTokenSymbol, amount, balances, reserveFallback } = params;
+    const {
+      selectedToken,
+      nativeTokenSymbol,
+      amount,
+      balances,
+      reserveFallback
+    } = params;
     const nativeSym = nativeTokenSymbol.toUpperCase();
     const isNativeSelected = nativeSym === (selectedToken?.symbol ?? "").toUpperCase();
     const nativeBalance = Number(balances[nativeSym]?.balance ?? 0);
@@ -6855,7 +6988,6 @@ class TonChainStrategy {
       isNativeSelected
     };
   }
-  // ========== Transaction Execution ==========
   validateSteps(steps) {
     if (!steps || steps.length === 0) {
       throw new InvalidStepsError("ton", "No transaction steps provided");
@@ -6908,19 +7040,17 @@ class TonChainStrategy {
       const result = await this.config.tonConnectUI.sendTransaction(
         transaction
       );
-      const hash = this.getTxHash(result.boc);
       return {
         chainKey: "ton",
-        hash
+        hash: result.boc
       };
     } catch (error) {
       throw toChainStrategyError(error, "ton", "transaction");
     }
   }
-  async waitForCompletion(txHash, context) {
+  async waitForCompletion(txHash) {
     try {
       const confirmed = await this.checkTonTransaction(
-        context.srcAddress,
         txHash,
         TON_CONFIG.timeout
       );
@@ -6950,39 +7080,78 @@ class TonChainStrategy {
       };
     }
   }
-  // ========== Private Helper Methods ==========
-  getTxHash(boc) {
-    const cell = Cell.fromBase64(boc);
-    const buffer = cell.hash();
-    return buffer.toString("hex");
+  getNormalizedExtMessageHash(message) {
+    if (message.info.type !== "external-in") {
+      throw new Error(`Expected external-in message, got ${message.info.type}`);
+    }
+    const normalizedInfo = {
+      ...message.info,
+      src: void 0,
+      importFee: 0n
+    };
+    const normalizedMessage = {
+      ...message,
+      info: normalizedInfo,
+      init: null
+    };
+    return beginCell$1().store(storeMessage(normalizedMessage, { forceRef: true })).endCell().hash();
   }
-  async checkTonTransaction(address, txHash, timeoutMs = 36e4) {
+  async checkTonTransaction(bocBase64, timeoutMs = 36e4) {
     const deadline = Date.now() + timeoutMs;
-    const normalizedHash = txHash.toLowerCase();
-    while (Date.now() < deadline) {
-      try {
-        const response = await fetch(
-          `${TON_CONFIG.apiUrl}/getTransactions?address=${address}&limit=20`
+    const client = getTonClient(this.config.tonClient, this.config.tonApiKey);
+    try {
+      const inMessage = loadMessage(Cell.fromBase64(bocBase64).beginParse());
+      if (inMessage.info.type !== "external-in") {
+        console.debug(
+          "Expected external-in message, got:",
+          inMessage.info.type
         );
-        if (!response.ok) {
-          console.debug("TonCenter API error:", response.status);
-          await new Promise((r) => setTimeout(r, 3e3));
-          continue;
-        }
-        const data = await response.json();
-        const transactions = data.result || [];
-        for (const tx of transactions) {
-          const txIdHash = tx.transaction_id?.hash;
-          if (txIdHash && txIdHash.toLowerCase() === normalizedHash) {
-            return true;
+        return false;
+      }
+      const accountAddress = inMessage.info.dest;
+      const targetMessageHash = this.getNormalizedExtMessageHash(inMessage);
+      let lt = void 0;
+      let hash = void 0;
+      while (Date.now() < deadline) {
+        try {
+          const transactions = await client.getTransactions(accountAddress, {
+            lt,
+            hash,
+            limit: 10,
+            archival: true
+          });
+          if (transactions.length === 0) {
+            await new Promise((r) => setTimeout(r, 3e3));
+            lt = void 0;
+            hash = void 0;
+            continue;
+          }
+          for (const tx of transactions) {
+            if (tx.inMessage?.info.type === "external-in") {
+              const txInMessageHash = this.getNormalizedExtMessageHash(
+                tx.inMessage
+              );
+              if (txInMessageHash.equals(targetMessageHash)) {
+                console.debug("Transaction found by in-message hash");
+                return true;
+              }
+            }
           }
+          const lastTx = transactions[transactions.length - 1];
+          lt = lastTx.lt.toString();
+          hash = lastTx.hash().toString("base64");
+        } catch (error) {
+          console.debug("Error fetching transactions:", error);
+          await new Promise((r) => setTimeout(r, 3e3));
+          lt = void 0;
+          hash = void 0;
         }
-      } catch (e) {
-        console.debug("TonCenter polling error:", e);
       }
-      await new Promise((r) => setTimeout(r, 3e3));
+      return false;
+    } catch (error) {
+      console.debug("Error parsing BOC or checking transaction:", error);
+      return false;
     }
-    return false;
   }
 }
 class TronChainStrategy {
@@ -7043,7 +7212,13 @@ class TronChainStrategy {
   }
   // ========== Gas Estimation ==========
   async estimateGasRequirement(params) {
-    const { selectedToken, nativeTokenSymbol, amount, balances, reserveFallback } = params;
+    const {
+      selectedToken,
+      nativeTokenSymbol,
+      amount,
+      balances,
+      reserveFallback
+    } = params;
     const nativeSym = nativeTokenSymbol.toUpperCase();
     const isNativeSelected = nativeSym === (selectedToken?.symbol ?? "").toUpperCase();
     const nativeBalance = Number(balances[nativeSym]?.balance ?? 0);
@@ -7065,7 +7240,6 @@ class TronChainStrategy {
       isNativeSelected
     };
   }
-  // ========== Transaction Execution ==========
   validateSteps(steps) {
     console.log("validateSteps");
     if (!steps?.length) {
@@ -7100,7 +7274,10 @@ class TronChainStrategy {
       if (String(step.chainKey).toLowerCase() !== "tron") continue;
       const tx = step.transaction;
       if (!tx) {
-        throw new InvalidTransactionDataError("tron", "Missing transaction data");
+        throw new InvalidTransactionDataError(
+          "tron",
+          "Missing transaction data"
+        );
       }
       const hexData = typeof tx?.data === "string" ? tx.data : "";
       const parsed = this.parseTronStep(step, tx, hexData);
@@ -7151,13 +7328,19 @@ class TronChainStrategy {
           break;
         }
         default:
-          throw new InvalidStepsError("tron", "Unsupported TRON parsed tx kind");
+          throw new InvalidStepsError(
+            "tron",
+            "Unsupported TRON parsed tx kind"
+          );
       }
       const { txid } = await this.signAndBroadcast(tronWeb, unsigned);
       lastTxId = txid;
     }
     if (!lastTxId) {
-      throw new TransactionFailedError("tron", "No TRON transaction was executed");
+      throw new TransactionFailedError(
+        "tron",
+        "No TRON transaction was executed"
+      );
     }
     return { hash: lastTxId, chainKey: "tron" };
   }
@@ -7167,47 +7350,84 @@ class TronChainStrategy {
       if (!tronWeb) {
         throw new ProviderNotAvailableError("tron");
       }
+      console.log(
+        `Waiting for ${TRON_CONFIG.requiredConfirmations} confirmations for TRON tx: ${txHash}`
+      );
       const deadline = Date.now() + TRON_CONFIG.timeout;
-      while (Date.now() < deadline) {
+      let txBlockNumber = null;
+      while (Date.now() < deadline && !txBlockNumber) {
         try {
           const info = await tronWeb.trx.getTransactionInfo(txHash);
-          console.log("TRON transaction info:", info);
-          if (info) {
+          if (info && info.blockNumber) {
             const result = info.receipt?.result;
-            if (result === "SUCCESS") {
-              console.log("TRON transaction confirmed on-chain");
+            if (result !== "SUCCESS") {
+              const msg = this.hexToAscii(info.resMessage) || null;
+              let reason = msg;
+              const cr = info.contractResult?.[0];
+              if (cr && /^0x?08c379a0/i.test(cr)) {
+                try {
+                  const clean = cr.replace(/^0x/, "");
+                  const len = parseInt(clean.slice(8 + 64, 8 + 64 + 64), 16);
+                  const strHex = clean.slice(
+                    8 + 64 + 64,
+                    8 + 64 + 64 + len * 2
+                  );
+                  const str = this.hexToAscii("0x" + strHex);
+                  if (str) reason = str;
+                } catch (e) {
+                  console.debug("TRON revert string decode error", e);
+                }
+              }
+              const error2 = new TransactionRevertedError(
+                "tron",
+                txHash,
+                reason || "Unknown error"
+              );
               return {
-                completed: true
+                completed: false,
+                error: error2.message
               };
             }
-            const msg = this.hexToAscii(info.resMessage) || null;
-            let reason = msg;
-            const cr = info.contractResult?.[0];
-            if (cr && /^0x?08c379a0/i.test(cr)) {
-              try {
-                const clean = cr.replace(/^0x/, "");
-                const len = parseInt(clean.slice(8 + 64, 8 + 64 + 64), 16);
-                const strHex = clean.slice(8 + 64 + 64, 8 + 64 + 64 + len * 2);
-                const str = this.hexToAscii("0x" + strHex);
-                if (str) reason = str;
-              } catch (e) {
-                console.debug("TRON revert string decode error", e);
-              }
+            txBlockNumber = info.blockNumber;
+            console.log(`TRON transaction found in block ${txBlockNumber}`);
+          }
+        } catch (e) {
+          console.debug("TRON getTransactionInfo error:", e);
+        }
+        if (!txBlockNumber) {
+          await new Promise((r) => setTimeout(r, TRON_CONFIG.pollingInterval));
+        }
+      }
+      if (!txBlockNumber) {
+        const error2 = new TransactionTimeoutError("tron", txHash);
+        return {
+          completed: false,
+          error: error2.message
+        };
+      }
+      let confirmations = 0;
+      while (Date.now() < deadline) {
+        try {
+          const currentBlock = await tronWeb.trx.getCurrentBlock();
+          const currentBlockNumber = currentBlock?.block_header?.raw_data?.number;
+          if (currentBlockNumber) {
+            confirmations = currentBlockNumber - txBlockNumber;
+            if (confirmations >= TRON_CONFIG.requiredConfirmations) {
+              console.log(
+                `TRON transaction confirmed in block ${txBlockNumber} with ${confirmations} confirmations`
+              );
+              return {
+                completed: true
+              };
             }
-            const error2 = new TransactionRevertedError(
-              "tron",
-              txHash,
-              reason || "Unknown error"
+            console.log(
+              `TRON transaction confirmations: ${confirmations}/${TRON_CONFIG.requiredConfirmations}`
             );
-            return {
-              completed: false,
-              error: error2.message
-            };
           }
         } catch (e) {
-          console.debug("TRON getTransactionInfo error:", e);
+          console.debug("TRON getCurrentBlock error:", e);
         }
-        await new Promise((r) => setTimeout(r, 3e3));
+        await new Promise((r) => setTimeout(r, TRON_CONFIG.pollingInterval));
       }
       const error = new TransactionTimeoutError("tron", txHash);
       return {
@@ -7215,14 +7435,17 @@ class TronChainStrategy {
         error: error.message
       };
     } catch (error) {
-      const chainError = toChainStrategyError(error, "tron", "waitForCompletion");
+      const chainError = toChainStrategyError(
+        error,
+        "tron",
+        "waitForCompletion"
+      );
       return {
         completed: false,
         error: chainError.message
       };
     }
   }
-  // ========== Private Helper Methods ==========
   getTronWeb() {
     return typeof window !== "undefined" ? window.tronWeb : void 0;
   }
@@ -7275,7 +7498,10 @@ class TronChainStrategy {
           amount: this.extractAmountFromTxData(tx.data)
         };
       }
-      throw new InvalidTransactionDataError("tron", "Cannot parse approve transaction");
+      throw new InvalidTransactionDataError(
+        "tron",
+        "Cannot parse approve transaction"
+      );
     }
     if (step?.type === "transfer" || step?.type === "bridge") {
       const s = step;
@@ -7305,7 +7531,10 @@ class TronChainStrategy {
           feeLimit: raw2.feeLimit
         };
       }
-      throw new InvalidTransactionDataError("tron", "Cannot parse transfer/bridge transaction");
+      throw new InvalidTransactionDataError(
+        "tron",
+        "Cannot parse transfer/bridge transaction"
+      );
     }
     if (tx?.to && tx?.value && !tx?.data) {
       const v = BigInt(tx.value.toString());
@@ -7325,19 +7554,28 @@ class TronChainStrategy {
         feeLimit: raw.feeLimit
       };
     }
-    throw new InvalidTransactionDataError("tron", `Unsupported TRON step type: ${step?.type ?? "unknown"}`);
+    throw new InvalidTransactionDataError(
+      "tron",
+      `Unsupported TRON step type: ${step?.type ?? "unknown"}`
+    );
   }
   extractSpenderFromTxData(data) {
     const clean = data.replace(/^0x/, "");
     if (clean.length < 74) {
-      throw new InvalidTransactionDataError("tron", "Invalid transaction data length");
+      throw new InvalidTransactionDataError(
+        "tron",
+        "Invalid transaction data length"
+      );
     }
     return "41" + clean.slice(32, 72);
   }
   extractAmountFromTxData(data) {
     const clean = data.replace(/^0x/, "");
     if (clean.length < 138) {
-      throw new InvalidTransactionDataError("tron", "Invalid transaction data length");
+      throw new InvalidTransactionDataError(
+        "tron",
+        "Invalid transaction data length"
+      );
     }
     const amountHex = clean.slice(72, 136);
     return BigInt("0x" + amountHex).toString();
@@ -7345,7 +7583,10 @@ class TronChainStrategy {
   extractRecipientFromTxData(data) {
     const clean = data.replace(/^0x/, "");
     if (clean.length < 74) {
-      throw new InvalidTransactionDataError("tron", "Invalid transaction data length");
+      throw new InvalidTransactionDataError(
+        "tron",
+        "Invalid transaction data length"
+      );
     }
     return "41" + clean.slice(32, 72);
   }
@@ -7420,7 +7661,6 @@ class TronChainStrategy {
       return null;
     }
   }
-  // ========== Transaction Builders ==========
   async buildApprove(tronWeb, p) {
     const res = await tronWeb.transactionBuilder.triggerSmartContract(
       p.token,
@@ -7433,7 +7673,10 @@ class TronChainStrategy {
       p.from
     );
     if (!res?.transaction) {
-      throw new TransactionFailedError("tron", "Failed to build approve transaction");
+      throw new TransactionFailedError(
+        "tron",
+        "Failed to build approve transaction"
+      );
     }
     return res.transaction;
   }
@@ -7449,7 +7692,10 @@ class TronChainStrategy {
       p.from
     );
     if (!res?.transaction) {
-      throw new TransactionFailedError("tron", "Failed to build transfer transaction");
+      throw new TransactionFailedError(
+        "tron",
+        "Failed to build transfer transaction"
+      );
     }
     return res.transaction;
   }
@@ -7469,12 +7715,13 @@ class TronChainStrategy {
       p.from
     );
     if (!res?.transaction) {
-      throw new TransactionFailedError("tron", "Failed to build raw call transaction");
+      throw new TransactionFailedError(
+        "tron",
+        "Failed to build raw call transaction"
+      );
     }
     return res.transaction;
   }
-  // ========== Transaction Sender ==========
-  /* eslint-disable @typescript-eslint/no-explicit-any */
   async signAndBroadcast(tronWeb, unsignedTx) {
     const signed = await tronWeb.trx.sign(unsignedTx);
     const sent = await tronWeb.trx.sendRawTransaction(signed);
@@ -7486,33 +7733,77 @@ class TronChainStrategy {
     }
     return { txid: sent.txid };
   }
+  /**
+   * Check if a transaction has been solidified (confirmed by solidityNode)
+   * This is an additional check for critical transactions to ensure they are
+   * truly confirmed and available through the solidityNode API.
+   *
+   * Usage: Call this method after waitForCompletion for high-value transactions
+   * to get additional assurance that the transaction is solidified.
+   *
+   * @param txHash - Transaction hash to check
+   * @returns true if the transaction is solidified, false otherwise
+   */
+  async checkSolidified(txHash) {
+    try {
+      const tronWeb = this.getTronWeb();
+      if (!tronWeb) {
+        return false;
+      }
+      const info = await tronWeb.trx.getTransactionInfo(txHash);
+      if (!info || !info.blockNumber) {
+        console.debug(
+          "Transaction not yet solidified (no blockNumber in info)"
+        );
+        return false;
+      }
+      const result = info.receipt?.result;
+      if (result === "SUCCESS") {
+        console.log(
+          `Transaction ${txHash} is solidified in block ${info.blockNumber}`
+        );
+        return true;
+      }
+      console.debug(`Transaction solidified but result is: ${result}`);
+      return false;
+    } catch (error) {
+      console.debug("Error checking solidified status:", error);
+      return false;
+    }
+  }
 }
 function ChainStrategyProvider({
   children,
   evmWallet,
   tonWallet,
-  tronWallet
+  tronWallet,
+  tonClient,
+  tonApiKey
 }) {
   const evmStrategy = useMemo(
     () => new EvmChainStrategy({
       evmAddress: evmWallet.address,
       evmIsConnected: evmWallet.isConnected,
       evmDisconnect: evmWallet.disconnect,
-      walletClient: evmWallet.walletClient
+      walletClient: evmWallet.walletClient,
+      publicClient: evmWallet.publicClient
     }),
     [
       evmWallet.address,
       evmWallet.isConnected,
       evmWallet.disconnect,
-      evmWallet.walletClient
+      evmWallet.walletClient,
+      evmWallet.publicClient
     ]
   );
   const tonStrategy = useMemo(
     () => new TonChainStrategy({
       tonConnectUI: tonWallet.tonConnectUI,
-      tonAddress: tonWallet.address
+      tonAddress: tonWallet.address,
+      tonClient,
+      tonApiKey
     }),
-    [tonWallet.tonConnectUI, tonWallet.address]
+    [tonWallet.tonConnectUI, tonWallet.address, tonClient, tonApiKey]
   );
   const tronStrategy = useMemo(
     () => new TronChainStrategy({
@@ -7534,9 +7825,12 @@ function ChainStrategyProvider({
     () => new ChainStrategyRegistry([evmStrategy, tonStrategy, tronStrategy]),
     [evmStrategy, tonStrategy, tronStrategy]
   );
-  const value = {
-    chainRegistry
-  };
+  const value = useMemo(
+    () => ({
+      chainRegistry
+    }),
+    [chainRegistry]
+  );
   return /* @__PURE__ */ jsx(ChainStrategyContext.Provider, { value, children });
 }
 const EvaaBridgeWithProviders = (props) => {
@@ -7545,6 +7839,7 @@ const EvaaBridgeWithProviders = (props) => {
   const { address: evmAddress, isConnected: evmIsConnected } = useAccount();
   const { disconnect: evmDisconnect } = useDisconnect();
   const { data: walletClient } = useWalletClient();
+  const publicClient = usePublicClient();
   const {
     address: tronAddress,
     connected: tronConnected,
@@ -7569,7 +7864,8 @@ const EvaaBridgeWithProviders = (props) => {
         address: evmAddress,
         isConnected: evmIsConnected,
         disconnect: evmDisconnect,
-        walletClient
+        walletClient,
+        publicClient
       },
       tonWallet: {
         tonConnectUI,
@@ -7582,6 +7878,8 @@ const EvaaBridgeWithProviders = (props) => {
         connect: tronConnect,
         disconnect: tronDisconnect
       },
+      tonClient: props.tonClient,
+      tonApiKey: props.tonApiKey,
       children: /* @__PURE__ */ jsx(EvaaBridgeContent, { ...props })
     }
   );
@@ -7686,16 +7984,16 @@ const EvaaBridgeContent = ({
   }, [chains, assetMatrix, allowedFromChains]);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs(
-      "section",
+      Card,
       {
         className: cn(
-          "p-5 bg-card max-w-md w-full rounded-3xl mx-auto flex flex-col gap-4 relative",
+          "max-w-md w-full mx-auto flex flex-col relative",
           className
         ),
         ref: modalContainerRef,
         children: [
           /* @__PURE__ */ jsx(FormHeader, { modalContainer: modalContainerRef.current }),
-          /* @__PURE__ */ jsxs("div", { className: "space-y-[1px]", children: [
+          /* @__PURE__ */ jsxs(CardContent, { className: "space-y-[1px]", children: [
             /* @__PURE__ */ jsx(
               SwapSection,
               {
@@ -7733,10 +8031,10 @@ const EvaaBridgeContent = ({
                 enabled: sendToAnother,
                 onToggle: () => setSendToAnother((v) => !v)
               }
-            )
+            ),
+            /* @__PURE__ */ jsx(SubmitButton, {})
           ] }),
-          /* @__PURE__ */ jsx(SubmitButton, {}),
-          /* @__PURE__ */ jsx(ReceiveRow, {})
+          /* @__PURE__ */ jsx(CardFooter, { children: /* @__PURE__ */ jsx(ReceiveRow, {}) })
         ]
       }
     ),
@@ -7825,8 +8123,8 @@ export {
   getQuoteDetails,
   getQuoteFees,
   getQuotesByPriority,
-  getSwapBalances,
   getTokens,
+  getTonBalances,
   getTronBalances,
   isAddressValidForChain,
   isEvmAddress,
@@ -7835,7 +8133,7 @@ export {
   isZeroAddr,
   listAssetsForSelect,
   lookupTokenMeta,
-  normalizeTickerSymbol,
+  normalizeTickerSymbol$1 as normalizeTickerSymbol,
   pollUntilDelivered,
   resolveTokenOnChain,
   resolveTokenOnChainFromMatrix$2 as resolveTokenOnChainFromMatrix,