@rash2x/bridge-widget 0.1.6 → 0.1.8

package/dist/evaa-bridge.mjs

@@ -647,37 +647,40 @@ const Modal = ({
   }, [isOpen, onClose]);
   if (typeof document === "undefined") return null;
   return createPortal(
-    /* @__PURE__ */ jsx(AnimatePresence, { children: isOpen && /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(AnimatePresence, { children: isOpen && /* @__PURE__ */ jsxs(
       motion.div,
       {
-        className: "fixed inset-0 border border-border z-[100] bg-dialog sm:absolute sm:inset-0 sm:top-0 sm:bottom-0 sm:w-full sm:rounded-3xl",
+        className: "fixed m-auto border border-border max-w-md max-h-[80%] z-[100] bg-dialog sm:absolute sm:inset-0 sm:top-0 sm:bottom-0 sm:w-full rounded-xl",
         initial: { opacity: 0 },
         animate: { opacity: 1 },
         exit: { opacity: 0 },
-        children: /* @__PURE__ */ jsx(
-          motion.div,
-          {
-            ref: panelRef,
-            role: "dialog",
-            "aria-modal": "true",
-            tabIndex: -1,
-            className: cn(
-              "outline-none overflow-auto w-screen h-screen rounded-none sm:w-full sm:h-full sm:rounded-3xl",
-              className
-            ),
-            initial: { opacity: 0, scale: 0.9 },
-            animate: { opacity: 1, scale: 1 },
-            exit: { opacity: 0, scale: 0.9 },
-            transition: {
-              type: "spring",
-              stiffness: 480,
-              damping: 32,
-              mass: 0.6
-            },
-            onMouseDown: (e) => e.stopPropagation(),
-            children
-          }
-        )
+        children: [
+          /* @__PURE__ */ jsx(
+            motion.div,
+            {
+              ref: panelRef,
+              role: "dialog",
+              "aria-modal": "true",
+              tabIndex: -1,
+              className: cn(
+                "outline-none overflow-auto relative z-30 w-screen h-screen rounded-none sm:w-full sm:h-full sm:rounded-3xl",
+                className
+              ),
+              initial: { opacity: 0, scale: 0.9 },
+              animate: { opacity: 1, scale: 1 },
+              exit: { opacity: 0, scale: 0.9 },
+              transition: {
+                type: "spring",
+                stiffness: 480,
+                damping: 32,
+                mass: 0.6
+              },
+              onMouseDown: (e) => e.stopPropagation(),
+              children
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "fixed inset-0 backdrop-blur-sm bg-background/10 z-10" })
+        ]
       }
     ) }),
     container
@@ -1430,7 +1433,7 @@ function sumFeeByTokenLD(fees, dstTokenAddr, dstChainKey) {
   }
   return acc.toString();
 }
-function useBalances(chainKey, address) {
+function useBalances(chainKey, address, priorityTokenSymbol) {
   const { chainRegistry } = useChainStrategies();
   const { assetMatrix } = useTokensStore();
   const tokensOnChain = useMemo(() => {
@@ -1442,13 +1445,24 @@ function useBalances(chainKey, address) {
     }
     return tokensList;
   }, [assetMatrix, chainKey]);
+  const priorityToken = useMemo(() => {
+    if (!priorityTokenSymbol || !chainKey || !assetMatrix) return void 0;
+    const normalizedSymbol = normalizeTickerSymbol$1(priorityTokenSymbol);
+    const token = assetMatrix[normalizedSymbol]?.[chainKey];
+    return token;
+  }, [priorityTokenSymbol, chainKey, assetMatrix]);
   const query = useQuery({
-    queryKey: ["balances", chainKey, address],
+    queryKey: ["balances", chainKey, address, priorityTokenSymbol],
     queryFn: async () => {
       if (!address || !chainKey)
         return {};
       if (!isAddressValidForChain(chainKey, address)) return {};
-      return await chainRegistry.getBalances(chainKey, address, tokensOnChain);
+      return await chainRegistry.getBalances(
+        chainKey,
+        address,
+        tokensOnChain,
+        priorityToken
+      );
     },
     enabled: !!address && !!chainKey && tokensOnChain.length > 0 && isAddressValidForChain(chainKey, address),
     staleTime: 6e4,
@@ -1647,7 +1661,7 @@ const VirtualizedTokenList = ({
   getTokenUsdValue,
   onPick
 }) => {
-  const Row2 = ({ index, style }) => {
+  const Row = ({ index, style }) => {
     const node = nodes[index];
     if (node.kind === "header") {
       const gap = index === 0 ? 0 : HEADER_TOP_GAP;
@@ -1694,7 +1708,7 @@ const VirtualizedTokenList = ({
       itemSize: getItemSize,
       overscanCount: 8,
       style: { willChange: "transform", paddingBottom: "40px" },
-      children: Row2
+      children: Row
     }
   );
 };
@@ -1981,7 +1995,7 @@ function Card({ className, ...props }) {
     {
       "data-slot": "card",
       className: cn(
-        "bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",
+        "bg-card text-card-foreground flex flex-col gap-4 rounded-xl border py-4 shadow-sm",
         className
       ),
       ...props
@@ -1994,7 +2008,7 @@ function CardHeader({ className, ...props }) {
     {
       "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",
+        "@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-4 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-4",
         className
       ),
       ...props
@@ -2029,7 +2043,7 @@ function CardContent({ className, ...props }) {
     "div",
     {
       "data-slot": "card-content",
-      className: cn("px-6", className),
+      className: cn("px-4", className),
       ...props
     }
   );
@@ -2039,7 +2053,7 @@ function CardFooter({ className, ...props }) {
     "div",
     {
       "data-slot": "card-footer",
-      className: cn("flex items-center px-6 [.border-t]:pt-6", className),
+      className: cn("flex items-center px-4 [.border-t]:pt-4", className),
       ...props
     }
   );
@@ -2413,8 +2427,16 @@ function useSwapModel() {
   const tokensStore = useTokensStore();
   const { srcAddress, dstAddress } = useAddresses();
   const { allowedFromChains, allowedToChains, isLoadingToChains } = useChainDerivations();
-  const srcBalances = useBalances(chainsStore.fromChain?.chainKey, srcAddress);
-  const dstBalances = useBalances(chainsStore.toChain?.chainKey, dstAddress);
+  const srcBalances = useBalances(
+    chainsStore.fromChain?.chainKey,
+    srcAddress,
+    tokensStore.selectedAssetSymbol
+  );
+  const dstBalances = useBalances(
+    chainsStore.toChain?.chainKey,
+    dstAddress,
+    tokensStore.selectedAssetSymbol
+  );
   const { loading } = useBridgeQuote();
   const { inputAmount, setInputAmount, resetWithIdle } = useBridgeQuoteStore();
   const fromBalance = useMemo(
@@ -2497,10 +2519,10 @@ const SwapButton = () => {
     {
       onClick: handleSwap,
       disabled: !canSwap || isSwapping,
+      variant: "secondary",
+      size: "sm",
       className: cn(
-        "has-[>svg]:p-0 h-9 bg-swap rounded-full p-2 max-w-9 w-full",
         "absolute top-1/2 -translate-y-1/2 left-1/2 -translate-x-1/2",
-        "hover:bg-swap transition-all duration-200 shadow-none select-none",
         !canSwap || isSwapping ? "opacity-50 cursor-not-allowed" : "hover:scale-110"
       ),
       children: /* @__PURE__ */ jsx(
@@ -2509,8 +2531,7 @@ const SwapButton = () => {
           style: {
             transform: `rotate(${turns * 180}deg)`,
             transition: "transform 300ms linear"
-          },
-          className: "size-5 text-swap-foreground will-change-transform"
+          }
         }
       )
     }
@@ -2541,7 +2562,6 @@ const NetworkSymbol = ({
 };
 const SelectNetworkButton = ({
   onClick,
-  className,
   network
 }) => {
   const { t: t2 } = useTranslation();
@@ -2552,7 +2572,8 @@ const SelectNetworkButton = ({
     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: [
@@ -2897,10 +2918,8 @@ const SwapSection = ({
       "div",
       {
         className: cn(
-          "p-4 flex flex-col gap-4 transition-colors bg-input",
-          {
-            "bg-input-focus": isSource && isFocused
-          },
+          "p-4 flex flex-col gap-4 transition-colors bg-muted",
+          isSource && isFocused ? "bg-accent" : "",
           className
         ),
         children: [
@@ -2919,8 +2938,7 @@ const SwapSection = ({
               SelectNetworkButton,
               {
                 network: chain,
-                onClick: disableNetworkSelect ? void 0 : onOpen,
-                className: disableNetworkSelect ? "opacity-80 cursor-not-allowed" : ""
+                onClick: disableNetworkSelect ? void 0 : onOpen
               }
             ),
             /* @__PURE__ */ jsx(
@@ -3065,7 +3083,7 @@ const ToggleRow = ({ enabled, onToggle }) => {
     } catch {
     }
   };
-  return /* @__PURE__ */ jsxs("div", { className: "p-4 flex flex-col rounded-b-26 gap-2 bg-muted", children: [
+  return /* @__PURE__ */ jsxs("div", { className: "p-4 flex flex-col rounded-b-xl gap-2 bg-muted", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
       /* @__PURE__ */ jsx("p", { className: "text-sm leading-4.5 font-medium text-muted-foreground", children: t2("bridge.sendToAnotherAddress") }),
       /* @__PURE__ */ jsx(
@@ -3187,15 +3205,6 @@ function AccordionContent({
     }
   );
 }
-function getRouteDisplayName(route) {
-  if (!route) return "Stargate Bridge";
-  const routeLower = route.toLowerCase();
-  if (routeLower.includes("taxi")) return "Stargate V2 Fast";
-  if (routeLower.includes("bus")) return "Stargate V2 Economy";
-  if (routeLower.includes("oft")) return "OFT Bridge";
-  if (routeLower.includes("v2")) return "Stargate V2";
-  return route.split(/[\/\-_]/).map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join(" ");
-}
 function getQuoteAmounts(quote, srcToken, dstToken) {
   if (!quote || !srcToken || !dstToken) {
     return {
@@ -3288,12 +3297,21 @@ function getQuoteDetails(quote, srcToken, dstToken, tokens, chains, slippageBps)
     fees
   };
 }
-const ReceiveRow = () => {
+function getRouteDisplayName(route) {
+  if (!route) return "Stargate Bridge";
+  const routeLower = route.toLowerCase();
+  if (routeLower.includes("taxi")) return "Stargate V2 Fast";
+  if (routeLower.includes("bus")) return "Stargate V2 Economy";
+  if (routeLower.includes("oft")) return "OFT Bridge";
+  if (routeLower.includes("v2")) return "Stargate V2";
+  return route.split(/[/\-_]/).map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join(" ");
+}
+const Details = () => {
   const { t: t2 } = useTranslation();
   const { selectedAssetSymbol, assetMatrix, tokens } = useTokensStore();
   const { toChain, fromChain, chains } = useChainsStore();
   const { quote, status } = useBridgeQuoteStore();
-  const { slippageBps, routePriority, gasPreset } = useSettingsStore();
+  const { slippageBps, routePriority } = useSettingsStore();
   const dstToken = resolveTokenOnChainFromMatrix$2(
     assetMatrix,
     selectedAssetSymbol,
@@ -3333,9 +3351,8 @@ const ReceiveRow = () => {
   })();
   const currentSlippageText = formatPercentage(slippageBps);
   const routeText = quote?.route ? getRouteDisplayName(quote.route) : t2(`settings.routePresets.${routePriority}`);
-  const hasGasOnDestination = gasPreset !== "none";
-  return /* @__PURE__ */ jsx(Accordion, { type: "single", collapsible: true, className: "w-full", children: /* @__PURE__ */ jsxs(AccordionItem, { value: "item-1", className: "bg-muted rounded-20", children: [
-    /* @__PURE__ */ jsx(AccordionTrigger, { className: "w-full gap-1 items-center py-6 px-5 rounded-b-16 data-[state=open]:pb-3", children: /* @__PURE__ */ jsxs("div", { className: "w-full flex items-center justify-between", children: [
+  return /* @__PURE__ */ jsx(Accordion, { type: "single", collapsible: true, className: "w-full", children: /* @__PURE__ */ jsxs(AccordionItem, { value: "item-1", className: "bg-muted rounded-xl", children: [
+    /* @__PURE__ */ jsx(AccordionTrigger, { className: "w-full gap-1 items-center py-6 px-5 rounded-b-xl 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-3.5", children: t2("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-1.5", children: [
         /* @__PURE__ */ jsx(TokenSymbol, { symbol, className: "w-4 h-4", alt: "token" }),
@@ -3346,65 +3363,56 @@ const ReceiveRow = () => {
         ] })
       ] })
     ] }) }),
-    /* @__PURE__ */ jsxs(AccordionContent, { className: "text-balance text-foreground px-5 flex flex-col gap-3", children: [
+    /* @__PURE__ */ jsxs(AccordionContent, { className: "px-5 flex flex-col gap-3", children: [
       /* @__PURE__ */ jsx(
-        Row,
+        DetailsRow,
         {
           label: t2("transaction.route"),
-          right: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+          value: /* @__PURE__ */ jsxs("strong", { className: "flex items-center gap-1.5", children: [
             /* @__PURE__ */ jsx(StargateIcon, { className: "size-4" }),
-            /* @__PURE__ */ jsx("p", { className: "text-foreground font-normal text-sm leading-[100%]", children: routeText }),
-            hasGasOnDestination && /* @__PURE__ */ jsx("span", { className: "text-xs bg-settings-active text-settings-active-foreground px-1.5 py-0.5 rounded", children: t2(`settings.gasPresets.${gasPreset}`) })
+            /* @__PURE__ */ jsx("p", { className: "", children: routeText })
           ] })
         }
       ),
       /* @__PURE__ */ jsx(
-        Row,
+        DetailsRow,
         {
           label: t2("transaction.estTime"),
           value: etaText,
           isLoading
         }
       ),
-      /* @__PURE__ */ jsx(Row, { label: t2("transaction.slippage"), value: currentSlippageText }),
       /* @__PURE__ */ jsx(
-        Row,
+        DetailsRow,
+        {
+          label: t2("transaction.slippage"),
+          value: currentSlippageText
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        DetailsRow,
         {
           label: t2("transaction.totalFee"),
-          value: totalFeeDisplay,
-          isLoading,
-          className: "font-semibold",
-          token: /* @__PURE__ */ jsx(TokenSymbol, { symbol, className: "w-4 h-4", alt: "token" })
+          value: /* @__PURE__ */ jsxs("strong", { className: "inline-flex items-center gap-1", children: [
+            /* @__PURE__ */ jsx("span", { children: totalFeeDisplay }),
+            /* @__PURE__ */ jsx(TokenSymbol, { symbol, className: "w-4 h-4", alt: "token" })
+          ] }),
+          isLoading
         }
       )
     ] })
   ] }) });
 };
-const Row = ({
+const DetailsRow = ({
   label,
   value,
-  right,
-  className,
-  isLoading = false,
-  token
+  isLoading = false
 }) => /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center", children: [
   /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
-    /* @__PURE__ */ jsx("p", { className: "text-sm text-priority font-normal font-display", children: label }),
+    /* @__PURE__ */ jsx("p", { className: "text-sm text-priority font-normal", children: label }),
     /* @__PURE__ */ jsx(Tip, { text: label, children: /* @__PURE__ */ jsx(TipIcon, { className: "size-4 text-receive-icon" }) })
   ] }),
-  right ?? (isLoading ? /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-16 rounded-md" }) : /* @__PURE__ */ jsxs("div", { className: "flex gap-1 items-center", children: [
-    /* @__PURE__ */ jsx(
-      "p",
-      {
-        className: cn(
-          "text-foreground text-sm font-display leading-[100%]",
-          className
-        ),
-        children: value ?? "—"
-      }
-    ),
-    token
-  ] }))
+  isLoading ? /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-16 rounded-md" }) : /* @__PURE__ */ jsx("div", { className: "text-foreground text-sm", children: value ?? "—" })
 ] });
 const useTransactionStore = create$1((set, get) => ({
   current: void 0,
@@ -4040,7 +4048,7 @@ const SubmitButton = () => {
     }
   };
   const disabled = isBusy || amountNum <= 0 || status === "loading" || isBalanceLoading || hasInsufficientBalance || hasAmountTooLarge || !gas.hasEnoughGas || noRoute || !isValidForTransfer;
-  return /* @__PURE__ */ jsx(Button, { onClick: handleClick, disabled, className: "w-full", children: label });
+  return /* @__PURE__ */ jsx(Button, { onClick: handleClick, disabled, className: "w-full mt-4", children: label });
 };
 function short(addr) {
   return addr.slice(0, 4) + "…" + addr.slice(-4);
@@ -6247,10 +6255,10 @@ class ChainStrategyRegistry {
     const strategy = this.getStrategy(chainKey);
     return strategy?.isConnected() || false;
   }
-  async getBalances(chainKey, address, tokens) {
+  async getBalances(chainKey, address, tokens, priorityToken) {
     const strategy = this.getStrategy(chainKey);
     if (!strategy) return {};
-    return await strategy.getBalances(address, tokens);
+    return await strategy.getBalances(address, tokens, priorityToken);
   }
   isAddressValid(chainKey, address) {
     const strategy = this.getStrategy(chainKey);
@@ -6361,13 +6369,14 @@ function parseTonAddress(address) {
   }
   return Address$1.parse(address);
 }
-async function getEvmBalances(publicClient, address, tokens) {
+async function getEvmBalances(publicClient, address, tokens, priorityToken) {
   const balances = {};
   try {
     console.log("start getEvmBalances");
     console.log("publicClient:", publicClient);
     console.log("isAddress:", isAddress(address));
     console.log("tokens:", tokens);
+    console.log("priorityToken:", priorityToken);
     if (!address || !isAddress(address)) {
       console.warn(`Invalid EVM address provided: ${address}`);
       return balances;
@@ -6375,25 +6384,93 @@ async function getEvmBalances(publicClient, address, tokens) {
     if (!publicClient) {
       throw new Error("No public client provided");
     }
-    for (const token of tokens) {
+    const nativeTokens = tokens.filter((t2) => isNativeAddress(t2.address));
+    const erc20Tokens = tokens.filter((t2) => !isNativeAddress(t2.address) && isAddress(t2.address));
+    if (priorityToken) {
       try {
-        let balance = 0;
-        const isNative = isNativeAddress(token.address);
-        if (isNative) {
+        const isPriorityNative = isNativeAddress(priorityToken.address);
+        if (isPriorityNative) {
           const ethBalance = await publicClient.getBalance({
             address
           });
-          balance = parseFloat(formatUnits(ethBalance, token.decimals));
-        } else {
-          if (!isAddress(token.address)) {
-            continue;
+          const balance = parseFloat(formatUnits(ethBalance, priorityToken.decimals));
+          if (balance > 0) {
+            balances[priorityToken.symbol] = { balance, address };
           }
-          const bytecode = await publicClient.getBytecode({
-            address: token.address
+        } else if (isAddress(priorityToken.address)) {
+          const tokenBalance = await publicClient.readContract({
+            address: priorityToken.address,
+            abi: [
+              {
+                name: "balanceOf",
+                type: "function",
+                stateMutability: "view",
+                inputs: [{ name: "owner", type: "address" }],
+                outputs: [{ name: "balance", type: "uint256" }]
+              }
+            ],
+            functionName: "balanceOf",
+            args: [address]
           });
-          if (!bytecode || bytecode === "0x") {
-            continue;
+          const balance = parseFloat(formatUnits(tokenBalance, priorityToken.decimals));
+          if (balance > 0) {
+            balances[priorityToken.symbol] = { balance, address };
           }
+        }
+      } catch (error) {
+        console.debug(`Failed to get priority token balance for ${priorityToken.symbol}:`, error);
+      }
+    }
+    for (const token of nativeTokens) {
+      try {
+        const ethBalance = await publicClient.getBalance({
+          address
+        });
+        const balance = parseFloat(formatUnits(ethBalance, token.decimals));
+        if (balance > 0) {
+          balances[token.symbol] = { balance, address };
+        }
+      } catch (error) {
+        console.debug(`Failed to get native balance for ${token.symbol}:`, error);
+      }
+    }
+    if (erc20Tokens.length > 0) {
+      try {
+        const multicallContracts = erc20Tokens.map((token) => ({
+          address: token.address,
+          abi: [
+            {
+              name: "balanceOf",
+              type: "function",
+              stateMutability: "view",
+              inputs: [{ name: "owner", type: "address" }],
+              outputs: [{ name: "balance", type: "uint256" }]
+            }
+          ],
+          functionName: "balanceOf",
+          args: [address]
+        }));
+        const results = await publicClient.multicall({
+          contracts: multicallContracts,
+          allowFailure: true
+        });
+        results.forEach((result, index) => {
+          const token = erc20Tokens[index];
+          if (!token) return;
+          if (result.status === "success" && result.result !== void 0) {
+            try {
+              const balance = parseFloat(formatUnits(result.result, token.decimals));
+              if (balance > 0) {
+                balances[token.symbol] = { balance, address };
+              }
+            } catch (error) {
+              console.debug(`Failed to parse balance for ${token.symbol}:`, error);
+            }
+          }
+        });
+      } catch (error) {
+        console.warn("Multicall failed, falling back to individual calls:", error);
+        for (const token of erc20Tokens) {
           try {
             const tokenBalance = await publicClient.readContract({
               address: token.address,
@@ -6409,23 +6486,16 @@ async function getEvmBalances(publicClient, address, tokens) {
               functionName: "balanceOf",
               args: [address]
             });
-            balance = parseFloat(
+            const balance = parseFloat(
               formatUnits(tokenBalance, token.decimals)
             );
-          } catch {
-            continue;
+            if (balance > 0) {
+              balances[token.symbol] = { balance, address };
+            }
+          } catch (error2) {
+            console.debug(`Failed to get balance for ${token.symbol}:`, error2);
           }
         }
-        if (balance > 0) {
-          balances[token.symbol] = { balance, address };
-        }
-      } catch (error) {
-        if (error instanceof Error && !error.message.includes("could not decode")) {
-          console.warn(
-            `Network error fetching balance for ${token.symbol}:`,
-            error
-          );
-        }
       }
     }
   } catch (error) {
@@ -6487,7 +6557,11 @@ async function getTonBalances(address, tokens, customTonClient, tonApiKey) {
           }
         }
       } catch (error) {
-        console.debug(`Failed to get balance for ${token.symbol}:`, error);
+        const errorMessage = error instanceof Error ? error.message : String(error);
+        const isNoWalletError = errorMessage.includes("exit_code: -13") || errorMessage.includes("exit_code:-13") || errorMessage.includes("exitCode: -13");
+        if (!isNoWalletError) {
+          console.debug(`Failed to get balance for ${token.symbol}:`, error);
+        }
       }
     }
   } catch (error) {
@@ -6588,12 +6662,12 @@ class EvmChainStrategy {
   getConnectLabel(t2) {
     return t2("wallets.connectEvmWallet");
   }
-  async getBalances(address, tokens) {
+  async getBalances(address, tokens, priorityToken) {
     if (!this.publicClient) {
       console.warn("No publicClient available for balance query");
       return {};
     }
-    return await getEvmBalances(this.publicClient, address, tokens);
+    return await getEvmBalances(this.publicClient, address, tokens, priorityToken);
   }
   isAddressValid(address) {
     if (!address) return false;
@@ -7997,7 +8071,7 @@ const EvaaBridgeContent = ({
             /* @__PURE__ */ jsx(
               SwapSection,
               {
-                className: "rounded-t-16",
+                className: "rounded-t-xl",
                 label: t2("bridge.sourceNetwork"),
                 balance: fromBalance,
                 chain: fromChain,
@@ -8032,7 +8106,7 @@ const EvaaBridgeContent = ({
             ),
             /* @__PURE__ */ jsx(SubmitButton, {})
           ] }),
-          /* @__PURE__ */ jsx(CardFooter, { children: /* @__PURE__ */ jsx(ReceiveRow, {}) })
+          /* @__PURE__ */ jsx(CardFooter, { children: /* @__PURE__ */ jsx(Details, {}) })
         ]
       }
     ),