@rash2x/bridge-widget 0.1.20 → 0.1.22

package/dist/evaa-bridge.mjs

@@ -912,7 +912,7 @@ const SettingModal = ({ isOpen, onClose }) => {
         /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center", children: [
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm font-medium leading-4", children: t2("settings.gasOnDestination") }),
-            /* @__PURE__ */ jsx(Tip, { text: t2("settings.gasOnDestination"), children: /* @__PURE__ */ jsx(TipIcon, { className: "size-4 text-muted-foreground" }) })
+            /* @__PURE__ */ jsx(Tip, { text: t2("settings.gasOnDestination"), children: /* @__PURE__ */ jsx(TipIcon, { className: "w-4 h-4 text-muted-foreground" }) })
           ] }),
           /* @__PURE__ */ jsx("p", { className: "text-foreground text-sm font-medium leading-4", children: formatUsd(gasUsdValue) })
         ] }),
@@ -949,7 +949,7 @@ const SettingModal = ({ isOpen, onClose }) => {
         /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center", children: [
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm font-medium leading-4", children: t2("settings.slippageTolerance") }),
-            /* @__PURE__ */ jsx(Tip, { text: t2("settings.slippageTolerance"), children: /* @__PURE__ */ jsx(TipIcon, { className: "size-4 text-muted-foreground" }) })
+            /* @__PURE__ */ jsx(Tip, { text: t2("settings.slippageTolerance"), children: /* @__PURE__ */ jsx(TipIcon, { className: "w-4 h-4 text-muted-foreground" }) })
           ] }),
           slippageBps >= 500 && /* @__PURE__ */ jsx("p", { className: "text-destructive text-xs font-medium", children: t2("settings.highSlippageWarning", {
             defaultValue: "High slippage warning"
@@ -978,7 +978,7 @@ const SettingModal = ({ isOpen, onClose }) => {
       /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-5", children: [
         /* @__PURE__ */ jsx("div", { className: "flex justify-between items-center", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm font-medium leading-4", children: t2("settings.routePriority") }),
-          /* @__PURE__ */ jsx(Tip, { text: t2("settings.routePriority"), children: /* @__PURE__ */ jsx(TipIcon, { className: "size-4 text-muted-foreground" }) })
+          /* @__PURE__ */ jsx(Tip, { text: t2("settings.routePriority"), children: /* @__PURE__ */ jsx(TipIcon, { className: "w-4 h-4 text-muted-foreground" }) })
         ] }) }),
         /* @__PURE__ */ jsx("div", { className: "flex items-center justify-end gap-2", children: routePresets.map((r) => /* @__PURE__ */ jsx(
           Badge,
@@ -1161,7 +1161,7 @@ const SearchInput = ({
         containerClassName
       ),
       children: [
-        /* @__PURE__ */ jsx(SearchIcon, { className: "size-6 text-input-icon" }),
+        /* @__PURE__ */ jsx(SearchIcon, { className: "w-6 h-6 text-input-icon" }),
         /* @__PURE__ */ jsx(
           Input,
           {
@@ -1201,7 +1201,7 @@ const TokenRow = ({
             TokenSymbol,
             {
               symbol,
-              className: "size-8 rounded-full",
+              className: "w-8 h-8 rounded-full",
               alt: symbol
             }
           ),
@@ -1558,7 +1558,7 @@ const SelectTokenButton = ({
           ),
           /* @__PURE__ */ jsx("span", { className: "text-secondary-foreground text-sm font-semibold", children: label })
         ] }),
-        /* @__PURE__ */ jsx(ArrowDownIcon, { className: "size-4 text-secondary-foreground" })
+        /* @__PURE__ */ jsx(ArrowDownIcon, { className: "w-4 h-4 text-secondary-foreground" })
       ]
     }
   );
@@ -2176,7 +2176,9 @@ const SwapButton = () => {
 };
 const WalletBalance = (props) => {
   const { value, isLoading = false } = props;
-  if (isLoading) {
+  const hasNoData = !value || value === "0" || value === "0.00" || value === "0.0";
+  const shouldShowSkeleton = isLoading && hasNoData;
+  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" })
@@ -2225,7 +2227,7 @@ const SelectNetworkButton = ({
           ),
           /* @__PURE__ */ jsx("span", { className: "text-secondary-foreground text-sm leading-5 font-semibold ", children: label })
         ] }),
-        /* @__PURE__ */ jsx(ArrowDownIcon, { className: "size-4 text-secondary-foreground" })
+        /* @__PURE__ */ jsx(ArrowDownIcon, { className: "w-4 h-4 text-secondary-foreground" })
       ]
     }
   );
@@ -2413,9 +2415,9 @@ function short$1(addr) {
   return addr.slice(0, 4) + "…" + addr.slice(-4);
 }
 const prefixIcons = {
-  tronlink: /* @__PURE__ */ jsx(TronLinkIcon, { className: "size-5" }),
-  metamask: /* @__PURE__ */ jsx(MetaMaskIcon, { className: "size-5" }),
-  ton: /* @__PURE__ */ jsx(TonKeeperIcon, { className: "size-5" })
+  tronlink: /* @__PURE__ */ jsx(TronLinkIcon, { className: "w-5 h-5" }),
+  metamask: /* @__PURE__ */ jsx(MetaMaskIcon, { className: "w-5 h-5" }),
+  ton: /* @__PURE__ */ jsx(TonKeeperIcon, { className: "w-5 h-5" })
 };
 const mapWalletToType = (wallet) => {
   switch (wallet) {
@@ -2700,9 +2702,9 @@ const AnotherAddress = () => {
                 {
                   variant: "ghost",
                   size: "sm",
-                  className: "rounded-full p-0 size-5 self-start",
+                  className: "rounded-full p-0 w-5 h-5 self-start",
                   onClick: () => setValue(""),
-                  children: /* @__PURE__ */ jsx(X, { className: "size-4" })
+                  children: /* @__PURE__ */ jsx(X, { className: "w-4 h-4" })
                 }
               )
             ]
@@ -2877,7 +2879,7 @@ const Details = () => {
         {
           label: t2("transaction.route"),
           value: /* @__PURE__ */ jsxs("strong", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx(StargateIcon, { className: "size-4" }),
+            /* @__PURE__ */ jsx(StargateIcon, { className: "w-4 h-4" }),
             /* @__PURE__ */ jsx("p", { className: "", children: routeText })
           ] })
         }
@@ -2918,7 +2920,7 @@ const DetailsRow = ({
 }) => /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center", children: [
   /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
     /* @__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" }) })
+    /* @__PURE__ */ jsx(Tip, { text: label, children: /* @__PURE__ */ jsx(TipIcon, { className: "w-4 h-4 text-receive-icon" }) })
   ] }),
   isLoading ? /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-16 rounded-md" }) : /* @__PURE__ */ jsx("div", { className: "text-foreground text-sm", children: value ?? "—" })
 ] });
@@ -3683,7 +3685,7 @@ const WalletSelectModal = () => {
           const IconComponent = wallet.icon;
           return /* @__PURE__ */ jsx("div", { className: "-mx-5", children: /* @__PURE__ */ jsxs(Button, { className: "w-full cursor-pointer bg-transparent flex shadow-none items-center justify-between gap-3 px-5 py-3 hover:bg-muted h-auto rounded-md transition-[300]", children: [
             /* @__PURE__ */ jsx("div", { className: "flex items-center gap-3 min-w-0", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-              /* @__PURE__ */ jsx("div", { className: "size-8 flex items-center justify-center", children: /* @__PURE__ */ jsx(IconComponent, { className: "size-8" }) }),
+              /* @__PURE__ */ jsx("div", { className: "w-8 h-8 flex items-center justify-center", children: /* @__PURE__ */ jsx(IconComponent, { className: "w-8 h-8" }) }),
               /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-start min-w-0", children: [
                 /* @__PURE__ */ jsx("p", { className: "font-extrabold text-foreground text-sm leading-4 truncate", children: short(wallet.address) }),
                 /* @__PURE__ */ jsx("div", { className: "text-xs leading-3 font-semibold text-muted-foreground", children: wallet.name })
@@ -3697,7 +3699,7 @@ const WalletSelectModal = () => {
                   onClose();
                 },
                 className: "text-sm font-medium text-muted-foreground",
-                children: /* @__PURE__ */ jsx(ExitIcon, { className: "text-[#808080] size-6" })
+                children: /* @__PURE__ */ jsx(ExitIcon, { className: "text-[#808080] w-6 h-6" })
               }
             )
           ] }) }, wallet.id);
@@ -3724,7 +3726,7 @@ const WalletSelectModal = () => {
               disabled: isEvmConnector ? isPending : !wallet.enabled,
               className: "w-full cursor-pointer bg-transparent flex shadow-none items-center justify-between gap-3 px-5 py-3 hover:bg-muted h-auto rounded-md transition-[300] disabled:opacity-50 disabled:cursor-not-allowed",
               children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 min-w-0", children: [
-                /* @__PURE__ */ jsx("div", { className: "w-8 flex items-center justify-center", children: /* @__PURE__ */ jsx(IconComponent, { className: "size-8" }) }),
+                /* @__PURE__ */ jsx("div", { className: "w-8 flex items-center justify-center", children: /* @__PURE__ */ jsx(IconComponent, { className: "w-8 h-8" }) }),
                 /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-start min-w-0", children: [
                   /* @__PURE__ */ jsx("p", { className: "font-extrabold text-foreground text-sm leading-4 truncate", children: wallet.name }),
                   wallet.comingSoon ? /* @__PURE__ */ jsx("div", { className: "text-xs leading-3 font-semibold text-muted-foreground", children: t2("wallets.comingSoon") }) : /* @__PURE__ */ jsx("div", { className: "text-xs leading-3 font-semibold text-muted-foreground", children: t2("wallets.connect") })
@@ -5896,13 +5898,11 @@ async function getEvmBalances(publicClient, address, tokens, priorityToken) {
     }
     const nativeTokens = tokens.filter((t2) => isNativeAddress(t2.address));
     const erc20Tokens = tokens.filter(
-      (t2) => !isNativeAddress(t2.address) && isAddress(t2.address)
+      (t2) => !isNativeAddress(t2.address) && isAddress(t2.address) && (!priorityToken || t2.address !== priorityToken.address)
     );
     if (priorityToken) {
       try {
         const isPriorityNative = isNativeAddress(priorityToken.address);
-        console.log(priorityToken);
-        console.log(isPriorityNative);
         if (isPriorityNative) {
           const ethBalance = await publicClient.getBalance({
             address
@@ -5928,20 +5928,22 @@ async function getEvmBalances(publicClient, address, tokens, priorityToken) {
             functionName: "balanceOf",
             args: [address]
           });
-          console.log(tokenBalance);
           const balance = parseFloat(
             formatUnits(tokenBalance, priorityToken.decimals)
           );
-          console.log(balance);
           if (balance > 0) {
             balances[priorityToken.symbol] = { balance, address };
           }
         }
       } catch (error) {
-        console.debug(
-          `Failed to get priority token balance for ${priorityToken.symbol}:`,
-          error
-        );
+        const errorMessage = error instanceof Error ? error.message : String(error);
+        const isZeroDataError = errorMessage.includes('returned no data ("0x")');
+        if (!isZeroDataError) {
+          console.debug(
+            `Failed to get priority token balance for ${priorityToken.symbol}:`,
+            error
+          );
+        }
       }
     }
     for (const token of nativeTokens) {