@rash2x/bridge-widget 0.6.17 → 0.6.20

package/dist/evaa-bridge.cjs

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

package/dist/evaa-bridge.mjs

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

package/dist/{index-Clp6WHUM.js → index-B3CfK6dl.js}

@@ -24,14 +24,14 @@ import { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from "@/
 import { Tooltip, TooltipTrigger, TooltipContent } from "@/components/ui/tooltip";
 import { Alert, AlertDescription } from "@/components/ui/alert";
 import { toast, Toaster } from "sonner";
+import { Badge } from "@/components/ui/badge";
 import { DialogDescription as DialogDescription$1 } from "@radix-ui/react-dialog";
 import { isAddress, formatUnits, parseUnits } from "viem";
 import { TronLinkAdapterName } from "@tronweb3/tronwallet-adapters";
 import { TronWeb } from "tronweb";
 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", "tonconnect": "TonConnect", "metaMask": "WalletConnect", "walletConnect": "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 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", "tonconnect": "TonConnect", "metaMask": "WalletConnect", "walletConnect": "WalletConnect", "tronLink": "TronLink", "addTronWallet": "Add Tron wallet", "comingSoon": "Coming Soon", "connected": "CONNECTED", "connectedStatus": "Connected", "disconnect": "Disconnect", "chooseWallet": "Connect wallet", "oneWalletPerEnv": "You can only connect one wallet per environment.", "connect": "Connect", "connectTronWallet": "Connect Tron wallet", "connectWallet": "Connect wallet" };
 const bridge$1 = { "max": "Max", "sourceNetwork": "Source network", "destinationNetwork": "Destination network", "selectToken": "Select token", "selectNetwork": "Select network", "selectSourceNetwork": "Select source network", "selectDestinationNetwork": "Select destination network", "searchToken": "Search token", "myTokens": "My tokens", "allTokens": "All tokens", "search": "Search", "select": "Select", "willChangeSourceChain": "Will change source network", "willChangeSourceNetworkAndToken": "Will change source token", "noBalancesFound": "No balances found.", "noResults": "No results", "tokenNotFound": "We couldn't find a token with that name or symbol. Please try again.", "chainNotFound": "We couldn't find a chain with that name. Please try again.", "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 telegram$1 = { "openWebVersion": "Open EVAA Web to Bridge", "restrictionMessage": "You can bridge between the chosen networks on EVAA web version" };
@@ -49,7 +49,7 @@ const en$3 = {
   errors: errors$1
 };
 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", "tonconnect": "TonConnect", "metaMask": "WalletConnect", "walletConnect": "WalletConnect", "tronLink": "TronLink", "addTronWallet": "Добавить Tron кошелёк", "comingSoon": "Скоро", "connected": "ПОДКЛЮЧЕНО", "disconnect": "Отключить", "chooseWallet": "Выберите кошелёк", "oneWalletPerEnv": "Можно подключить только один кошелёк на окружение.", "connect": "Подключить", "connectTronWallet": "Подключить Tron кошелёк", "connectWallet": "Подключить кошелёк" };
+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", "tonconnect": "TonConnect", "metaMask": "WalletConnect", "walletConnect": "WalletConnect", "tronLink": "TronLink", "addTronWallet": "Добавить Tron кошелёк", "comingSoon": "Скоро", "connected": "ПОДКЛЮЧЕНО", "connectedStatus": "Подключён", "disconnect": "Отключить", "chooseWallet": "Подключите кошелек", "oneWalletPerEnv": "Можно подключить только один кошелёк на окружение.", "connect": "Подключить", "connectTronWallet": "Подключить Tron кошелёк", "connectWallet": "Подключить кошелёк" };
 const bridge = { "max": "Макс", "sourceNetwork": "Исходная сеть", "destinationNetwork": "Целевая сеть", "selectToken": "Выбрать токен", "selectNetwork": "Выбрать сеть", "selectSourceNetwork": "Выбрать исходную сеть", "selectDestinationNetwork": "Выбрать целевую сеть", "searchToken": "Поиск токена", "myTokens": "Мои токены", "allTokens": "Все токены", "search": "Поиск", "select": "Выбрать", "willChangeSourceChain": "Сменит исходную сеть", "willChangeSourceNetworkAndToken": "Сменит исходный токен", "noBalancesFound": "Балансы не найдены.", "noResults": "Нет результатов", "tokenNotFound": "Мы не смогли найти токен с таким названием или символом. Пожалуйста, попробуйте снова.", "chainNotFound": "Мы не смогли найти сеть с таким названием. Пожалуйста, попробуйте снова.", "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 telegram = { "openWebVersion": "Открыть EVAA веб для трансфера", "restrictionMessage": "Трансфер между выбранными сетями доступен только в веб-версии EVAA" };
@@ -2378,6 +2378,7 @@ const TokenInput = forwardRef(
     className,
     max,
     readOnly,
+    error,
     ...rest
   }, ref) => {
     const [inputVal, setInputVal] = useState(value ?? "");
@@ -2395,10 +2396,15 @@ const TokenInput = forwardRef(
       [max, onAmountChange]
     );
     if (showSkeleton && readOnly) {
-      return /* @__PURE__ */ jsx(Skeleton, { className: cn$2("h-8 my-2 w-1/3 bg-secondary rounded-md", className) });
+      return /* @__PURE__ */ jsx(
+        Skeleton,
+        {
+          className: cn$2("h-8 my-2 w-1/3 bg-secondary rounded-md", className)
+        }
+      );
     }
     const { onBlur: restOnBlur, ...restWithoutOnBlur } = rest;
-    return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx(
       Input,
       {
         ref,
@@ -2411,6 +2417,7 @@ const TokenInput = forwardRef(
         readOnly,
         className: cn$2(
           "text-4xl h-12 font-medium leading-9 rounded-none text-end bg-transparent dark:bg-transparent text-foreground shadow-none border-none outline-none ring-0 focus:outline-none focus-visible:ring-0 focus-visible:outline-0 focus-visible:ring-offset-0",
+          error ? "text-destructive placeholder:text-destructive/70" : "",
           className
         ),
         max,
@@ -2420,7 +2427,7 @@ const TokenInput = forwardRef(
           onAmountBlur?.();
         }
       }
-    ) });
+    );
   }
 );
 TokenInput.displayName = "TokenInput";
@@ -2794,6 +2801,7 @@ const SwapSection = ({
   const { isOpen, onClose, onOpen } = useModal();
   const { assetMatrix, selectedAssetSymbol } = useTokensStore();
   const { status } = useBridgeQuoteStore();
+  const { t: t2 } = useBridgeTranslation();
   const [isFocused, setIsFocused] = useState(false);
   const tokenOnThisChain = useMemo(
     () => resolveTokenOnChainFromMatrix(
@@ -2810,6 +2818,7 @@ const SwapSection = ({
     return formatUsd(amt * priceUsd);
   }, [amount, priceUsd]);
   const isUsdLoading = Boolean(amount && parseFloat(amount) > 0 && !priceUsd);
+  const isInsufficientBalance = !!(amount && balance.balance && parseFloat(amount) > balance.balance);
   const onChangeChain = useCallback(
     (c2) => {
       onSelect?.(c2);
@@ -2865,7 +2874,8 @@ const SwapSection = ({
                 showSkeleton: status === "loading",
                 className: "p-0",
                 onFocus: () => setIsFocused(true),
-                onBlur: () => setIsFocused(false)
+                onBlur: () => setIsFocused(false),
+                error: isInsufficientBalance
               }
             )
           ] }),
@@ -2877,7 +2887,7 @@ const SwapSection = ({
                 addressType: isSource ? "src" : "dst"
               }
             ),
-            isUsdLoading ? /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-12 rounded-md" }) : /* @__PURE__ */ jsx("span", { className: "leading-5 text-sm font-medium text-muted-foreground", children: computedFiat })
+            amount && balance.balance && parseFloat(amount) > balance.balance ? /* @__PURE__ */ jsx("span", { className: "leading-5 text-sm font-medium text-destructive", children: t2("transaction.insufficientBalance") }) : isUsdLoading ? /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-12 rounded-md" }) : /* @__PURE__ */ jsx("span", { className: "leading-5 text-sm font-medium text-muted-foreground", children: computedFiat })
           ] })
         ]
       }
@@ -4016,12 +4026,12 @@ const WalletModalButton = (props) => {
   const [isConnecting, setIsConnecting] = useState(false);
   if (props.variant === "connected") {
     const { address, onDisconnect } = props;
-    return /* @__PURE__ */ jsx("div", { className: "-mx-3", children: /* @__PURE__ */ jsxs(
+    return /* @__PURE__ */ jsxs(
       "div",
       {
         className: cn$2(
           buttonVariants({ variant: "ghost", size: "default" }),
-          "rounded-xs w-full !hover:scale-100 !px-3 !gap-3"
+          "rounded-xs w-full !hover:scale-100 !px-3 !gap-3 flex items-center justify-start"
         ),
         children: [
           /* @__PURE__ */ jsx(IconComponent, { className: "min-w-8 min-h-8" }),
@@ -4029,20 +4039,24 @@ const WalletModalButton = (props) => {
             /* @__PURE__ */ jsx("p", { className: "font-semibold text-foreground text-sm leading-4 truncate", children: formatAddress(address) }),
             /* @__PURE__ */ jsx("div", { className: "text-xs leading-3 font-medium text-muted-foreground", children: name })
           ] }),
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              onClick: () => {
-                onDisconnect();
-                onClose?.();
-              },
-              className: "text-sm ml-auto font-medium text-muted-foreground cursor-pointer hover:text-foreground transition-colors",
-              children: /* @__PURE__ */ jsx(ExitIcon, { className: "w-6 h-6" })
-            }
-          )
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4 ml-auto", children: [
+            /* @__PURE__ */ jsx(Badge, { variant: "default", className: "bg-success/10 text-success h-7 px-2", children: t2("wallets.connectedStatus") }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => {
+                  onDisconnect();
+                  onClose?.();
+                },
+                className: "text-sm font-medium text-muted-foreground hover:text-foreground transition-colors",
+                children: /* @__PURE__ */ jsx(ExitIcon, { className: "w-6 h-6" })
+              }
+            )
+          ] })
         ]
       }
-    ) });
+    );
   }
   const { walletId, connector } = props;
   const handleConnect = async () => {
@@ -4102,42 +4116,37 @@ const WalletSelectModal = () => {
   const tronWallet = chainRegistry.getStrategyByType(CHAIN_TYPES.TRON);
   const tronConnections = tronWallet?.getAvailableConnections() ?? [];
   const isTronConnected = tronWallet?.isConnected() ?? false;
-  const walletConfigs = [
-    {
-      strategy: tonWallet,
-      walletId: "ton",
+  const tonConnectedWallets = [];
+  const tonAccount = tonWallet?.getAccount();
+  if (tonWallet?.isConnected() && tonAccount) {
+    tonConnectedWallets.push({
+      id: "ton",
       name: t2("wallets.tonconnect"),
-      icon: TonConnectIcon
-    },
-    {
-      strategy: metaMaskWallet,
-      walletId: "metamask",
-      name: t2("wallets.metaMask"),
-      icon: MetaMaskIcon
-    }
-  ];
-  const connectedWallets = walletConfigs.reduce((acc, { strategy, walletId, name, icon }) => {
-    if (walletId === "metamask" && evmAddress && connectedConnector) {
-      return acc;
-    }
-    const account = strategy?.getAccount();
-    if (strategy?.isConnected() && account) {
-      acc.push({
-        id: walletId,
-        name,
-        icon,
-        address: account,
-        onDisconnect: () => strategy.disconnect()
+      icon: TonConnectIcon,
+      address: tonAccount,
+      onDisconnect: () => tonWallet?.disconnect()
+    });
+  }
+  const evmConnectedWallets = [];
+  const hasWagmiEvmConnection = !!evmAddress && !!connectedConnector;
+  if (!hasWagmiEvmConnection) {
+    const evmAccount = metaMaskWallet?.getAccount();
+    if (metaMaskWallet?.isConnected() && evmAccount) {
+      evmConnectedWallets.push({
+        id: "metamask",
+        name: t2("wallets.metaMask"),
+        icon: MetaMaskIcon,
+        address: evmAccount,
+        onDisconnect: () => metaMaskWallet?.disconnect()
       });
     }
-    return acc;
-  }, []);
+  }
   if (evmAddress && connectedConnector) {
     const iconMap = {
       metaMaskSDK: MetaMaskIcon,
       walletConnect: WalletConnectIcon
     };
-    connectedWallets.push({
+    evmConnectedWallets.push({
       id: connectedConnector.id,
       name: connectedConnector.name,
       icon: iconMap[connectedConnector.id] || WalletConnectIcon,
@@ -4145,10 +4154,11 @@ const WalletSelectModal = () => {
       onDisconnect: () => metaMaskWallet?.disconnect()
     });
   }
+  const tronConnectedWallets = [];
   tronConnections.forEach((connection) => {
     if (!connection.connected || !connection.address) return;
     const isWalletConnect = connection.provider === "walletconnect";
-    connectedWallets.push({
+    tronConnectedWallets.push({
       id: isWalletConnect ? "tronwc" : "tronlink",
       name: isWalletConnect ? t2("wallets.walletConnect") : t2("wallets.tronLink"),
       icon: isWalletConnect ? WalletConnectIcon : TronLinkIcon,
@@ -4156,19 +4166,7 @@ const WalletSelectModal = () => {
       onDisconnect: () => tronWallet?.disconnect({ provider: connection.provider })
     });
   });
-  const isWalletConnected = (walletId) => {
-    const isEvmConnector = connectors.some((c2) => c2.id === walletId);
-    if (isEvmConnector && metaMaskWallet?.isConnected()) {
-      return true;
-    }
-    if ((walletId === "tronwc" || walletId === "tronlink") && tronConnections.some(
-      (conn) => conn.connected && (walletId === "tronwc" ? conn.provider === "walletconnect" : conn.provider !== "walletconnect")
-    )) {
-      return true;
-    }
-    return connectedWallets.some((w2) => w2.id === walletId);
-  };
-  const tonWallets = [
+  const tonWallets = tonConnectedWallets.length ? [] : [
     {
       id: "ton",
       name: t2("wallets.tonconnect"),
@@ -4176,7 +4174,7 @@ const WalletSelectModal = () => {
       enabled: true
     }
   ];
-  const evmWallets = connectors.filter(
+  const evmWallets = evmConnectedWallets.length > 0 ? [] : connectors.filter(
     (connector) => connector.id === "walletConnect" || connector.id === "metaMaskSDK"
   ).map((connector) => ({
     id: connector.id,
@@ -4184,7 +4182,7 @@ const WalletSelectModal = () => {
     icon: connector.id === "metaMaskSDK" ? MetaMaskIcon : WalletConnectIcon,
     enabled: true
   }));
-  const tronWallets = isTronConnected ? [] : [
+  const tronWallets = tronConnectedWallets.length > 0 || isTronConnected ? [] : [
     {
       id: "tronlink",
       name: t2("wallets.tronLink"),
@@ -4198,30 +4196,44 @@ const WalletSelectModal = () => {
       enabled: true
     }
   ];
-  const notConnected = (w2) => !isWalletConnected(w2.id);
   const categories = [
     {
       title: t2("wallets.tonWallets"),
-      wallets: tonWallets.filter(notConnected)
+      connectedWallets: tonConnectedWallets,
+      wallets: tonWallets,
+      order: 0
     },
     {
       title: t2("wallets.evmWallets"),
-      wallets: evmWallets.filter(notConnected)
+      connectedWallets: evmConnectedWallets,
+      wallets: evmWallets,
+      order: 1
     },
     {
       title: t2("wallets.tronWallets"),
-      wallets: tronWallets.filter(notConnected)
-    }
-  ].filter((category) => category.wallets.length > 0);
+      connectedWallets: tronConnectedWallets,
+      wallets: tronWallets,
+      order: 2
+    }
+  ].filter(
+    (category) => category.wallets.length > 0 || category.connectedWallets.length > 0
+  ).sort((a2, b2) => {
+    const aHasConnected = a2.connectedWallets.length > 0;
+    const bHasConnected = b2.connectedWallets.length > 0;
+    if (aHasConnected !== bHasConnected) {
+      return Number(bHasConnected) - Number(aHasConnected);
+    }
+    return a2.order - b2.order;
+  });
   return /* @__PURE__ */ jsx(Dialog, { open: isOpen, onOpenChange: (open) => !open && onClose(), children: /* @__PURE__ */ jsxs(DialogContent, { className: "p-10 pt-7", children: [
     /* @__PURE__ */ jsxs(DialogHeader, { className: "text-left", children: [
       /* @__PURE__ */ jsx(DialogTitle, { className: "text-2xl leading-8", children: t2("wallets.chooseWallet") }),
       /* @__PURE__ */ jsx(DialogDescription, { children: t2("wallets.oneWalletPerEnv") })
     ] }),
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
-      connectedWallets.length > 0 && /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("div", { className: "py-1 text-muted-foreground uppercase", children: t2("wallets.connected") }),
-        /* @__PURE__ */ jsx("div", { children: connectedWallets.map((wallet) => /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-4", children: categories.map((category) => /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("div", { className: "py-1 text-muted-foreground uppercase", children: category.title }),
+      /* @__PURE__ */ jsxs("div", { className: "-mx-3 space-y-2", children: [
+        category.connectedWallets.map((wallet) => /* @__PURE__ */ jsx(
           WalletModalButton,
           {
             variant: "connected",
@@ -4232,11 +4244,8 @@ const WalletSelectModal = () => {
             onClose
           },
           wallet.id
-        )) })
-      ] }),
-      categories.map((category) => /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("div", { className: "py-1 text-muted-foreground uppercase", children: category.title }),
-        /* @__PURE__ */ jsx("div", { className: "-mx-3", children: category.wallets.map((wallet) => {
+        )),
+        category.wallets.map((wallet) => {
           const isEvmConnector = category.title === t2("wallets.evmWallets");
           const connector = isEvmConnector ? connectors.find((c2) => c2.id === wallet.id) : void 0;
           return /* @__PURE__ */ jsx(
@@ -4251,9 +4260,9 @@ const WalletSelectModal = () => {
             },
             wallet.id
           );
-        }) })
-      ] }, category.title))
-    ] })
+        })
+      ] })
+    ] }, category.title)) })
   ] }) });
 };
 const ProgressStep = ({
@@ -4485,10 +4494,10 @@ const StatusStepsDialog = ({
     step = /* @__PURE__ */ jsx(ProgressStep, { icon: icons?.progress });
   }
   if (status === "completed") {
-    step = /* @__PURE__ */ jsx(FailedStep, { icon: icons?.failed });
+    step = /* @__PURE__ */ jsx(SuccessStep, { icon: icons?.success });
   }
   if (status === "failed") {
-    step = /* @__PURE__ */ jsx(SuccessStep, { icon: icons?.success });
+    step = /* @__PURE__ */ jsx(FailedStep, { icon: icons?.failed });
   }
   return /* @__PURE__ */ jsx(Dialog, { open: true, onOpenChange: () => reset(), children: step });
 };
@@ -25937,7 +25946,7 @@ class WalletConnectModal {
   }
   async initUi() {
     if (typeof window !== "undefined") {
-      await import("./index-pWXibG25.js");
+      await import("./index-C7te6Gwz.js");
       const modal = document.createElement("wcm-modal");
       document.body.insertAdjacentElement("beforeend", modal);
       OptionsCtrl.setIsUiLoaded(true);
@@ -26688,4 +26697,4 @@ export {
   getQuoteFees as y,
   calculateMinReceived as z
 };
-//# sourceMappingURL=index-Clp6WHUM.js.map
+//# sourceMappingURL=index-B3CfK6dl.js.map