@rash2x/bridge-widget 0.6.17 → 0.6.20

package/dist/{index-CODQ78Ad.cjs → index-DjNExA0K.cjs}

@@ -25,14 +25,14 @@ const accordion = require("@/components/ui/accordion");
 const tooltip = require("@/components/ui/tooltip");
 const alert = require("@/components/ui/alert");
 const sonner = require("sonner");
+const badge = require("@/components/ui/badge");
 const reactDialog = require("@radix-ui/react-dialog");
 const viem = require("viem");
 const tronwalletAdapters = require("@tronweb3/tronwallet-adapters");
 const tronweb = require("tronweb");
 const card = require("@/components/ui/card");
-const badge = require("@/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" };
@@ -50,7 +50,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" };
@@ -2379,6 +2379,7 @@ const TokenInput = react.forwardRef(
     className,
     max,
     readOnly,
+    error,
     ...rest
   }, ref) => {
     const [inputVal, setInputVal] = react.useState(value ?? "");
@@ -2396,10 +2397,15 @@ const TokenInput = react.forwardRef(
       [max, onAmountChange]
     );
     if (showSkeleton && readOnly) {
-      return /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: utils$1.cn("h-8 my-2 w-1/3 bg-secondary rounded-md", className) });
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        skeleton.Skeleton,
+        {
+          className: utils$1.cn("h-8 my-2 w-1/3 bg-secondary rounded-md", className)
+        }
+      );
     }
     const { onBlur: restOnBlur, ...restWithoutOnBlur } = rest;
-    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ jsxRuntime.jsx(
       input.Input,
       {
         ref,
@@ -2412,6 +2418,7 @@ const TokenInput = react.forwardRef(
         readOnly,
         className: utils$1.cn(
           "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,
@@ -2421,7 +2428,7 @@ const TokenInput = react.forwardRef(
           onAmountBlur?.();
         }
       }
-    ) });
+    );
   }
 );
 TokenInput.displayName = "TokenInput";
@@ -2795,6 +2802,7 @@ const SwapSection = ({
   const { isOpen, onClose, onOpen } = useModal();
   const { assetMatrix, selectedAssetSymbol } = useTokensStore();
   const { status } = useBridgeQuoteStore();
+  const { t: t2 } = useBridgeTranslation();
   const [isFocused, setIsFocused] = react.useState(false);
   const tokenOnThisChain = react.useMemo(
     () => resolveTokenOnChainFromMatrix(
@@ -2811,6 +2819,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 = react.useCallback(
     (c2) => {
       onSelect?.(c2);
@@ -2866,7 +2875,8 @@ const SwapSection = ({
                 showSkeleton: status === "loading",
                 className: "p-0",
                 onFocus: () => setIsFocused(true),
-                onBlur: () => setIsFocused(false)
+                onBlur: () => setIsFocused(false),
+                error: isInsufficientBalance
               }
             )
           ] }),
@@ -2878,7 +2888,7 @@ const SwapSection = ({
                 addressType: isSource ? "src" : "dst"
               }
             ),
-            isUsdLoading ? /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-4 w-12 rounded-md" }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "leading-5 text-sm font-medium text-muted-foreground", children: computedFiat })
+            amount && balance.balance && parseFloat(amount) > balance.balance ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "leading-5 text-sm font-medium text-destructive", children: t2("transaction.insufficientBalance") }) : isUsdLoading ? /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-4 w-12 rounded-md" }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "leading-5 text-sm font-medium text-muted-foreground", children: computedFiat })
           ] })
         ]
       }
@@ -4017,12 +4027,12 @@ const WalletModalButton = (props) => {
   const [isConnecting, setIsConnecting] = react.useState(false);
   if (props.variant === "connected") {
     const { address, onDisconnect } = props;
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "-mx-3", children: /* @__PURE__ */ jsxRuntime.jsxs(
+    return /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
         className: utils$1.cn(
           button.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__ */ jsxRuntime.jsx(IconComponent, { className: "min-w-8 min-h-8" }),
@@ -4030,20 +4040,24 @@ const WalletModalButton = (props) => {
             /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-semibold text-foreground text-sm leading-4 truncate", children: formatAddress(address) }),
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs leading-3 font-medium text-muted-foreground", children: name })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              onClick: () => {
-                onDisconnect();
-                onClose?.();
-              },
-              className: "text-sm ml-auto font-medium text-muted-foreground cursor-pointer hover:text-foreground transition-colors",
-              children: /* @__PURE__ */ jsxRuntime.jsx(ExitIcon, { className: "w-6 h-6" })
-            }
-          )
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-4 ml-auto", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(badge.Badge, { variant: "default", className: "bg-success/10 text-success h-7 px-2", children: t2("wallets.connectedStatus") }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => {
+                  onDisconnect();
+                  onClose?.();
+                },
+                className: "text-sm font-medium text-muted-foreground hover:text-foreground transition-colors",
+                children: /* @__PURE__ */ jsxRuntime.jsx(ExitIcon, { className: "w-6 h-6" })
+              }
+            )
+          ] })
         ]
       }
-    ) });
+    );
   }
   const { walletId, connector } = props;
   const handleConnect = async () => {
@@ -4103,42 +4117,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,
@@ -4146,10 +4155,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,
@@ -4157,19 +4167,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"),
@@ -4177,7 +4175,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,
@@ -4185,7 +4183,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"),
@@ -4199,30 +4197,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__ */ jsxRuntime.jsx(dialog.Dialog, { open: isOpen, onOpenChange: (open) => !open && onClose(), children: /* @__PURE__ */ jsxRuntime.jsxs(dialog.DialogContent, { className: "p-10 pt-7", children: [
     /* @__PURE__ */ jsxRuntime.jsxs(dialog.DialogHeader, { className: "text-left", children: [
       /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogTitle, { className: "text-2xl leading-8", children: t2("wallets.chooseWallet") }),
       /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogDescription, { children: t2("wallets.oneWalletPerEnv") })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4", children: [
-      connectedWallets.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-1 text-muted-foreground uppercase", children: t2("wallets.connected") }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { children: connectedWallets.map((wallet) => /* @__PURE__ */ jsxRuntime.jsx(
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-4", children: categories.map((category) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-1 text-muted-foreground uppercase", children: category.title }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "-mx-3 space-y-2", children: [
+        category.connectedWallets.map((wallet) => /* @__PURE__ */ jsxRuntime.jsx(
           WalletModalButton,
           {
             variant: "connected",
@@ -4233,11 +4245,8 @@ const WalletSelectModal = () => {
             onClose
           },
           wallet.id
-        )) })
-      ] }),
-      categories.map((category) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-1 text-muted-foreground uppercase", children: category.title }),
-        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
@@ -4252,9 +4261,9 @@ const WalletSelectModal = () => {
             },
             wallet.id
           );
-        }) })
-      ] }, category.title))
-    ] })
+        })
+      ] })
+    ] }, category.title)) })
   ] }) });
 };
 const ProgressStep = ({
@@ -4486,10 +4495,10 @@ const StatusStepsDialog = ({
     step = /* @__PURE__ */ jsxRuntime.jsx(ProgressStep, { icon: icons?.progress });
   }
   if (status === "completed") {
-    step = /* @__PURE__ */ jsxRuntime.jsx(FailedStep, { icon: icons?.failed });
+    step = /* @__PURE__ */ jsxRuntime.jsx(SuccessStep, { icon: icons?.success });
   }
   if (status === "failed") {
-    step = /* @__PURE__ */ jsxRuntime.jsx(SuccessStep, { icon: icons?.success });
+    step = /* @__PURE__ */ jsxRuntime.jsx(FailedStep, { icon: icons?.failed });
   }
   return /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog, { open: true, onOpenChange: () => reset(), children: step });
 };
@@ -25938,7 +25947,7 @@ class WalletConnectModal {
   }
   async initUi() {
     if (typeof window !== "undefined") {
-      await Promise.resolve().then(() => require("./index-C8tcwNkl.cjs"));
+      await Promise.resolve().then(() => require("./index-DNxIJDgZ.cjs"));
       const modal = document.createElement("wcm-modal");
       document.body.insertAdjacentElement("beforeend", modal);
       OptionsCtrl.setIsUiLoaded(true);
@@ -26687,4 +26696,4 @@ exports.useSettingsStore = useSettingsStore;
 exports.useSwapModel = useSwapModel;
 exports.useTokensStore = useTokensStore;
 exports.useTransactionStore = useTransactionStore;
-//# sourceMappingURL=index-CODQ78Ad.cjs.map
+//# sourceMappingURL=index-DjNExA0K.cjs.map