@rash2x/bridge-widget 0.2.10 → 0.2.11

package/dist/evaa-bridge.mjs

@@ -10,27 +10,28 @@ import { create } from "zustand";
 import { useAccount, useConnect, useDisconnect, useWalletClient, usePublicClient } from "wagmi";
 import { useWallet } from "@tronweb3/tronwallet-adapter-react-hooks";
 import { useTonAddress, useTonConnectUI } from "@tonconnect/ui-react";
-import { Address, beginCell as beginCell$1, storeMessage, loadMessage, Cell } from "@ton/core";
+import { Address, loadMessage, Cell, beginCell as beginCell$1, storeMessage } from "@ton/core";
 import { useQuery, useQueryClient } from "@tanstack/react-query";
 import { cn } from "@/lib/utils";
 import { Skeleton } from "@/components/ui/skeleton";
 import { Input } from "@/components/ui/input";
-import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription } from "@/components/ui/dialog";
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter } from "@/components/ui/dialog";
 import { Switch } from "@/components/ui/switch";
 import { X, Loader2, AlertCircleIcon, 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";
+import { TonClient, Address as Address$1, beginCell } from "@ton/ton";
 import { toast, Toaster } from "sonner";
+import { DialogDescription as DialogDescription$1 } from "@radix-ui/react-dialog";
 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";
 import { CardHeader, CardTitle, CardAction, Card, CardContent, CardFooter } from "@/components/ui/card";
 import { Badge } from "@/components/ui/badge";
 const common$1 = { "connecting": "Connecting…", "initializing": "Initializing...", "loading": "Loading...", "paste": "paste", "close": "Close", "zeroPlaceholder": "0", "nativeToken": "Native Token" };
 const wallets$1 = { "addTonWallet": "Add TON wallet", "addEvmWallet": "Add EVM wallet", "connectTonWallet": "Connect TON wallet", "connectEvmWallet": "Connect EVM wallet", "initializingMetamask": "Initializing MetaMask SDK...", "initializingTronlink": "Initializing TronLink...", "failedToConnectTon": "Failed to connect to TON wallet", "failedToDisconnect": "Failed to disconnect", "metamaskConnectionError": "MetaMask connection error", "failedToConnectMetamask": "Failed to connect to MetaMask", "failedToDisconnectMetamask": "Failed to disconnect from MetaMask", "selectWallet": "Select Wallet", "tonWallets": "TON", "evmWallets": "EVM", "tronWallets": "TRON", "tonKeeper": "TonKeeper", "metaMask": "WalletConnect", "tronLink": "TronLink", "addTronWallet": "Add Tron wallet", "comingSoon": "Coming Soon", "connected": "CONNECTED", "disconnect": "Disconnect", "chooseWallet": "Choose wallet", "oneWalletPerEnv": "You can only connect one wallet per environment.", "connect": "Connect", "connectTronWallet": "Connect Tron wallet", "connectWallet": "Connect wallet" };
-const bridge$1 = { "sourceNetwork": "Source network", "destinationNetwork": "Destination network", "selectToken": "Select token", "selectNetwork": "Select network", "searchToken": "Search token", "searchDestinationChain": "Search destination chain", "myTokens": "My tokens", "allTokens": "All tokens", "willChangeSourceChain": "Will Change Source Chain", "noBalancesFound": "No balances found.", "noResults": "No results", "sendToAnotherAddress": "Send to another address", "youWillReceive": "You will receive", "anotherAddressPlaceholder": "Address", "addressDoesntMatch": "Address doesn't match the {{network}} network", "checkBeforeTransfer": "Check correctness before transfer" };
+const bridge$1 = { "max": "Max", "sourceNetwork": "Source network", "destinationNetwork": "Destination network", "selectToken": "Select token", "selectNetwork": "Select network", "searchToken": "Search token", "searchDestinationChain": "Search destination chain", "myTokens": "My tokens", "allTokens": "All tokens", "willChangeSourceChain": "Will Change Source Chain", "noBalancesFound": "No balances found.", "noResults": "No results", "sendToAnotherAddress": "Send to another address", "youWillReceive": "You will receive", "anotherAddressPlaceholder": "Address", "addressDoesntMatch": "Address doesn't match the {{network}} network", "checkBeforeTransfer": "Check correctness before transfer" };
 const transaction$1 = { "enterAmount": "Enter amount", "transfer": "Transfer", "getQuote": "Get quote", "failed": "Transaction Failed", "confirm": "Confirm transaction", "signTransaction": "Sign in transaction in wallet", "quoting": "Quoting...", "inProgress": "Processing...", "checkingBalance": "Checking balance...", "insufficientBalance": "Insufficient balance", "amountTooSmall": "Min {{min}}", "amountTooLarge": "Max {{max}}", "success": "Success", "successTitle": "Success", "done": "Done", "hashCopied": "Hash copied to clipboard", "bridged": "Bridged", "transferTitle": "Transfer", "hash": "Hash", "finalFee": "Final Fee", "route": "Route", "estTime": "Est. Time", "slippage": "Slippage", "minimumReceived": "Minimum received", "totalFee": "Total Fee", "noRouteFound": "No route found", "notEnoughGas": "Not enough gas", "noRouteFoundForSettings": "No route found for current settings.", "tryAdjustSettings": "Try disabling Gas on Destination, or adjust amount/networks.", "quoteError": "Quote error" };
 const app$1 = { "stargateWidgetName": "Stargate Bridge Widget", "liveWidget": "Live Widget", "getStarted": "Get Started" };
 const settings$1 = { "title": "Settings", "gasOnDestination": "Gas on destination", "slippageTolerance": "Slippage tolerance", "routePriority": "Route Priority", "highSlippageWarning": "High slippage warning", "gasPresets": { "auto": "Auto", "none": "None", "medium": "Medium", "max": "Max" }, "routePresets": { "fastest": "Fastest", "cheapest": "Cheapest", "recommended": "Recommended" } };
@@ -46,7 +47,7 @@ const en = {
 };
 const common = { "connecting": "Подключение…", "initializing": "Инициализация...", "loading": "Загрузка...", "paste": "вставить", "close": "Закрыть", "zeroPlaceholder": "0", "nativeToken": "Нативный токен" };
 const wallets = { "addTonWallet": "Добавить TON кошелёк", "addEvmWallet": "Добавить EVM кошелёк", "connectTonWallet": "Подключить TON кошелёк", "connectEvmWallet": "Подключить EVM кошелёк", "initializingMetamask": "Инициализация MetaMask SDK...", "initializingTronlink": "Инициализация TronLink...", "failedToConnectTon": "Не удалось подключиться к TON кошельку", "failedToDisconnect": "Не удалось отключиться", "metamaskConnectionError": "Ошибка подключения MetaMask", "failedToConnectMetamask": "Не удалось подключиться к MetaMask", "failedToDisconnectMetamask": "Не удалось отключиться от MetaMask", "selectWallet": "Выберите кошелёк", "tonWallets": "TON", "evmWallets": "EVM", "tronWallets": "TRON", "tonKeeper": "TonKeeper", "metaMask": "WalletConnect", "tronLink": "TronLink", "addTronWallet": "Добавить Tron кошелёк", "comingSoon": "Скоро", "connected": "ПОДКЛЮЧЕНО", "disconnect": "Отключить", "chooseWallet": "Выберите кошелёк", "oneWalletPerEnv": "Можно подключить только один кошелёк на окружение.", "connect": "Подключить", "connectTronWallet": "Подключить Tron кошелёк", "connectWallet": "Подключить кошелёк" };
-const bridge = { "sourceNetwork": "Исходная сеть", "destinationNetwork": "Целевая сеть", "selectToken": "Выбрать токен", "selectNetwork": "Выбрать сеть", "searchToken": "Поиск токена", "searchDestinationChain": "Поиск целевой сети", "myTokens": "Мои токены", "allTokens": "Все токены", "willChangeSourceChain": "Сменит исходную сеть", "noBalancesFound": "Балансы не найдены.", "noResults": "Нет результатов", "sendToAnotherAddress": "Отправить на другой адрес", "youWillReceive": "Вы получите", "anotherAddressPlaceholder": "Адрес", "addressDoesntMatch": "Адрес не соответствует сети {{network}}", "checkBeforeTransfer": "Проверьте корректность перед переводом" };
+const bridge = { "max": "Макс", "sourceNetwork": "Исходная сеть", "destinationNetwork": "Целевая сеть", "selectToken": "Выбрать токен", "selectNetwork": "Выбрать сеть", "searchToken": "Поиск токена", "searchDestinationChain": "Поиск целевой сети", "myTokens": "Мои токены", "allTokens": "Все токены", "willChangeSourceChain": "Сменит исходную сеть", "noBalancesFound": "Балансы не найдены.", "noResults": "Нет результатов", "sendToAnotherAddress": "Отправить на другой адрес", "youWillReceive": "Вы получите", "anotherAddressPlaceholder": "Адрес", "addressDoesntMatch": "Адрес не соответствует сети {{network}}", "checkBeforeTransfer": "Проверьте корректность перед переводом" };
 const transaction = { "enterAmount": "Введите сумму", "transfer": "Перевести", "getQuote": "Получить котировку", "quoting": "Расчет котировки...", "failed": "Ошибка транзакции", "confirm": "Подтвердите транзакцию", "signTransaction": "Подпишите транзакцию в кошельке", "inProgress": "Выполнение...", "checkingBalance": "Проверка баланса...", "insufficientBalance": "Недостаточно средств", "amountTooSmall": "Минимум {{min}}", "amountTooLarge": "Максимум {{max}}", "success": "Успех", "successTitle": "Успех", "done": "Готово", "hashCopied": "Хэш скопирован в буфер обмена", "bridged": "Переведено", "transferTitle": "Перевод", "hash": "Хэш", "finalFee": "Итоговая комиссия", "route": "Маршрут", "estTime": "Время", "slippage": "Проскальзывание", "minimumReceived": "Минимум к получению", "totalFee": "Общая комиссия", "noRouteFound": "Маршрут не найден", "notEnoughGas": "Недостаточно газа", "noRouteFoundForSettings": "Маршрут не найден для текущих настроек.", "tryAdjustSettings": "Попробуйте отключить Gas on Destination или измените сумму/сети.", "quoteError": "Ошибка котировки" };
 const app = { "stargateWidgetName": "Виджет Stargate Bridge", "liveWidget": "Живой виджет", "getStarted": "Начало работы" };
 const settings = { "title": "Настройки", "gasOnDestination": "Газ на назначении", "slippageTolerance": "Толерантность к проскальзыванию", "routePriority": "Приоритет маршрута", "highSlippageWarning": "Высокое проскальзывание", "gasPresets": { "auto": "Авто", "none": "Нет", "medium": "Средний", "max": "Макс" }, "routePresets": { "fastest": "Быстрейший", "cheapest": "Дешевейший", "recommended": "Рекомендуемый" } };
@@ -1584,18 +1585,30 @@ const SwapButton = () => {
   ) });
 };
 const WalletBalance = (props) => {
-  const { value, isLoading = false } = props;
+  const { value, isLoading = false, showMax = false, onMaxClick } = props;
+  const { t } = useBridgeTranslation();
   const hasNoData = !value || value === "0" || value === "0.00" || value === "0.0";
   const shouldShowSkeleton = isLoading && hasNoData;
+  const shouldShowMaxButton = showMax && !hasNoData && !isLoading;
   if (shouldShowSkeleton) {
     return /* @__PURE__ */ jsxs("div", { className: "flex gap-2 items-center", children: [
       /* @__PURE__ */ jsx(WalletIcon, { className: "text-muted-foreground" }),
-      /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-16 rounded-md" })
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-12 rounded-md" })
     ] });
   }
   return /* @__PURE__ */ jsxs("div", { className: "flex gap-2 items-center", children: [
     /* @__PURE__ */ jsx(WalletIcon, { className: "text-muted-foreground" }),
-    /* @__PURE__ */ jsx("span", { className: "text-sm leading-5 font-medium text-muted-foreground", children: value })
+    /* @__PURE__ */ jsx("span", { className: "text-sm leading-5 font-medium text-muted-foreground", children: value }),
+    shouldShowMaxButton && /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "ghost",
+        size: "sm",
+        onClick: onMaxClick,
+        className: "h-auto p-0 px-0 text-xs font-medium border-b border-foreground rounded-none",
+        children: t("bridge.max")
+      }
+    )
   ] });
 };
 const BASE_URL$1 = "https://icons-ckg.pages.dev/stargate-light/networks";
@@ -1836,7 +1849,7 @@ const ChainSelectModal = ({
     );
   };
   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", children: [
-    /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: t("bridge.selectNetwork") }) }),
+    /* @__PURE__ */ jsx(DialogHeader, { className: "text-left", children: /* @__PURE__ */ jsx(DialogTitle, { children: t("bridge.selectNetwork") }) }),
     /* @__PURE__ */ jsx(
       SearchInput,
       {
@@ -1961,7 +1974,7 @@ const WalletInlineButton = ({
         disabled: isButtonDisabled,
         variant: "ghost",
         size: "sm",
-        className: "flex gap-1 cursor-pointer px-0 pr-1 h-5",
+        className: "flex gap-1 cursor-pointer !px-0 pr-1 h-5",
         children: [
           /* @__PURE__ */ jsx("span", { children: isConnected ? prefixIcons[wallet] : null }),
           /* @__PURE__ */ jsx("span", { className: "leading-3 text-sm border-b border-dotted border-link text-link", children: buttonText })
@@ -2026,6 +2039,11 @@ const SwapSection = ({
     },
     [onSelect, onClose]
   );
+  const handleMaxClick = useCallback(() => {
+    if (balance.balance && onAmountChange) {
+      onAmountChange(balance.balance.toString());
+    }
+  }, [balance.balance, onAmountChange]);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs(
       "div",
@@ -2042,7 +2060,9 @@ const SwapSection = ({
               WalletBalance,
               {
                 value: truncateToDecimals(balance.balance, 2),
-                isLoading: balance.isLoading
+                isLoading: balance.isLoading,
+                showMax: isSource,
+                onMaxClick: handleMaxClick
               }
             )
           ] }),
@@ -2292,6 +2312,53 @@ const TokenSymbol = ({
   const src = `${BASE_URL}/${normalizedSymbol}.svg`;
   return /* @__PURE__ */ jsx("img", { src, alt: alt ?? symbol, className });
 };
+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
+  pollingInterval: 5e3,
+  // 5 seconds between transaction status checks
+  estimatedNetworkFee: "100000000"
+  // 0.1 TON in nanoton (conservative estimate)
+};
+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 getQuoteAmounts(quote, srcToken, dstToken) {
   if (!quote || !srcToken || !dstToken) {
     return {
@@ -2371,6 +2438,34 @@ function calculateMinReceived(quote, slippageBps, dstToken) {
   const minAmountLD = dstAmountLD * BigInt(1e4 - slippageBps) / BigInt(1e4);
   return fromLD(minAmountLD.toString(), dstToken.decimals);
 }
+function addTonNetworkFee(quote, chains) {
+  if (!quote || quote.srcChainKey.toLowerCase() !== "ton") {
+    return quote;
+  }
+  const tonChain = chains?.find(
+    (c) => c.chainKey.toLowerCase() === "ton"
+  );
+  if (!tonChain?.nativeCurrency?.address) {
+    console.warn("Could not find TON native currency address");
+    return quote;
+  }
+  const networkFee = {
+    token: tonChain.nativeCurrency.address,
+    chainKey: "ton",
+    amount: TON_CONFIG.estimatedNetworkFee,
+    type: "network"
+  };
+  const hasNetworkFee = quote.fees?.some(
+    (fee) => fee.type === "network" && fee.chainKey === "ton"
+  );
+  if (hasNetworkFee) {
+    return quote;
+  }
+  return {
+    ...quote,
+    fees: [...quote.fees || [], networkFee]
+  };
+}
 function getQuoteDetails(quote, srcToken, dstToken, tokens, chains, slippageBps) {
   const amounts = getQuoteAmounts(quote, srcToken, dstToken);
   const fees = getQuoteFees(quote, tokens, chains, srcToken, dstToken);
@@ -2409,8 +2504,9 @@ const Details = () => {
     selectedAssetSymbol,
     fromChain?.chainKey
   );
+  const quoteWithFees = addTonNetworkFee(quote, chains);
   const quoteDetails = getQuoteDetails(
-    quote,
+    quoteWithFees || quote,
     srcToken,
     dstToken,
     tokens,
@@ -2438,7 +2534,7 @@ const Details = () => {
   })();
   const currentSlippageText = formatPercentage(slippageBps);
   const routeText = quote?.route ? getRouteDisplayName(quote.route) : t(`settings.routePresets.${routePriority}`);
-  return /* @__PURE__ */ jsx(Accordion, { type: "single", collapsible: true, className: "w-full", children: /* @__PURE__ */ jsxs(AccordionItem, { value: "item-1", className: "bg-muted rounded-sm", children: [
+  return /* @__PURE__ */ jsx(Accordion, { type: "single", collapsible: true, className: "w-full", children: /* @__PURE__ */ jsxs(AccordionItem, { value: "item-1", className: "bg-muted/50 rounded-sm", children: [
     /* @__PURE__ */ jsx(AccordionTrigger, { className: "w-full gap-1 items-center py-6 px-5 rounded-b-sm data-[state=open]:pb-3", children: /* @__PURE__ */ jsxs("div", { className: "w-full flex items-center justify-between", children: [
       /* @__PURE__ */ jsx("p", { className: "text-sm font-normal text-priority leading-4", children: t("bridge.youWillReceive", { defaultValue: "You will receive" }) }),
       /* @__PURE__ */ jsxs("div", { className: "bg-transparent hover:bg-transparent shadow-none h-4 p-0 px-0 py-0 flex items-center gap-2", children: [
@@ -2755,8 +2851,9 @@ function useBridgeTransaction() {
     }
     const srcChain = chains?.find((c) => c.chainKey === quote.srcChainKey);
     const dstChain = chains?.find((c) => c.chainKey === quote.dstChainKey);
-    const amounts = getQuoteAmounts(quote, srcToken, dstToken);
-    const fees = getQuoteFees(quote, tokens, chains, srcToken, dstToken);
+    const quoteWithFees = addTonNetworkFee(quote, chains) || quote;
+    const amounts = getQuoteAmounts(quoteWithFees, srcToken, dstToken);
+    const fees = getQuoteFees(quoteWithFees, tokens, chains, srcToken, dstToken);
     const metadata = {
       srcChainName: srcChain?.name || quote.srcChainKey,
       dstChainName: dstChain?.name || quote.dstChainKey,
@@ -3155,6 +3252,7 @@ const WalletModalButton = (props) => {
   const { icon: IconComponent, name, onClose } = props;
   const { chainRegistry } = useChainStrategies();
   const { connect, isPending } = useConnect();
+  const [isConnecting, setIsConnecting] = useState(false);
   if (props.variant === "connected") {
     const { address, onDisconnect } = props;
     return /* @__PURE__ */ jsx("div", { className: "-mx-3", children: /* @__PURE__ */ jsxs("div", { className: buttonBaseClasses, children: [
@@ -3178,6 +3276,7 @@ const WalletModalButton = (props) => {
   }
   const { walletId, connector } = props;
   const handleConnect = async () => {
+    setIsConnecting(true);
     try {
       if (connector) {
         connect({ connector });
@@ -3190,9 +3289,13 @@ const WalletModalButton = (props) => {
       onClose?.();
     } catch (error) {
       console.error("Failed to connect wallet:", error);
+      const errorMessage = error instanceof Error ? error.message : "Failed to connect wallet. Please try again.";
+      toast.error(errorMessage);
+    } finally {
+      setIsConnecting(false);
     }
   };
-  const isDisabled = connector ? isPending : false;
+  const isDisabled = connector ? isPending : isConnecting;
   return /* @__PURE__ */ jsxs(
     Button,
     {
@@ -3303,7 +3406,7 @@ const WalletSelectModal = () => {
     }
   ].filter((category) => category.wallets.length > 0);
   return /* @__PURE__ */ jsx(Dialog, { open: isOpen, onOpenChange: (open) => !open && onClose(), children: /* @__PURE__ */ jsxs(DialogContent, { children: [
-    /* @__PURE__ */ jsxs(DialogHeader, { children: [
+    /* @__PURE__ */ jsxs(DialogHeader, { className: "text-left", children: [
       /* @__PURE__ */ jsx(DialogTitle, { children: t("wallets.chooseWallet") }),
       /* @__PURE__ */ jsx(DialogDescription, { children: t("wallets.oneWalletPerEnv") })
     ] }),
@@ -3346,7 +3449,7 @@ const WalletSelectModal = () => {
   ] }) });
 };
 const ProgressStep = ({
-  icon = /* @__PURE__ */ jsx(Loader2, { className: "w-12 h-12 animate-spin" })
+  icon = /* @__PURE__ */ jsx(Loader2, { className: "w-16 h-16 animate-spin" })
 }) => {
   const { t } = useBridgeTranslation();
   return /* @__PURE__ */ jsx(DialogContent, { showCloseButton: false, children: /* @__PURE__ */ jsxs("div", { className: "flex relative flex-col gap-4 py-10 px-8 flex-1 items-center justify-start text-center noise bg-background", children: [
@@ -3356,33 +3459,123 @@ const ProgressStep = ({
   ] }) });
 };
 const FailedStep = ({
-  icon = /* @__PURE__ */ jsx(AlertCircleIcon, { className: "w-12 h-12" })
+  icon = /* @__PURE__ */ jsx(AlertCircleIcon, { className: "w-16 h-16" })
 }) => {
   const { current, reset } = useTransactionStore();
   const { t } = useBridgeTranslation();
   return /* @__PURE__ */ jsxs(DialogContent, { showCloseButton: false, children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-col relative gap-4 pt-10 px-8 flex-1 items-center justify-start text-center noise", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col relative gap-4 py-10 px-8 flex-1 items-center justify-start text-center noise", children: [
       icon,
-      /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: t("transaction.failed") }) }),
-      current?.errorCode && /* @__PURE__ */ jsx("div", { className: "w-full space-y-2 mt-6 relative z-10", children: /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t(
-        `errors.${current.errorCode}`,
-        current.errorParams || {}
-      ) }) })
+      /* @__PURE__ */ jsxs(DialogHeader, { children: [
+        /* @__PURE__ */ jsx(DialogTitle, { children: t("transaction.failed") }),
+        current?.errorCode && /* @__PURE__ */ jsx(DialogDescription$1, { children: t(
+          `errors.${current.errorCode}`,
+          current.errorParams || {}
+        ) })
+      ] })
     ] }),
-    /* @__PURE__ */ jsx("div", { className: "flex-col gap-3 pb-10 px-8", children: /* @__PURE__ */ jsx(Button, { variant: "outline", className: "w-full", onClick: reset, children: t("common.close") }) })
+    /* @__PURE__ */ jsx(DialogFooter, { children: /* @__PURE__ */ jsx(Button, { variant: "outline", className: "w-full min-w-40", onClick: reset, children: t("common.close") }) })
   ] });
 };
+const EXPLORER_CONFIGS = {
+  // TON
+  ton: {
+    baseUrl: "https://tonscan.org",
+    txPath: "/tx/"
+  },
+  // TRON
+  tron: {
+    baseUrl: "https://tronscan.org",
+    txPath: "/#/transaction/"
+  },
+  // Ethereum & EVM chains
+  ethereum: {
+    baseUrl: "https://etherscan.io",
+    txPath: "/tx/"
+  },
+  eth: {
+    baseUrl: "https://etherscan.io",
+    txPath: "/tx/"
+  },
+  // BSC (Binance Smart Chain)
+  bsc: {
+    baseUrl: "https://bscscan.com",
+    txPath: "/tx/"
+  },
+  "binance-smart-chain": {
+    baseUrl: "https://bscscan.com",
+    txPath: "/tx/"
+  },
+  // Polygon
+  polygon: {
+    baseUrl: "https://polygonscan.com",
+    txPath: "/tx/"
+  },
+  matic: {
+    baseUrl: "https://polygonscan.com",
+    txPath: "/tx/"
+  },
+  // Avalanche
+  avalanche: {
+    baseUrl: "https://snowtrace.io",
+    txPath: "/tx/"
+  },
+  avax: {
+    baseUrl: "https://snowtrace.io",
+    txPath: "/tx/"
+  },
+  // Arbitrum
+  arbitrum: {
+    baseUrl: "https://arbiscan.io",
+    txPath: "/tx/"
+  },
+  // Optimism
+  optimism: {
+    baseUrl: "https://optimistic.etherscan.io",
+    txPath: "/tx/"
+  },
+  // Base
+  base: {
+    baseUrl: "https://basescan.org",
+    txPath: "/tx/"
+  },
+  // Fantom
+  fantom: {
+    baseUrl: "https://ftmscan.com",
+    txPath: "/tx/"
+  }
+};
+function getExplorerTxUrl(chainKey, txHash) {
+  if (!chainKey || !txHash) {
+    return null;
+  }
+  const normalizedChainKey = chainKey.toLowerCase();
+  const config = EXPLORER_CONFIGS[normalizedChainKey];
+  if (!config) {
+    console.warn(
+      `No explorer config found for chain: ${chainKey}. Please add it to EXPLORER_CONFIGS.`
+    );
+    return null;
+  }
+  return `${config.baseUrl}${config.txPath}${txHash}`;
+}
+function openTransactionInExplorer(chainKey, txHash) {
+  const url = getExplorerTxUrl(chainKey, txHash);
+  if (url && typeof window !== "undefined") {
+    window.open(url, "_blank", "noopener,noreferrer");
+  }
+}
 const SuccessStep = ({
-  icon = /* @__PURE__ */ jsx(CheckCircle2, { className: "w-12 h-12" })
+  icon = /* @__PURE__ */ jsx(CheckCircle2, { className: "w-16 h-16" })
 }) => {
   const { current, reset } = useTransactionStore();
   const { t } = useBridgeTranslation();
   const metadata = current?.metadata;
   const srcTxHash = current?.srcTxHash;
-  const handleCopyHash = () => {
-    if (srcTxHash) {
-      navigator.clipboard.writeText(srcTxHash);
-      toast.success(t("transaction.hashCopied"));
+  const srcChainKey = current?.quote?.srcChainKey;
+  const handleOpenExplorer = () => {
+    if (srcTxHash && srcChainKey) {
+      openTransactionInExplorer(srcChainKey, srcTxHash);
     }
   };
   return /* @__PURE__ */ jsxs(DialogContent, { showCloseButton: false, children: [
@@ -3422,8 +3615,8 @@ const SuccessStep = ({
           /* @__PURE__ */ jsx(
             "button",
             {
-              onClick: handleCopyHash,
-              className: "font-medium hover:underline cursor-pointer",
+              onClick: handleOpenExplorer,
+              className: "font-medium hover:underline cursor-pointer inline-flex items-center gap-1",
               children: formatHash(srcTxHash)
             }
           )
@@ -3459,7 +3652,7 @@ const useCountdown = (initialSeconds) => {
   };
 };
 const ConfirmStep = ({
-  icon = /* @__PURE__ */ jsx(Clock, { className: "w-12 h-12" })
+  icon = /* @__PURE__ */ jsx(Clock, { className: "w-16 h-16" })
 }) => {
   const { t } = useBridgeTranslation();
   const { formatTime } = useCountdown(90);
@@ -3613,49 +3806,6 @@ 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();
@@ -4399,13 +4549,17 @@ class TonChainStrategy {
       nativeTokenSymbol,
       amount,
       balances,
+      nativeDecimals = 9,
       reserveFallback
     } = params;
     const nativeSym = nativeTokenSymbol.toUpperCase();
     const isNativeSelected = nativeSym === (selectedToken?.symbol ?? "").toUpperCase();
     const nativeBalance = Number(balances[nativeSym]?.balance ?? 0);
-    const estimatedGas = null;
-    const requiredNative = reserveFallback;
+    const { formatUnits: formatUnits2 } = await import("ethers");
+    const estimatedGas = Number(
+      formatUnits2(TON_CONFIG.estimatedNetworkFee, nativeDecimals)
+    );
+    const requiredNative = estimatedGas > 0 ? estimatedGas : reserveFallback;
     const amountNum = amount ?? 0;
     let hasEnoughGas = true;
     if (isNativeSelected) {
@@ -4474,12 +4628,24 @@ class TonChainStrategy {
       const result = await this.config.tonConnectUI.sendTransaction(
         transaction2
       );
-      const hash = result.boc;
-      onFirstHash?.(hash);
-      return {
-        chainKey: "ton",
-        hash
-      };
+      const bocBase64 = result.boc;
+      try {
+        const inMessage = loadMessage(Cell.fromBase64(bocBase64).beginParse());
+        const messageHash = this.getNormalizedExtMessageHash(inMessage);
+        const hexHash = messageHash.toString("hex");
+        onFirstHash?.(hexHash);
+        return {
+          chainKey: "ton",
+          hash: hexHash
+        };
+      } catch (error) {
+        console.error("Error parsing BOC to hex hash:", error);
+        onFirstHash?.(bocBase64);
+        return {
+          chainKey: "ton",
+          hash: bocBase64
+        };
+      }
     } catch (error) {
       throw toChainStrategyError(error, "ton", "transaction");
     }
@@ -4532,20 +4698,31 @@ class TonChainStrategy {
     };
     return beginCell$1().store(storeMessage(normalizedMessage, { forceRef: true })).endCell().hash();
   }
-  async checkTonTransaction(bocBase64, timeoutMs = 36e4) {
+  async checkTonTransaction(hashOrBoc, timeoutMs = 36e4) {
     const deadline = Date.now() + timeoutMs;
     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
-        );
-        return false;
+      let targetMessageHash;
+      let accountAddress;
+      try {
+        const inMessage = loadMessage(Cell.fromBase64(hashOrBoc).beginParse());
+        if (inMessage.info.type !== "external-in") {
+          console.debug(
+            "Expected external-in message, got:",
+            inMessage.info.type
+          );
+          return false;
+        }
+        accountAddress = inMessage.info.dest;
+        targetMessageHash = this.getNormalizedExtMessageHash(inMessage);
+      } catch {
+        targetMessageHash = Buffer.from(hashOrBoc, "hex");
+        if (!this.config.tonAddress) {
+          console.debug("No wallet address available for hex hash lookup");
+          return false;
+        }
+        accountAddress = Address.parse(this.config.tonAddress);
       }
-      const accountAddress = inMessage.info.dest;
-      const targetMessageHash = this.getNormalizedExtMessageHash(inMessage);
       let lt = void 0;
       let hash = void 0;
       while (Date.now() < deadline) {
@@ -4557,7 +4734,7 @@ class TonChainStrategy {
             archival: true
           });
           if (transactions.length === 0) {
-            await new Promise((r) => setTimeout(r, 3e3));
+            await new Promise((r) => setTimeout(r, TON_CONFIG.pollingInterval));
             lt = void 0;
             hash = void 0;
             continue;
@@ -4576,9 +4753,10 @@ class TonChainStrategy {
           const lastTx = transactions[transactions.length - 1];
           lt = lastTx.lt.toString();
           hash = lastTx.hash().toString("base64");
+          await new Promise((r) => setTimeout(r, TON_CONFIG.pollingInterval));
         } catch (error) {
           console.debug("Error fetching transactions:", error);
-          await new Promise((r) => setTimeout(r, 3e3));
+          await new Promise((r) => setTimeout(r, TON_CONFIG.pollingInterval));
           lt = void 0;
           hash = void 0;
         }
@@ -4605,9 +4783,14 @@ class TronChainStrategy {
     return "TRON Chain Strategy";
   }
   async connect() {
-    const tronWeb = this.getTronWeb();
-    if (!tronWeb && (typeof window === "undefined" || !window.tronLink)) {
-      throw new WalletNotFoundError("tron", "TronLink");
+    if (!this.isTronLinkInstalled()) {
+      if (typeof window !== "undefined") {
+        window.open("https://www.tronlink.org/", "_blank");
+      }
+      throw new WalletNotFoundError(
+        "tron",
+        "TronLink wallet is not installed. Please install TronLink extension and try again."
+      );
     }
     this.config.tronSelect(TronLinkAdapterName);
     await new Promise((resolve) => setTimeout(resolve, 100));
@@ -4886,6 +5069,23 @@ class TronChainStrategy {
   getTronWeb() {
     return typeof window !== "undefined" ? window.tronWeb : void 0;
   }
+  /**
+   * Check if TronLink wallet is actually installed
+   * This excludes Bybit Wallet which also injects tronLink for compatibility
+   */
+  isTronLinkInstalled() {
+    if (typeof window === "undefined") {
+      return false;
+    }
+    const hasBybitWallet = typeof window.bybitWallet !== "undefined" && typeof window.bybitWallet.tronLink !== "undefined";
+    if (hasBybitWallet && !window.tronLink) {
+      return false;
+    }
+    if (!window.tronLink) {
+      return false;
+    }
+    return true;
+  }
   hexToAscii(h) {
     if (!h) return null;
     const clean = h.replace(/^0x/, "");
@@ -5289,7 +5489,7 @@ const routePresets = [
   RoutePriority.CHEAPEST,
   RoutePriority.RECOMMENDED
 ];
-const SettingModal = ({ isOpen, onClose }) => {
+const SettingsModal = ({ isOpen, onClose }) => {
   const { t } = useBridgeTranslation();
   const { toChain } = useChainsStore();
   const { tokens } = useTokensStore();
@@ -5322,8 +5522,8 @@ const SettingModal = ({ isOpen, onClose }) => {
   );
   const activeBtn = "bg-primary hover:bg-primary/80 text-primary-foreground transition-colors";
   const notActiveBtn = "bg-accent hover:bg-accent/80 text-accent-foreground transition-colors";
-  return /* @__PURE__ */ jsx(Dialog, { open: isOpen, onOpenChange: (open) => !open && onClose(), children: /* @__PURE__ */ jsxs(DialogContent, { children: [
-    /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: t("settings.title") }) }),
+  return /* @__PURE__ */ jsx(Dialog, { open: isOpen, onOpenChange: (open) => !open && onClose(), children: /* @__PURE__ */ jsxs(DialogContent, { onOpenAutoFocus: (e) => e.preventDefault(), children: [
+    /* @__PURE__ */ jsx(DialogHeader, { className: "text-left", children: /* @__PURE__ */ jsx(DialogTitle, { children: t("settings.title") }) }),
     /* @__PURE__ */ jsxs("div", { className: "space-y-5", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-5", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center", children: [
@@ -5351,6 +5551,7 @@ const SettingModal = ({ isOpen, onClose }) => {
             Badge,
             {
               onClick: () => setGasPreset(g),
+              size: "lg",
               className: cn(
                 "cursor-pointer",
                 gasPreset === g ? activeBtn : notActiveBtn
@@ -5377,6 +5578,7 @@ const SettingModal = ({ isOpen, onClose }) => {
           /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: slippagePresets.map((p) => /* @__PURE__ */ jsx(
             Badge,
             {
+              size: "lg",
               onClick: () => {
                 const bps = parseFloat(p.replace("%", "")) * 100;
                 setSlippageBps(bps);
@@ -5400,6 +5602,7 @@ const SettingModal = ({ isOpen, onClose }) => {
         /* @__PURE__ */ jsx("div", { className: "flex items-center justify-end gap-2", children: routePresets.map((r) => /* @__PURE__ */ jsx(
           Badge,
           {
+            size: "lg",
             onClick: () => setRoutePriority(r),
             className: cn(
               "cursor-pointer",
@@ -5592,7 +5795,7 @@ const TokenSelectModal = ({
   );
   const hasNoResults = tokensToRender.length === 0 && willChangeSrcTokens.length === 0;
   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", children: [
-    /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: t("bridge.selectToken") }) }),
+    /* @__PURE__ */ jsx(DialogHeader, { className: "text-left", children: /* @__PURE__ */ jsx(DialogTitle, { children: t("bridge.selectToken") }) }),
     /* @__PURE__ */ jsx(
       SearchInput,
       {
@@ -5816,7 +6019,7 @@ const Toolbar = () => {
         }
       }
     ),
-    /* @__PURE__ */ jsx(SettingModal, { isOpen: isOpenSettings, onClose: onCloseSettings })
+    /* @__PURE__ */ jsx(SettingsModal, { isOpen: isOpenSettings, onClose: onCloseSettings })
   ] });
 };
 const EvaaBridgeWithProviders = (props) => {
@@ -6079,6 +6282,7 @@ export {
   EvaaBridge,
   RoutePriority,
   RouteType,
+  addTonNetworkFee,
   addrForApi,
   buildAssetMatrix,
   calculateMinReceived,