@rash2x/bridge-widget 0.3.10 → 0.4.1

package/dist/evaa-bridge.cjs

@@ -1,27 +1,6 @@
 "use strict";
-var __create = Object.create;
 var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
@@ -47,7 +26,6 @@ const accordion = require("@/components/ui/accordion");
 const tooltip = require("@/components/ui/tooltip");
 const sonner = require("sonner");
 const reactDialog = require("@radix-ui/react-dialog");
-const ethers = require("ethers");
 const viem = require("viem");
 const tronwalletAdapters = require("@tronweb3/tronwallet-adapters");
 const card = require("@/components/ui/card");
@@ -432,16 +410,10 @@ function buildAssetMatrix(tokens) {
     if (!symbol) continue;
     (m[symbol] || (m[symbol] = {}))[t.chainKey] = t;
   }
-  const chainStats = {};
   Object.values(m).forEach((byChain) => {
     Object.keys(byChain).forEach((chainKey) => {
-      chainStats[chainKey] = (chainStats[chainKey] || 0) + 1;
     });
   });
-  console.log(
-    `[DEBUG] Asset matrix built: ${Object.keys(m).length} assets across chains:`,
-    chainStats
-  );
   return m;
 }
 function listAssetsForSelect(tokens) {
@@ -1550,12 +1522,6 @@ const useChainDerivations = () => {
     const byChain = assetMatrix[selectedAssetSymbol.toUpperCase()];
     const keys = new Set(Object.keys(byChain ?? {}));
     const result = chains.filter((c) => keys.has(c.chainKey));
-    console.log(
-      `[DEBUG] supportedFrom for ${selectedAssetSymbol}:`,
-      `${result.length} of ${chains.length} chains`,
-      result.map((c) => c.chainKey),
-      `| Has Arbitrum: ${result.some((c) => c.chainKey === "arbitrum")}`
-    );
     return result;
   }, [selectedAssetSymbol, assetMatrix, chains]);
   react.useEffect(() => {
@@ -1624,13 +1590,6 @@ const useChainDerivations = () => {
         if (fromChain?.chainKey) {
           list = list.filter((c) => c.chainKey !== fromChain.chainKey);
         }
-        console.log(
-          `[DEBUG] allowedToChains from ${fromChain?.chainKey}:`,
-          `${list.length} destinations`,
-          list.map((c) => c.chainKey),
-          `| Has Arbitrum: ${list.some((c) => c.chainKey === "arbitrum")}`,
-          `| API returned ${dest.length} tokens, filtered to ${filteredDest.length}`
-        );
         setAllowedToChains(list);
         if (!toChain || !list.some((c) => c.chainKey === toChain.chainKey)) {
           setToChain(list[0]);
@@ -1665,7 +1624,7 @@ const useChainDerivations = () => {
     isLoadingToChains
   };
 };
-function useBalances(chainKey, address, priorityTokenSymbol) {
+function useBalances(chainKey, address) {
   const { chainRegistry } = useChainStrategies();
   const { assetMatrix } = useTokensStore();
   const tokensOnChain = react.useMemo(() => {
@@ -1679,27 +1638,13 @@ function useBalances(chainKey, address, priorityTokenSymbol) {
     }
     return tokensList;
   }, [assetMatrix, chainKey]);
-  const priorityToken = react.useMemo(() => {
-    if (!priorityTokenSymbol || !chainKey || !assetMatrix) return void 0;
-    const normalizedSymbol = normalizeTickerSymbol$1(priorityTokenSymbol);
-    const token = assetMatrix[normalizedSymbol]?.[chainKey];
-    if (token && token.address && token.address.length > 2) {
-      return token;
-    }
-    return void 0;
-  }, [priorityTokenSymbol, chainKey, assetMatrix]);
   const query = reactQuery.useQuery({
-    queryKey: ["balances", chainKey, address, priorityTokenSymbol],
+    queryKey: ["balances", chainKey, address],
     queryFn: async () => {
       if (!address || !chainKey)
         return {};
       if (!isAddressValidForChain(chainKey, address)) return {};
-      return await chainRegistry.getBalances(
-        chainKey,
-        address,
-        tokensOnChain,
-        priorityToken
-      );
+      return await chainRegistry.getBalances(chainKey, address, tokensOnChain);
     },
     enabled: !!address && !!chainKey && !!assetMatrix && tokensOnChain.length > 0 && isAddressValidForChain(chainKey, address),
     staleTime: 6e4,
@@ -1738,13 +1683,11 @@ function useSwapModel() {
   const { allowedFromChains, allowedToChains, isLoadingToChains } = useChainDerivations();
   const srcBalances = useBalances(
     chainsStore.fromChain?.chainKey,
-    srcAddress,
-    tokensStore.selectedAssetSymbol
+    srcAddress
   );
   const dstBalances = useBalances(
     chainsStore.toChain?.chainKey,
-    dstAddress,
-    tokensStore.selectedAssetSymbol
+    dstAddress
   );
   const { loading } = useBridgeQuote();
   const { inputAmount, setInputAmount, resetWithIdle } = useBridgeQuoteStore();
@@ -2671,15 +2614,15 @@ const EditIcon = (props) => {
       xmlns: "http://www.w3.org/2000/svg",
       ...props,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("g", { "clip-path": "url(#clip0_551_3851)", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("g", { clipPath: "url(#clip0_551_3851)", children: [
           /* @__PURE__ */ jsxRuntime.jsx(
             "path",
             {
               d: "M9.76159 5.01068L4.91742 9.85489C4.72585 10.0465 4.54793 10.4023 4.50687 10.6622L4.24687 12.5096C4.15108 13.1801 4.61636 13.6454 5.28688 13.5496L7.13425 13.2896C7.39425 13.2486 7.76372 13.0707 7.94161 12.8791L12.7858 8.03491C13.6206 7.20018 14.0174 6.2286 12.7858 4.99702C11.5679 3.77913 10.5963 4.17594 9.76159 5.01068Z",
               stroke: "currentColor",
-              "stroke-miterlimit": "10",
-              "stroke-linecap": "round",
-              "stroke-linejoin": "round"
+              strokeMiterlimit: "10",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
@@ -2687,9 +2630,9 @@ const EditIcon = (props) => {
             {
               d: "M9.0625 5.70312C9.47303 7.18102 10.6225 8.33049 12.1004 8.74101",
               stroke: "currentColor",
-              "stroke-miterlimit": "10",
-              "stroke-linecap": "round",
-              "stroke-linejoin": "round"
+              strokeMiterlimit: "10",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
             }
           )
         ] }),
@@ -3774,7 +3717,7 @@ function useSilentValidations(amountString) {
   ]);
   return validationResult;
 }
-const SubmitButton = () => {
+const MainButton = () => {
   const { t } = useBridgeTranslation();
   const { chainRegistry } = useChainStrategies();
   const { srcAddress, dstAddress } = useAddresses();
@@ -3852,11 +3795,11 @@ const SubmitButton = () => {
   ]);
   const handleClick = async () => {
     if (isBusy) return;
-    if (missingSrc && srcChainKey) {
+    if (missingSrc) {
       onOpen("src");
       return;
     }
-    if (missingDst && dstChainKey) {
+    if (missingDst) {
       onOpen("dst");
       return;
     }
@@ -3869,7 +3812,7 @@ const SubmitButton = () => {
       return;
     }
   };
-  const disabled = isBusy || amountNum <= 0 || status === "loading" || isBalanceLoading || hasInsufficientBalance || hasAmountTooLarge || !gas.hasEnoughGas || noRoute || !isValidForTransfer;
+  const disabled = isBusy || status === "loading" || !missingSrc && !missingDst && (amountNum <= 0 || isBalanceLoading || hasInsufficientBalance || hasAmountTooLarge || !gas.hasEnoughGas || noRoute || !isValidForTransfer);
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pt-4", children: /* @__PURE__ */ jsxRuntime.jsx(
     button.Button,
     {
@@ -4096,9 +4039,9 @@ const ProgressStep = ({
   icon = /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "w-16 h-16 animate-spin" })
 }) => {
   const { t } = useBridgeTranslation();
-  return /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogContent, { showCloseButton: false, children: /* @__PURE__ */ jsxRuntime.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: [
+  return /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogContent, { showCloseButton: false, className: "overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex relative flex-col gap-4 flex-1 items-center justify-start text-center noise bg-background", children: [
     icon,
-    /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogTitle, { children: t("transaction.inProgress") }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogHeader, { className: "pr-0", children: /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogTitle, { children: t("transaction.inProgress") }) }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative mt-5 z-10", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute dot-vertical h-full left-5 top-0 bottom-0 z-0" }) })
   ] }) });
 };
@@ -4107,10 +4050,10 @@ const FailedStep = ({
 }) => {
   const { current, reset } = useTransactionStore();
   const { t } = useBridgeTranslation();
-  return /* @__PURE__ */ jsxRuntime.jsxs(dialog.DialogContent, { showCloseButton: false, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col relative gap-4 py-10 px-8 flex-1 items-center justify-start text-center noise", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(dialog.DialogContent, { showCloseButton: true, className: "overflow-hidden", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col relative gap-4 flex-1 items-center justify-start text-center noise", children: [
       icon,
-      /* @__PURE__ */ jsxRuntime.jsxs(dialog.DialogHeader, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(dialog.DialogHeader, { className: "pr-0", children: [
         /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogTitle, { children: t("transaction.failed") }),
         current?.errorCode && /* @__PURE__ */ jsxRuntime.jsx(reactDialog.DialogDescription, { children: t(
           `errors.${current.errorCode}`,
@@ -4222,10 +4165,10 @@ const SuccessStep = ({
       openTransactionInExplorer(srcChainKey, srcTxHash);
     }
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs(dialog.DialogContent, { showCloseButton: false, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4 pt-10 px-8 flex-1 justify-start items-center text-center noise bg-background", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(dialog.DialogContent, { showCloseButton: true, className: "overflow-hidden", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4 flex-1 justify-start items-center text-center noise bg-background", children: [
       icon,
-      /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogTitle, { children: t("transaction.success") }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogHeader, { className: "pr-0", children: /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogTitle, { children: t("transaction.success") }) }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full space-y-2 mt-4 relative z-10 pb-14", children: [
         metadata?.srcAmountHuman && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between items-center", children: [
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: t("transaction.bridged") }),
@@ -4273,7 +4216,7 @@ const SuccessStep = ({
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pb-10 px-8", children: /* @__PURE__ */ jsxRuntime.jsx(button.Button, { onClick: reset, className: "w-full", children: t("transaction.done") }) })
+    /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogFooter, { children: /* @__PURE__ */ jsxRuntime.jsx(button.Button, { onClick: reset, className: "w-full", children: t("transaction.done") }) })
   ] });
 };
 const useCountdown = (initialSeconds) => {
@@ -4298,9 +4241,9 @@ const ConfirmStep = ({
 }) => {
   const { t } = useBridgeTranslation();
   const { formatTime } = useCountdown(90);
-  return /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogContent, { showCloseButton: false, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col relative gap-4 py-10 px-8 flex-1 items-center justify-start text-center noise", children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogContent, { showCloseButton: false, className: "overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col relative gap-4 flex-1 items-center justify-start text-center noise", children: [
     icon,
-    /* @__PURE__ */ jsxRuntime.jsxs(dialog.DialogHeader, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(dialog.DialogHeader, { className: "pr-0", children: [
       /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogTitle, { children: t("transaction.confirm") }),
       /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogDescription, { children: t("transaction.signTransaction") })
     ] }),
@@ -4310,7 +4253,7 @@ const ConfirmStep = ({
 const StatusStepsDialog = ({
   icons
 }) => {
-  const { current } = useTransactionStore();
+  const { current, reset } = useTransactionStore();
   const status = current?.status;
   if (!status || status === "idle") return null;
   let step = null;
@@ -4320,14 +4263,13 @@ const StatusStepsDialog = ({
   if (status === "processing") {
     step = /* @__PURE__ */ jsxRuntime.jsx(ProgressStep, { icon: icons?.progress });
   }
-  if (status === "failed") {
+  if (status === "completed") {
     step = /* @__PURE__ */ jsxRuntime.jsx(FailedStep, { icon: icons?.failed });
   }
-  if (status === "completed") {
+  if (status === "failed") {
     step = /* @__PURE__ */ jsxRuntime.jsx(SuccessStep, { icon: icons?.success });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog, { open: true, onOpenChange: () => {
-  }, children: step });
+  return /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog, { open: true, onOpenChange: () => reset(), children: step });
 };
 const useTokens = () => {
   const { setTokens, setSelectedToken, setSelectedAssetSymbol } = useTokensStore();
@@ -4379,10 +4321,6 @@ const useChains = () => {
   });
   react.useEffect(() => {
     if (query.isSuccess && query.data?.length) {
-      console.log(
-        `[DEBUG] Loaded ${query.data.length} chains from API:`,
-        query.data.map((c) => c.chainKey)
-      );
       setChains(query.data);
       if (!fromChain) {
         setFromChain(query.data[0]);
@@ -4424,10 +4362,10 @@ class ChainStrategyRegistry {
     const strategy = this.getStrategy(chainKey);
     return strategy?.isConnected() || false;
   }
-  async getBalances(chainKey, address, tokens, priorityToken) {
+  async getBalances(chainKey, address, tokens) {
     const strategy = this.getStrategy(chainKey);
     if (!strategy) return {};
-    return await strategy.getBalances(address, tokens, priorityToken);
+    return await strategy.getBalances(address, tokens);
   }
   isAddressValid(chainKey, address) {
     const strategy = this.getStrategy(chainKey);
@@ -4495,7 +4433,7 @@ function parseTonAddress(address) {
   }
   return ton.Address.parse(address);
 }
-async function getEvmBalances(publicClient, address, tokens, priorityToken) {
+async function getEvmBalances(publicClient, address, tokens) {
   const balances = {};
   try {
     if (!address || !viem.isAddress(address)) {
@@ -4507,56 +4445,8 @@ async function getEvmBalances(publicClient, address, tokens, priorityToken) {
     }
     const nativeTokens = tokens.filter((t) => isNativeAddress(t.address));
     const erc20Tokens = tokens.filter(
-      (t) => !isNativeAddress(t.address) && viem.isAddress(t.address) && (!priorityToken || t.address !== priorityToken.address)
+      (t) => !isNativeAddress(t.address) && viem.isAddress(t.address)
     );
-    if (priorityToken) {
-      try {
-        const isPriorityNative = isNativeAddress(priorityToken.address);
-        if (isPriorityNative) {
-          const ethBalance = await publicClient.getBalance({
-            address
-          });
-          const balance = parseFloat(
-            viem.formatUnits(ethBalance, priorityToken.decimals)
-          );
-          if (balance > 0) {
-            balances[priorityToken.symbol] = { balance, address };
-          }
-        } else if (viem.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]
-          });
-          const balance = parseFloat(
-            viem.formatUnits(tokenBalance, priorityToken.decimals)
-          );
-          if (balance > 0) {
-            balances[priorityToken.symbol] = { balance, address };
-          }
-        }
-      } catch (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) {
       try {
         const ethBalance = await publicClient.getBalance({
@@ -4780,13 +4670,11 @@ const ERC20_ABI = [
 class EvmChainStrategy {
   constructor(config) {
     __publicField(this, "config");
-    __publicField(this, "provider");
+    __publicField(this, "walletClient");
     __publicField(this, "publicClient");
     this.config = config;
+    this.walletClient = config.walletClient;
     this.publicClient = config.publicClient;
-    if (config.walletClient) {
-      this.provider = new ethers.BrowserProvider(config.walletClient.transport);
-    }
   }
   canHandle(chainKey) {
     const key = chainKey.toLowerCase();
@@ -4822,9 +4710,9 @@ class EvmChainStrategy {
     return t("wallets.connectEvmWallet");
   }
   getClient() {
-    return this.provider;
+    return this.walletClient;
   }
-  async getBalances(address, tokens, priorityToken) {
+  async getBalances(address, tokens) {
     if (!this.publicClient) {
       console.warn("No publicClient available for balance query");
       return {};
@@ -4832,8 +4720,7 @@ class EvmChainStrategy {
     return await getEvmBalances(
       this.publicClient,
       address,
-      tokens,
-      priorityToken
+      tokens
     );
   }
   isAddressValid(address) {
@@ -4859,7 +4746,7 @@ class EvmChainStrategy {
     }
   }
   async executeSteps(steps, _context, onFirstHash) {
-    if (!this.isConnected() || !this.provider) {
+    if (!this.isConnected() || !this.walletClient) {
       throw new WalletNotConnectedError("evm");
     }
     this.validateSteps(steps);
@@ -4903,18 +4790,18 @@ class EvmChainStrategy {
   }
   async waitForCompletion(txHash) {
     try {
-      const provider = this.provider;
-      if (!provider) {
+      const publicClient = this.publicClient;
+      if (!publicClient) {
         throw new ProviderNotAvailableError("evm");
       }
       console.log(
         `Waiting for ${EVM_CONFIG.requiredConfirmations} confirmations for tx: ${txHash}`
       );
-      const receipt = await provider.waitForTransaction(
-        txHash,
-        EVM_CONFIG.requiredConfirmations,
-        EVM_CONFIG.timeout
-      );
+      const receipt = await publicClient.waitForTransactionReceipt({
+        hash: txHash,
+        confirmations: EVM_CONFIG.requiredConfirmations,
+        timeout: EVM_CONFIG.timeout
+      });
       if (!receipt) {
         const error = new TransactionTimeoutError("evm", txHash);
         return {
@@ -4922,7 +4809,7 @@ class EvmChainStrategy {
           error: error.message
         };
       }
-      if (receipt.status !== 1) {
+      if (receipt.status !== "success") {
         const error = new TransactionRevertedError("evm", txHash);
         return {
           completed: false,
@@ -4935,11 +4822,10 @@ class EvmChainStrategy {
       let actualFeeValue;
       try {
         const gasUsed = receipt.gasUsed;
-        const effectiveGasPrice = receipt.gasPrice;
+        const effectiveGasPrice = receipt.effectiveGasPrice;
         if (gasUsed && effectiveGasPrice) {
           const feeWei = gasUsed * effectiveGasPrice;
-          const { formatUnits } = await import("ethers");
-          const feeInNative = formatUnits(feeWei, 18);
+          const feeInNative = viem.formatUnits(feeWei, 18);
           actualFeeValue = feeInNative;
           console.log(`EVM transaction fee: ${feeInNative} (native token)`);
         }
@@ -4966,11 +4852,10 @@ class EvmChainStrategy {
             try {
               const receipt = error.receipt;
               const gasUsed = receipt.gasUsed;
-              const effectiveGasPrice = receipt.gasPrice || receipt.effectiveGasPrice;
+              const effectiveGasPrice = receipt.effectiveGasPrice;
               if (gasUsed && effectiveGasPrice) {
                 const feeWei = gasUsed * effectiveGasPrice;
-                const { formatUnits } = await import("ethers");
-                const feeInNative = formatUnits(feeWei, 18);
+                const feeInNative = viem.formatUnits(feeWei, 18);
                 actualFeeValue = feeInNative;
                 console.log(
                   `Replacement transaction fee: ${feeInNative} (native token)`
@@ -5004,8 +4889,10 @@ class EvmChainStrategy {
     }
   }
   async executeTransaction(step) {
-    const provider = this.provider;
-    const signer = await provider?.getSigner();
+    const walletClient = this.walletClient;
+    if (!walletClient) {
+      throw new WalletNotConnectedError("evm");
+    }
     if (!step.transaction) {
       throw new InvalidTransactionDataError(
         "evm",
@@ -5013,21 +4900,22 @@ class EvmChainStrategy {
       );
     }
     const tx = step.transaction;
-    const txRequest = {
+    const hash = await walletClient.sendTransaction({
       to: tx.to,
       data: tx.data,
-      from: tx.from || this.config.evmAddress
-    };
-    if (tx.value) {
-      txRequest.value = tx.value;
-    }
-    const txResponse = await signer?.sendTransaction(txRequest);
-    return txResponse?.hash || "";
+      account: tx.from || this.config.evmAddress,
+      value: tx.value ? BigInt(tx.value) : void 0,
+      chain: walletClient.chain
+    });
+    return hash;
   }
   async approveTransaction(step) {
     try {
-      const provider = this.provider;
-      const signer = await provider?.getSigner();
+      const walletClient = this.walletClient;
+      const publicClient = this.publicClient;
+      if (!walletClient || !publicClient) {
+        throw new WalletNotConnectedError("evm");
+      }
       if (!step.transaction) {
         throw new InvalidTransactionDataError(
           "evm",
@@ -5050,16 +4938,26 @@ class EvmChainStrategy {
         );
       }
       const spenderAddress = "0x" + data.slice(34, 74);
-      const amount = "0x" + data.slice(74, 138);
-      const tokenContract = new ethers.Contract(tokenAddress, ERC20_ABI, signer);
-      const currentAllowance = await tokenContract.allowance(
-        this.config.evmAddress,
-        spenderAddress
-      );
+      const amount = BigInt("0x" + data.slice(74, 138));
+      const currentAllowance = await publicClient.readContract({
+        address: tokenAddress,
+        abi: ERC20_ABI,
+        functionName: "allowance",
+        args: [this.config.evmAddress, spenderAddress]
+      });
       if (currentAllowance > 0n) {
         try {
-          const resetTx = await tokenContract.approve(spenderAddress, 0);
-          await resetTx.wait();
+          const resetHash = await walletClient.writeContract({
+            address: tokenAddress,
+            abi: ERC20_ABI,
+            functionName: "approve",
+            args: [spenderAddress, 0n],
+            account: this.config.evmAddress,
+            chain: walletClient.chain
+          });
+          await publicClient.waitForTransactionReceipt({
+            hash: resetHash
+          });
         } catch (resetError) {
           throw new TransactionFailedError(
             "evm",
@@ -5072,8 +4970,15 @@ class EvmChainStrategy {
         console.log("USDT allowance is 0, no reset needed");
       }
       try {
-        const approveTx = await tokenContract.approve(spenderAddress, amount);
-        return approveTx.hash;
+        const approveHash = await walletClient.writeContract({
+          address: tokenAddress,
+          abi: ERC20_ABI,
+          functionName: "approve",
+          args: [spenderAddress, amount],
+          account: this.config.evmAddress,
+          chain: walletClient.chain
+        });
+        return approveHash;
       } catch (approveError) {
         throw new TransactionFailedError(
           "evm",
@@ -5091,14 +4996,25 @@ class EvmChainStrategy {
   }
   async checkAllowance(tokenAddress, spenderAddress, amount) {
     try {
-      const provider = this.provider;
-      const tokenContract = new ethers.Contract(tokenAddress, ERC20_ABI, provider);
-      const allowance = await tokenContract.allowance(
-        this.config.evmAddress,
-        spenderAddress
-      );
-      const decimals = await tokenContract.decimals();
-      const requiredAmount = ethers.parseUnits(amount, decimals);
+      const publicClient = this.publicClient;
+      if (!publicClient) {
+        return false;
+      }
+      const allowance = await publicClient.readContract({
+        address: tokenAddress,
+        abi: ERC20_ABI,
+        functionName: "allowance",
+        args: [
+          this.config.evmAddress,
+          spenderAddress
+        ]
+      });
+      const decimals = await publicClient.readContract({
+        address: tokenAddress,
+        abi: ERC20_ABI,
+        functionName: "decimals"
+      });
+      const requiredAmount = viem.parseUnits(amount, decimals);
       return allowance >= requiredAmount;
     } catch (error) {
       console.error("Error checking allowance:", error);
@@ -5118,11 +5034,13 @@ class EvmChainStrategy {
    */
   async checkFinality(blockNumber) {
     try {
-      const provider = this.provider;
-      if (!provider) {
+      const publicClient = this.publicClient;
+      if (!publicClient) {
         return false;
       }
-      const finalizedBlock = await provider.getBlock("finalized");
+      const finalizedBlock = await publicClient.getBlock({
+        blockTag: "finalized"
+      });
       if (!finalizedBlock) {
         console.debug(
           "Finalized block not available (pre-merge or unsupported)"
@@ -6906,7 +6824,7 @@ const EvaaBridgeContent = ({
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsx(AnotherAddress, {}),
-            /* @__PURE__ */ jsxRuntime.jsx(SubmitButton, {})
+            /* @__PURE__ */ jsxRuntime.jsx(MainButton, {})
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx(card.CardFooter, { className: "p-0", children: /* @__PURE__ */ jsxRuntime.jsx(Details, {}) })
         ]