@kimafinance/kima-transaction-widget 1.5.30 → 1.5.32

package/dist/index.cjs

@@ -49,8 +49,6 @@ __export(index_exports, {
   NetworkOptions: () => NetworkOptions,
   SOLANA_HOST: () => SOLANA_HOST,
   TransactionStatus: () => TransactionStatus,
-  isSolProvider: () => isSolProvider,
-  isTronProvider: () => isTronProvider,
   lightDemoAccounts: () => lightDemoAccounts,
   lightDemoNetworks: () => lightDemoNetworks
 });
@@ -61,8 +59,6 @@ var React4 = __toESM(require("react"), 1);
 var import_react44 = require("react");
 var import_react_redux31 = require("react-redux");
 var import_react_query17 = require("@tanstack/react-query");
-var import_web310 = require("@solana/web3.js");
-var import_ethers3 = require("ethers");
 
 // src/shared/types/app.ts
 var NetworkOptions = /* @__PURE__ */ ((NetworkOptions3) => {
@@ -3745,16 +3741,6 @@ var TransactionStatus = /* @__PURE__ */ ((TransactionStatus2) => {
   return TransactionStatus2;
 })(TransactionStatus || {});
 
-// src/shared/types/providers.ts
-var import_web32 = require("@solana/web3.js");
-var import_tronweb = require("tronweb");
-var isSolProvider = (provider) => {
-  return provider && provider.connection instanceof import_web32.Connection && typeof provider.signTransaction === "function";
-};
-var isTronProvider = (provider) => {
-  return provider && provider.tronWeb instanceof import_tronweb.TronWeb && typeof provider.signTransaction === "function";
-};
-
 // src/shared/types/plugin.ts
 var ChainCompatibility = /* @__PURE__ */ ((ChainCompatibility2) => {
   ChainCompatibility2["BTC"] = "BTC";
@@ -3823,7 +3809,8 @@ var getEnvOptions = async ({
       env: "testnet" /* testnet */,
       kimaExplorer: "https://explorer.sardis.kima.network",
       paymentPartnerId: "KimaTest",
-      transferLimitMaxUSDT: null
+      transferLimitMaxUSDT: null,
+      backendVersion: null
     };
   return response;
 };
@@ -3836,73 +3823,6 @@ var useGetEnvOptions = ({
   });
 };
 
-// src/shared/lib/bigint.ts
-var import_viem = require("viem");
-
-// src/shared/lib/format.ts
-var formatterInt = new Intl.NumberFormat("en-US", {
-  maximumFractionDigits: 0
-});
-var formatterFloat = new Intl.NumberFormat("en-US", {
-  maximumFractionDigits: 6,
-  useGrouping: false
-});
-
-// src/shared/lib/bigint.ts
-var import_ethers = require("ethers");
-var import_web33 = require("@solana/web3.js");
-var bigIntToNumber = (inputs) => {
-  const { value, decimals } = inputs || {};
-  if (!value || !decimals) return 0;
-  const valBigInt = BigInt(value);
-  const valNumberStr = (0, import_viem.formatUnits)(valBigInt, decimals);
-  return Number(valNumberStr);
-};
-var bigIntChangeDecimals = (inputs) => {
-  const { value, decimals, newDecimals } = inputs || {};
-  const valBigInt = BigInt(value);
-  if (decimals === newDecimals) return { value: valBigInt, decimals };
-  if (decimals > newDecimals) {
-    const diff2 = decimals - newDecimals;
-    return { value: valBigInt / 10n ** BigInt(diff2), decimals: newDecimals };
-  }
-  const diff = newDecimals - decimals;
-  return { value: valBigInt * 10n ** BigInt(diff), decimals: newDecimals };
-};
-var formatBigInt = (inputs) => {
-  return formatterFloat.format(bigIntToNumber(inputs));
-};
-var toBigintAmount = (data) => {
-  return {
-    // bigint values constructed from numbers can have rounding errors!
-    // so need to convert to string and then to bigint
-    value: BigInt(data.value.toString()),
-    decimals: data.decimals
-  };
-};
-var isValidExternalProvider = (externalProvider) => {
-  const { type, provider, signer } = externalProvider;
-  if (type === "evm") {
-    if (!(provider instanceof import_ethers.BrowserProvider) || !(signer instanceof import_ethers.JsonRpcSigner))
-      return false;
-  }
-  if (type === "solana") {
-    if (!isSolProvider(provider) || !(signer instanceof import_web33.PublicKey))
-      return false;
-  }
-  if (type === "tron") {
-    if (!isTronProvider(provider) || typeof signer !== "string")
-      return false;
-  }
-  if (type === "btc") {
-    const btcSigner = signer;
-    const hasAddress = typeof btcSigner === "string" || typeof btcSigner === "object" && typeof btcSigner.address === "string";
-    if (!hasAddress) return false;
-    if (provider && typeof provider !== "object") return false;
-  }
-  return true;
-};
-
 // src/shared/logger.ts
 var import_loglevel = __toESM(require("loglevel"), 1);
 var import_meta = {};
@@ -4563,35 +4483,124 @@ var isAddressCompatible = (address, shortName) => {
 var getFeeSideValues = (feeDeduct, transactionValues) => feeDeduct ? transactionValues.feeFromTarget : transactionValues.feeFromOrigin;
 
 // src/features/allowances/evm/useApproveErc20.ts
-var import_viem3 = require("viem");
+var import_ethers = require("ethers");
 
 // src/features/connect-wallet/evm/useEvmAddress.ts
 var import_react = require("react");
 var import_react2 = require("@reown/appkit/react");
 var useEvmAddress = (mode) => {
-  const { externalProvider } = useKimaContext();
   const { address: appkitAddress } = (0, import_react2.useAppKitAccount)() || {};
   return (0, import_react.useMemo)(() => {
     if (mode === "light" /* light */) return lightDemoAccounts.EVM;
-    const ext = externalProvider?.signer?.address;
-    return ext || appkitAddress || "";
-  }, [mode, externalProvider, appkitAddress]);
+    return appkitAddress || "";
+  }, [mode, appkitAddress]);
 };
 
 // src/features/allowances/evm/useApproveErc20.ts
 var import_react6 = require("@reown/appkit/react");
 
+// src/features/connect-wallet/evm/appkit.ts
+var import_detect_provider = __toESM(require("@metamask/detect-provider"), 1);
+var getAppKitEip1193Provider = (appkitProvider) => {
+  const provider = appkitProvider;
+  if (provider?.request) return provider;
+  const nestedProvider = provider?.provider;
+  if (nestedProvider?.request) return nestedProvider;
+  return null;
+};
+var describeAppKitProvider = (appkitProvider) => {
+  const provider = appkitProvider;
+  const nestedProvider = provider?.provider;
+  return {
+    hasDirectRequest: typeof provider?.request === "function",
+    hasDirectSend: typeof provider?.send === "function",
+    directConstructor: provider?.constructor && typeof provider.constructor === "function" ? provider.constructor.name : void 0,
+    directKeys: provider ? Object.keys(provider).slice(0, 12) : [],
+    hasNestedProvider: !!nestedProvider,
+    hasNestedRequest: typeof nestedProvider?.request === "function",
+    hasNestedSend: typeof nestedProvider?.send === "function",
+    nestedConstructor: nestedProvider?.constructor && typeof nestedProvider.constructor === "function" ? nestedProvider.constructor.name : void 0,
+    nestedKeys: nestedProvider ? Object.keys(nestedProvider).slice(0, 12) : []
+  };
+};
+var readAppKitRpcDebug = async (provider) => {
+  const out = {};
+  try {
+    out.ethChainId = await provider.request?.({ method: "eth_chainId" });
+  } catch (err) {
+    out.ethChainIdError = String(err?.message ?? err);
+  }
+  try {
+    out.ethAccounts = await provider.request?.({ method: "eth_accounts" });
+  } catch (err) {
+    out.ethAccountsError = String(err?.message ?? err);
+  }
+  return out;
+};
+var isMetaMaskWalletInfo = (walletInfo) => {
+  const name = String(walletInfo?.name ?? "").toLowerCase();
+  const rdns = String(walletInfo?.rdns ?? "").toLowerCase();
+  return name.includes("metamask") || rdns.includes("metamask");
+};
+var isUsableMetaMaskInjectedProvider = (provider) => !!provider?.request && provider?.isMetaMask === true && provider?.isTronLink !== true;
+var getDirectMetaMaskProvider = async () => {
+  if (typeof window === "undefined") {
+    return { provider: null, source: "none" };
+  }
+  const ethereum = window?.ethereum;
+  const providerFromList = Array.isArray(ethereum?.providers) ? ethereum.providers.find(isUsableMetaMaskInjectedProvider) : null;
+  if (providerFromList) {
+    return { provider: providerFromList, source: "metamask-window" };
+  }
+  try {
+    const detected = await (0, import_detect_provider.default)({
+      mustBeMetaMask: true,
+      silent: true,
+      timeout: 300
+    });
+    if (isUsableMetaMaskInjectedProvider(detected)) {
+      return { provider: detected, source: "metamask-detect" };
+    }
+  } catch {
+  }
+  if (isUsableMetaMaskInjectedProvider(ethereum)) {
+    return { provider: ethereum, source: "metamask-window" };
+  }
+  return {
+    provider: null,
+    source: "none"
+  };
+};
+var getPreferredEvmWriteProvider = async ({
+  appkitProvider,
+  walletInfo
+}) => {
+  if (isMetaMaskWalletInfo(walletInfo)) {
+    const metamask = await getDirectMetaMaskProvider();
+    if (metamask.provider) {
+      return {
+        provider: metamask.provider,
+        source: metamask.source
+      };
+    }
+  }
+  return {
+    provider: getAppKitEip1193Provider(appkitProvider),
+    source: "appkit"
+  };
+};
+
 // src/features/allowances/evm/useEvmSignPermit2.ts
 var import_react3 = require("react");
 var import_react_redux = require("react-redux");
 var import_react4 = require("@reown/appkit/react");
-var import_viem2 = require("viem");
+var import_viem = require("viem");
 var safeEnv2 = typeof process !== "undefined" && process.env || {};
 var DEFAULT_TTL_SECONDS = 3600;
 var rawPermitTtl = safeEnv2.KIMA_PERMIT2_TTL_SECONDS || safeEnv2.NEXT_PUBLIC_KIMA_PERMIT2_TTL_SECONDS || safeEnv2.VITE_KIMA_PERMIT2_TTL_SECONDS;
 var parsedPermitTtl = Number.parseInt(String(rawPermitTtl ?? ""), 10);
 var PERMIT2_TTL_SECONDS = Number.isInteger(parsedPermitTtl) && parsedPermitTtl > 0 ? parsedPermitTtl : DEFAULT_TTL_SECONDS;
-var permitAbi = (0, import_viem2.parseAbi)([
+var permitAbi = (0, import_viem.parseAbi)([
   "function name() view returns (string)",
   "function nonces(address owner) view returns (uint256)"
 ]);
@@ -4639,28 +4648,28 @@ var useEvmSignPermit2 = () => {
       if (!tokenAddress || !poolAddress || allowanceNeeded <= 0n) {
         throw new Error("Permit signing data is incomplete");
       }
-      if (!(0, import_viem2.isAddress)(tokenAddress) || !(0, import_viem2.isAddress)(poolAddress)) {
+      if (!(0, import_viem.isAddress)(tokenAddress) || !(0, import_viem.isAddress)(poolAddress)) {
         throw new Error("Invalid token or spender address");
       }
-      const eip1193 = appkitProvider?.provider ?? globalThis.ethereum;
+      const eip1193 = getAppKitEip1193Provider(appkitProvider);
       if (!eip1193?.request) {
-        throw new Error("No EIP-1193 provider available");
+        throw new Error("No AppKit EIP-1193 provider available");
       }
       const preferredAccount = userAddress && userAddress !== "" ? userAddress : appkitAddress;
-      const walletClient = (0, import_viem2.createWalletClient)({
+      const walletClient = (0, import_viem.createWalletClient)({
         account: preferredAccount,
         chain: sourceChain,
-        transport: (0, import_viem2.custom)(eip1193)
+        transport: (0, import_viem.custom)(eip1193)
       });
       const fallbackAccount = (await walletClient.getAddresses())?.[0];
       const account = preferredAccount || fallbackAccount;
-      if (!account || !(0, import_viem2.isAddress)(account)) {
+      if (!account || !(0, import_viem.isAddress)(account)) {
         throw new Error("No connected EVM account");
       }
       const rpc = sourceChain?.rpcUrls?.default?.http?.[0];
-      const publicClient = (0, import_viem2.createPublicClient)({
+      const publicClient = (0, import_viem.createPublicClient)({
         chain: sourceChain,
-        transport: (0, import_viem2.http)(rpc)
+        transport: (0, import_viem.http)(rpc)
       });
       const [tokenNameRaw, nonce] = await Promise.all([
         publicClient.readContract({
@@ -4769,6 +4778,7 @@ var useEvmSignPermit2 = () => {
 };
 
 // src/features/allowances/evm/useApproveErc20.ts
+var erc20ApproveAbi = ["function approve(address spender, uint256 amount)"];
 var useApproveErc20 = () => {
   const dispatch = (0, import_react_redux2.useDispatch)();
   const qc = (0, import_react_query3.useQueryClient)();
@@ -4796,9 +4806,19 @@ var useApproveErc20 = () => {
   );
   const userAddress = useEvmAddress(mode);
   const { address: appkitAddress } = (0, import_react6.useAppKitAccount)() || {};
-  const { walletProvider: appkitProvider } = (0, import_react6.useAppKitProvider)("eip155");
+  const { walletInfo } = (0, import_react6.useWalletInfo)();
+  const { walletProvider: appkitProvider, walletProviderType } = (0, import_react6.useAppKitProvider)("eip155");
   const approve = (0, import_react5.useCallback)(
     async (isCancel = false) => {
+      const approvalDebug = {
+        walletProviderType,
+        provider: describeAppKitProvider(appkitProvider),
+        walletInfo,
+        sourceChainId: sourceChain?.id,
+        sourceChainName: sourceChain?.name,
+        tokenAddress,
+        poolAddress
+      };
       try {
         if (isPermit2Required) {
           if (isCancel) {
@@ -4816,36 +4836,47 @@ var useApproveErc20 = () => {
           });
           return;
         }
-        const eip1193 = appkitProvider?.provider ?? globalThis.ethereum;
+        const { provider: eip1193, source: providerSource } = await getPreferredEvmWriteProvider({
+          appkitProvider,
+          walletInfo
+        });
+        approvalDebug.eip1193Resolved = !!eip1193;
+        approvalDebug.providerSource = providerSource;
         if (!eip1193?.request) {
-          logger_default.error("[useApproveErc20] No EIP-1193 provider available");
-          return;
+          throw new Error("No AppKit EIP-1193 provider available");
         }
+        approvalDebug.rpc = await readAppKitRpcDebug(eip1193);
         const account = userAddress ?? appkitAddress ?? null;
+        approvalDebug.account = account;
         if (!account) {
           throw new Error("No connected EVM account");
         }
-        const publicClient = (0, import_viem3.createPublicClient)({
-          chain: sourceChain,
-          transport: (0, import_viem3.http)()
-        });
-        const walletClient = (0, import_viem3.createWalletClient)({
-          account,
-          chain: sourceChain,
-          transport: (0, import_viem3.custom)(eip1193)
-        });
+        const browserProvider = new import_ethers.BrowserProvider(
+          eip1193,
+          Number(sourceChain.id)
+        );
+        approvalDebug.browserProvider = {
+          constructor: browserProvider.constructor && typeof browserProvider.constructor === "function" ? browserProvider.constructor.name : void 0
+        };
+        const signer = await browserProvider.getSigner(account);
+        approvalDebug.signerAddress = await signer.getAddress();
+        const contract = new import_ethers.Contract(
+          tokenAddress,
+          erc20ApproveAbi,
+          signer
+        );
         const finalAmount = isCancel ? 0n : allowanceNeeded;
-        const hash = await walletClient.writeContract({
-          chain: sourceChain,
-          account,
-          address: tokenAddress,
-          abi: import_viem3.erc20Abi,
-          functionName: "approve",
-          args: [poolAddress, finalAmount]
-        });
+        const tx = await contract.approve(
+          poolAddress,
+          finalAmount
+        );
+        const hash = tx?.hash;
+        if (!hash) {
+          throw new Error("Approval transaction hash missing");
+        }
         logger_default.info("[useApproveErc20] tx sent, waiting receipt", hash);
-        const receipt = await publicClient.waitForTransactionReceipt({ hash });
-        if (receipt.status !== "success") {
+        const receipt = await tx.wait();
+        if (!receipt || receipt.status !== 1) {
           logger_default.error("[useApproveErc20] tx failed", receipt);
           throw new Error("Approval transaction failed");
         }
@@ -4856,6 +4887,7 @@ var useApproveErc20 = () => {
         if (err?.code === 4001 || /UserRejected/i.test(String(err?.message))) {
           err._kimaUserRejected = true;
         }
+        logger_default.error("[useApproveErc20] debug", approvalDebug);
         logger_default.error("[useApproveErc20] error", err);
         throw err;
       }
@@ -4869,6 +4901,8 @@ var useApproveErc20 = () => {
       signPermit2,
       dispatch,
       appkitProvider,
+      walletProviderType,
+      walletInfo,
       userAddress,
       appkitAddress,
       qc
@@ -4881,7 +4915,7 @@ var useApproveErc20 = () => {
 var import_react7 = require("react");
 var import_react_query4 = require("@tanstack/react-query");
 var import_react_redux3 = require("react-redux");
-var import_viem4 = require("viem");
+var import_viem2 = require("viem");
 var useErc20Allowance = () => {
   const mode = (0, import_react_redux3.useSelector)(selectMode);
   const sourceChain = (0, import_react_redux3.useSelector)(selectSourceChain);
@@ -4903,7 +4937,7 @@ var useErc20Allowance = () => {
   const publicClient = (0, import_react7.useMemo)(() => {
     const rpc = sourceChain?.rpcUrls?.default?.http?.[0];
     if (!rpc) return void 0;
-    return (0, import_viem4.createPublicClient)({ chain: sourceChain, transport: (0, import_viem4.http)(rpc) });
+    return (0, import_viem2.createPublicClient)({ chain: sourceChain, transport: (0, import_viem2.http)(rpc) });
   }, [sourceChain]);
   const enabled = !!publicClient && !!owner && !!tokenAddress && !!spender && isEVMChain(sourceChain.shortName);
   return (0, import_react_query4.useQuery)({
@@ -4921,12 +4955,12 @@ var useErc20Allowance = () => {
       try {
         const decimals = await publicClient.readContract({
           address: tokenAddress,
-          abi: import_viem4.erc20Abi,
+          abi: import_viem2.erc20Abi,
           functionName: "decimals"
         });
         const allowance = await publicClient.readContract({
           address: tokenAddress,
-          abi: import_viem4.erc20Abi,
+          abi: import_viem2.erc20Abi,
           functionName: "allowance",
           args: [owner, spender]
         });
@@ -4951,7 +4985,7 @@ var useErc20Allowance = () => {
 var import_react8 = require("react");
 var import_react_redux4 = require("react-redux");
 var import_react9 = require("@reown/appkit/react");
-var import_viem5 = require("viem");
+var import_viem3 = require("viem");
 var useEvmSignMessage = () => {
   const mode = (0, import_react_redux4.useSelector)(selectMode);
   const sourceChain = (0, import_react_redux4.useSelector)(selectSourceChain);
@@ -4963,10 +4997,9 @@ var useEvmSignMessage = () => {
   const { message } = getFeeSideValues(feeDeduct, transactionValues);
   const signMessage = (0, import_react8.useCallback)(async () => {
     try {
-      const eip1193 = appkitProvider?.provider ?? globalThis.ethereum;
+      const eip1193 = getAppKitEip1193Provider(appkitProvider);
       if (!eip1193?.request) {
-        logger_default.error("[useEvmSignMessage] No EIP-1193 provider available");
-        return void 0;
+        throw new Error("No AppKit EIP-1193 provider available");
       }
       const preferredAccount = userAddress && userAddress !== "" ? userAddress : appkitAddress;
       logger_default.debug("[useEvmSignMessage] inputs", {
@@ -4976,10 +5009,10 @@ var useEvmSignMessage = () => {
         preferredAccount,
         chain: sourceChain
       });
-      const walletClient = (0, import_viem5.createWalletClient)({
+      const walletClient = (0, import_viem3.createWalletClient)({
         account: preferredAccount,
         chain: sourceChain,
-        transport: (0, import_viem5.custom)(eip1193)
+        transport: (0, import_viem3.custom)(eip1193)
       });
       const fallbackAccount = (await walletClient.getAddresses())?.[0];
       const account = preferredAccount || fallbackAccount;
@@ -4989,7 +5022,7 @@ var useEvmSignMessage = () => {
         account,
         walletClientAccount: walletClient?.account
       });
-      if (!account || !(0, import_viem5.isAddress)(account)) {
+      if (!account || !(0, import_viem3.isAddress)(account)) {
         logger_default.warn("[useEvmSignMessage] Missing or invalid account", {
           preferredAccount,
           fallbackAccount
@@ -5084,139 +5117,9 @@ var useAllowance = () => {
 };
 
 // src/features/connect-wallet/evm/useEvmProvider.ts
-var import_ethers2 = require("ethers");
-var import_react14 = require("@reown/appkit/react");
-
-// src/app/providers/EvmWalletProvider.tsx
-var import_react12 = require("react");
-
-// src/features/connect-wallet/evm/setupAppkit.ts
 var import_react11 = require("@reown/appkit/react");
-var import_appkit_adapter_ethers = require("@reown/appkit-adapter-ethers");
-var import_networks = require("@reown/appkit/networks");
-var appKitModel = null;
-var setupAppKit = (projectId, networkOption) => {
-  if (appKitModel) return appKitModel;
-  const MAINNETS = [
-    import_networks.mainnet,
-    import_networks.bsc,
-    import_networks.polygon,
-    import_networks.base,
-    import_networks.arbitrum,
-    import_networks.optimism,
-    import_networks.avalanche,
-    import_networks.confluxESpace
-  ];
-  const TESTNETS = [
-    import_networks.sepolia,
-    import_networks.bscTestnet,
-    import_networks.baseSepolia,
-    import_networks.polygonAmoy,
-    import_networks.arbitrumSepolia,
-    import_networks.optimismSepolia,
-    import_networks.avalancheFuji,
-    import_networks.berachainBepolia,
-    import_networks.confluxESpaceTestnet
-  ];
-  const networks = networkOption === "mainnet" /* mainnet */ ? MAINNETS : TESTNETS;
-  appKitModel = (0, import_react11.createAppKit)({
-    adapters: [new import_appkit_adapter_ethers.EthersAdapter()],
-    projectId,
-    networks,
-    metadata: {
-      name: "Kima Transaction Widget",
-      description: "Frontend widget for Kima integration for dApps",
-      url: "https://kima.network",
-      icons: ["https://avatars.githubusercontent.com/u/37784886"]
-    },
-    features: {
-      analytics: false,
-      swaps: false,
-      onramp: false,
-      email: false,
-      socials: false,
-      history: false
-    }
-  });
-  return appKitModel;
-};
-
-// src/app/providers/EvmWalletProvider.tsx
-var import_jsx_runtime48 = require("react/jsx-runtime");
-var EvmWalletProvider = ({
-  children,
-  networkOption,
-  projectId,
-  isLoading
-}) => {
-  (0, import_react12.useEffect)(() => {
-    if (!isLoading && networkOption && projectId) {
-      setupAppKit(projectId, networkOption);
-    }
-  }, [isLoading, networkOption, projectId]);
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_jsx_runtime48.Fragment, { children });
-};
-
-// src/app/providers/SolanaWalletProvider.tsx
-var import_wallet_adapter_react = require("@solana/wallet-adapter-react");
-var import_wallet_adapter_wallets = require("@solana/wallet-adapter-wallets");
-var import_web34 = require("@solana/web3.js");
-var import_jsx_runtime49 = require("react/jsx-runtime");
-var SolanaWalletProvider = ({
-  children,
-  networkOption
-}) => {
-  const { solRPC } = useKimaContext();
-  const endpoint = networkOption === "testnet" /* testnet */ ? (0, import_web34.clusterApiUrl)("testnet") : solRPC ?? "https://go.getblock.us/86aac42ad4484f3c813079afc201451c";
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_wallet_adapter_react.ConnectionProvider, { endpoint, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-    import_wallet_adapter_react.WalletProvider,
-    {
-      autoConnect: false,
-      wallets: [
-        new import_wallet_adapter_wallets.PhantomWalletAdapter(),
-        new import_wallet_adapter_wallets.SolflareWalletAdapter(),
-        new import_wallet_adapter_wallets.CloverWalletAdapter(),
-        new import_wallet_adapter_wallets.Coin98WalletAdapter(),
-        new import_wallet_adapter_wallets.SolongWalletAdapter(),
-        new import_wallet_adapter_wallets.TorusWalletAdapter()
-      ],
-      children
-    }
-  ) });
-};
-
-// src/app/providers/TronWalletProvider.tsx
-var import_react13 = require("react");
-var import_tronwallet_adapter_react_hooks = require("@tronweb3/tronwallet-adapter-react-hooks");
-var import_tronwallet_adapter_ledger = require("@tronweb3/tronwallet-adapter-ledger");
-var import_tronwallet_adapter_tronlink = require("@tronweb3/tronwallet-adapter-tronlink");
-var import_tronwallet_adapter_okxwallet = require("@tronweb3/tronwallet-adapter-okxwallet");
-var import_tronwallet_adapter_tokenpocket = require("@tronweb3/tronwallet-adapter-tokenpocket");
-var import_jsx_runtime50 = require("react/jsx-runtime");
-var TronWalletProvider = ({ children }) => {
-  const adapters = (0, import_react13.useMemo)(
-    () => [
-      new import_tronwallet_adapter_tronlink.TronLinkAdapter(),
-      new import_tronwallet_adapter_ledger.LedgerAdapter({ accountNumber: 2 }),
-      new import_tronwallet_adapter_tokenpocket.TokenPocketAdapter(),
-      new import_tronwallet_adapter_okxwallet.OkxWalletAdapter()
-    ],
-    []
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_tronwallet_adapter_react_hooks.WalletProvider, { adapters, autoConnect: false, children });
-};
-
-// src/features/connect-wallet/evm/useEvmProvider.ts
 var useEvmProvider = () => {
-  const { externalProvider } = useKimaContext();
-  const { walletProvider: appkitProvider } = (0, import_react14.useAppKitProvider)("eip155");
-  if (externalProvider?.type === "evm" && externalProvider.provider instanceof import_ethers2.BrowserProvider) {
-    return {
-      provider: externalProvider.provider,
-      signer: externalProvider.signer,
-      address: externalProvider.signer?.address
-    };
-  }
+  const { walletProvider: appkitProvider } = (0, import_react11.useAppKitProvider)("eip155");
   if (appkitProvider) {
     return { provider: appkitProvider };
   }
@@ -5224,9 +5127,9 @@ var useEvmProvider = () => {
 };
 
 // src/features/connect-wallet/evm/useIsWalletReady.ts
-var import_react15 = require("react");
+var import_react12 = require("react");
 var import_react_redux7 = require("react-redux");
-var import_react16 = require("@reown/appkit/react");
+var import_react13 = require("@reown/appkit/react");
 
 // src/shared/lib/hooks/useChainData.ts
 var import_react_query5 = require("@tanstack/react-query");
@@ -5280,7 +5183,7 @@ function getChainAndTokensOptions(chains) {
 }
 
 // src/features/connect-wallet/evm/switchNetwork.ts
-var import_viem6 = require("viem");
+var import_viem4 = require("viem");
 var switchNetworkSmart = async ({
   chainId,
   chains = [],
@@ -5288,7 +5191,7 @@ var switchNetworkSmart = async ({
   browserProvider,
   appKitSwitch
 }) => {
-  const hexId = (0, import_viem6.toHex)(chainId);
+  const hexId = (0, import_viem4.toHex)(chainId);
   logger_default.debug("[switchNetworkSmart] start", { chainId, hexId });
   const request = async (method, params) => {
     if (eip1193?.request) return eip1193.request({ method, params });
@@ -5315,7 +5218,7 @@ var switchNetworkSmart = async ({
       decimals: 18
     };
     const payload = {
-      chainId: (0, import_viem6.toHex)(net.id),
+      chainId: (0, import_viem4.toHex)(net.id),
       chainName: net.name,
       rpcUrls: rpcUrls.length ? rpcUrls : void 0,
       blockExplorerUrls: blockExplorerUrls.length ? blockExplorerUrls : void 0,
@@ -5372,33 +5275,32 @@ var switchNetworkSmart = async ({
 // src/features/connect-wallet/evm/useIsWalletReady.ts
 var useIsWalletReady = () => {
   const dispatch = (0, import_react_redux7.useDispatch)();
-  const { externalProvider } = useKimaContext();
   const backendUrl = (0, import_react_redux7.useSelector)(selectBackendUrl);
   const mode = (0, import_react_redux7.useSelector)(selectMode);
   const sourceChain = (0, import_react_redux7.useSelector)(selectSourceChain);
   const { data: chains } = useChainData(backendUrl);
-  const { walletProvider: appkitProvider } = (0, import_react16.useAppKitProvider)("eip155");
-  const appkitAccountInfo = (0, import_react16.useAppKitAccount)();
-  const { chainId: walletChainId } = (0, import_react16.useAppKitNetwork)();
+  const { walletProvider: appkitProvider } = (0, import_react13.useAppKitProvider)("eip155");
+  const appkitAccountInfo = (0, import_react13.useAppKitAccount)();
+  const { chainId: walletChainId } = (0, import_react13.useAppKitNetwork)();
   const { address: walletAddress, isConnected: appkitIsConnected } = appkitAccountInfo || {};
   const isConnected = !!appkitIsConnected && walletAddress !== void 0;
-  const [isReady, setIsReady] = (0, import_react15.useState)(false);
-  const [statusMessage, setStatusMessage] = (0, import_react15.useState)("Wallet not connected");
-  const [connectedAddress, setConnectedAddress] = (0, import_react15.useState)("");
-  const [isSwitching, setIsSwitching] = (0, import_react15.useState)(false);
-  const trySwitch = (0, import_react15.useCallback)(async () => {
+  const [isReady, setIsReady] = (0, import_react12.useState)(false);
+  const [statusMessage, setStatusMessage] = (0, import_react12.useState)("Wallet not connected");
+  const [connectedAddress, setConnectedAddress] = (0, import_react12.useState)("");
+  const [isSwitching, setIsSwitching] = (0, import_react12.useState)(false);
+  const trySwitch = (0, import_react12.useCallback)(async () => {
     if (!sourceChain || sourceChain.compatibility !== "EVM" /* EVM */)
       return;
-    const eip1193 = externalProvider?.provider?.provider || appkitProvider?.provider || appkitProvider || null;
-    const browserProvider = externalProvider?.provider || appkitProvider || null;
+    const eip1193 = getAppKitEip1193Provider(appkitProvider);
+    const browserProvider = appkitProvider || null;
     await switchNetworkSmart({
       chainId: sourceChain.id,
       chains: chains || [],
       eip1193,
       browserProvider
     });
-  }, [sourceChain, externalProvider, appkitProvider, chains]);
-  const resolveConnection = (0, import_react15.useCallback)(async () => {
+  }, [sourceChain, appkitProvider, chains]);
+  const resolveConnection = (0, import_react12.useCallback)(async () => {
     if (mode === "light" /* light */) {
       const demoAddress = lightDemoAccounts.EVM;
       setIsReady(true);
@@ -5408,43 +5310,7 @@ var useIsWalletReady = () => {
       dispatch(setSourceAddress(demoAddress));
       return;
     }
-    if (externalProvider?.type === "evm" && externalProvider?.provider && sourceChain.compatibility === "EVM" /* EVM */) {
-      try {
-        const provider = externalProvider.provider;
-        const network = await provider.getNetwork();
-        const externalChainId = Number(network.chainId);
-        if (externalChainId === sourceChain.id) {
-          const signer = await provider.getSigner();
-          const externalAddress = await signer.getAddress();
-          setIsReady(true);
-          setConnectedAddress(externalAddress);
-          setStatusMessage("Connected with external provider");
-          setIsSwitching(false);
-          dispatch(setSourceAddress(externalAddress));
-        } else {
-          setIsReady(false);
-          setConnectedAddress("");
-          setStatusMessage("Switching to correct network...");
-          setIsSwitching(true);
-          dispatch(setSourceAddress(""));
-          try {
-            await trySwitch();
-          } finally {
-            setIsSwitching(false);
-          }
-        }
-        return;
-      } catch (error) {
-        logger_default.error("[useIsWalletReady] external provider error", error);
-        setIsReady(false);
-        setConnectedAddress("");
-        setStatusMessage("Failed to connect external provider");
-        setIsSwitching(false);
-        dispatch(setSourceAddress(""));
-        return;
-      }
-    }
-    if (!externalProvider && isConnected) {
+    if (isConnected) {
       if (walletChainId === sourceChain?.id) {
         setIsReady(true);
         setConnectedAddress(walletAddress ?? "");
@@ -5472,7 +5338,6 @@ var useIsWalletReady = () => {
     dispatch(setSourceAddress(""));
   }, [
     mode,
-    externalProvider,
     sourceChain,
     isConnected,
     walletAddress,
@@ -5480,34 +5345,34 @@ var useIsWalletReady = () => {
     trySwitch,
     dispatch
   ]);
-  (0, import_react15.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     resolveConnection();
   }, [resolveConnection]);
-  return (0, import_react15.useMemo)(
+  return (0, import_react12.useMemo)(
     () => ({ isReady, statusMessage, connectedAddress, isSwitching }),
     [isReady, statusMessage, connectedAddress, isSwitching]
   );
 };
 
 // src/features/balances/evm/useErc20Balance.ts
-var import_react17 = require("react");
+var import_react14 = require("react");
 var import_react_query6 = require("@tanstack/react-query");
 var import_react_redux8 = require("react-redux");
-var import_viem7 = require("viem");
+var import_viem5 = require("viem");
 var useErc20Balance = () => {
   const mode = (0, import_react_redux8.useSelector)(selectMode);
   const sourceChain = (0, import_react_redux8.useSelector)(selectSourceChain);
   const selectedCoin = (0, import_react_redux8.useSelector)(selectSourceCurrency);
   const tokenOptions = (0, import_react_redux8.useSelector)(selectTokenOptions);
   const owner = useEvmAddress(mode);
-  const tokenAddress = (0, import_react17.useMemo)(() => {
+  const tokenAddress = (0, import_react14.useMemo)(() => {
     const a = getTokenAddress(tokenOptions, selectedCoin, sourceChain.shortName);
     return a && /^0x[0-9a-fA-F]{40}$/.test(a) ? a : void 0;
   }, [tokenOptions, selectedCoin, sourceChain.shortName]);
-  const publicClient = (0, import_react17.useMemo)(() => {
+  const publicClient = (0, import_react14.useMemo)(() => {
     const rpc = sourceChain?.rpcUrls?.default?.http?.[0];
     if (!rpc) return void 0;
-    return (0, import_viem7.createPublicClient)({ chain: sourceChain, transport: (0, import_viem7.http)(rpc) });
+    return (0, import_viem5.createPublicClient)({ chain: sourceChain, transport: (0, import_viem5.http)(rpc) });
   }, [sourceChain]);
   const enabled = !!publicClient && !!owner && !!tokenAddress && isEVMChain(sourceChain.shortName);
   const query = (0, import_react_query6.useQuery)({
@@ -5525,12 +5390,12 @@ var useErc20Balance = () => {
       try {
         const decimals = await publicClient.readContract({
           address: tokenAddress,
-          abi: import_viem7.erc20Abi,
+          abi: import_viem5.erc20Abi,
           functionName: "decimals"
         });
         const balance = await publicClient.readContract({
           address: tokenAddress,
-          abi: import_viem7.erc20Abi,
+          abi: import_viem5.erc20Abi,
           functionName: "balanceOf",
           args: [owner]
         });
@@ -5557,7 +5422,7 @@ var useErc20Balance = () => {
 };
 
 // src/features/balances/evm/useEvmNativeBalance.ts
-var import_react18 = require("react");
+var import_react15 = require("react");
 var import_react_query7 = require("@tanstack/react-query");
 var import_react_redux9 = require("react-redux");
 var useEvmNativeBalance = () => {
@@ -5565,7 +5430,7 @@ var useEvmNativeBalance = () => {
   const sourceChain = (0, import_react_redux9.useSelector)(selectSourceChain);
   const { provider } = useEvmProvider();
   const address = useEvmAddress(mode);
-  const enabled = (0, import_react18.useMemo)(
+  const enabled = (0, import_react15.useMemo)(
     () => !!address && !!provider && isEVMChain(sourceChain.shortName),
     [address, provider, sourceChain.shortName]
   );
@@ -5585,39 +5450,140 @@ var useEvmNativeBalance = () => {
 };
 
 // src/features/connect-wallet/evm/useDisconnectWallet.ts
-var import_react19 = require("react");
-var import_react20 = require("@reown/appkit/react");
+var import_react16 = require("react");
+var import_react17 = require("@reown/appkit/react");
 var useDisconnectWallet = () => {
-  const { externalProvider } = useKimaContext();
-  const { disconnect: appkitDisconnect } = (0, import_react20.useDisconnect)();
-  const disconnectWallet = (0, import_react19.useCallback)(async () => {
-    try {
-      if (externalProvider?.type === "evm") {
-        const prov = externalProvider.provider;
-        if (typeof prov?.disconnect === "function") {
-          await prov.disconnect();
-        } else if (typeof prov?.provider?.disconnect === "function") {
-          await prov.provider.disconnect();
-        } else if (typeof prov?.request === "function") {
-          try {
-            await prov.request({
-              method: "wallet_revokePermissions",
-              params: [{ eth_accounts: {} }]
-            });
-          } catch {
-          }
-        }
-      }
-    } catch {
-    }
+  const { disconnect: appkitDisconnect } = (0, import_react17.useDisconnect)();
+  const disconnectWallet = (0, import_react16.useCallback)(async () => {
     try {
       await appkitDisconnect?.();
     } catch {
     }
-  }, [externalProvider, appkitDisconnect]);
+  }, [appkitDisconnect]);
   return { disconnectWallet };
 };
 
+// src/app/providers/EvmWalletProvider.tsx
+var import_react19 = require("react");
+
+// src/features/connect-wallet/evm/setupAppkit.ts
+var import_react18 = require("@reown/appkit/react");
+var import_appkit_adapter_ethers = require("@reown/appkit-adapter-ethers");
+var import_networks = require("@reown/appkit/networks");
+var appKitModel = null;
+var setupAppKit = (projectId, networkOption) => {
+  if (appKitModel) return appKitModel;
+  const MAINNETS = [
+    import_networks.mainnet,
+    import_networks.bsc,
+    import_networks.polygon,
+    import_networks.base,
+    import_networks.arbitrum,
+    import_networks.optimism,
+    import_networks.avalanche,
+    import_networks.confluxESpace
+  ];
+  const TESTNETS = [
+    import_networks.sepolia,
+    import_networks.bscTestnet,
+    import_networks.baseSepolia,
+    import_networks.polygonAmoy,
+    import_networks.arbitrumSepolia,
+    import_networks.optimismSepolia,
+    import_networks.avalancheFuji,
+    import_networks.berachainBepolia,
+    import_networks.confluxESpaceTestnet
+  ];
+  const networks = networkOption === "mainnet" /* mainnet */ ? MAINNETS : TESTNETS;
+  appKitModel = (0, import_react18.createAppKit)({
+    adapters: [new import_appkit_adapter_ethers.EthersAdapter()],
+    projectId,
+    networks,
+    enableInjected: true,
+    enableEIP6963: true,
+    metadata: {
+      name: "Kima Transaction Widget",
+      description: "Frontend widget for Kima integration for dApps",
+      url: "https://kima.network",
+      icons: ["https://avatars.githubusercontent.com/u/37784886"]
+    },
+    features: {
+      analytics: false,
+      swaps: false,
+      onramp: false,
+      email: false,
+      socials: false,
+      history: false
+    }
+  });
+  return appKitModel;
+};
+
+// src/app/providers/EvmWalletProvider.tsx
+var import_jsx_runtime48 = require("react/jsx-runtime");
+var EvmWalletProvider = ({
+  children,
+  networkOption,
+  projectId,
+  isLoading
+}) => {
+  (0, import_react19.useEffect)(() => {
+    if (!isLoading && networkOption && projectId) {
+      setupAppKit(projectId, networkOption);
+    }
+  }, [isLoading, networkOption, projectId]);
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_jsx_runtime48.Fragment, { children });
+};
+
+// src/app/providers/SolanaWalletProvider.tsx
+var import_wallet_adapter_react = require("@solana/wallet-adapter-react");
+var import_wallet_adapter_wallets = require("@solana/wallet-adapter-wallets");
+var import_web32 = require("@solana/web3.js");
+var import_jsx_runtime49 = require("react/jsx-runtime");
+var SolanaWalletProvider = ({
+  children,
+  networkOption
+}) => {
+  const { solRPC } = useKimaContext();
+  const endpoint = networkOption === "testnet" /* testnet */ ? (0, import_web32.clusterApiUrl)("testnet") : solRPC ?? "https://go.getblock.us/86aac42ad4484f3c813079afc201451c";
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_wallet_adapter_react.ConnectionProvider, { endpoint, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+    import_wallet_adapter_react.WalletProvider,
+    {
+      autoConnect: false,
+      wallets: [
+        new import_wallet_adapter_wallets.PhantomWalletAdapter(),
+        new import_wallet_adapter_wallets.SolflareWalletAdapter(),
+        new import_wallet_adapter_wallets.CloverWalletAdapter(),
+        new import_wallet_adapter_wallets.Coin98WalletAdapter(),
+        new import_wallet_adapter_wallets.SolongWalletAdapter(),
+        new import_wallet_adapter_wallets.TorusWalletAdapter()
+      ],
+      children
+    }
+  ) });
+};
+
+// src/app/providers/TronWalletProvider.tsx
+var import_react20 = require("react");
+var import_tronwallet_adapter_react_hooks = require("@tronweb3/tronwallet-adapter-react-hooks");
+var import_tronwallet_adapter_ledger = require("@tronweb3/tronwallet-adapter-ledger");
+var import_tronwallet_adapter_tronlink = require("@tronweb3/tronwallet-adapter-tronlink");
+var import_tronwallet_adapter_okxwallet = require("@tronweb3/tronwallet-adapter-okxwallet");
+var import_tronwallet_adapter_tokenpocket = require("@tronweb3/tronwallet-adapter-tokenpocket");
+var import_jsx_runtime50 = require("react/jsx-runtime");
+var TronWalletProvider = ({ children }) => {
+  const adapters = (0, import_react20.useMemo)(
+    () => [
+      new import_tronwallet_adapter_tronlink.TronLinkAdapter(),
+      new import_tronwallet_adapter_ledger.LedgerAdapter({ accountNumber: 2 }),
+      new import_tronwallet_adapter_tokenpocket.TokenPocketAdapter(),
+      new import_tronwallet_adapter_okxwallet.OkxWalletAdapter()
+    ],
+    []
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_tronwallet_adapter_react_hooks.WalletProvider, { adapters, autoConnect: false, children });
+};
+
 // src/shared/plugins/createPluginDescriptor.tsx
 var createPluginDescriptor = (plugin) => plugin;
 
@@ -5652,7 +5618,7 @@ var adapter_default = evmPlugin;
 // src/features/allowances/solana/useSPLAllowance.ts
 var import_react_query8 = require("@tanstack/react-query");
 var import_react_redux13 = require("react-redux");
-var import_web36 = require("@solana/web3.js");
+var import_web34 = require("@solana/web3.js");
 var import_spl_token2 = require("@solana/spl-token");
 
 // src/features/connect-wallet/solana/useSolAddress.ts
@@ -5662,31 +5628,15 @@ var import_react_redux11 = require("react-redux");
 // src/features/connect-wallet/solana/useSolProvider.ts
 var import_react21 = require("react");
 var import_react_redux10 = require("react-redux");
-var import_web35 = require("@solana/web3.js");
+var import_web33 = require("@solana/web3.js");
 var import_wallet_adapter_react2 = require("@solana/wallet-adapter-react");
 var useSolProvider = () => {
   const net = (0, import_react_redux10.useSelector)(selectNetworkOption);
-  const { externalProvider, solRPC } = useKimaContext();
+  const { solRPC } = useKimaContext();
   const wallet = (0, import_wallet_adapter_react2.useWallet)();
   return (0, import_react21.useMemo)(() => {
-    if (externalProvider?.type === "solana") {
-      const prov = externalProvider.provider;
-      const signer = externalProvider.signer;
-      const pk2 = signer?.toBase58 ? signer.toBase58() : void 0;
-      logger_default.debug("[useSolProvider] using externalProvider", {
-        hasProvider: !!prov,
-        hasSigner: !!signer,
-        publicKey: pk2
-      });
-      return {
-        connection: prov.connection,
-        publicKey: pk2,
-        signTransaction: prov.signTransaction,
-        signMessage: prov.signMessage
-      };
-    }
-    const endpoint = net === "testnet" /* testnet */ ? (0, import_web35.clusterApiUrl)("devnet") : solRPC ?? "https://solana-rpc.publicnode.com";
-    const connection = new import_web35.Connection(endpoint, "confirmed");
+    const endpoint = net === "testnet" /* testnet */ ? (0, import_web33.clusterApiUrl)("devnet") : solRPC ?? "https://solana-rpc.publicnode.com";
+    const connection = new import_web33.Connection(endpoint, "confirmed");
     const pk = wallet.publicKey?.toBase58();
     const signTransaction = wallet.signTransaction;
     const signMessage = wallet.signMessage;
@@ -5702,31 +5652,26 @@ var useSolProvider = () => {
       signTransaction,
       signMessage
     };
-  }, [externalProvider, net, wallet]);
+  }, [net, solRPC, wallet]);
 };
 
 // src/features/connect-wallet/solana/useSolAddress.ts
 var useSolAddress = () => {
   const mode = (0, import_react_redux11.useSelector)(selectMode);
-  const { externalProvider } = useKimaContext();
   const { publicKey } = useSolProvider();
   return (0, import_react22.useMemo)(() => {
     let resolved;
     if (mode === "light" /* light */) resolved = lightDemoAccounts.SOL;
-    else if (externalProvider?.type === "solana") {
-      const pk = externalProvider.signer;
-      resolved = pk?.toBase58 ? pk.toBase58() : void 0;
-    } else if (publicKey) {
+    else if (publicKey) {
       resolved = publicKey;
     }
     logger_default.debug("[useSolAddress] resolved", {
       mode,
-      fromExternal: externalProvider?.type === "solana",
       fromWalletAdapter: !!publicKey,
       address: resolved
     });
     return resolved;
-  }, [mode, externalProvider, publicKey]);
+  }, [mode, publicKey]);
 };
 
 // src/features/connect-wallet/solana/useIsWalletReady.ts
@@ -5830,7 +5775,7 @@ var useSPLAllowance = () => {
   const selectedCoin = (0, import_react_redux13.useSelector)(selectSourceCurrency);
   const tokenOptions = (0, import_react_redux13.useSelector)(selectTokenOptions);
   const { pools } = useGetPools_default(backendUrl, networkOption);
-  const ownerPk = mode === "light" /* light */ ? new import_web36.PublicKey(lightDemoAccounts.SOL) : publicKey ? new import_web36.PublicKey(publicKey) : void 0;
+  const ownerPk = mode === "light" /* light */ ? new import_web34.PublicKey(lightDemoAccounts.SOL) : publicKey ? new import_web34.PublicKey(publicKey) : void 0;
   const enabled = !!connection && !!ownerPk && !!selectedCoin && !!tokenOptions && !!pools?.length && sourceChain.shortName === "SOL";
   const { data } = (0, import_react_query8.useQuery)({
     queryKey: [
@@ -5866,7 +5811,7 @@ var useSPLAllowance = () => {
           });
           return { allowance: 0n, decimals: 0 };
         }
-        const mint = new import_web36.PublicKey(mintAddr);
+        const mint = new import_web34.PublicKey(mintAddr);
         const { programId, isToken2022 } = await getTokenProgramForMint(
           connection,
           mint
@@ -5916,7 +5861,7 @@ var useSPLAllowance = () => {
 var import_react24 = require("react");
 var import_react_query9 = require("@tanstack/react-query");
 var import_react_redux14 = require("react-redux");
-var import_web37 = require("@solana/web3.js");
+var import_web35 = require("@solana/web3.js");
 var import_spl_token3 = require("@solana/spl-token");
 var useApproveSPL = () => {
   const qc = (0, import_react_query9.useQueryClient)();
@@ -5930,7 +5875,7 @@ var useApproveSPL = () => {
   const feeDeduct = (0, import_react_redux14.useSelector)(selectFeeDeduct);
   const { allowanceAmount } = getFeeSideValues(feeDeduct, transactionValues);
   const allowanceNumber = BigInt(allowanceAmount.value);
-  const ownerPk = mode === "light" /* light */ ? new import_web37.PublicKey(lightDemoAccounts.SOL) : publicKey ? new import_web37.PublicKey(publicKey) : void 0;
+  const ownerPk = mode === "light" /* light */ ? new import_web35.PublicKey(lightDemoAccounts.SOL) : publicKey ? new import_web35.PublicKey(publicKey) : void 0;
   const { pools } = useGetPools_default(backendUrl, networkOption);
   const approve = (0, import_react24.useCallback)(
     async (isCancel = false) => {
@@ -5942,7 +5887,7 @@ var useApproveSPL = () => {
         const poolAddress = getPoolAddress(pools, "SOL");
         const tokenAddress = getTokenAddress(tokenOptions, selectedCoin, "SOL");
         if (!poolAddress || !tokenAddress) return;
-        const mint = new import_web37.PublicKey(tokenAddress);
+        const mint = new import_web35.PublicKey(tokenAddress);
         const { programId, isToken2022 } = await getTokenProgramForMint(
           connection,
           mint
@@ -5959,14 +5904,14 @@ var useApproveSPL = () => {
         );
         const ix = isCancel ? (0, import_spl_token3.createRevokeInstruction)(ata, ownerPk, [], programId) : (0, import_spl_token3.createApproveInstruction)(
           ata,
-          new import_web37.PublicKey(poolAddress),
+          new import_web35.PublicKey(poolAddress),
           ownerPk,
           allowanceNumber,
           [],
           programId
         );
         const recent = await connection.getLatestBlockhash("finalized");
-        const tx = new import_web37.Transaction().add(ix);
+        const tx = new import_web35.Transaction().add(ix);
         tx.feePayer = ownerPk;
         tx.recentBlockhash = recent.blockhash;
         const signed = await signTransaction(tx);
@@ -6069,7 +6014,7 @@ var useAllowance2 = () => {
 
 // src/features/balances/solana/useSolNativeBalance.ts
 var import_react_query10 = require("@tanstack/react-query");
-var import_web38 = require("@solana/web3.js");
+var import_web36 = require("@solana/web3.js");
 var import_react_redux17 = require("react-redux");
 var useSolNativeBalance = () => {
   const { connection } = useSolProvider();
@@ -6086,7 +6031,7 @@ var useSolNativeBalance = () => {
       try {
         logger_default.debug("[useSolNativeBalance] start", { owner, enabled });
         if (!owner) return { balance: 0n, decimals: 9 };
-        const lamports = await connection.getBalance(new import_web38.PublicKey(owner));
+        const lamports = await connection.getBalance(new import_web36.PublicKey(owner));
         const res = { balance: BigInt(lamports), decimals: 9 };
         logger_default.debug("[useSolNativeBalance] result", res);
         return res;
@@ -6108,7 +6053,7 @@ var useSolNativeBalance = () => {
 // src/features/balances/solana/useSolTokenBalance.ts
 var import_react_redux18 = require("react-redux");
 var import_react_query11 = require("@tanstack/react-query");
-var import_web39 = require("@solana/web3.js");
+var import_web37 = require("@solana/web3.js");
 var import_spl_token4 = require("@solana/spl-token");
 var getMintAddressForSymbol = (tokenOptions, symbol) => tokenOptions?.[symbol]?.SOL || "";
 var useSolTokenBalance = () => {
@@ -6139,8 +6084,8 @@ var useSolTokenBalance = () => {
           logger_default.debug("[useSolTokenBalance] missing mint for symbol", { symbol });
           return { amount: 0n, decimals: 0 };
         }
-        const mint = new import_web39.PublicKey(mintAddr);
-        const ownerPk = new import_web39.PublicKey(owner);
+        const mint = new import_web37.PublicKey(mintAddr);
+        const ownerPk = new import_web37.PublicKey(owner);
         const { programId, isToken2022 } = await getTokenProgramForMint(
           connection,
           mint
@@ -6190,19 +6135,12 @@ var import_react26 = require("react");
 var import_wallet_adapter_react4 = require("@solana/wallet-adapter-react");
 var useDisconnectWallet2 = () => {
   const { disconnect: adapterDisconnect } = (0, import_wallet_adapter_react4.useWallet)();
-  const { externalProvider } = useKimaContext();
   const disconnectWallet = (0, import_react26.useCallback)(async () => {
-    const maybeExt = externalProvider;
-    const extDisconnect = maybeExt?.disconnect ?? maybeExt?.provider?.disconnect;
-    if (typeof extDisconnect === "function") {
-      await extDisconnect();
-      return;
-    }
     if (typeof adapterDisconnect === "function") {
       await adapterDisconnect();
       return;
     }
-  }, [externalProvider, adapterDisconnect]);
+  }, [adapterDisconnect]);
   return { disconnectWallet };
 };
 
@@ -6231,11 +6169,11 @@ var import_react27 = require("react");
 var import_react_redux19 = require("react-redux");
 
 // src/shared/crypto/tron/tronweb.tsx
-var import_tronweb2 = require("tronweb");
-var tronWebTestnet = new import_tronweb2.TronWeb({
+var import_tronweb = require("tronweb");
+var tronWebTestnet = new import_tronweb.TronWeb({
   fullHost: "https://api.nileex.io"
 });
-var tronWebMainnet = new import_tronweb2.TronWeb({
+var tronWebMainnet = new import_tronweb.TronWeb({
   fullHost: "https://api.trongrid.io"
 });
 
@@ -6243,7 +6181,6 @@ var tronWebMainnet = new import_tronweb2.TronWeb({
 var import_tronwallet_adapter_react_hooks2 = require("@tronweb3/tronwallet-adapter-react-hooks");
 var useTronProvider = () => {
   const net = (0, import_react_redux19.useSelector)(selectNetworkOption);
-  const { externalProvider } = useKimaContext();
   const {
     connected: adapterConnected,
     address: adapterAddr,
@@ -6254,23 +6191,8 @@ var useTronProvider = () => {
     const tw = net === "testnet" /* testnet */ ? tronWebTestnet : tronWebMainnet;
     logger_default.debug("[useTronProvider] network", {
       net,
-      endpoint: tw?.fullHost
-    });
-    if (externalProvider?.type === "tron") {
-      const prov = externalProvider.provider;
-      const addr = externalProvider.signer || void 0;
-      logger_default.debug("[useTronProvider] externalProvider", {
-        hasProvider: !!prov,
-        hasTronWeb: !!prov?.tronWeb,
-        address: addr
-      });
-      return {
-        tronWeb: prov?.tronWeb ?? tw,
-        signTransaction: prov?.signTransaction,
-        signMessage: prov?.signMessage,
-        address: addr
-      };
-    }
+      endpoint: tw?.fullHost
+    });
     if (adapterConnected && (adapterSignMessage || adapterSignTransaction)) {
       const normalizedAddr = adapterAddr ?? void 0;
       logger_default.debug("[useTronProvider] wallet-adapter signer", {
@@ -6289,7 +6211,6 @@ var useTronProvider = () => {
     logger_default.debug("[useTronProvider] readonly", { net });
     return { tronWeb: tw };
   }, [
-    externalProvider,
     adapterConnected,
     adapterAddr,
     adapterSignMessage,
@@ -6302,25 +6223,21 @@ var useTronProvider = () => {
 var import_react28 = require("react");
 var import_tronwallet_adapter_react_hooks3 = require("@tronweb3/tronwallet-adapter-react-hooks");
 var useTronAddress = (mode) => {
-  const { externalProvider } = useKimaContext();
   const { address: adapterAddr, connected } = (0, import_tronwallet_adapter_react_hooks3.useWallet)();
   return (0, import_react28.useMemo)(() => {
     let resolved;
     if (mode === "light" /* light */) {
       resolved = lightDemoAccounts.TRX;
-    } else if (externalProvider?.type === "tron") {
-      resolved = externalProvider.signer || void 0;
     } else if (connected && adapterAddr) {
       resolved = adapterAddr;
     }
     logger_default.debug("[useTronAddress] resolved", {
       mode,
-      fromExternal: externalProvider?.type === "tron",
       fromAdapter: connected && !!adapterAddr,
       address: resolved
     });
     return resolved;
-  }, [mode, externalProvider, connected, adapterAddr]);
+  }, [mode, connected, adapterAddr]);
 };
 
 // src/features/allowances/tron/useTrc20Allowance.ts
@@ -7078,19 +6995,12 @@ var import_react36 = require("react");
 var import_tronwallet_adapter_react_hooks4 = require("@tronweb3/tronwallet-adapter-react-hooks");
 var useDisconnectWallet3 = () => {
   const { disconnect: adapterDisconnect } = (0, import_tronwallet_adapter_react_hooks4.useWallet)();
-  const { externalProvider } = useKimaContext();
   const disconnectWallet = (0, import_react36.useCallback)(async () => {
-    const maybeExt = externalProvider;
-    const extDisconnect = maybeExt?.disconnect ?? maybeExt?.provider?.disconnect;
-    if (typeof extDisconnect === "function") {
-      await extDisconnect();
-      return;
-    }
     if (typeof adapterDisconnect === "function") {
       await adapterDisconnect();
       return;
     }
-  }, [externalProvider, adapterDisconnect]);
+  }, [adapterDisconnect]);
   return { disconnectWallet };
 };
 
@@ -7215,7 +7125,7 @@ var adapter_default5 = bankPlugin;
 
 // src/features/allowances/btc/useAllowance.ts
 var import_react39 = require("react");
-var import_viem8 = require("viem");
+var import_viem6 = require("viem");
 var import_react_redux27 = require("react-redux");
 
 // src/features/connect-wallet/btc/unisat.ts
@@ -7331,7 +7241,7 @@ var useAllowance6 = () => {
     if (allowanceSats != null) return allowanceSats;
     if (!amount) return 0n;
     try {
-      return (0, import_viem8.parseUnits)(amount, 8);
+      return (0, import_viem6.parseUnits)(amount, 8);
     } catch {
       return 0n;
     }
@@ -7979,24 +7889,14 @@ var getBtcAccountFromProvider = async (provider, {
 // src/features/connect-wallet/btc/useIsWalletReady.ts
 var useIsWalletReady6 = () => {
   const dispatch = (0, import_react_redux29.useDispatch)();
-  const { externalProvider } = useKimaContext();
   const mode = (0, import_react_redux29.useSelector)(selectMode);
   const networkOption = (0, import_react_redux29.useSelector)(selectNetworkOption);
   const sourceChain = (0, import_react_redux29.useSelector)(selectSourceChain);
   const storedAddress = (0, import_react_redux29.useSelector)(selectBitcoinAddress);
   const storedPubkey = (0, import_react_redux29.useSelector)(selectBitcoinPubkey);
   const resolved = (0, import_react41.useMemo)(() => {
-    if (externalProvider?.type === "btc") {
-      const signer = externalProvider.signer;
-      const address = typeof signer === "string" ? signer : signer?.address ?? "";
-      const providerPubkey = externalProvider.provider?.publicKey ?? externalProvider.provider?.pubkey;
-      const pubkey = normalizeBtcPubkeyHex(
-        typeof signer === "object" && signer?.publicKey || providerPubkey || ""
-      ) || "";
-      return { address, pubkey };
-    }
     return { address: storedAddress, pubkey: storedPubkey };
-  }, [mode, externalProvider, storedAddress, storedPubkey]);
+  }, [storedAddress, storedPubkey]);
   const addressNetwork = (0, import_react41.useMemo)(
     () => getBtcAddressNetwork(resolved.address),
     [resolved.address]
@@ -8036,7 +7936,6 @@ var useIsWalletReady6 = () => {
   (0, import_react41.useEffect)(() => {
     if (mode === "light" /* light */) return;
     if (sourceChain.shortName !== "BTC" /* BTC */) return;
-    if (externalProvider?.type === "btc") return;
     if (storedAddress) return;
     const unisat = getUnisat();
     if (!unisat) return;
@@ -8058,7 +7957,6 @@ var useIsWalletReady6 = () => {
   }, [
     mode,
     sourceChain.shortName,
-    externalProvider,
     storedAddress,
     dispatch
   ]);
@@ -8114,14 +8012,7 @@ var import_react42 = require("react");
 var import_react_redux30 = require("react-redux");
 var useDisconnectWallet6 = () => {
   const dispatch = (0, import_react_redux30.useDispatch)();
-  const { externalProvider } = useKimaContext();
   const disconnectWallet = (0, import_react42.useCallback)(async () => {
-    if (externalProvider?.type === "btc") {
-      const disconnect = externalProvider.provider?.disconnect;
-      if (typeof disconnect === "function") {
-        await disconnect();
-      }
-    }
     const unisat = getUnisat();
     if (unisat?.disconnect) {
       await unisat.disconnect();
@@ -8130,7 +8021,7 @@ var useDisconnectWallet6 = () => {
     dispatch(setBitcoinPubkey(""));
     dispatch(setBtcWalletType(""));
     dispatch(setSourceAddress(""));
-  }, [dispatch, externalProvider]);
+  }, [dispatch]);
   return { disconnectWallet };
 };
 
@@ -8241,7 +8132,6 @@ var InternalKimaProvider = React4.memo(({ kimaBackendUrl, solRPC, projectId, chi
 var KimaProvider = ({
   projectId = "e579511a495b5c312b572b036e60555a",
   children = /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_jsx_runtime58.Fragment, {}),
-  externalProvider,
   kimaBackendUrl = "http://localhost:3001",
   solRPC,
   logLevel,
@@ -8255,27 +8145,7 @@ var KimaProvider = ({
     logger_default.debug("KimaProvider: setting log level to:", logLevel);
     logger_default.setLevel(logLevel, false);
   }
-  let validExternalProvider;
-  let sourceAddress;
-  if (externalProvider && isValidExternalProvider(externalProvider)) {
-    validExternalProvider = externalProvider;
-    if (externalProvider.type === "evm" && externalProvider.signer instanceof import_ethers3.JsonRpcSigner) {
-      sourceAddress = externalProvider.signer.address;
-    }
-    if (externalProvider.type === "solana" && externalProvider.signer instanceof import_web310.PublicKey) {
-      sourceAddress = externalProvider.signer.toBase58();
-    }
-    if (externalProvider.type === "tron" && typeof externalProvider.signer === "string") {
-      sourceAddress = externalProvider.signer;
-    }
-    if (externalProvider.type === "btc") {
-      const btcSigner = externalProvider.signer;
-      sourceAddress = typeof btcSigner === "string" ? btcSigner : btcSigner?.address;
-    }
-  }
   const kimaContext = {
-    externalProvider: validExternalProvider,
-    sourceAddress,
     solRPC,
     kimaBackendUrl,
     keplrHandler,
@@ -8297,7 +8167,7 @@ var KimaProvider = ({
 var KimaProvider_default = KimaProvider;
 
 // src/widgets/common/KimaTransactionWidget.tsx
-var import_react82 = require("react");
+var import_react83 = require("react");
 var import_react_redux68 = require("react-redux");
 
 // src/assets/loading/180-ring.tsx
@@ -8710,6 +8580,49 @@ var CopyButton = ({ text }) => {
 };
 var CopyButton_default = CopyButton;
 
+// src/shared/lib/bigint.ts
+var import_viem7 = require("viem");
+
+// src/shared/lib/format.ts
+var formatterInt = new Intl.NumberFormat("en-US", {
+  maximumFractionDigits: 0
+});
+var formatterFloat = new Intl.NumberFormat("en-US", {
+  maximumFractionDigits: 6,
+  useGrouping: false
+});
+
+// src/shared/lib/bigint.ts
+var bigIntToNumber = (inputs) => {
+  const { value, decimals } = inputs || {};
+  if (!value || !decimals) return 0;
+  const valBigInt = BigInt(value);
+  const valNumberStr = (0, import_viem7.formatUnits)(valBigInt, decimals);
+  return Number(valNumberStr);
+};
+var bigIntChangeDecimals = (inputs) => {
+  const { value, decimals, newDecimals } = inputs || {};
+  const valBigInt = BigInt(value);
+  if (decimals === newDecimals) return { value: valBigInt, decimals };
+  if (decimals > newDecimals) {
+    const diff2 = decimals - newDecimals;
+    return { value: valBigInt / 10n ** BigInt(diff2), decimals: newDecimals };
+  }
+  const diff = newDecimals - decimals;
+  return { value: valBigInt * 10n ** BigInt(diff), decimals: newDecimals };
+};
+var formatBigInt = (inputs) => {
+  return formatterFloat.format(bigIntToNumber(inputs));
+};
+var toBigintAmount = (data) => {
+  return {
+    // bigint values constructed from numbers can have rounding errors!
+    // so need to convert to string and then to bigint
+    value: BigInt(data.value.toString()),
+    decimals: data.decimals
+  };
+};
+
 // src/hooks/useHideActivityTab.tsx
 var import_react50 = require("react");
 function useHideWuiListItem(isModalOpen) {
@@ -8785,7 +8698,6 @@ var WalletButton = ({
   const targetNetwork = (0, import_react_redux33.useSelector)(selectTargetChain);
   const targetAddress = (0, import_react_redux33.useSelector)(selectTargetAddress);
   const dAppOption = (0, import_react_redux33.useSelector)(selectDappOption);
-  const { externalProvider } = useKimaContext();
   const { connected: isSolanaConnected } = (0, import_wallet_adapter_react5.useWallet)();
   const { connected: isTronConnected } = (0, import_tronwallet_adapter_react_hooks5.useWallet)();
   const { isReady, statusMessage, connectedAddress } = useIsWalletReady_default();
@@ -8831,10 +8743,9 @@ var WalletButton = ({
     logger_default.debug(`${TAG} wallet state`, {
       isReady,
       statusMessage,
-      connectedAddress,
-      externalProvider
+      connectedAddress
     });
-  }, [isReady, statusMessage, connectedAddress, externalProvider]);
+  }, [isReady, statusMessage, connectedAddress]);
   const demoSourceAddress = (0, import_react51.useMemo)(() => {
     if (mode !== "light" /* light */) return "";
     const short = sourceNetwork?.shortName;
@@ -9232,7 +9143,7 @@ var CoinDropdown_default = CoinDropdown;
 // src/components/reusable/ConfirmDetails.tsx
 var import_react55 = require("react");
 var import_react_redux37 = require("react-redux");
-var import_viem9 = require("viem");
+var import_viem8 = require("viem");
 
 // src/components/reusable/ChainIcon.tsx
 var import_jsx_runtime71 = require("react/jsx-runtime");
@@ -9337,7 +9248,7 @@ var sumBigAmts = (amts) => {
 var formatFeeAmount = (amt, maxDecimals) => {
   if (!amt) return "0";
   if (amt.value === 0n) return "0";
-  const raw = (0, import_viem9.formatUnits)(amt.value, amt.decimals);
+  const raw = (0, import_viem8.formatUnits)(amt.value, amt.decimals);
   const numeric = Number(raw);
   if (!Number.isFinite(numeric)) return raw;
   if (numeric === 0) return "0";
@@ -9396,7 +9307,7 @@ var ConfirmDetails = ({
   const inputAmountBig = (0, import_react55.useMemo)(() => {
     if (!amount) return void 0;
     try {
-      return { value: (0, import_viem9.parseUnits)(amount, sourceDecimals), decimals: sourceDecimals };
+      return { value: (0, import_viem8.parseUnits)(amount, sourceDecimals), decimals: sourceDecimals };
     } catch {
       return void 0;
     }
@@ -9795,9 +9706,220 @@ var StepBox = ({ step, errorStep, loadingStep, data, steps }) => {
 };
 var StepBox_default = StepBox;
 
+// src/components/reusable/VersionInfo.tsx
+var import_react58 = require("react");
+
+// package.json
+var package_default = {
+  name: "@kimafinance/kima-transaction-widget",
+  version: "1.5.32",
+  description: "Kima Transaction Widget",
+  author: "",
+  license: "MIT",
+  repository: "https://github.com/kima-finance/kima-transaction-widget",
+  main: "dist/index.cjs",
+  module: "dist/index.js",
+  types: "dist/index.d.ts",
+  type: "module",
+  source: "src/index.tsx",
+  exports: {
+    ".": {
+      types: "./dist/index.d.ts",
+      import: "./dist/index.js",
+      require: "./dist/index.cjs"
+    },
+    "./index.css": {
+      default: "./dist/index.css"
+    }
+  },
+  scripts: {
+    build: "npm run build:tsup && npm run build:sass && npm run move:fonts",
+    "build:sass": "sass src/styles/main.scss dist/index.css",
+    "build:tsup": "tsup",
+    "move:fonts": "mkdir -p dist/fonts && find dist -maxdepth 1 -type f \\( -iname '*.woff' -o -iname '*.woff2' -o -iname '*.eot' -o -iname '*.ttf' -o -iname '*.otf' \\) -exec mv {} dist/fonts/ \\;",
+    prepare: "npm run build",
+    dev: "tsup --watch",
+    sass: "sass src/styles/main.scss src/index.css -w",
+    test: "jest --runInBand",
+    docs: "typedoc --options typedoc.json"
+  },
+  peerDependencies: {
+    react: ">=17.0.0",
+    "react-dom": ">=17.0.1",
+    "react-redux": ">=7.2.2",
+    redux: ">=4.1.2"
+  },
+  devDependencies: {
+    "@babel/plugin-proposal-unicode-property-regex": "^7.18.6",
+    "@testing-library/jest-dom": "^5.17.0",
+    "@testing-library/react": "^13.4.0",
+    "@testing-library/react-hooks": "^7.0.2",
+    "@types/bn.js": "^5.1.6",
+    "@types/crypto-js": "^4.2.2",
+    "@types/jest": "^29.5.14",
+    "@types/mocha": "^10.0.10",
+    "@types/node": "^20.17.10",
+    "@types/react": "^18.3.1",
+    "@types/react-dom": "^18.3.1",
+    "@types/react-redux": "^7.1.34",
+    "@typescript-eslint/eslint-plugin": "^6.21.0",
+    "@typescript-eslint/parser": "^6.21.0",
+    "cross-env": "^7.0.3",
+    eslint: "^8.57.1",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-react": "^7.37.2",
+    "eslint-plugin-react-hooks": "^4.6.2",
+    jest: "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "npm-run-all": "^4.1.5",
+    prettier: "^3.4.2",
+    react: "^18.3.1",
+    "react-dom": "^18.3.1",
+    serve: "^14.2.4",
+    "ts-jest": "^29.2.5",
+    "ts-node": "^10.9.2",
+    typedoc: "^0.27.7",
+    "typedoc-plugin-markdown": "^4.2.10",
+    typescript: "^5.7.3"
+  },
+  dependencies: {
+    "@kimafinance/btc-signer": "^1.3.4",
+    "@metamask/detect-provider": "^2.0.0",
+    "@noble/secp256k1": "^2.1.0",
+    "@reduxjs/toolkit": "^2.5.0",
+    "@reown/appkit": "^1.7.1",
+    "@reown/appkit-adapter-ethers": "^1.7.1",
+    "@scure/base": "^1.2.1",
+    "@solana/spl-token": "^0.3.5",
+    "@solana/wallet-adapter-base": "^0.9.18",
+    "@solana/wallet-adapter-react": "^0.15.20",
+    "@solana/wallet-adapter-wallets": "^0.19.3",
+    "@solana/web3.js": "^1.98.0",
+    "@tanstack/react-query": "^5.62.8",
+    "@tronweb3/tronwallet-abstract-adapter": "^1.1.8",
+    "@tronweb3/tronwallet-adapter-ledger": "^1.1.10",
+    "@tronweb3/tronwallet-adapter-okxwallet": "^1.0.5",
+    "@tronweb3/tronwallet-adapter-react-hooks": "^1.1.9",
+    "@tronweb3/tronwallet-adapter-tokenpocket": "^1.0.5",
+    "@tronweb3/tronwallet-adapter-tronlink": "^1.1.11",
+    "@tronweb3/tronwallet-adapter-walletconnect": "^2.0.2",
+    "bitcoinjs-lib": "^6.1.7",
+    "browserify-zlib": "^0.2.0",
+    buffer: "^6.0.3",
+    "buffer-layout": "^1.2.2",
+    "crypto-browserify": "^3.12.1",
+    "crypto-js": "^4.2.0",
+    ethers: "^6.13.5",
+    hex64: "^0.4.0",
+    "https-browserify": "^1.0.0",
+    "json-bigint": "^1.0.0",
+    loglevel: "^1.9.2",
+    "os-browserify": "^0.3.0",
+    "path-browserify": "^1.0.1",
+    "pino-pretty": "^13.0.0",
+    "react-hot-toast": "^2.4.1",
+    "react-redux": ">=7.2.2",
+    "react-tooltip": "^5.28.0",
+    redux: ">=4.1.2",
+    sass: "^1.83.0",
+    "sats-connect": "2.8.3",
+    "stream-browserify": "^3.0.0",
+    "stream-http": "^3.2.0",
+    tronweb: "^6.0.0",
+    tsup: "^8.3.5",
+    url: "^0.11.0",
+    uuid: "^11.1.0",
+    viem: "^2.23.2",
+    "vm-browserify": "^1.1.2"
+  },
+  files: [
+    "dist"
+  ]
+};
+
+// src/shared/config/version.ts
+var WIDGET_VERSION = package_default.version;
+
+// src/components/reusable/VersionInfo.tsx
+var import_jsx_runtime77 = require("react/jsx-runtime");
+var VersionInfo = ({ theme }) => {
+  const [isOpen, setIsOpen] = (0, import_react58.useState)(false);
+  const { kimaBackendUrl } = useKimaContext();
+  const { data: envOptions } = useGetEnvOptions({ kimaBackendUrl });
+  (0, import_react58.useEffect)(() => {
+    if (!isOpen) return;
+    const handleKeyDown = (event) => {
+      if (event.key === "Escape") {
+        setIsOpen(false);
+      }
+    };
+    window.addEventListener("keydown", handleKeyDown);
+    return () => {
+      window.removeEventListener("keydown", handleKeyDown);
+    };
+  }, [isOpen]);
+  const backendVersion = envOptions?.backendVersion ?? "Unavailable";
+  return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(import_jsx_runtime77.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "version-info", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+      "button",
+      {
+        type: "button",
+        className: "version-info-trigger",
+        "aria-label": "Open version information",
+        onClick: () => setIsOpen(true),
+        children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "version-info-glyph", "aria-hidden": "true", children: "i" })
+      }
+    ) }),
+    isOpen && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+      "div",
+      {
+        className: "version-info-overlay",
+        role: "presentation",
+        onClick: () => setIsOpen(false),
+        children: /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
+          "div",
+          {
+            className: `version-info-modal ${theme.colorMode}`,
+            role: "dialog",
+            "aria-modal": "true",
+            "aria-label": "Version information",
+            onClick: (event) => event.stopPropagation(),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "version-info-modal-header", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("h3", { children: "Version Information" }),
+                /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+                  "button",
+                  {
+                    type: "button",
+                    className: "version-info-close",
+                    "aria-label": "Close version information",
+                    onClick: () => setIsOpen(false),
+                    children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Cross_default, {})
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "version-info-list", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "version-info-row", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { children: "Current widget version" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("strong", { children: WIDGET_VERSION })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "version-info-row", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { children: "Current backend version" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("strong", { children: backendVersion })
+                ] })
+              ] })
+            ]
+          }
+        )
+      }
+    )
+  ] });
+};
+var VersionInfo_default = VersionInfo;
+
 // src/widgets/common/ErrorWidget.tsx
 var import_react_redux41 = require("react-redux");
-var import_jsx_runtime77 = require("react/jsx-runtime");
+var import_jsx_runtime78 = require("react/jsx-runtime");
 var ErrorWidget = ({
   theme,
   title,
@@ -9809,22 +9931,22 @@ var ErrorWidget = ({
   const ccTransactionId = (0, import_react_redux41.useSelector)(selectCCTransactionId);
   const isCreditCardSource = sourceChain.shortName === "CC";
   const isRetrying = (0, import_react_redux41.useSelector)(selectCCTransactionRetrying);
-  return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
     "div",
     {
       className: `kima-card ${theme.colorMode}`,
       style: {
         background: theme.colorMode === "light" /* light */ ? theme.backgroundColorLight : theme.backgroundColorDark
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "transfer-card", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "kima-card-header", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "topbar", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "title", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("h3", { children: title }) }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("h4", { className: "subtitle" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "transfer-card", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "kima-card-header", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "topbar", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "title", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("h3", { children: title }) }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("h4", { className: "subtitle" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "kima-card-content error", children: [
-          isCreditCardSource && !isRetrying && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Error_default, { width: 40, height: 40 }),
-          message && message !== "" && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("h2", { children: message }),
-          isCreditCardSource && /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "kima-card-content error", children: [
+          isCreditCardSource && !isRetrying && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Error_default, { width: 40, height: 40 }),
+          message && message !== "" && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("h2", { children: message }),
+          isCreditCardSource && /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
             "div",
             {
               style: {
@@ -9833,8 +9955,8 @@ var ErrorWidget = ({
                 flexDirection: "column"
               },
               children: [
-                isRetrying ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("p", { children: "The transaction is being retried in the background. This may take a few moments. If the issue persists, please contact support and provide the transaction ID below for reference." }) : /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("p", { children: "This credit card transaction has failed. Please check the details and try again. If the issue persists, please contact support and provide the transaction ID below for reference." }),
-                ccTransactionId && /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
+                isRetrying ? /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("p", { children: "The transaction is being retried in the background. This may take a few moments. If the issue persists, please contact support and provide the transaction ID below for reference." }) : /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("p", { children: "This credit card transaction has failed. Please check the details and try again. If the issue persists, please contact support and provide the transaction ID below for reference." }),
+                ccTransactionId && /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
                   "div",
                   {
                     style: {
@@ -9844,7 +9966,7 @@ var ErrorWidget = ({
                       justifyContent: "center"
                     },
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
                         "code",
                         {
                           style: {
@@ -9855,16 +9977,16 @@ var ErrorWidget = ({
                           children: ccTransactionId
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(CopyButton_default, { text: ccTransactionId })
+                      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(CopyButton_default, { text: ccTransactionId })
                     ]
                   }
                 ),
-                isRetrying && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(ring_default, { width: 30, height: 30, fill: "#86b8ce" })
+                isRetrying && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(ring_default, { width: 30, height: 30, fill: "#86b8ce" })
               ]
             }
           )
         ] }),
-        backButtonEnabled && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+        backButtonEnabled && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
           "div",
           {
             style: {
@@ -9872,14 +9994,14 @@ var ErrorWidget = ({
               justifyContent: "flex-end",
               marginTop: 16
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(PrimaryButton_default, { clickHandler: backButtonFunction, children: "Back" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(PrimaryButton_default, { clickHandler: backButtonFunction, children: "Back" })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "kima-card-footer" }),
-        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "floating-footer", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: `items ${theme.colorMode}`, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { children: "Powered by" }),
-          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(FooterLogo_default, { width: 50, fill: "black" }),
-          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("strong", { children: "Network" })
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "kima-card-footer" }),
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "floating-footer", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: `items ${theme.colorMode}`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { children: "Powered by" }),
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(FooterLogo_default, { width: 50, fill: "black" }),
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("strong", { children: "Network" })
         ] }) })
       ] })
     }
@@ -9888,11 +10010,11 @@ var ErrorWidget = ({
 var ErrorWidget_default = ErrorWidget;
 
 // src/hooks/useDebugMode.ts
-var import_react58 = require("react");
+var import_react59 = require("react");
 var useDebugCode = (sequence = ["D", "E", "B", "U", "G"]) => {
-  const [debugMode, setDebugMode] = (0, import_react58.useState)(false);
-  const [, setInputSequence] = (0, import_react58.useState)([]);
-  (0, import_react58.useEffect)(() => {
+  const [debugMode, setDebugMode] = (0, import_react59.useState)(false);
+  const [, setInputSequence] = (0, import_react59.useState)([]);
+  (0, import_react59.useEffect)(() => {
     const onKeyDown = (e) => {
       setInputSequence((prev) => {
         const next = [...prev, e.key].slice(-sequence.length);
@@ -9919,17 +10041,17 @@ var useDebugCode = (sequence = ["D", "E", "B", "U", "G"]) => {
 };
 
 // src/widgets/common/KimaWidgetWrapper.tsx
-var import_react80 = require("@reown/appkit/react");
-var import_react81 = require("react");
+var import_react81 = require("@reown/appkit/react");
+var import_react82 = require("react");
 var import_react_redux67 = require("react-redux");
 
 // src/widgets/transaction/components/TransactionWidget.tsx
-var import_react62 = require("react");
+var import_react63 = require("react");
 
 // src/components/reusable/Progressbar.tsx
-var import_react59 = require("react");
+var import_react60 = require("react");
 var import_react_redux42 = require("react-redux");
-var import_jsx_runtime78 = require("react/jsx-runtime");
+var import_jsx_runtime79 = require("react/jsx-runtime");
 var DEFAULT_STEPS2 = [
   { title: "Initialize" },
   { title: "Source Transfer" },
@@ -9947,14 +10069,14 @@ var Progressbar = ({
   const theme = (0, import_react_redux42.useSelector)(selectTheme);
   const stepInfo = steps ?? DEFAULT_STEPS2;
   const lastIndex = stepInfo.length - 1;
-  const pct = (0, import_react59.useMemo)(() => {
+  const pct = (0, import_react60.useMemo)(() => {
     if (lastIndex <= 0) return 0;
     const clamped = Math.max(0, Math.min(step, lastIndex));
     return clamped * 100 / lastIndex;
   }, [step, lastIndex]);
-  return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "kima-progressbar", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "value", style: { width: `${pct}%` } }),
-    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "step-indicators", children: stepInfo.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "kima-progressbar", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "value", style: { width: `${pct}%` } }),
+    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "step-indicators", children: stepInfo.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
       "div",
       {
         className: `step ${step === index && "active"} 
@@ -9963,10 +10085,10 @@ var Progressbar = ({
         onClick: () => {
           if (index < lastIndex) setFocus(index);
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "step-info", children: [
-          step < index && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Lock_default, {}),
-          step >= index ? index === loadingStep ? /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Loader_default, { className: "loader" }) : index === errorStep ? /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Warning_default, {}) : /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Check_default, {}) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { children: item.title })
+        children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "step-info", children: [
+          step < index && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Lock_default, {}),
+          step >= index ? index === loadingStep ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Loader_default, { className: "loader" }) : index === errorStep ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Warning_default, {}) : /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Check_default, {}) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { children: item.title })
         ] })
       },
       `${item.title}-${index}`
@@ -9982,7 +10104,7 @@ var import_react_redux47 = require("react-redux");
 var import_react_hot_toast4 = require("react-hot-toast");
 
 // src/widgets/transaction/hooks/useTxData.ts
-var import_react60 = require("react");
+var import_react61 = require("react");
 var import_react_query18 = require("@tanstack/react-query");
 
 // src/services/transactionApi.ts
@@ -10121,7 +10243,7 @@ var getTxData = async ({
 // src/widgets/transaction/hooks/useTxData.ts
 var POLLING_INTERVAL_MS = 1e3 * 10;
 var useTxData = (txId, dAppOption, backendUrl, isSwap) => {
-  const refPollForUpdates = (0, import_react60.useRef)(false);
+  const refPollForUpdates = (0, import_react61.useRef)(false);
   const isLP = dAppOption === "LPAdd" /* LPAdd */ || dAppOption === "LPDrain" /* LPDrain */;
   const validTxId = typeof txId === "number" ? txId > 0 : txId.toString().length > 0;
   return (0, import_react_query18.useQuery)({
@@ -10142,31 +10264,31 @@ var useTxData = (txId, dAppOption, backendUrl, isSwap) => {
 var useTxData_default = useTxData;
 
 // src/components/reusable/TransactionStatusMessage.tsx
-var import_jsx_runtime79 = require("react/jsx-runtime");
+var import_jsx_runtime80 = require("react/jsx-runtime");
 var TransactionStatusMessage = ({
   isCompleted,
   transactionId
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "transaction-status-message", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("h2", { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "transaction-status-message", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("h2", { children: [
       isCompleted !== "Completed" /* COMPLETED */ && "Your transaction is currently being processed.",
       " ",
       "Please copy the Transaction ID below for future reference. You can use this ID to track the transaction status or resolve any issues if needed."
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("span", { className: "transaction-copy", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("h3", { children: transactionId }),
-      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(CopyButton_default, { text: transactionId })
+    /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("span", { className: "transaction-copy", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("h3", { children: transactionId }),
+      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(CopyButton_default, { text: transactionId })
     ] })
   ] });
 };
 var TransactionStatusMessage_default = TransactionStatusMessage;
 
 // src/components/reusable/TransactionSearch.tsx
-var import_react61 = require("react");
+var import_react62 = require("react");
 var import_react_redux43 = require("react-redux");
 var import_react_redux44 = require("react-redux");
 var import_react_hot_toast3 = __toESM(require("react-hot-toast"), 1);
-var import_jsx_runtime80 = require("react/jsx-runtime");
+var import_jsx_runtime81 = require("react/jsx-runtime");
 var TransactionSearch = ({
   isSwap,
   onTypeChange
@@ -10174,12 +10296,12 @@ var TransactionSearch = ({
   const theme = (0, import_react_redux43.useSelector)(selectTheme);
   const backendUrl = (0, import_react_redux43.useSelector)(selectBackendUrl);
   const dispatch = (0, import_react_redux44.useDispatch)();
-  const [transactionId, setTransactionId] = (0, import_react61.useState)("");
-  const refPollForUpdates = (0, import_react61.useRef)(false);
+  const [transactionId, setTransactionId] = (0, import_react62.useState)("");
+  const refPollForUpdates = (0, import_react62.useRef)(false);
   const handleSearch = async () => {
     if (transactionId.length <= 0)
       return import_react_hot_toast3.default.error("You must provide a valid transaction id", {
-        icon: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Error_default, {})
+        icon: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Error_default, {})
       });
     try {
       const data = await getTxData({
@@ -10197,14 +10319,14 @@ var TransactionSearch = ({
       logger_default.error("Error searching transaction: ", error);
       return import_react_hot_toast3.default.error(
         "Transaction not found. Please check for the proper transaction id.",
-        { icon: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Error_default, {}) }
+        { icon: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Error_default, {}) }
       );
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "form-item transaction-search", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "transaction-input", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "label", children: "Search Transaction:" }),
-      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "form-item transaction-search", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "transaction-input", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { className: "label", children: "Search Transaction:" }),
+      /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
         "input",
         {
           className: `${theme.colorMode}`,
@@ -10216,10 +10338,10 @@ var TransactionSearch = ({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "tx-type-toggle", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "label", children: "Type:" }),
-      /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "toggle-buttons", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "tx-type-toggle", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { className: "label", children: "Type:" }),
+      /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "toggle-buttons", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
           "button",
           {
             type: "button",
@@ -10228,7 +10350,7 @@ var TransactionSearch = ({
             children: "Transfer"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
           "button",
           {
             type: "button",
@@ -10239,7 +10361,7 @@ var TransactionSearch = ({
         )
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(SecondaryButton_default, { clickHandler: handleSearch, children: "Search" })
+    /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(SecondaryButton_default, { clickHandler: handleSearch, children: "Search" })
   ] });
 };
 var TransactionSearch_default = TransactionSearch;
@@ -10299,20 +10421,20 @@ var resolveTransactionResetTarget = ({
 };
 
 // src/widgets/transaction/components/TransactionWidget.tsx
-var import_jsx_runtime81 = require("react/jsx-runtime");
+var import_jsx_runtime82 = require("react/jsx-runtime");
 var TransactionWidget = ({ theme }) => {
-  const [step, setStep] = (0, import_react62.useState)(0);
-  const [focus, setFocus] = (0, import_react62.useState)(-1);
-  const [errorStep, setErrorStep] = (0, import_react62.useState)(-1);
-  const [errorMessage, setErrorMessage] = (0, import_react62.useState)("");
-  const [loadingStep, setLoadingStep] = (0, import_react62.useState)(-1);
-  const [minimized, setMinimized] = (0, import_react62.useState)(false);
-  const [isComplete, setIsComplete] = (0, import_react62.useState)(false);
-  const [statusTxType, setStatusTxType] = (0, import_react62.useState)(
+  const [step, setStep] = (0, import_react63.useState)(0);
+  const [focus, setFocus] = (0, import_react63.useState)(-1);
+  const [errorStep, setErrorStep] = (0, import_react63.useState)(-1);
+  const [errorMessage, setErrorMessage] = (0, import_react63.useState)("");
+  const [loadingStep, setLoadingStep] = (0, import_react63.useState)(-1);
+  const [minimized, setMinimized] = (0, import_react63.useState)(false);
+  const [isComplete, setIsComplete] = (0, import_react63.useState)(false);
+  const [statusTxType, setStatusTxType] = (0, import_react63.useState)(
     "transfer"
   );
-  const previousStatusRef = (0, import_react62.useRef)(null);
-  const previousErrorRef = (0, import_react62.useRef)(null);
+  const previousStatusRef = (0, import_react63.useRef)(null);
+  const previousErrorRef = (0, import_react63.useRef)(null);
   const dispatch = (0, import_react_redux47.useDispatch)();
   const explorerUrl = (0, import_react_redux46.useSelector)(selectKimaExplorer);
   const mode = (0, import_react_redux46.useSelector)(selectMode);
@@ -10332,7 +10454,7 @@ var TransactionWidget = ({ theme }) => {
   const backendUrl = (0, import_react_redux46.useSelector)(selectBackendUrl);
   const isSwapByPegged = sourceSymbol !== targetSymbol && !isSamePeggedToken(sourceChain, sourceSymbol, targetChain, targetSymbol);
   const widgetIsSwap = mode === "status" /* status */ ? statusTxType === "swap" : isSwapByPegged;
-  const steps = (0, import_react62.useMemo)(
+  const steps = (0, import_react63.useMemo)(
     () => widgetIsSwap ? SWAP_STEPS : TRANSFER_STEPS,
     [widgetIsSwap]
   );
@@ -10344,7 +10466,7 @@ var TransactionWidget = ({ theme }) => {
     panelRef,
     formatTime: formatToastTime
   } = useToastHistory();
-  (0, import_react62.useEffect)(() => {
+  (0, import_react63.useEffect)(() => {
     windowWidth === 0 && updateWidth(window.innerWidth);
   }, [windowWidth, updateWidth]);
   const safeTxId = typeof txId === "string" || typeof txId === "number" ? txId : -1;
@@ -10354,49 +10476,49 @@ var TransactionWidget = ({ theme }) => {
     backendUrl,
     widgetIsSwap
   );
-  const transactionSourceChain = (0, import_react62.useMemo)(
+  const transactionSourceChain = (0, import_react63.useMemo)(
     () => networks.find(
       (network) => network.shortName === (mode === "status" /* status */ ? data?.sourceChain : sourceChain.shortName)
     ),
     [data, mode, sourceChain, networks]
   );
-  const transactionTargetChain = (0, import_react62.useMemo)(
+  const transactionTargetChain = (0, import_react63.useMemo)(
     () => networks.find(
       (network) => network.shortName === (mode === "status" /* status */ ? data?.targetChain : targetChain.shortName)
     ),
     [data, mode, targetChain, networks]
   );
-  const isValidTxId = (0, import_react62.useMemo)(() => {
+  const isValidTxId = (0, import_react63.useMemo)(() => {
     return !(safeTxId === -1 || typeof safeTxId === "string" && safeTxId.length === 0);
   }, [safeTxId]);
-  const isEmptyStatus = (0, import_react62.useMemo)(() => {
+  const isEmptyStatus = (0, import_react63.useMemo)(() => {
     if (!data) return true;
     return data?.amount === "";
   }, [data]);
   const showFetchingTitle = isValidTxId && isEmptyStatus;
-  (0, import_react62.useEffect)(() => {
+  (0, import_react63.useEffect)(() => {
     if (!data || data.status !== "Completed" /* COMPLETED */) return;
     successHandler && successHandler({
       txId: safeTxId
     });
   }, [data, successHandler, safeTxId]);
-  (0, import_react62.useEffect)(() => {
+  (0, import_react63.useEffect)(() => {
     if (!data) return;
     if (data.status === "Completed" /* COMPLETED */) {
       setIsComplete(true);
     }
   }, [data]);
-  (0, import_react62.useEffect)(() => {
+  (0, import_react63.useEffect)(() => {
     const nextError = error ? String(error) : null;
     if (!nextError || previousErrorRef.current === nextError) return;
     previousErrorRef.current = nextError;
     if (error)
       import_react_hot_toast4.toast.error(
         "The provided transaction id is not valid, please use a different one or contact support for further assistance",
-        { icon: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Error_default, {}) }
+        { icon: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Error_default, {}) }
       );
   }, [error]);
-  (0, import_react62.useEffect)(() => {
+  (0, import_react63.useEffect)(() => {
     const raw = normalizeStatus(data?.status);
     const s = compactStatus(raw);
     const statusChanged = didStatusChange(previousStatusRef.current, raw);
@@ -10424,7 +10546,7 @@ var TransactionWidget = ({ theme }) => {
       setStep(1);
       setErrorStep(1);
       setLoadingStep(-1);
-      if (statusChanged) import_react_hot_toast4.toast.error("Unavailable", { icon: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Error_default, {}) });
+      if (statusChanged) import_react_hot_toast4.toast.error("Unavailable", { icon: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Error_default, {}) });
       setErrorMessage("Unavailable");
       previousStatusRef.current = raw;
       return;
@@ -10435,7 +10557,7 @@ var TransactionWidget = ({ theme }) => {
       setLoadingStep(-1);
       if (statusChanged) {
         import_react_hot_toast4.toast.error("Failed to pull tokens from source!", {
-          icon: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Error_default, {})
+          icon: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Error_default, {})
         });
       }
       setErrorMessage("Failed to pull tokens from source!");
@@ -10448,7 +10570,7 @@ var TransactionWidget = ({ theme }) => {
       setLoadingStep(-1);
       if (statusChanged) {
         import_react_hot_toast4.toast.error("Failed to release tokens to target!", {
-          icon: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Error_default, {})
+          icon: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Error_default, {})
         });
       }
       setErrorMessage("Failed to release tokens to target!");
@@ -10461,7 +10583,7 @@ var TransactionWidget = ({ theme }) => {
       if (statusChanged) {
         import_react_hot_toast4.toast.error(
           "Failed to release tokens to target! Starting refund process.",
-          { icon: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Error_default, {}) }
+          { icon: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Error_default, {}) }
         );
       }
       setErrorMessage(
@@ -10476,7 +10598,7 @@ var TransactionWidget = ({ theme }) => {
       setLoadingStep(-1);
       if (statusChanged) {
         import_react_hot_toast4.toast.error("Failed to refund tokens to source!", {
-          icon: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Error_default, {})
+          icon: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Error_default, {})
         });
       }
       setErrorMessage("Failed to refund tokens to source!");
@@ -10488,7 +10610,7 @@ var TransactionWidget = ({ theme }) => {
       setErrorStep(3);
       setLoadingStep(-1);
       if (statusChanged) {
-        import_react_hot_toast4.toast.success("Refund completed!", { icon: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Error_default, {}) });
+        import_react_hot_toast4.toast.success("Refund completed!", { icon: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Error_default, {}) });
       }
       setErrorMessage("Refund completed!");
       previousStatusRef.current = raw;
@@ -10543,14 +10665,14 @@ var TransactionWidget = ({ theme }) => {
     }
     previousStatusRef.current = raw;
   }, [data?.status, widgetIsSwap]);
-  const verb = (0, import_react62.useMemo)(() => {
+  const verb = (0, import_react63.useMemo)(() => {
     if (mode === "status" /* status */) {
       if (isEmptyStatus) return "Fetching transaction status ";
       return data?.status?.toUpperCase?.() === "Completed" /* COMPLETED */ ? widgetIsSwap ? "Swapped " : "Transferred " : widgetIsSwap ? "Swapping " : "Transfering ";
     }
     return data?.status?.toUpperCase?.() === "Completed" /* COMPLETED */ ? widgetIsSwap ? "Swapped " : "Transferred " : widgetIsSwap ? "Swapping " : "Transfering ";
   }, [mode, data?.status, isEmptyStatus, widgetIsSwap]);
-  const originChargeAmount = (0, import_react62.useMemo)(() => {
+  const originChargeAmount = (0, import_react63.useMemo)(() => {
     const submit = txValues.submitAmount;
     const feeInSubmitDec = bigIntChangeDecimals({
       ...totalFee,
@@ -10559,7 +10681,7 @@ var TransactionWidget = ({ theme }) => {
     const val = feeDeduct ? submit.value : submit.value + feeInSubmitDec.value;
     return { value: val, decimals: submit.decimals };
   }, [txValues.submitAmount, totalFee, feeDeduct]);
-  const { leftAmt, rightAmt, leftSym, rightSym } = (0, import_react62.useMemo)(() => {
+  const { leftAmt, rightAmt, leftSym, rightSym } = (0, import_react63.useMemo)(() => {
     if (mode === "status" /* status */) {
       if (widgetIsSwap) {
         const amountIn = data?.amountIn;
@@ -10657,7 +10779,7 @@ var TransactionWidget = ({ theme }) => {
       logger_default.debug("[TransactionWidget] reset failed", e);
       import_react_hot_toast4.toast.error(
         "Unable to reset the transaction view. Please contact support for assistance.",
-        { icon: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Error_default, {}) }
+        { icon: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Error_default, {}) }
       );
     }
   };
@@ -10667,7 +10789,7 @@ var TransactionWidget = ({ theme }) => {
   const swapDstAmtLabel = formatTruncMaxDecimals(swapDstAmt, 4);
   const swapSrcSymLabel = displaySymbol(data?.sourceSymbol ?? sourceSymbol);
   const swapDstSymLabel = displaySymbol(data?.targetSymbol ?? targetSymbol);
-  return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_react_redux45.Provider, { store: store_default, children: /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_react_redux45.Provider, { store: store_default, children: /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
     "div",
     {
       className: `kima-card transaction-card ${isComplete ? "transaction-complete" : ""} ${theme.colorMode} ${minimized ? "minimized" : ""}`,
@@ -10675,9 +10797,10 @@ var TransactionWidget = ({ theme }) => {
         background: theme.colorMode === "light" /* light */ ? theme.backgroundColorLight : theme.backgroundColorDark
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "kima-card-header", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "topbar", children: [
-            !isComplete && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "title", children: isValidTxId && !error ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "transaction-title", children: showFetchingTitle ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_jsx_runtime81.Fragment, { children: "Getting transaction details\u2026" }) : /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(import_jsx_runtime81.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(VersionInfo_default, { theme }),
+        /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "kima-card-header", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "topbar", children: [
+            !isComplete && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "title", children: isValidTxId && !error ? /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "transaction-title", children: showFetchingTitle ? /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_jsx_runtime82.Fragment, { children: "Getting transaction details\u2026" }) : /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(import_jsx_runtime82.Fragment, { children: [
               verb,
               leftAmt,
               " ",
@@ -10686,13 +10809,13 @@ var TransactionWidget = ({ theme }) => {
               rightAmt,
               " ",
               rightSym
-            ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("h3", { className: "transaction", children: "Transaction Status" }) }) }),
-            !minimized ? /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
+            ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("h3", { className: "transaction", children: "Transaction Status" }) }) }),
+            !minimized ? /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
               "div",
               {
                 className: `control-buttons ${isComplete ? "complete" : ""}`,
                 children: [
-                  isComplete && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+                  isComplete && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
                     "button",
                     {
                       className: "menu-button",
@@ -10701,41 +10824,41 @@ var TransactionWidget = ({ theme }) => {
                       children: "< Back"
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
                     "button",
                     {
                       className: "icon-button minimize",
                       onClick: () => setMinimized(true),
-                      children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Minimize_default, {})
+                      children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Minimize_default, {})
                     }
                   ),
-                  !isComplete && (!isValidTxId || loadingStep < 0 || error && dAppOption !== "none" /* None */) ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("button", { className: "reset-button", onClick: resetForm, children: "Reset" }) : null,
-                  toastHistory.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
+                  !isComplete && (!isValidTxId || loadingStep < 0 || error && dAppOption !== "none" /* None */) ? /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("button", { className: "reset-button", onClick: resetForm, children: "Reset" }) : null,
+                  toastHistory.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
                     "div",
                     {
                       ref: panelRef,
                       className: `toast-history ${theme.colorMode}`,
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
                           "button",
                           {
                             className: "toast-history-button",
                             onClick: () => setToastPanelOpen(true),
                             "aria-label": "Notifications",
-                            children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Notification_default, {})
+                            children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Notification_default, {})
                           }
                         ),
-                        toastPanelOpen && /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: `toast-history-panel ${theme.colorMode}`, children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "toast-history-header", children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { children: "Notifications" }) }),
-                          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "toast-history-list", children: toastHistory.map((item) => /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "toast-history-item", children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { className: "toast-history-message", children: item.message }),
-                            /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { className: "toast-history-time", children: formatToastTime(item.time) })
+                        toastPanelOpen && /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: `toast-history-panel ${theme.colorMode}`, children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "toast-history-header", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { children: "Notifications" }) }),
+                          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "toast-history-list", children: toastHistory.map((item) => /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "toast-history-item", children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "toast-history-message", children: item.message }),
+                            /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "toast-history-time", children: formatToastTime(item.time) })
                           ] }, item.id)) })
                         ] })
                       ]
                     }
                   ),
-                  closeHandler && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+                  closeHandler && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
                     "button",
                     {
                       className: "cross-icon-button",
@@ -10743,44 +10866,44 @@ var TransactionWidget = ({ theme }) => {
                         resetForm();
                         closeHandler(0);
                       },
-                      children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Cross_default, {})
+                      children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Cross_default, {})
                     }
                   )
                 ]
               }
-            ) : /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "control-buttons", children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "maximize", onClick: () => setMinimized(false), children: "View" }) })
+            ) : /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "control-buttons", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "maximize", onClick: () => setMinimized(false), children: "View" }) })
           ] }),
-          data && !isComplete && /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "header-network-labels", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: `kima-card-network-label ${theme.colorMode}`, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+          data && !isComplete && /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "header-network-labels", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: `kima-card-network-label ${theme.colorMode}`, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
                 ChainIcon,
                 {
                   symbol: transactionSourceChain?.shortName
                 }
               ),
-              windowWidth > 450 && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("h3", { children: transactionSourceChain?.name })
+              windowWidth > 450 && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("h3", { children: transactionSourceChain?.name })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
               "div",
               {
                 style: { display: "inline-block", transform: "rotate(-90deg)" },
-                children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Arrow_default, { width: 25, height: 25 })
+                children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Arrow_default, { width: 25, height: 25 })
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: `kima-card-network-label ${theme.colorMode}`, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: `kima-card-network-label ${theme.colorMode}`, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
                 ChainIcon,
                 {
                   symbol: transactionTargetChain?.shortName
                 }
               ),
-              windowWidth > 450 && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("h3", { children: transactionTargetChain?.name })
+              windowWidth > 450 && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("h3", { children: transactionTargetChain?.name })
             ] })
           ] })
         ] }),
-        isValidTxId && (mode !== "status" /* status */ || !error) ? /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "kima-card-content", children: [
-          !isComplete ? /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "transaction-content", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+        isValidTxId && (mode !== "status" /* status */ || !error) ? /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "kima-card-content", children: [
+          !isComplete ? /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "transaction-content", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
               Progressbar_default,
               {
                 step,
@@ -10791,7 +10914,7 @@ var TransactionWidget = ({ theme }) => {
                 steps
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
               StepBox_default,
               {
                 step,
@@ -10801,15 +10924,15 @@ var TransactionWidget = ({ theme }) => {
                 steps
               }
             )
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "transaction-content transaction-complete", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(TransactionComplete_default, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("h2", { children: widgetIsSwap ? "Swap Complete" : "Transaction Complete" }),
-            /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "kima-stepbox", children: /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "transaction-content transaction-complete", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(TransactionComplete_default, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("h2", { children: widgetIsSwap ? "Swap Complete" : "Transaction Complete" }),
+            /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "kima-stepbox", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
               "div",
               {
                 className: `content-wrapper transaction-complete ${theme.colorMode}`,
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("p", { children: widgetIsSwap ? /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(import_jsx_runtime81.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("p", { children: widgetIsSwap ? /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(import_jsx_runtime82.Fragment, { children: [
                     "You just swapped ",
                     swapSrcAmtLabel,
                     " ",
@@ -10819,50 +10942,50 @@ var TransactionWidget = ({ theme }) => {
                     swapDstAmtLabel,
                     " ",
                     swapDstSymLabel
-                  ] }) : /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(import_jsx_runtime81.Fragment, { children: [
+                  ] }) : /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(import_jsx_runtime82.Fragment, { children: [
                     "You just transferred ",
                     data?.amount,
                     " ",
                     displaySymbol(data?.sourceSymbol)
                   ] }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "header-network-labels", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
+                  /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "header-network-labels", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
                       "div",
                       {
                         className: `kima-card-network-label ${theme.colorMode}`,
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
                             ChainIcon,
                             {
                               symbol: transactionSourceChain?.shortName
                             }
                           ),
-                          windowWidth > 450 && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("h3", { children: transactionSourceChain?.name })
+                          windowWidth > 450 && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("h3", { children: transactionSourceChain?.name })
                         ]
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
                       "div",
                       {
                         style: {
                           display: "inline-block",
                           transform: "rotate(-90deg)"
                         },
-                        children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Arrow_default, { width: 25, height: 25 })
+                        children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Arrow_default, { width: 25, height: 25 })
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
+                    /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
                       "div",
                       {
                         className: `kima-card-network-label ${theme.colorMode}`,
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
                             ChainIcon,
                             {
                               symbol: transactionTargetChain?.shortName
                             }
                           ),
-                          windowWidth > 450 && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("h3", { children: transactionTargetChain?.name })
+                          windowWidth > 450 && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("h3", { children: transactionTargetChain?.name })
                         ]
                       }
                     )
@@ -10870,8 +10993,8 @@ var TransactionWidget = ({ theme }) => {
                 ]
               }
             ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "transaction-buttons", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "transaction-buttons", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
                 SecondaryButton_default,
                 {
                   clickHandler: resetForm,
@@ -10879,25 +11002,25 @@ var TransactionWidget = ({ theme }) => {
                   children: "New Transaction"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
                 ExternalLink_default,
                 {
                   to: `${explorerUrl}/transactions/?tx=${data?.kimaTxHash}`,
-                  children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(PrimaryButton_default, { children: "View Details" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(PrimaryButton_default, { children: "View Details" })
                 }
               )
             ] })
           ] }),
-          !error && !isEmptyStatus && !isComplete && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+          !error && !isEmptyStatus && !isComplete && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
             TransactionStatusMessage_default,
             {
               isCompleted: data?.status,
               transactionId: String(safeTxId)
             }
           )
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "kima-card-content", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("h4", { className: "subtitle", children: "You can follow the status of a previous submitted transaction by entering the provided transaction id" }),
-          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "single-form", children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "kima-card-content", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("h4", { className: "subtitle", children: "You can follow the status of a previous submitted transaction by entering the provided transaction id" }),
+          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "single-form", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
             TransactionSearch_default,
             {
               isSwap: statusTxType === "swap",
@@ -10905,7 +11028,7 @@ var TransactionWidget = ({ theme }) => {
             }
           ) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
           import_react_hot_toast4.Toaster,
           {
             position: "top-right",
@@ -10930,13 +11053,13 @@ var TransactionWidget = ({ theme }) => {
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
           "div",
           {
             className: `floating-footer ${isComplete ? "complete" : "status"}`,
-            children: /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: `items ${theme.colorMode}`, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { children: "Powered by" }),
-              /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(KimaNetwork_default, {})
+            children: /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: `items ${theme.colorMode}`, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { children: "Powered by" }),
+              /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(KimaNetwork_default, {})
             ] })
           }
         )
@@ -10950,7 +11073,7 @@ var import_react_query19 = require("@tanstack/react-query");
 var import_react_redux48 = require("react-redux");
 
 // src/services/feesApi.ts
-var import_viem10 = require("viem");
+var import_viem9 = require("viem");
 var getFees = async (amount, originChain, originAddress, originSymbol, targetChain, targetAddress, targetSymbol, backendUrl) => {
   const originAddrParam = ["BANK", "CC"].includes(originChain) ? targetAddress : originAddress;
   const url = `${backendUrl}/submit/fees?amount=${amount}&originChain=${originChain}&originAddress=${originAddrParam}&originSymbol=${originSymbol}&targetChain=${targetChain}&targetAddress=${targetAddress}&targetSymbol=${targetSymbol}`;
@@ -11032,7 +11155,7 @@ var getFees = async (amount, originChain, originAddress, originSymbol, targetCha
         decimals: originDecimals
       },
       submitAmount: normalizedOriginSubmit,
-      message: `I approve the transfer of ${(0, import_viem10.formatUnits)(
+      message: `I approve the transfer of ${(0, import_viem9.formatUnits)(
         normalizedOriginSubmit.value + normalizedTotalFee.value,
         originDecimals
       )} ${originSymbol} from ${originChain} to ${targetAddress} on ${targetChain}.`
@@ -11040,7 +11163,7 @@ var getFees = async (amount, originChain, originAddress, originSymbol, targetCha
     const btcFeeFromTarget = originChain === "BTC" ? {
       allowanceAmount: normalizedOriginSubmit,
       submitAmount: normalizedOriginSubmit,
-      message: `I approve the transfer of ${(0, import_viem10.formatUnits)(
+      message: `I approve the transfer of ${(0, import_viem9.formatUnits)(
         normalizedOriginSubmit.value,
         originDecimals
       )} ${originSymbol} from ${originChain} to ${targetAddress} on ${targetChain}.`
@@ -11152,7 +11275,7 @@ var import_react_redux49 = require("react-redux");
 var import_react_query20 = require("@tanstack/react-query");
 
 // src/widgets/transfer/lib/submission.ts
-var import_viem11 = require("viem");
+var import_viem10 = require("viem");
 var resolveTransferDecimals = (originChainData, sourceCurrency) => {
   const token = originChainData.supportedTokens?.find(
     (candidate) => candidate.symbol === sourceCurrency
@@ -11171,7 +11294,7 @@ var buildFallbackSubmitValues = ({
   targetCurrency
 }) => {
   const decimals = resolveTransferDecimals(originChainData, sourceCurrency);
-  const amountBig = amount.trim() ? (0, import_viem11.parseUnits)(amount.trim(), decimals) : 0n;
+  const amountBig = amount.trim() ? (0, import_viem10.parseUnits)(amount.trim(), decimals) : 0n;
   return {
     originChain: originChainData.shortName,
     originAddress: sourceAddress,
@@ -11422,11 +11545,11 @@ var useSubmitTransaction = (isSubmitting, setIsSubmitting) => {
 var useSubmitTransaction_default = useSubmitTransaction;
 
 // src/widgets/transfer/hooks/useValidateTransaction.tsx
-var import_react63 = require("react");
+var import_react64 = require("react");
 var import_react_redux50 = require("react-redux");
 
 // src/widgets/transfer/lib/validation.ts
-var import_viem12 = require("viem");
+var import_viem11 = require("viem");
 var calculateTransferMaxValue = ({
   balance = 0n,
   totalFee,
@@ -11508,7 +11631,7 @@ var validateTransferInputs = ({
       message: "Amount must be greater than zero"
     };
   }
-  if (!isBtcFlow && amount > (0, import_viem12.parseUnits)(envTransferLimitMaxUSDT || "100", decimals) && networkOption === "testnet" /* testnet */) {
+  if (!isBtcFlow && amount > (0, import_viem11.parseUnits)(envTransferLimitMaxUSDT || "100", decimals) && networkOption === "testnet" /* testnet */) {
     return {
       error: "ValidationError" /* Error */,
       message: "Testnet transfers for USD stablecoins are capped to $100 per transaction"
@@ -11564,7 +11687,7 @@ var validateTransferInputs = ({
       pools,
       targetChain,
       targetCurrency,
-      amount: (0, import_viem12.formatUnits)(amount, decimals)
+      amount: (0, import_viem11.formatUnits)(amount, decimals)
     });
     if (!isPoolAvailable) {
       return {
@@ -11607,11 +11730,11 @@ var useValidateTransaction = (inputs) => {
   const tgtNet = (0, import_react_redux50.useSelector)(selectTargetChain);
   const srcCur = (0, import_react_redux50.useSelector)(selectSourceCurrency);
   const tgtCur = (0, import_react_redux50.useSelector)(selectTargetCurrency);
-  const isSwap = (0, import_react63.useMemo)(
+  const isSwap = (0, import_react64.useMemo)(
     () => srcCur !== tgtCur && !isSamePeggedToken(srcNet, srcCur, tgtNet, tgtCur),
     [srcNet, srcCur, tgtNet, tgtCur]
   );
-  const sourceToken = (0, import_react63.useMemo)(
+  const sourceToken = (0, import_react64.useMemo)(
     () => srcNet.supportedTokens?.find((token) => token.symbol === srcCur),
     [srcNet, srcCur]
   );
@@ -11650,13 +11773,13 @@ var useValidateTransaction = (inputs) => {
 var useValidateTransaction_default = useValidateTransaction;
 
 // src/widgets/transfer/components/TransferWidget.tsx
-var import_react79 = require("react");
+var import_react80 = require("react");
 var import_react_hot_toast12 = __toESM(require("react-hot-toast"), 1);
 var import_react_redux66 = require("react-redux");
-var import_viem14 = require("viem");
+var import_viem13 = require("viem");
 
 // src/components/reusable/WarningModal.tsx
-var import_jsx_runtime82 = require("react/jsx-runtime");
+var import_jsx_runtime83 = require("react/jsx-runtime");
 var WarningModal = ({
   message,
   cancelButtonText = "Cancel",
@@ -11664,11 +11787,11 @@ var WarningModal = ({
   onAcknowledge,
   onCancel
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "warning-modal-overlay", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "warning-modal", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("h3", { children: "Warning" }),
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("p", { children: message }),
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "warning-modal-buttons", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "warning-modal-overlay", children: /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "warning-modal", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("h3", { children: "Warning" }),
+    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("p", { children: message }),
+    /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "warning-modal-buttons", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
         SecondaryButton_default,
         {
           className: "warning-modal-cancel",
@@ -11676,7 +11799,7 @@ var WarningModal = ({
           children: cancelButtonText
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
         PrimaryButton_default,
         {
           className: "warning-modal-acknowledge",
@@ -11690,22 +11813,22 @@ var WarningModal = ({
 var WarningModal_default = WarningModal;
 
 // src/components/reusable/SingleForm.tsx
-var import_viem13 = require("viem");
-var import_react65 = require("react");
+var import_viem12 = require("viem");
+var import_react66 = require("react");
 var import_react_hot_toast5 = require("react-hot-toast");
 var import_react_redux52 = require("react-redux");
 
 // src/components/primary/NetworkSelector.tsx
-var import_react64 = __toESM(require("react"), 1);
+var import_react65 = __toESM(require("react"), 1);
 var import_react_redux51 = require("react-redux");
-var import_jsx_runtime83 = require("react/jsx-runtime");
+var import_jsx_runtime84 = require("react/jsx-runtime");
 var NetworkSelector = ({
   type,
   initialSelection,
   setInitialSelection
 }) => {
-  const [collapsed, setCollapsed] = (0, import_react64.useState)(true);
-  const ref = (0, import_react64.useRef)(null);
+  const [collapsed, setCollapsed] = (0, import_react65.useState)(true);
+  const ref = (0, import_react65.useRef)(null);
   const dispatch = (0, import_react_redux51.useDispatch)();
   const theme = (0, import_react_redux51.useSelector)(selectTheme);
   const networkOptions = (0, import_react_redux51.useSelector)(selectNetworks);
@@ -11721,7 +11844,7 @@ var NetworkSelector = ({
   const currentTargetAddr = (0, import_react_redux51.useSelector)(selectTargetAddress);
   const { switchChainHandler } = useKimaContext();
   const isOriginSelector = type === "origin";
-  (0, import_react64.useEffect)(() => {
+  (0, import_react65.useEffect)(() => {
     logger_default.info("[NetworkSelector] mount", {
       type,
       mode,
@@ -11730,7 +11853,7 @@ var NetworkSelector = ({
       targetShort: targetNetwork?.shortName
     });
   }, []);
-  const networks = (0, import_react64.useMemo)(() => {
+  const networks = (0, import_react65.useMemo)(() => {
     const result = networkOptions.filter((network) => {
       if (dAppOption !== "none" /* None */ && network.shortName === "CC")
         return false;
@@ -11758,7 +11881,7 @@ var NetworkSelector = ({
     isOriginSelector
   ]);
   const shouldLockSourceNetwork = isOriginSelector && mode === "payment" /* payment */ && dAppOption !== "none" /* None */ && !!transactionOption?.targetChain;
-  const selectedNetwork = (0, import_react64.useMemo)(() => {
+  const selectedNetwork = (0, import_react65.useMemo)(() => {
     if (shouldLockSourceNetwork) {
       const forced = networks.find(
         (n) => n.shortName === transactionOption.targetChain
@@ -11797,8 +11920,8 @@ var NetworkSelector = ({
     shouldLockSourceNetwork,
     transactionOption?.targetChain
   ]);
-  const lastForcedShort = (0, import_react64.useRef)();
-  (0, import_react64.useEffect)(() => {
+  const lastForcedShort = (0, import_react65.useRef)();
+  (0, import_react65.useEffect)(() => {
     if (!shouldLockSourceNetwork || !isOriginSelector || !transactionOption?.targetChain)
       return;
     const forcedNetwork = networks.find(
@@ -11913,7 +12036,7 @@ var NetworkSelector = ({
     }
     setCollapsed(true);
   };
-  (0, import_react64.useEffect)(() => {
+  (0, import_react65.useEffect)(() => {
     const handleOutsideClick = (e) => {
       if (ref.current && !ref.current.contains(e.target)) {
         setCollapsed(true);
@@ -11922,7 +12045,7 @@ var NetworkSelector = ({
     document.addEventListener("mousedown", handleOutsideClick);
     return () => document.removeEventListener("mousedown", handleOutsideClick);
   }, []);
-  (0, import_react64.useEffect)(() => {
+  (0, import_react65.useEffect)(() => {
     if (mode !== "light" /* light */) return;
     let srcDemo = "";
     if (isEVMChain(sourceNetwork.shortName)) srcDemo = lightDemoAccounts.EVM;
@@ -11954,7 +12077,7 @@ var NetworkSelector = ({
     currentTargetAddr,
     dispatch
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
     "div",
     {
       className: `network-dropdown ${theme?.colorMode ?? ""} ${collapsed ? "collapsed" : "toggled"} ${shouldLockSourceNetwork ? "disabled" : ""}`,
@@ -11963,15 +12086,15 @@ var NetworkSelector = ({
       },
       ref,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "network-wrapper", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(ChainIcon, { symbol: selectedNetwork.shortName }),
-          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { children: selectedNetwork.name })
+        /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "network-wrapper", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(ChainIcon, { symbol: selectedNetwork.shortName }),
+          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { children: selectedNetwork.name })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
           "div",
           {
             className: `network-menu custom-scrollbar ${theme?.colorMode ?? ""} ${collapsed ? "collapsed" : "toggled"}`,
-            children: networks.filter((network) => network.shortName !== selectedNetwork.shortName).map((network) => /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
+            children: networks.filter((network) => network.shortName !== selectedNetwork.shortName).map((network) => /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
               "div",
               {
                 className: `network-menu-item ${theme?.colorMode ?? ""} ${network.disabled ? "disabled has-tooltip" : "enabled"}`,
@@ -11980,24 +12103,24 @@ var NetworkSelector = ({
                   if (!network.disabled) handleNetworkChange(network);
                 },
                 children: [
-                  network.disabled ? /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Warning_default, { width: 25, height: 25 }) : /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(ChainIcon, { symbol: network.shortName }),
-                  /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("p", { children: network.name }),
-                  network.disabled && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "tooltip", children: "Temporarily unavailable" })
+                  network.disabled ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Warning_default, { width: 25, height: 25 }) : /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(ChainIcon, { symbol: network.shortName }),
+                  /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("p", { children: network.name }),
+                  network.disabled && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "tooltip", children: "Temporarily unavailable" })
                 ]
               },
               `${network.shortName}-${network.name}`
             ))
           }
         ),
-        !shouldLockSourceNetwork && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: `dropdown-icon ${collapsed ? "toggled" : "collapsed"}`, children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Arrow_default, { fill: "none" }) })
+        !shouldLockSourceNetwork && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: `dropdown-icon ${collapsed ? "toggled" : "collapsed"}`, children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Arrow_default, { fill: "none" }) })
       ]
     }
   );
 };
-var NetworkSelector_default = import_react64.default.memo(NetworkSelector);
+var NetworkSelector_default = import_react65.default.memo(NetworkSelector);
 
 // src/components/reusable/SingleForm.tsx
-var import_jsx_runtime84 = require("react/jsx-runtime");
+var import_jsx_runtime85 = require("react/jsx-runtime");
 var SingleForm = ({
   isLoadingFees,
   feeError,
@@ -12017,7 +12140,7 @@ var SingleForm = ({
   const targetNetwork = (0, import_react_redux52.useSelector)(selectTargetChain);
   const targetAddress = (0, import_react_redux52.useSelector)(selectTargetAddress);
   const { isReady } = useIsWalletReady_default();
-  const [amountValue, setAmountValue] = (0, import_react65.useState)("");
+  const [amountValue, setAmountValue] = (0, import_react66.useState)("");
   const amount = (0, import_react_redux52.useSelector)(selectAmount);
   const sourceCurrency = (0, import_react_redux52.useSelector)(selectSourceCurrency);
   const targetCurrency = (0, import_react_redux52.useSelector)(selectTargetCurrency);
@@ -12025,25 +12148,25 @@ var SingleForm = ({
   const { balance, decimals } = useBalance_default();
   const { kimaBackendUrl } = useKimaContext();
   const { data: envOptions } = useGetEnvOptions({ kimaBackendUrl });
-  const errorMessage = (0, import_react65.useMemo)(
+  const errorMessage = (0, import_react66.useMemo)(
     () => compliantOption && targetCompliant !== null && !targetCompliant?.isCompliant ? `Target address has ${targetCompliant.results?.[0].result.risk_score} risk` : "",
     [compliantOption, targetCompliant]
   );
-  const maxValue = (0, import_react65.useMemo)(() => {
+  const maxValue = (0, import_react66.useMemo)(() => {
     if (mode === "light" /* light */) {
       const limit = envOptions?.transferLimitMaxUSDT ? parseFloat(envOptions.transferLimitMaxUSDT) : 1e3;
       return BigInt(limit);
     }
     if (!balance) return 0n;
     if (totalFee.value === 0n) return balance;
-    const intAmount = (0, import_viem13.parseUnits)(amount || "0", totalFee.decimals);
+    const intAmount = (0, import_viem12.parseUnits)(amount || "0", totalFee.decimals);
     return balance - intAmount;
   }, [mode, envOptions?.transferLimitMaxUSDT, balance, totalFee, amount]);
-  const feeTokenSymbol = (0, import_react65.useMemo)(() => {
+  const feeTokenSymbol = (0, import_react66.useMemo)(() => {
     if (!sourceCurrency) return "USD";
     return uiTokenSymbol(sourceCurrency);
   }, [sourceCurrency]);
-  const canQuoteFees = (0, import_react65.useMemo)(() => {
+  const canQuoteFees = (0, import_react66.useMemo)(() => {
     const haveBasics = !!backendUrl && !!amount && !!sourceNetwork?.shortName && !!sourceCurrency && !!targetNetwork?.shortName && !!targetCurrency;
     if (!haveBasics) return false;
     const requiresSourceAddress = !["BANK", "CC"].includes(
@@ -12062,11 +12185,11 @@ var SingleForm = ({
     sourceAddress,
     targetAddress
   ]);
-  (0, import_react65.useEffect)(() => {
+  (0, import_react66.useEffect)(() => {
     if (!errorMessage) return;
     import_react_hot_toast5.toast.error(errorMessage);
   }, [errorMessage]);
-  (0, import_react65.useEffect)(() => {
+  (0, import_react66.useEffect)(() => {
     if (amountValue && amount !== "") return;
     setAmountValue(amount);
   }, [amount, amountValue]);
@@ -12105,7 +12228,7 @@ var SingleForm = ({
       );
     }
   };
-  const demoSourceAddress = (0, import_react65.useMemo)(() => {
+  const demoSourceAddress = (0, import_react66.useMemo)(() => {
     if (mode !== "light" /* light */) return "";
     const short = sourceNetwork?.shortName;
     if (!short) return "";
@@ -12114,7 +12237,7 @@ var SingleForm = ({
     if (lightDemoNetworks.includes(short)) return lightDemoAccounts.EVM;
     return "";
   }, [mode, sourceNetwork?.shortName]);
-  const isConnectedSourceWrapper = (0, import_react65.useMemo)(() => {
+  const isConnectedSourceWrapper = (0, import_react66.useMemo)(() => {
     if (mode === "light" /* light */) {
       const on2 = !!demoSourceAddress;
       logger_default.debug("[SingleForm] source wrapper connected (LIGHT)?", {
@@ -12147,7 +12270,7 @@ var SingleForm = ({
     demoSourceAddress,
     sourceNetwork?.shortName
   ]);
-  const isConnectedTargetWrapper = (0, import_react65.useMemo)(() => {
+  const isConnectedTargetWrapper = (0, import_react66.useMemo)(() => {
     if (mode !== "light" /* light */) return false;
     const on = !!targetAddress;
     logger_default.debug("[SingleForm] target wrapper connected (LIGHT)?", {
@@ -12157,13 +12280,13 @@ var SingleForm = ({
     });
     return on;
   }, [mode, targetAddress, targetNetwork?.shortName]);
-  const isConnected = (0, import_react65.useMemo)(() => {
+  const isConnected = (0, import_react66.useMemo)(() => {
     if (mode === "payment" /* payment */ && dAppOption !== "none" /* None */) {
       return isReady;
     }
     return isReady && !initialSelection.sourceSelection;
   }, [isReady, initialSelection, mode, dAppOption]);
-  (0, import_react65.useEffect)(() => {
+  (0, import_react66.useEffect)(() => {
     logger_default.debug("[SingleForm] snapshot", {
       mode,
       srcShort: sourceNetwork?.shortName,
@@ -12190,14 +12313,14 @@ var SingleForm = ({
     demoSourceAddress,
     feeDeduct
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "single-form", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "form-item", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("span", { className: "label", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "single-form", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "form-item", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("span", { className: "label", children: [
         dAppOption === "none" /* None */ && "Source",
         " Network:"
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "items", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "items", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
           NetworkSelector_default,
           {
             type: "origin",
@@ -12207,10 +12330,10 @@ var SingleForm = ({
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(CoinDropdown_default, { isSourceChain: true })
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(CoinDropdown_default, { isSourceChain: true })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
       "div",
       {
         className: `dynamic-area ${["CC" /* CC */, "BANK" /* BANK */].includes(
@@ -12219,20 +12342,20 @@ var SingleForm = ({
         children: [
           !["CC" /* CC */, "BANK" /* BANK */].includes(
             sourceNetwork.compatibility
-          ) && /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
+          ) && /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
             "div",
             {
               className: `form-item wallet-button-item ${isConnectedSourceWrapper ? "connected" : ""}`,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "label", children: "Wallet:" }),
-                /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(WalletButton_default, { initialSelection: initialSelection.sourceSelection })
+                /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "label", children: "Wallet:" }),
+                /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(WalletButton_default, { initialSelection: initialSelection.sourceSelection })
               ]
             }
           ),
-          mode !== "payment" /* payment */ && /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "form-item", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "label", children: "Target Network:" }),
-            /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "items", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+          mode !== "payment" /* payment */ && /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "form-item", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "label", children: "Target Network:" }),
+            /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "items", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
                 NetworkSelector_default,
                 {
                   type: "target",
@@ -12242,15 +12365,15 @@ var SingleForm = ({
                   }
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(CoinDropdown_default, { isSourceChain: false })
+              /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(CoinDropdown_default, { isSourceChain: false })
             ] })
           ] })
         ]
       }
     ),
-    mode === "bridge" /* bridge */ && /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: `form-item ${theme.colorMode}`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "label", children: "Target Address:" }),
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+    mode === "bridge" /* bridge */ && /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: `form-item ${theme.colorMode}`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "label", children: "Target Address:" }),
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
         AddressInput_default,
         {
           theme: theme.colorMode,
@@ -12258,14 +12381,14 @@ var SingleForm = ({
         }
       )
     ] }),
-    mode === "light" /* light */ && /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
+    mode === "light" /* light */ && /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
       "div",
       {
         className: `form-item wallet-button-item ${isConnectedTargetWrapper ? "connected" : ""}`,
         style: { display: "flex", alignItems: "center" },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "label", children: "Target Wallet:" }),
-          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "label", children: "Target Wallet:" }),
+          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
             WalletButton_default,
             {
               initialSelection: initialSelection.targetSelection,
@@ -12275,10 +12398,10 @@ var SingleForm = ({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: `form-item ${theme.colorMode}`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "label", children: "Amount:" }),
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: `amount-label-container items ${theme.colorMode}`, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: `form-item ${theme.colorMode}`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "label", children: "Amount:" }),
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: `amount-label-container items ${theme.colorMode}`, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
           "input",
           {
             className: `${theme.colorMode}`,
@@ -12289,20 +12412,20 @@ var SingleForm = ({
             disabled: mode === "payment" /* payment */
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "max-disclaimer", children: [
-          sourceNetwork.shortName !== "CC" && mode !== "payment" /* payment */ && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "max-button", onClick: onMaxClick, children: "Max" }),
-          dAppOption === "none" /* None */ && canQuoteFees && /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("p", { className: "fee-amount", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "max-disclaimer", children: [
+          sourceNetwork.shortName !== "CC" && mode !== "payment" /* payment */ && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "max-button", onClick: onMaxClick, children: "Max" }),
+          dAppOption === "none" /* None */ && canQuoteFees && /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("p", { className: "fee-amount", children: [
             "Est fees:",
             " ",
-            isLoadingFees ? /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("span", { className: "inline-spinner loading", "aria-live": "polite", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "dot" }),
-              /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "dot" }),
-              /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "dot" })
-            ] }) : feeError ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "fee-value fee-error", children: "Fee unavailable" }) : totalFee.value >= 0n ? /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("span", { className: "fee-value", children: [
+            isLoadingFees ? /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("span", { className: "inline-spinner loading", "aria-live": "polite", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "dot" }),
+              /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "dot" }),
+              /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "dot" })
+            ] }) : feeError ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "fee-value fee-error", children: "Fee unavailable" }) : totalFee.value >= 0n ? /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("span", { className: "fee-value", children: [
               formatBigInt(totalFee),
               " ",
               feeTokenSymbol
-            ] }) : /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "fee-value", children: "\u2014" })
+            ] }) : /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "fee-value", children: "\u2014" })
           ] })
         ] })
       ] })
@@ -12312,7 +12435,7 @@ var SingleForm = ({
 var SingleForm_default = SingleForm;
 
 // src/components/reusable/FiatWidget.tsx
-var import_react66 = require("react");
+var import_react67 = require("react");
 var import_react_redux53 = require("react-redux");
 var import_uuid = require("uuid");
 
@@ -12340,7 +12463,7 @@ var useCCTransactionId = (backendUrl, transactionIdSeed) => {
 };
 
 // src/components/reusable/FiatWidget.tsx
-var import_jsx_runtime85 = require("react/jsx-runtime");
+var import_jsx_runtime86 = require("react/jsx-runtime");
 var FiatWidget = ({ submitCallback }) => {
   const dispatch = (0, import_react_redux53.useDispatch)();
   const feeDeduct = (0, import_react_redux53.useSelector)(selectFeeDeduct);
@@ -12350,9 +12473,9 @@ var FiatWidget = ({ submitCallback }) => {
   const sourceCurrency = (0, import_react_redux53.useSelector)(selectSourceCurrency);
   const sourceChain = (0, import_react_redux53.useSelector)(selectSourceChain);
   const { transactionValues } = (0, import_react_redux53.useSelector)(selectServiceFee);
-  const ccTransactionIdSeedRef = (0, import_react66.useRef)((0, import_uuid.v4)());
-  const identificationUuidRef = (0, import_react66.useRef)((0, import_uuid.v4)());
-  const ccTransactionSubmittedRef = (0, import_react66.useRef)(false);
+  const ccTransactionIdSeedRef = (0, import_react67.useRef)((0, import_uuid.v4)());
+  const identificationUuidRef = (0, import_react67.useRef)((0, import_uuid.v4)());
+  const ccTransactionSubmittedRef = (0, import_react67.useRef)(false);
   const { data: envOptions, isLoading: isEnvLoading } = useGetEnvOptions({
     kimaBackendUrl: backendUrl
   });
@@ -12362,25 +12485,25 @@ var FiatWidget = ({ submitCallback }) => {
     isLoading: isTransactionIdLoading,
     error
   } = useCCTransactionId(backendUrl, ccTransactionIdSeedRef.current);
-  (0, import_react66.useEffect)(() => {
+  (0, import_react67.useEffect)(() => {
     dispatch(setCCTransactionIdSeed(ccTransactionIdSeedRef.current));
     dispatch(setCCTransactionId(data?.transactionId));
   }, [dispatch, data, isTransactionIdLoading]);
   const txValues = feeDeduct ? transactionValues.feeFromTarget : transactionValues.feeFromOrigin;
-  const allowanceAmount = (0, import_react66.useMemo)(
+  const allowanceAmount = (0, import_react67.useMemo)(
     () => formatBigInt(txValues.allowanceAmount),
     [txValues]
   );
-  const [isLoading, setIsLoading] = (0, import_react66.useState)(true);
-  const baseUrl = (0, import_react66.useMemo)(
+  const [isLoading, setIsLoading] = (0, import_react67.useState)(true);
+  const baseUrl = (0, import_react67.useMemo)(
     () => networkOption === "testnet" /* testnet */ ? "https://widget2-sandbox.depa.wtf" : "https://widget.depa.finance",
     [networkOption]
   );
-  const scenario = (0, import_react66.useMemo)(
+  const scenario = (0, import_react67.useMemo)(
     () => sourceChain.shortName === "CC" ? "direct_card_payment" : "direct_bank_payment",
     [sourceChain]
   );
-  const iframeSrc = (0, import_react66.useMemo)(() => {
+  const iframeSrc = (0, import_react67.useMemo)(() => {
     const searchParams = new URLSearchParams({
       partner: partnerId ?? "",
       amount: allowanceAmount,
@@ -12399,7 +12522,7 @@ var FiatWidget = ({ submitCallback }) => {
     scenario,
     sourceCurrency
   ]);
-  (0, import_react66.useEffect)(() => {
+  (0, import_react67.useEffect)(() => {
     const handleMessage = (event) => {
       if (event.origin !== baseUrl) {
         return;
@@ -12428,12 +12551,12 @@ var FiatWidget = ({ submitCallback }) => {
     window.addEventListener("message", handleMessage);
     return () => window.removeEventListener("message", handleMessage);
   }, []);
-  (0, import_react66.useEffect)(() => {
+  (0, import_react67.useEffect)(() => {
     if (error) dispatch(setCCTransactionStatus("error-id"));
   }, [dispatch, error]);
-  return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: `cc-widget ${isLoading ? "loading" : ""}`, children: [
-    (isLoading || isTransactionIdLoading || isEnvLoading || ccTransactionStatus === "success") && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "cc-widget-loader", children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ring_default, { width: 50, height: 50, fill: "#86b8ce" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: `cc-widget ${isLoading ? "loading" : ""}`, children: [
+    (isLoading || isTransactionIdLoading || isEnvLoading || ccTransactionStatus === "success") && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "cc-widget-loader", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ring_default, { width: 50, height: 50, fill: "#86b8ce" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
       "iframe",
       {
         width: isLoading || isTransactionIdLoading || ccTransactionStatus === "success" || error ? 0 : "100%",
@@ -12528,12 +12651,12 @@ var useDisconnectWallet7 = () => {
 var useDisconnectWallet_default = useDisconnectWallet7;
 
 // src/widgets/transfer/components/solana/SolanaConnectModal.tsx
-var import_react71 = __toESM(require("react"), 1);
+var import_react72 = __toESM(require("react"), 1);
 var import_react_redux59 = require("react-redux");
 var import_wallet_adapter_react8 = require("@solana/wallet-adapter-react");
 
 // src/widgets/transfer/components/solana/SolanaWalletSelect.tsx
-var import_react69 = require("react");
+var import_react70 = require("react");
 var import_react_redux55 = require("react-redux");
 var import_wallet_adapter_react6 = require("@solana/wallet-adapter-react");
 var import_wallet_adapter_base = require("@solana/wallet-adapter-base");
@@ -12549,13 +12672,13 @@ var isUserRejected2 = (err) => {
 };
 
 // src/widgets/transfer/components/WalletOptionList.tsx
-var import_react68 = require("react");
+var import_react69 = require("react");
 var import_react_redux54 = require("react-redux");
 
 // src/shared/lib/hooks/useHorizontalDragScroll.ts
-var import_react67 = require("react");
+var import_react68 = require("react");
 var useHorizontalDragScroll = (ref) => {
-  (0, import_react67.useEffect)(() => {
+  (0, import_react68.useEffect)(() => {
     const el = ref.current;
     if (!el) return;
     let isDown = false;
@@ -12596,7 +12719,7 @@ var useHorizontalDragScroll = (ref) => {
 };
 
 // src/widgets/transfer/components/WalletOptionList.tsx
-var import_jsx_runtime86 = require("react/jsx-runtime");
+var import_jsx_runtime87 = require("react/jsx-runtime");
 var WalletOptionList = ({
   options,
   onSelect,
@@ -12604,13 +12727,13 @@ var WalletOptionList = ({
   disabled = false
 }) => {
   const theme = (0, import_react_redux54.useSelector)(selectTheme);
-  const sliderRef = (0, import_react68.useRef)(null);
+  const sliderRef = (0, import_react69.useRef)(null);
   useHorizontalDragScroll(sliderRef);
   const detected = options.filter((wallet) => wallet.installed);
   const undetected = options.filter((wallet) => !wallet.installed);
-  const renderIcon = (icon, alt) => typeof icon === "string" ? /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("img", { src: icon, alt }) : icon;
-  return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "wallet-select", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "slide-area hide-scrollbar", ref: sliderRef, children: /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "wallet-container", children: [
-    detected.map((wallet) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+  const renderIcon = (icon, alt) => typeof icon === "string" ? /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("img", { src: icon, alt }) : icon;
+  return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "wallet-select", children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "slide-area hide-scrollbar", ref: sliderRef, children: /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "wallet-container", children: [
+    detected.map((wallet) => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
       "div",
       {
         className: `card-item ${theme.colorMode} ${selectedWallet === wallet.id ? "selected" : ""}`,
@@ -12618,21 +12741,21 @@ var WalletOptionList = ({
           if (disabled) return;
           onSelect(wallet.id);
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "wallet-item", children: [
+        children: /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "wallet-item", children: [
           renderIcon(wallet.icon, wallet.name),
-          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { children: wallet.name })
+          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { children: wallet.name })
         ] })
       },
       wallet.id
     )),
-    undetected.map((wallet) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+    undetected.map((wallet) => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
       ExternalLink_default,
       {
         to: wallet.installUrl || "#",
         className: `card-item ${theme.colorMode}`,
-        children: /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "wallet-item", children: [
+        children: /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "wallet-item", children: [
           renderIcon(wallet.icon, wallet.name),
-          /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("span", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("span", { children: [
             "Install ",
             wallet.name
           ] })
@@ -12645,12 +12768,12 @@ var WalletOptionList = ({
 var WalletOptionList_default = WalletOptionList;
 
 // src/widgets/transfer/components/solana/SolanaWalletSelect.tsx
-var import_jsx_runtime87 = require("react/jsx-runtime");
+var import_jsx_runtime88 = require("react/jsx-runtime");
 var SolanaWalletSelect = () => {
   const sourceChain = (0, import_react_redux55.useSelector)(selectSourceChain);
   const dispatch = (0, import_react_redux55.useDispatch)();
   const { wallet, wallets, select, connect, connected } = (0, import_wallet_adapter_react6.useWallet)();
-  const options = (0, import_react69.useMemo)(() => {
+  const options = (0, import_react70.useMemo)(() => {
     return wallets.map((candidate) => ({
       id: candidate.adapter.name,
       name: candidate.adapter.name,
@@ -12659,13 +12782,13 @@ var SolanaWalletSelect = () => {
       installed: candidate.readyState === import_wallet_adapter_base.WalletReadyState.Installed || candidate.readyState === import_wallet_adapter_base.WalletReadyState.Loadable
     }));
   }, [wallets]);
-  const handleWalletClick = (0, import_react69.useCallback)(
+  const handleWalletClick = (0, import_react70.useCallback)(
     (walletName) => {
       select(walletName);
     },
     [select]
   );
-  (0, import_react69.useEffect)(() => {
+  (0, import_react70.useEffect)(() => {
     if (!wallet) return;
     if (sourceChain.shortName !== "SOL") {
       return;
@@ -12687,12 +12810,12 @@ var SolanaWalletSelect = () => {
       });
     }
   }, [wallet, sourceChain]);
-  return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(WalletOptionList_default, { options, onSelect: handleWalletClick });
+  return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(WalletOptionList_default, { options, onSelect: handleWalletClick });
 };
 var SolanaWalletSelect_default = SolanaWalletSelect;
 
 // src/widgets/transfer/components/solana/AccountDetailsModal.tsx
-var import_react70 = require("react");
+var import_react71 = require("react");
 var import_react_redux57 = require("react-redux");
 var import_wallet_adapter_react7 = require("@solana/wallet-adapter-react");
 
@@ -12712,7 +12835,7 @@ var getBtcAccountExplorerUrl = (address, networkOption) => {
 
 // src/widgets/transfer/components/WalletModalShell.tsx
 var import_react_redux56 = require("react-redux");
-var import_jsx_runtime88 = require("react/jsx-runtime");
+var import_jsx_runtime89 = require("react/jsx-runtime");
 var WalletModalShell = ({
   isOpen,
   title,
@@ -12723,18 +12846,18 @@ var WalletModalShell = ({
 }) => {
   const theme = (0, import_react_redux56.useSelector)(selectTheme);
   if (!isOpen) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
     "div",
     {
       className: `kima-modal ${theme.colorMode} ${isOpen ? "open" : ""} ${className}`,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "modal-overlay", onClick: onClose }),
-        /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: `modal-content-container ${theme.colorMode}`, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "kima-card-header", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "topbar", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "title", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("h3", { children: title }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "control-buttons", children: rightHeader })
+        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "modal-overlay", onClick: onClose }),
+        /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: `modal-content-container ${theme.colorMode}`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "kima-card-header", children: /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "topbar", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "title", children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("h3", { children: title }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "control-buttons", children: rightHeader })
           ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "modal-content", children })
+          /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "modal-content", children })
         ] })
       ]
     }
@@ -12743,7 +12866,7 @@ var WalletModalShell = ({
 var WalletModalShell_default = WalletModalShell;
 
 // src/widgets/transfer/components/AccountDetailsModalBase.tsx
-var import_jsx_runtime89 = require("react/jsx-runtime");
+var import_jsx_runtime90 = require("react/jsx-runtime");
 var AccountDetailsModalBase = ({
   isOpen,
   onClose,
@@ -12760,32 +12883,32 @@ var AccountDetailsModalBase = ({
   closeButtonClassName = "cross-icon-button"
 }) => {
   const isLight = themeMode ? themeMode === "light" : true;
-  return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
     WalletModalShell_default,
     {
       isOpen: !!isOpen,
       title: "Account Details",
       onClose,
-      rightHeader: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("button", { className: closeButtonClassName, onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Cross_default, { fill: isLight ? "black" : "white" }) }),
+      rightHeader: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("button", { className: closeButtonClassName, onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(Cross_default, { fill: isLight ? "black" : "white" }) }),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "summary", children: [
-          iconSymbol ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "summary-icon", children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(ChainIcon, { width: 100, height: 100, symbol: iconSymbol }) }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "address", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("h2", { children: address ? getShortenedAddress(address) : "\u2014" }),
-            address && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(CopyButton_default, { text: address })
+        /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "summary", children: [
+          iconSymbol ? /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "summary-icon", children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(ChainIcon, { width: 100, height: 100, symbol: iconSymbol }) }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "address", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("h2", { children: address ? getShortenedAddress(address) : "\u2014" }),
+            address && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(CopyButton_default, { text: address })
           ] }),
-          isBalanceLoading ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "balance-skeleton", "aria-label": "balance-loading" }) : /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("h3", { children: [
+          isBalanceLoading ? /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "balance-skeleton", "aria-label": "balance-loading" }) : /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("h3", { children: [
             balance == null ? "0" : decimals == null ? balance.toString() : formatBigInt({ value: balance, decimals }),
             " ",
             symbol
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(SecondaryButton_default, { className: "block-explorer", children: /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(ExternalLink_default, { className: "link", to: explorerUrl, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Explorer_default, { fill: "#778DA3" }),
-          /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("p", { children: "Block explorer" }),
-          /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(ExternalUrl_default, { fill: "#778DA3" })
+        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(SecondaryButton_default, { className: "block-explorer", children: /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(ExternalLink_default, { className: "link", to: explorerUrl, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(Explorer_default, { fill: "#778DA3" }),
+          /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("p", { children: "Block explorer" }),
+          /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(ExternalUrl_default, { fill: "#778DA3" })
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(PrimaryButton_default, { clickHandler: onDisconnect, disabled: disableDisconnect, children: "Disconnect" })
+        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(PrimaryButton_default, { clickHandler: onDisconnect, disabled: disableDisconnect, children: "Disconnect" })
       ]
     }
   );
@@ -12794,7 +12917,7 @@ var AccountDetailsModalBase_default = AccountDetailsModalBase;
 
 // src/widgets/transfer/components/solana/AccountDetailsModal.tsx
 var import_react_hot_toast7 = __toESM(require("react-hot-toast"), 1);
-var import_jsx_runtime90 = require("react/jsx-runtime");
+var import_jsx_runtime91 = require("react/jsx-runtime");
 var AccountDetailsModal = () => {
   const dispatch = (0, import_react_redux57.useDispatch)();
   const theme = (0, import_react_redux57.useSelector)(selectTheme);
@@ -12811,7 +12934,7 @@ var AccountDetailsModal = () => {
   } = useSolNativeBalance();
   const isSol = sourceChain.shortName === "SOL" /* SOLANA */;
   if (!isSol) return null;
-  const explorerUrl = (0, import_react70.useMemo)(
+  const explorerUrl = (0, import_react71.useMemo)(
     () => getSolanaAccountExplorerUrl(sourceAddress, networkOption),
     [sourceAddress, networkOption]
   );
@@ -12829,13 +12952,13 @@ var AccountDetailsModal = () => {
       if (isUserRejected2(e)) {
         (0, import_react_hot_toast7.default)("Wallet disconnect was cancelled.");
       } else {
-        import_react_hot_toast7.default.error("Failed to disconnect wallet.", { icon: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(Error_default, {}) });
+        import_react_hot_toast7.default.error("Failed to disconnect wallet.", { icon: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Error_default, {}) });
       }
     } finally {
       close();
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
     AccountDetailsModalBase_default,
     {
       isOpen: !!isOpen,
@@ -12857,7 +12980,7 @@ var AccountDetailsModal_default = AccountDetailsModal;
 
 // src/widgets/transfer/components/WalletConnectModalBase.tsx
 var import_react_redux58 = require("react-redux");
-var import_jsx_runtime91 = require("react/jsx-runtime");
+var import_jsx_runtime92 = require("react/jsx-runtime");
 var WalletConnectModalBase = ({
   isOpen,
   mode,
@@ -12867,14 +12990,14 @@ var WalletConnectModalBase = ({
   children
 }) => {
   const dispatch = (0, import_react_redux58.useDispatch)();
-  return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
     WalletModalShell_default,
     {
       isOpen,
       title: "Connect Wallet",
       onClose,
       className: "wallet-connect",
-      rightHeader: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("button", { className: "cross-icon-button", onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+      rightHeader: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("button", { className: "cross-icon-button", onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
         Cross_default,
         {
           width: 30,
@@ -12883,9 +13006,9 @@ var WalletConnectModalBase = ({
         }
       ) }),
       children: [
-        demoMessage && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("p", { className: "muted", children: demoMessage }),
-        mode !== "light" /* light */ ? children : /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "wallet-modal-actions", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+        demoMessage && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("p", { className: "muted", children: demoMessage }),
+        mode !== "light" /* light */ ? children : /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "wallet-modal-actions", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
             "button",
             {
               className: "secondary",
@@ -12893,7 +13016,7 @@ var WalletConnectModalBase = ({
               children: "View Account"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("button", { className: "primary", onClick: onClose, children: "Close" })
+          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("button", { className: "primary", onClick: onClose, children: "Close" })
         ] })
       ]
     }
@@ -12902,30 +13025,30 @@ var WalletConnectModalBase = ({
 var WalletConnectModalBase_default = WalletConnectModalBase;
 
 // src/widgets/transfer/components/solana/SolanaConnectModal.tsx
-var import_jsx_runtime92 = require("react/jsx-runtime");
+var import_jsx_runtime93 = require("react/jsx-runtime");
 var SolanaWalletConnectModal = () => {
   const dispatch = (0, import_react_redux59.useDispatch)();
   const theme = (0, import_react_redux59.useSelector)(selectTheme);
   const isOpen = (0, import_react_redux59.useSelector)(selectSolanaConnectModal);
   const mode = (0, import_react_redux59.useSelector)(selectMode);
   const { connecting, connected, publicKey } = (0, import_wallet_adapter_react8.useWallet)();
-  const close = (0, import_react71.useCallback)(() => {
+  const close = (0, import_react72.useCallback)(() => {
     dispatch(setSolanaConnectModal(false));
   }, [dispatch]);
-  import_react71.default.useEffect(() => {
+  import_react72.default.useEffect(() => {
     logger_default.debug("[SolanaConnectModal] wallet-adapter state", {
       connecting,
       connected,
       publicKey: publicKey?.toBase58?.()
     });
   }, [connecting, connected, publicKey]);
-  const demoMsg = (0, import_react71.useMemo)(
+  const demoMsg = (0, import_react72.useMemo)(
     () => mode === "light" /* light */ ? `Light mode uses a demo Solana address (${lightDemoAccounts.SOL}).` : "",
     [mode]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(import_jsx_runtime92.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(AccountDetailsModal_default, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_jsx_runtime93.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(AccountDetailsModal_default, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
       WalletConnectModalBase_default,
       {
         isOpen: !!isOpen,
@@ -12933,7 +13056,7 @@ var SolanaWalletConnectModal = () => {
         themeMode: theme.colorMode ?? "light" /* light */,
         demoMessage: demoMsg,
         onClose: close,
-        children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(SolanaWalletSelect_default, {})
+        children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(SolanaWalletSelect_default, {})
       }
     )
   ] });
@@ -12941,15 +13064,15 @@ var SolanaWalletConnectModal = () => {
 var SolanaConnectModal_default = SolanaWalletConnectModal;
 
 // src/widgets/transfer/components/tron/TronWalletConnectModal.tsx
-var import_react74 = require("react");
+var import_react75 = require("react");
 var import_react_redux62 = require("react-redux");
 
 // src/widgets/transfer/components/tron/AccountDetailsModal.tsx
-var import_react72 = require("react");
+var import_react73 = require("react");
 var import_react_redux60 = require("react-redux");
 var import_tronwallet_adapter_react_hooks6 = require("@tronweb3/tronwallet-adapter-react-hooks");
 var import_react_hot_toast8 = __toESM(require("react-hot-toast"), 1);
-var import_jsx_runtime93 = require("react/jsx-runtime");
+var import_jsx_runtime94 = require("react/jsx-runtime");
 var AccountDetailsModal2 = () => {
   const dispatch = (0, import_react_redux60.useDispatch)();
   const theme = (0, import_react_redux60.useSelector)(selectTheme);
@@ -12966,7 +13089,7 @@ var AccountDetailsModal2 = () => {
   } = useTronNativeBalance();
   const isTrx = sourceChain.shortName === "TRX" /* TRON */;
   if (!isTrx) return null;
-  const explorerUrl = (0, import_react72.useMemo)(
+  const explorerUrl = (0, import_react73.useMemo)(
     () => getTronAccountExplorerUrl(sourceAddress, networkOption),
     [sourceAddress, networkOption]
   );
@@ -12984,13 +13107,13 @@ var AccountDetailsModal2 = () => {
       if (isUserRejected2(e)) {
         (0, import_react_hot_toast8.default)("Wallet disconnect was cancelled.");
       } else {
-        import_react_hot_toast8.default.error("Failed to disconnect wallet.", { icon: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Error_default, {}) });
+        import_react_hot_toast8.default.error("Failed to disconnect wallet.", { icon: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Error_default, {}) });
       }
     } finally {
       close();
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
     AccountDetailsModalBase_default,
     {
       isOpen: !!isOpen,
@@ -13011,12 +13134,12 @@ var AccountDetailsModal2 = () => {
 var AccountDetailsModal_default2 = AccountDetailsModal2;
 
 // src/widgets/transfer/components/tron/TronWalletSelect.tsx
-var import_react73 = require("react");
+var import_react74 = require("react");
 var import_react_redux61 = require("react-redux");
 var import_tronwallet_adapter_react_hooks7 = require("@tronweb3/tronwallet-adapter-react-hooks");
 var import_tronwallet_abstract_adapter = require("@tronweb3/tronwallet-abstract-adapter");
 var import_react_hot_toast9 = __toESM(require("react-hot-toast"), 1);
-var import_jsx_runtime94 = require("react/jsx-runtime");
+var import_jsx_runtime95 = require("react/jsx-runtime");
 var TronWalletSelect = () => {
   const dispatch = (0, import_react_redux61.useDispatch)();
   const {
@@ -13026,7 +13149,7 @@ var TronWalletSelect = () => {
     connect,
     connected
   } = (0, import_tronwallet_adapter_react_hooks7.useWallet)();
-  const options = (0, import_react73.useMemo)(() => {
+  const options = (0, import_react74.useMemo)(() => {
     return wallets.map((wallet) => ({
       id: wallet.adapter.name,
       name: wallet.adapter.name,
@@ -13035,7 +13158,7 @@ var TronWalletSelect = () => {
       installed: wallet.state === import_tronwallet_abstract_adapter.AdapterState.Connected || wallet.state === import_tronwallet_abstract_adapter.AdapterState.Disconnect || wallet.state === import_tronwallet_abstract_adapter.AdapterState.Loading
     }));
   }, [wallets]);
-  (0, import_react73.useEffect)(() => {
+  (0, import_react74.useEffect)(() => {
     connected && dispatch(setTronConnectModal(false));
   }, [connected]);
   const connectWallet = async (walletName) => {
@@ -13053,27 +13176,27 @@ var TronWalletSelect = () => {
       }
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(WalletOptionList_default, { options, onSelect: connectWallet });
+  return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(WalletOptionList_default, { options, onSelect: connectWallet });
 };
 var TronWalletSelect_default = TronWalletSelect;
 
 // src/widgets/transfer/components/tron/TronWalletConnectModal.tsx
-var import_jsx_runtime95 = require("react/jsx-runtime");
+var import_jsx_runtime96 = require("react/jsx-runtime");
 var TronWalletConnectModal = () => {
   const dispatch = (0, import_react_redux62.useDispatch)();
   const theme = (0, import_react_redux62.useSelector)(selectTheme);
   const isOpen = (0, import_react_redux62.useSelector)(selectTronConnectModal);
   const mode = (0, import_react_redux62.useSelector)(selectMode);
-  const close = (0, import_react74.useCallback)(() => {
+  const close = (0, import_react75.useCallback)(() => {
     dispatch(setTronConnectModal(false));
   }, [dispatch]);
-  const demoMsg = (0, import_react74.useMemo)(
+  const demoMsg = (0, import_react75.useMemo)(
     () => mode === "light" /* light */ ? `Light mode uses a demo Tron address (${lightDemoAccounts.TRX}).` : "",
     [mode]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(import_jsx_runtime95.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(AccountDetailsModal_default2, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(import_jsx_runtime96.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(AccountDetailsModal_default2, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
       WalletConnectModalBase_default,
       {
         isOpen: !!isOpen,
@@ -13081,7 +13204,7 @@ var TronWalletConnectModal = () => {
         themeMode: theme.colorMode ?? "light" /* light */,
         demoMessage: demoMsg,
         onClose: close,
-        children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(TronWalletSelect_default, {})
+        children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(TronWalletSelect_default, {})
       }
     )
   ] });
@@ -13089,18 +13212,17 @@ var TronWalletConnectModal = () => {
 var TronWalletConnectModal_default = TronWalletConnectModal;
 
 // src/widgets/transfer/components/btc/BtcConnectModal.tsx
-var import_react78 = require("react");
+var import_react79 = require("react");
 var import_react_redux65 = require("react-redux");
 var import_react_hot_toast11 = __toESM(require("react-hot-toast"), 1);
 
 // src/features/connect-wallet/btc/useBtcWallet.ts
-var import_react75 = require("react");
+var import_react76 = require("react");
 var import_react_redux63 = require("react-redux");
 var useBtcWallet = () => {
   const dispatch = (0, import_react_redux63.useDispatch)();
-  const { externalProvider } = useKimaContext();
   const networkOption = (0, import_react_redux63.useSelector)(selectNetworkOption);
-  const ensureNetworkMatch = (0, import_react75.useCallback)(
+  const ensureNetworkMatch = (0, import_react76.useCallback)(
     (address) => {
       if (!address) return;
       if (isBtcAddressOnNetwork(address, networkOption)) return;
@@ -13114,22 +13236,8 @@ var useBtcWallet = () => {
     },
     [networkOption]
   );
-  const connect = (0, import_react75.useCallback)(
+  const connect = (0, import_react76.useCallback)(
     async (options) => {
-      if (externalProvider?.type === "btc") {
-        const signer = externalProvider.signer;
-        const address2 = typeof signer === "string" ? signer : signer?.address ?? "";
-        const pubkey2 = normalizeBtcPubkeyHex(
-          typeof signer === "object" && signer?.publicKey || externalProvider.provider?.publicKey || ""
-        ) || "";
-        ensureNetworkMatch(address2);
-        if (address2) {
-          dispatch(setBitcoinAddress(address2));
-          dispatch(setSourceAddress(address2));
-        }
-        if (pubkey2) dispatch(setBitcoinPubkey(pubkey2));
-        return { address: address2, pubkey: pubkey2 };
-      }
       const walletType = options?.wallet;
       const unisat = walletType === "unisat" || !walletType ? getUnisat() : null;
       if (walletType === "unisat" && !unisat) {
@@ -13177,9 +13285,9 @@ var useBtcWallet = () => {
       });
       return { address, pubkey };
     },
-    [dispatch, ensureNetworkMatch, externalProvider, networkOption]
+    [dispatch, ensureNetworkMatch]
   );
-  const disconnect = (0, import_react75.useCallback)(async () => {
+  const disconnect = (0, import_react76.useCallback)(async () => {
     const unisat = getUnisat();
     if (unisat?.disconnect) {
       await unisat.disconnect();
@@ -13193,14 +13301,14 @@ var useBtcWallet = () => {
 };
 
 // src/widgets/transfer/components/btc/BtcWalletSelect.tsx
-var import_react76 = require("react");
-var import_jsx_runtime96 = require("react/jsx-runtime");
+var import_react77 = require("react");
+var import_jsx_runtime97 = require("react/jsx-runtime");
 var BtcWalletSelect = ({
   selectedWallet,
   onSelect,
   disabled = false
 }) => {
-  const wallets = (0, import_react76.useMemo)(() => {
+  const wallets = (0, import_react77.useMemo)(() => {
     const unisatInstalled = !!getUnisat();
     const list = [
       {
@@ -13208,12 +13316,12 @@ var BtcWalletSelect = ({
         name: "UniSat",
         installUrl: "https://unisat.io/download",
         installed: unisatInstalled,
-        icon: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(UniSat_default, {})
+        icon: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(UniSat_default, {})
       }
     ];
     return list;
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
     WalletOptionList_default,
     {
       options: wallets,
@@ -13226,10 +13334,10 @@ var BtcWalletSelect = ({
 var BtcWalletSelect_default = BtcWalletSelect;
 
 // src/widgets/transfer/components/btc/AccountDetailsModal.tsx
-var import_react77 = require("react");
+var import_react78 = require("react");
 var import_react_redux64 = require("react-redux");
 var import_react_hot_toast10 = __toESM(require("react-hot-toast"), 1);
-var import_jsx_runtime97 = require("react/jsx-runtime");
+var import_jsx_runtime98 = require("react/jsx-runtime");
 var AccountDetailsModal3 = () => {
   const dispatch = (0, import_react_redux64.useDispatch)();
   const theme = (0, import_react_redux64.useSelector)(selectTheme);
@@ -13246,7 +13354,7 @@ var AccountDetailsModal3 = () => {
   } = useBtcBalance();
   const isBtc2 = sourceChain.shortName === "BTC" /* BTC */;
   if (!isBtc2) return null;
-  const explorerUrl = (0, import_react77.useMemo)(
+  const explorerUrl = (0, import_react78.useMemo)(
     () => getBtcAccountExplorerUrl(sourceAddress, networkOption),
     [sourceAddress, networkOption]
   );
@@ -13264,13 +13372,13 @@ var AccountDetailsModal3 = () => {
       if (isUserRejected2(e)) {
         (0, import_react_hot_toast10.default)("Wallet disconnect was cancelled.");
       } else {
-        import_react_hot_toast10.default.error("Failed to disconnect wallet.", { icon: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Error_default, {}) });
+        import_react_hot_toast10.default.error("Failed to disconnect wallet.", { icon: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Error_default, {}) });
       }
     } finally {
       close();
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
     AccountDetailsModalBase_default,
     {
       isOpen: !!isOpen,
@@ -13291,7 +13399,7 @@ var AccountDetailsModal3 = () => {
 var AccountDetailsModal_default3 = AccountDetailsModal3;
 
 // src/widgets/transfer/components/btc/BtcConnectModal.tsx
-var import_jsx_runtime98 = require("react/jsx-runtime");
+var import_jsx_runtime99 = require("react/jsx-runtime");
 var BtcConnectModal = () => {
   const dispatch = (0, import_react_redux65.useDispatch)();
   const theme = (0, import_react_redux65.useSelector)(selectTheme);
@@ -13299,13 +13407,13 @@ var BtcConnectModal = () => {
   const mode = (0, import_react_redux65.useSelector)(selectMode);
   const sourceChain = (0, import_react_redux65.useSelector)(selectSourceChain);
   const { connect } = useBtcWallet();
-  const [selectedWallet, setSelectedWallet] = (0, import_react78.useState)(null);
-  const [connecting, setConnecting] = (0, import_react78.useState)(false);
+  const [selectedWallet, setSelectedWallet] = (0, import_react79.useState)(null);
+  const [connecting, setConnecting] = (0, import_react79.useState)(false);
   const isBtc2 = sourceChain.shortName === "BTC" /* BTC */;
-  const close = (0, import_react78.useCallback)(() => {
+  const close = (0, import_react79.useCallback)(() => {
     dispatch(setBtcConnectModal(false));
   }, [dispatch]);
-  (0, import_react78.useEffect)(() => {
+  (0, import_react79.useEffect)(() => {
     if (!isOpen) return;
     if (selectedWallet) return;
     if (getUnisat()) {
@@ -13313,7 +13421,7 @@ var BtcConnectModal = () => {
       return;
     }
   }, [isOpen, selectedWallet]);
-  const onSelectWallet = (0, import_react78.useCallback)(
+  const onSelectWallet = (0, import_react79.useCallback)(
     async (walletId) => {
       if (!isBtc2) return;
       setSelectedWallet(walletId);
@@ -13331,22 +13439,22 @@ var BtcConnectModal = () => {
         if (isUserRejected2(e)) {
           (0, import_react_hot_toast11.default)("Wallet connection was cancelled.");
         } else if (e?.error?.message) {
-          import_react_hot_toast11.default.error(e.error.message, { icon: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Error_default, {}) });
+          import_react_hot_toast11.default.error(e.error.message, { icon: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Error_default, {}) });
         } else if (e?.code === "UNISAT_NOT_FOUND") {
-          import_react_hot_toast11.default.error("UniSat wallet not found.", { icon: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Error_default, {}) });
+          import_react_hot_toast11.default.error("UniSat wallet not found.", { icon: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Error_default, {}) });
         } else if (e?.code === "BTC_WALLET_NOT_FOUND") {
-          import_react_hot_toast11.default.error("Bitcoin wallet not found.", { icon: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Error_default, {}) });
+          import_react_hot_toast11.default.error("Bitcoin wallet not found.", { icon: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Error_default, {}) });
         } else if (e?.code === "BTC_NO_ACCOUNT") {
           import_react_hot_toast11.default.error("No Bitcoin account returned. Please try again.", {
-            icon: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Error_default, {})
+            icon: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Error_default, {})
           });
         } else if (e?.code === "BTC_WRONG_NETWORK") {
           const expected = e?.expectedNetwork ? String(e.expectedNetwork) : "";
           const detected = e?.detectedNetwork ? String(e.detectedNetwork) : "";
           const detail = expected && detected ? `Wallet is on ${detected}. Switch to ${expected}.` : "Wallet network mismatch. Please switch networks.";
-          import_react_hot_toast11.default.error(detail, { icon: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Error_default, {}) });
+          import_react_hot_toast11.default.error(detail, { icon: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Error_default, {}) });
         } else {
-          import_react_hot_toast11.default.error("Failed to connect wallet.", { icon: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Error_default, {}) });
+          import_react_hot_toast11.default.error("Failed to connect wallet.", { icon: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Error_default, {}) });
         }
         logger_default.error("[BtcConnectModal] connect error", e);
       } finally {
@@ -13355,10 +13463,10 @@ var BtcConnectModal = () => {
     },
     [connect, connecting, dispatch, isBtc2, mode]
   );
-  const demoMsg = (0, import_react78.useMemo)(() => "", []);
-  return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(import_jsx_runtime98.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(AccountDetailsModal_default3, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+  const demoMsg = (0, import_react79.useMemo)(() => "", []);
+  return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(import_jsx_runtime99.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(AccountDetailsModal_default3, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
       WalletConnectModalBase_default,
       {
         isOpen: !!isOpen,
@@ -13366,7 +13474,7 @@ var BtcConnectModal = () => {
         themeMode: theme.colorMode ?? "light" /* light */,
         demoMessage: demoMsg,
         onClose: close,
-        children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
           BtcWalletSelect_default,
           {
             selectedWallet,
@@ -13381,7 +13489,7 @@ var BtcConnectModal = () => {
 var BtcConnectModal_default = BtcConnectModal;
 
 // src/widgets/transfer/components/TransferWidget.tsx
-var import_jsx_runtime99 = require("react/jsx-runtime");
+var import_jsx_runtime100 = require("react/jsx-runtime");
 var PERMIT2_INFO_MESSAGE = "This approval uses Permit2, so you can skip a separate approval transaction and save gas.";
 var PERMIT2_DOCS_URL = "https://docs.kima.network/kima-network/the-kima-sdk/use-kima-sdk-without-widget/message-signing#permit2-tokens";
 var TransferWidget = ({
@@ -13392,18 +13500,18 @@ var TransferWidget = ({
 }) => {
   logger_default.debug("[TransferWidget] mount");
   const dispatch = (0, import_react_redux66.useDispatch)();
-  const mainRef = (0, import_react79.useRef)(null);
-  const [signature, setSignature2] = (0, import_react79.useState)("");
-  const [isSubmitting, setIsSubmitting] = (0, import_react79.useState)(false);
-  const [formStep, setFormStep] = (0, import_react79.useState)(0);
-  const [warningModalOpen, setWarningModalOpen] = (0, import_react79.useState)(null);
-  const [resetModalOpen, setResetModalOpen] = (0, import_react79.useState)(false);
-  const [isPermit2TooltipOpen, setPermit2TooltipOpen] = (0, import_react79.useState)(false);
-  const permit2TooltipRef = (0, import_react79.useRef)(null);
-  const [isCancellingApprove, setCancellingApprove] = (0, import_react79.useState)(false);
-  const [isApproving, setApproving] = (0, import_react79.useState)(false);
-  const [isSigning, setSigning] = (0, import_react79.useState)(false);
-  const [feeOptionDisabled, setFeeOptionDisabled] = (0, import_react79.useState)(false);
+  const mainRef = (0, import_react80.useRef)(null);
+  const [signature, setSignature2] = (0, import_react80.useState)("");
+  const [isSubmitting, setIsSubmitting] = (0, import_react80.useState)(false);
+  const [formStep, setFormStep] = (0, import_react80.useState)(0);
+  const [warningModalOpen, setWarningModalOpen] = (0, import_react80.useState)(null);
+  const [resetModalOpen, setResetModalOpen] = (0, import_react80.useState)(false);
+  const [isPermit2TooltipOpen, setPermit2TooltipOpen] = (0, import_react80.useState)(false);
+  const permit2TooltipRef = (0, import_react80.useRef)(null);
+  const [isCancellingApprove, setCancellingApprove] = (0, import_react80.useState)(false);
+  const [isApproving, setApproving] = (0, import_react80.useState)(false);
+  const [isSigning, setSigning] = (0, import_react80.useState)(false);
+  const [feeOptionDisabled, setFeeOptionDisabled] = (0, import_react80.useState)(false);
   const networkOption = (0, import_react_redux66.useSelector)(selectNetworkOption);
   const dAppOption = (0, import_react_redux66.useSelector)(selectDappOption);
   const mode = (0, import_react_redux66.useSelector)(selectMode);
@@ -13436,7 +13544,7 @@ var TransferWidget = ({
     panelRef: toastPanelRef,
     formatTime: formatToastTime
   } = useToastHistory();
-  (0, import_react79.useEffect)(() => {
+  (0, import_react80.useEffect)(() => {
     if (!isPermit2TooltipOpen) return;
     const handler = (event) => {
       const target = event.target;
@@ -13479,7 +13587,7 @@ var TransferWidget = ({
     targetSymbol: targetCurrency,
     backendUrl
   });
-  const isSwap = (0, import_react79.useMemo)(
+  const isSwap = (0, import_react80.useMemo)(
     () => sourceCurrency !== targetCurrency && !isSamePeggedToken(
       sourceChain,
       sourceCurrency,
@@ -13488,8 +13596,8 @@ var TransferWidget = ({
     ),
     [sourceChain, sourceCurrency, targetChain, targetCurrency]
   );
-  const prevAmountRef = (0, import_react79.useRef)("");
-  (0, import_react79.useEffect)(() => {
+  const prevAmountRef = (0, import_react80.useRef)("");
+  (0, import_react80.useEffect)(() => {
     setSignature2("");
     setFeeOptionDisabled(false);
     setApproving(false);
@@ -13502,7 +13610,7 @@ var TransferWidget = ({
     targetChain.shortName,
     targetCurrency
   ]);
-  (0, import_react79.useEffect)(() => {
+  (0, import_react80.useEffect)(() => {
     const prevAmount = prevAmountRef.current;
     if (prevAmount !== "" && amount !== prevAmount) {
       dispatch(clearPermit2Signature());
@@ -13512,10 +13620,10 @@ var TransferWidget = ({
     }
     prevAmountRef.current = amount;
   }, [amount, dispatch, isBtcOrigin]);
-  (0, import_react79.useEffect)(() => {
+  (0, import_react80.useEffect)(() => {
     dispatch(clearPermit2Signature());
   }, [dispatch, feeDeduct]);
-  (0, import_react79.useEffect)(() => {
+  (0, import_react80.useEffect)(() => {
     try {
       if (fees) dispatch(setServiceFee(fees));
       if (mode === "payment" /* payment */ && transactionOption?.sourceChain) {
@@ -13531,11 +13639,11 @@ var TransferWidget = ({
       );
       import_react_hot_toast12.default.error(
         "An unexpected error occurred while preparing the transfer. Please contact support for assistance.",
-        { icon: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Error_default, {}) }
+        { icon: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Error_default, {}) }
       );
     }
   }, [fees, mode, transactionOption, dispatch]);
-  const isBackButtonEnabled = (0, import_react79.useMemo)(() => {
+  const isBackButtonEnabled = (0, import_react80.useMemo)(() => {
     if (formStep !== 0) {
       if (["BANK", "CC"].includes(sourceChain.shortName)) {
         return ccTransactionStatus === "idle" || ccTransactionStatus === "failed";
@@ -13544,20 +13652,20 @@ var TransferWidget = ({
     }
     return false;
   }, [ccTransactionStatus, sourceChain, formStep]);
-  const isSubmitButtonEnabled = (0, import_react79.useMemo)(() => {
+  const isSubmitButtonEnabled = (0, import_react80.useMemo)(() => {
     if (submitted) return false;
     if (["BANK", "CC"].includes(sourceChain.shortName)) {
       return ccTransactionStatus === "idle";
     }
     return true;
   }, [sourceChain, ccTransactionStatus, submitted]);
-  const [initialSelection, setInitialSelection] = (0, import_react79.useState)({
+  const [initialSelection, setInitialSelection] = (0, import_react80.useState)({
     sourceSelection: true,
     targetSelection: true
   });
   const isBtcFlow = sourceChain.shortName === "BTC" /* BTC */ || targetChain.shortName === "BTC" /* BTC */;
   const allowanceDecimals = isBtcFlow ? 8 : txValues.allowanceAmount.decimals;
-  const amountBigInt = (0, import_viem14.parseUnits)(amount, allowanceDecimals);
+  const amountBigInt = (0, import_viem13.parseUnits)(amount, allowanceDecimals);
   const totalFeeForValidation = bigIntChangeDecimals({
     ...totalFee,
     newDecimals: allowanceDecimals
@@ -13586,17 +13694,17 @@ var TransferWidget = ({
     isSubmitting,
     setIsSubmitting
   );
-  const submit = (0, import_react79.useCallback)(async () => {
+  const submit = (0, import_react80.useCallback)(async () => {
     try {
       await submitTransaction(signature);
     } catch (err) {
       logger_default.error("[TransferWidget] submit failed", err);
       const message = err instanceof Error && err.message ? err.message : "Failed to submit your transaction. Please contact support for assistance.";
-      import_react_hot_toast12.default.error(message, { icon: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Error_default, {}) });
+      import_react_hot_toast12.default.error(message, { icon: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Error_default, {}) });
       dispatch(setCCTransactionStatus("error-generic"));
     }
   }, [signature, submitTransaction, dispatch]);
-  const requestSignature = (0, import_react79.useCallback)(async () => {
+  const requestSignature = (0, import_react80.useCallback)(async () => {
     let sig;
     setSigning(true);
     setFeeOptionDisabled(true);
@@ -13620,7 +13728,7 @@ var TransferWidget = ({
         logger_default.error("[TransferWidget] signing failed", err);
         import_react_hot_toast12.default.error(
           "Failed to sign the message. Please contact support for assistance.",
-          { icon: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Error_default, {}) }
+          { icon: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Error_default, {}) }
         );
       }
       return void 0;
@@ -13638,7 +13746,7 @@ var TransferWidget = ({
   const handleSubmit = async () => {
     const { error, message: validationMessage } = validate(true);
     if (error === "ValidationError" /* Error */) {
-      import_react_hot_toast12.default.error(validationMessage, { icon: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Error_default, {}) });
+      import_react_hot_toast12.default.error(validationMessage, { icon: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Error_default, {}) });
       return;
     }
     if (["BANK", "CC"].includes(sourceChain.shortName)) {
@@ -13665,7 +13773,7 @@ var TransferWidget = ({
         if (msg.includes("ChainMismatch")) {
           import_react_hot_toast12.default.error(
             `Your wallet is on the wrong network. Please switch to ${sourceChain.name} and try again.`,
-            { icon: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Error_default, {}) }
+            { icon: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Error_default, {}) }
           );
           return;
         }
@@ -13673,14 +13781,14 @@ var TransferWidget = ({
         if (/internal json-rpc error|internal rpc error/i.test(errMessage)) {
           import_react_hot_toast12.default.error(
             "Internal RPC error while approving. Please try again. If this keeps happening, contact support for assistance.",
-            { icon: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Error_default, {}) }
+            { icon: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Error_default, {}) }
           );
           return;
         }
         logger_default.error("[TransferWidget] approval failed", err);
         import_react_hot_toast12.default.error(
           "Failed to approve the token allowance. Please contact support for assistance.",
-          { icon: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Error_default, {}) }
+          { icon: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Error_default, {}) }
         );
       } finally {
         setApproving(false);
@@ -13707,11 +13815,11 @@ var TransferWidget = ({
       logger_default.error("[TransferWidget] handleSubmit failed", err);
       const msg = err?.message;
       if (msg && String(msg).includes("Fees unavailable")) {
-        import_react_hot_toast12.default.error(String(msg), { icon: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Error_default, {}) });
+        import_react_hot_toast12.default.error(String(msg), { icon: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Error_default, {}) });
       } else {
         import_react_hot_toast12.default.error(
           "An unexpected error occurred while submitting. Please contact support for assistance.",
-          { icon: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Error_default, {}) }
+          { icon: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Error_default, {}) }
         );
       }
       setIsSubmitting(false);
@@ -13732,7 +13840,7 @@ var TransferWidget = ({
       void handleSubmit();
       return;
     }
-    import_react_hot_toast12.default.error(validationMessage, { icon: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Error_default, {}) });
+    import_react_hot_toast12.default.error(validationMessage, { icon: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Error_default, {}) });
     mainRef.current?.click();
   };
   const onBack = () => {
@@ -13760,7 +13868,7 @@ var TransferWidget = ({
         logger_default.error("[TransferWidget] cancel approve failed", err);
         import_react_hot_toast12.default.error(
           "Unable to cancel the approval. Please contact support for assistance.",
-          { icon: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Error_default, {}) }
+          { icon: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Error_default, {}) }
         );
       }
     } finally {
@@ -13787,8 +13895,8 @@ var TransferWidget = ({
   const primaryButtonLabel = getButtonLabel();
   const isSmallScreen = windowWidth > 0 && windowWidth <= 500;
   const showPermit2Info = formStep === 1 && isPermit2Required && mode !== "light" /* light */ && dAppOption === "none" /* None */ && signature && !isApproved && (primaryButtonLabel === "Approve" || primaryButtonLabel === "Approving...");
-  const permit2InfoTooltip = showPermit2Info ? /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "permit2-button-info", ref: permit2TooltipRef, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+  const permit2InfoTooltip = showPermit2Info ? /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "permit2-button-info", ref: permit2TooltipRef, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
       "button",
       {
         type: "button",
@@ -13805,23 +13913,23 @@ var TransferWidget = ({
         children: "i"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(
       "div",
       {
         className: `permit2-tooltip ${theme.colorMode} ${isPermit2TooltipOpen ? "open" : ""}`,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("p", { children: PERMIT2_INFO_MESSAGE }),
-          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(ExternalLink_default, { className: "permit2-tooltip-link", to: PERMIT2_DOCS_URL, children: "Learn more" })
+          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("p", { children: PERMIT2_INFO_MESSAGE }),
+          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(ExternalLink_default, { className: "permit2-tooltip-link", to: PERMIT2_DOCS_URL, children: "Learn more" })
         ]
       }
     )
   ] }) : null;
-  (0, import_react79.useEffect)(() => {
+  (0, import_react80.useEffect)(() => {
     if (!showPermit2Info && isPermit2TooltipOpen) {
       setPermit2TooltipOpen(false);
     }
   }, [showPermit2Info, isPermit2TooltipOpen]);
-  (0, import_react79.useEffect)(() => {
+  (0, import_react80.useEffect)(() => {
     if (!isSmallScreen && isPermit2TooltipOpen) {
       setPermit2TooltipOpen(false);
     }
@@ -13852,11 +13960,11 @@ var TransferWidget = ({
       logger_default.error("[TransferWidget] reset failed", e);
       import_react_hot_toast12.default.error(
         "Unable to reset the form. Please contact support for assistance.",
-        { icon: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Error_default, {}) }
+        { icon: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Error_default, {}) }
       );
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(
     "div",
     {
       className: `kima-card ${theme.colorMode}`,
@@ -13864,7 +13972,7 @@ var TransferWidget = ({
         background: theme.colorMode === "light" /* light */ ? theme.backgroundColorLight : theme.backgroundColorDark
       },
       children: [
-        resetModalOpen && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+        resetModalOpen && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
           WarningModal_default,
           {
             message: "Are you sure you want to reset the widget?",
@@ -13876,7 +13984,7 @@ var TransferWidget = ({
             onCancel: () => setResetModalOpen(false)
           }
         ),
-        warningModalOpen && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+        warningModalOpen && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
           WarningModal_default,
           {
             message: warningModalOpen.message,
@@ -13890,21 +13998,22 @@ var TransferWidget = ({
             }
           }
         ),
-        mode === "payment" /* payment */ && !transactionOption && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("h2", { className: "invalid-option-banner", children: "We're unable to process your payment. Please ensure the necessary transaction details are provided. Contact support if the issue persists." }),
-        /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "transfer-card", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "kima-card-header", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "topbar", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "title", children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("h3", { style: { marginRight: "5px" }, children: formStep === 0 ? titleOption?.initialTitle ?? (mode === "payment" /* payment */ ? "New Purchase" : "New Transfer") : titleOption?.confirmTitle ?? (mode === "payment" /* payment */ ? "Confirm Purchase" : isSwap ? "Swap Details" : "Transfer Details") }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "control-buttons", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+        mode === "payment" /* payment */ && !transactionOption && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("h2", { className: "invalid-option-banner", children: "We're unable to process your payment. Please ensure the necessary transaction details are provided. Contact support if the issue persists." }),
+        /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(VersionInfo_default, { theme }),
+        /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "transfer-card", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "kima-card-header", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "topbar", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "title", children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("h3", { style: { marginRight: "5px" }, children: formStep === 0 ? titleOption?.initialTitle ?? (mode === "payment" /* payment */ ? "New Purchase" : "New Transfer") : titleOption?.confirmTitle ?? (mode === "payment" /* payment */ ? "Confirm Purchase" : isSwap ? "Swap Details" : "Transfer Details") }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "control-buttons", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
                   ExternalLink_default,
                   {
                     to: helpURL ? helpURL : networkOption === "testnet" /* testnet */ ? "https://docs.kima.network/kima-network/try-kima-with-the-demo-app" : "https://support.kima.network",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "menu-button", children: "I need help" })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "menu-button", children: "I need help" })
                   }
                 ),
-                ["BANK", "CC"].includes(sourceChain.shortName) && formStep > 0 && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(ExternalLink_default, { to: "https://docs.kima.network/kima-network/supported-fiat#unsupported-countries-credit-cards", children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "menu-button", children: "Unsupported Countries" }) }),
-                formStep === 0 && mode !== "payment" /* payment */ && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+                ["BANK", "CC"].includes(sourceChain.shortName) && formStep > 0 && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(ExternalLink_default, { to: "https://docs.kima.network/kima-network/supported-fiat#unsupported-countries-credit-cards", children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "menu-button", children: "Unsupported Countries" }) }),
+                formStep === 0 && mode !== "payment" /* payment */ && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
                   "button",
                   {
                     className: "reset-button",
@@ -13913,32 +14022,32 @@ var TransferWidget = ({
                     children: "Reset"
                   }
                 ),
-                toastHistory.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
+                toastHistory.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(
                   "div",
                   {
                     ref: toastPanelRef,
                     className: `toast-history ${theme.colorMode}`,
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
                         "button",
                         {
                           className: "toast-history-button",
                           onClick: () => setToastPanelOpen(true),
                           "aria-label": "Notifications",
-                          children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Notification_default, { width: 30, height: 30 })
+                          children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Notification_default, { width: 30, height: 30 })
                         }
                       ),
-                      toastPanelOpen && /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: `toast-history-panel ${theme.colorMode}`, children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "toast-history-header", children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { children: "Notifications" }) }),
-                        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "toast-history-list", children: toastHistory.map((item) => /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "toast-history-item", children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "toast-history-message", children: item.message }),
-                          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "toast-history-time", children: formatToastTime(item.time) })
+                      toastPanelOpen && /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: `toast-history-panel ${theme.colorMode}`, children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "toast-history-header", children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { children: "Notifications" }) }),
+                        /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "toast-history-list", children: toastHistory.map((item) => /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "toast-history-item", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { className: "toast-history-message", children: item.message }),
+                          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { className: "toast-history-time", children: formatToastTime(item.time) })
                         ] }, item.id)) })
                       ] })
                     ]
                   }
                 ),
-                closeHandler && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+                closeHandler && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
                   "button",
                   {
                     className: "cross-icon-button",
@@ -13946,18 +14055,18 @@ var TransferWidget = ({
                       resetForm();
                       closeHandler(0);
                     },
-                    children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Cross_default, {})
+                    children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Cross_default, {})
                   }
                 )
               ] })
             ] }),
-            mode === "payment" /* payment */ && paymentTitleOption?.title && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("h4", { className: "subtitle", children: paymentTitleOption.title })
+            mode === "payment" /* payment */ && paymentTitleOption?.title && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("h4", { className: "subtitle", children: paymentTitleOption.title })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "kima-card-content", ref: mainRef, children: formStep === 0 ? /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "kima-card-content", ref: mainRef, children: formStep === 0 ? /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
             SingleForm_default,
             {
               ...{
-                allowance: (0, import_viem14.parseUnits)(
+                allowance: (0, import_viem13.parseUnits)(
                   allowance?.toString() ?? "0",
                   decimals ?? 18
                 ),
@@ -13967,7 +14076,7 @@ var TransferWidget = ({
                 setInitialSelection
               }
             }
-          ) : ccTransactionStatus !== "idle" ? /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(FiatWidget_default, { submitCallback: submit }) : /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+          ) : ccTransactionStatus !== "idle" ? /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(FiatWidget_default, { submitCallback: submit }) : /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
             ConfirmDetails_default,
             {
               ...{
@@ -13976,12 +14085,12 @@ var TransferWidget = ({
               }
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
             "div",
             {
               className: `kima-card-footer ${mode === "bridge" /* bridge */ && formStep !== 0 && "confirm"}`,
-              children: /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "button-group", children: [
-                isBackButtonEnabled && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "button-group", children: [
+                isBackButtonEnabled && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
                   SecondaryButton_default,
                   {
                     clickHandler: onBack,
@@ -13990,7 +14099,7 @@ var TransferWidget = ({
                     children: formStep > 0 && ccTransactionStatus !== "initialized" ? "Back" : "Cancel"
                   }
                 ),
-                (!!allowance && allowance > 0n || isPermit2Required && !!permit2Signature) && formStep !== 0 && !["BANK", "CC", "BTC"].includes(sourceChain.shortName) && mode !== "light" /* light */ && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+                (!!allowance && allowance > 0n || isPermit2Required && !!permit2Signature) && formStep !== 0 && !["BANK", "CC", "BTC"].includes(sourceChain.shortName) && mode !== "light" /* light */ && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
                   SecondaryButton_default,
                   {
                     clickHandler: onCancelApprove,
@@ -14000,7 +14109,7 @@ var TransferWidget = ({
                     children: isCancellingApprove ? "Cancelling Approval" : "Cancel Approve"
                   }
                 ),
-                isSubmitButtonEnabled && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+                isSubmitButtonEnabled && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
                   PrimaryButton_default,
                   {
                     clickHandler: onNext,
@@ -14013,10 +14122,10 @@ var TransferWidget = ({
               ] })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(SolanaConnectModal_default, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(TronWalletConnectModal_default, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(BtcConnectModal_default, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(SolanaConnectModal_default, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(TronWalletConnectModal_default, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(BtcConnectModal_default, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
             import_react_hot_toast12.Toaster,
             {
               position: "top-right",
@@ -14040,9 +14149,9 @@ var TransferWidget = ({
               }
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "floating-footer", children: /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: `items ${theme.colorMode}`, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { children: "Powered by" }),
-            /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(KimaNetwork_default, {})
+          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "floating-footer", children: /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: `items ${theme.colorMode}`, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { children: "Powered by" }),
+            /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(KimaNetwork_default, {})
           ] }) })
         ] })
       ]
@@ -14051,7 +14160,7 @@ var TransferWidget = ({
 };
 
 // src/widgets/common/KimaWidgetWrapper.tsx
-var import_jsx_runtime100 = require("react/jsx-runtime");
+var import_jsx_runtime101 = require("react/jsx-runtime");
 var KimaWidgetWrapper = ({
   mode,
   txId,
@@ -14070,7 +14179,7 @@ var KimaWidgetWrapper = ({
   useDebugCode();
   const { kimaBackendUrl } = useKimaContext();
   const dispatch = (0, import_react_redux67.useDispatch)();
-  const { setThemeMode, setThemeVariables } = (0, import_react80.useAppKitTheme)();
+  const { setThemeMode, setThemeVariables } = (0, import_react81.useAppKitTheme)();
   const submitted = (0, import_react_redux67.useSelector)(selectSubmitted);
   const sourceChain = (0, import_react_redux67.useSelector)(selectSourceChain);
   const ccTransactionStatus = (0, import_react_redux67.useSelector)(selectCCTransactionStatus);
@@ -14079,8 +14188,8 @@ var KimaWidgetWrapper = ({
   const networkOption = envOptions?.env;
   const kimaExplorer = envOptions?.kimaExplorer || "https://explorer.sardis.kima.network";
   const { currentPlugin } = useGetCurrentPlugin_default();
-  const prevColorMode = (0, import_react81.useRef)(void 0);
-  (0, import_react81.useEffect)(() => {
+  const prevColorMode = (0, import_react82.useRef)(void 0);
+  (0, import_react82.useEffect)(() => {
     if (prevColorMode.current !== theme?.colorMode) {
       dispatch(setTheme(theme));
       setThemeMode(
@@ -14093,7 +14202,7 @@ var KimaWidgetWrapper = ({
       prevColorMode.current = theme?.colorMode;
     }
   }, [theme?.colorMode, dispatch, setThemeMode, setThemeVariables, theme]);
-  const prevConfigRef = (0, import_react81.useRef)({
+  const prevConfigRef = (0, import_react82.useRef)({
     compliantOption: void 0,
     backendUrl: void 0,
     mode: void 0,
@@ -14103,7 +14212,7 @@ var KimaWidgetWrapper = ({
     excludedSourceNetworksJson: "",
     excludedTargetNetworksJson: ""
   });
-  (0, import_react81.useEffect)(() => {
+  (0, import_react82.useEffect)(() => {
     const excludedSourceNetworksJson = JSON.stringify(excludedSourceNetworks);
     const excludedTargetNetworksJson = JSON.stringify(excludedTargetNetworks);
     if (prevConfigRef.current.compliantOption !== compliantOption) {
@@ -14149,7 +14258,7 @@ var KimaWidgetWrapper = ({
     excludedTargetNetworks,
     dispatch
   ]);
-  (0, import_react81.useEffect)(() => {
+  (0, import_react82.useEffect)(() => {
     const activeTransactionOption = mode === "payment" /* payment */ ? transactionOption : void 0;
     const nextJson = activeTransactionOption ? JSON.stringify(transactionOption) : null;
     const storedJson = storedTransactionOption ? JSON.stringify(storedTransactionOption) : null;
@@ -14178,9 +14287,9 @@ var KimaWidgetWrapper = ({
       dispatch(setAmount(String(activeTransactionOption.amount)));
     }
   }, [transactionOption, storedTransactionOption, mode, chainData, dispatch]);
-  const prevModeRef = (0, import_react81.useRef)(void 0);
-  const prevTxIdRef = (0, import_react81.useRef)(void 0);
-  (0, import_react81.useEffect)(() => {
+  const prevModeRef = (0, import_react82.useRef)(void 0);
+  const prevTxIdRef = (0, import_react82.useRef)(void 0);
+  (0, import_react82.useEffect)(() => {
     const modeChanged = prevModeRef.current !== mode;
     const txChanged = prevTxIdRef.current !== txId;
     if (mode === "payment" /* payment */ && !transactionOption) {
@@ -14211,7 +14320,7 @@ var KimaWidgetWrapper = ({
       prevTxIdRef.current = txId;
     }
   }, [mode, txId, transactionOption, dispatch]);
-  (0, import_react81.useEffect)(() => {
+  (0, import_react82.useEffect)(() => {
     logger_default.debug("[KimaWidgetWrapper] render", {
       mode,
       dAppOption,
@@ -14221,16 +14330,16 @@ var KimaWidgetWrapper = ({
       sourceChain: sourceChain?.shortName
     });
   });
-  const pluginKey = (0, import_react81.useMemo)(() => {
+  const pluginKey = (0, import_react82.useMemo)(() => {
     if (!currentPlugin?.id) return null;
     return `transfer-${currentPlugin.id}-${sourceChain?.shortName ?? "unknown"}`;
   }, [currentPlugin?.id, sourceChain?.shortName]);
-  const content = (0, import_react81.useMemo)(() => {
+  const content = (0, import_react82.useMemo)(() => {
     if (mode === "status" /* status */) {
-      return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(TransactionWidget, { theme });
+      return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(TransactionWidget, { theme });
     }
     if (!currentPlugin && !sourceChain?.shortName) {
-      return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
         TransferWidget,
         {
           theme,
@@ -14242,15 +14351,15 @@ var KimaWidgetWrapper = ({
       );
     }
     if (!currentPlugin) {
-      return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(SkeletonLoader_default, { theme });
+      return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(SkeletonLoader_default, { theme });
     }
     if (sourceChain.shortName === "CC") {
       if (submitted) {
         logger_default.debug("[KimaWidgetWrapper] CC mode -> TransactionWidget");
-        return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(TransactionWidget, { theme });
+        return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(TransactionWidget, { theme });
       }
       if (ccTransactionStatus === "error-id") {
-        return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
           ErrorWidget_default,
           {
             theme,
@@ -14265,7 +14374,7 @@ var KimaWidgetWrapper = ({
         );
       }
       if (ccTransactionStatus === "error-generic") {
-        return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
           ErrorWidget_default,
           {
             theme,
@@ -14279,7 +14388,7 @@ var KimaWidgetWrapper = ({
           }
         );
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
         TransferWidget,
         {
           theme,
@@ -14294,7 +14403,7 @@ var KimaWidgetWrapper = ({
       "[KimaWidgetWrapper] rendering TransferWidget with plugin",
       currentPlugin?.id
     );
-    return submitted ? /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(TransactionWidget, { theme }) : /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+    return submitted ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(TransactionWidget, { theme }) : /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
       TransferWidget,
       {
         theme,
@@ -14323,7 +14432,7 @@ var KimaWidgetWrapper = ({
 var KimaWidgetWrapper_default = KimaWidgetWrapper;
 
 // src/widgets/common/KimaTransactionWidget.tsx
-var import_jsx_runtime101 = require("react/jsx-runtime");
+var import_jsx_runtime102 = require("react/jsx-runtime");
 var KimaTransactionWidget = ({
   mode,
   txId,
@@ -14339,7 +14448,7 @@ var KimaTransactionWidget = ({
 }) => {
   const dispatch = (0, import_react_redux68.useDispatch)();
   const { kimaBackendUrl } = useKimaContext();
-  const [hydrated, setHydrated] = (0, import_react82.useState)(false);
+  const [hydrated, setHydrated] = (0, import_react83.useState)(false);
   const {
     data: envOptions,
     error: envOptionsError,
@@ -14350,20 +14459,20 @@ var KimaTransactionWidget = ({
     error: chainDataError,
     isLoading: isLoadingChainData
   } = useChainData(kimaBackendUrl);
-  (0, import_react82.useEffect)(() => {
+  (0, import_react83.useEffect)(() => {
     if (typeof window !== "undefined") setHydrated(true);
   }, []);
-  (0, import_react82.useEffect)(() => {
+  (0, import_react83.useEffect)(() => {
     if (theme?.colorMode) {
       dispatch(setTheme(theme));
     }
   }, [theme?.colorMode, dispatch, theme]);
   if (!hydrated || !theme?.colorMode)
-    return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(ring_default, { width: 20, height: 20, fill: "#86b8ce" });
+    return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(ring_default, { width: 20, height: 20, fill: "#86b8ce" });
   if (isLoadingEnvs || isLoadingChainData)
-    return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(SkeletonLoader_default, { theme });
+    return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(SkeletonLoader_default, { theme });
   if (envOptionsError || !envOptions)
-    return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
       ErrorWidget_default,
       {
         theme,
@@ -14372,7 +14481,7 @@ var KimaTransactionWidget = ({
       }
     );
   if (chainDataError || !chainData)
-    return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
       ErrorWidget_default,
       {
         theme,
@@ -14380,7 +14489,7 @@ var KimaTransactionWidget = ({
         message: "There was an error loading the chain data from the backend. Please check that the backend is running properly and the widget points to the corresponding url." /* ChainLoadingError */
       }
     );
-  return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(ToastHistoryProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(ToastHistoryProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
     KimaWidgetWrapper_default,
     {
       ...{
@@ -14422,8 +14531,6 @@ var KimaTransactionWidget_default = KimaTransactionWidget;
   NetworkOptions,
   SOLANA_HOST,
   TransactionStatus,
-  isSolProvider,
-  isTronProvider,
   lightDemoAccounts,
   lightDemoNetworks
 });