@kimafinance/kima-transaction-widget 1.4.6 → 1.4.7

package/dist/index.cjs

@@ -45,8 +45,8 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/KimaProvider.tsx
-var React81 = __toESM(require("react"), 1);
-var import_react92 = require("react");
+var React48 = __toESM(require("react"), 1);
+var import_react59 = require("react");
 var import_react_redux19 = require("react-redux");
 
 // src/store/index.tsx
@@ -1402,6 +1402,40 @@ var KimaNetwork = ({ width = 120, height = 15, ...rest }) => {
 };
 var KimaNetwork_default = KimaNetwork;
 
+// src/assets/icons/CFX.tsx
+var import_react40 = __toESM(require("react"), 1);
+var CFX = ({ width = 30, height = 30, ...rest }) => {
+  return /* @__PURE__ */ import_react40.default.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width,
+      height,
+      viewBox: "0 0 1766.6 2212",
+      fill: "none",
+      ...rest
+    },
+    /* @__PURE__ */ import_react40.default.createElement("g", null, /* @__PURE__ */ import_react40.default.createElement("g", null, /* @__PURE__ */ import_react40.default.createElement(
+      "polygon",
+      {
+        fill: "#181818",
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        points: "0,1309.5 879.5,426.3 1766.6,1317.2 1766.6,892.7 887.1,0 1,895.7"
+      }
+    ), /* @__PURE__ */ import_react40.default.createElement(
+      "polygon",
+      {
+        fill: "#181818",
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        points: "203.6,1528.4 875.6,2212 1555.4,1528.4 1348,1317.2 879.5,1789.6 626,1528.4 1090.7,1052.2 882.4,845.8"
+      }
+    )))
+  );
+};
+var CFX_default = CFX;
+
 // src/utils/constants.tsx
 var import_networks = require("@reown/appkit/networks");
 var ChainName = /* @__PURE__ */ ((ChainName2) => {
@@ -1418,6 +1452,7 @@ var ChainName = /* @__PURE__ */ ((ChainName2) => {
   ChainName2["FIAT"] = "FIAT";
   ChainName2["BTC"] = "BTC";
   ChainName2["BERA"] = "BERA";
+  ChainName2["CFX"] = "CFX";
   return ChainName2;
 })(ChainName || {});
 var CHAIN_NAMES_TO_APPKIT_NETWORK_MAINNET = {
@@ -1428,7 +1463,9 @@ var CHAIN_NAMES_TO_APPKIT_NETWORK_MAINNET = {
   ["BSC" /* BSC */]: import_networks.bsc,
   ["OPT" /* OPTIMISM */]: import_networks.optimism,
   ["ARB" /* ARBITRUM */]: import_networks.arbitrum,
-  ["ZKE" /* POLYGON_ZKEVM */]: import_networks.polygonZkEvm
+  ["ZKE" /* POLYGON_ZKEVM */]: import_networks.polygonZkEvm,
+  ["BERA" /* BERA */]: import_networks.berachain,
+  ["CFX" /* CFX */]: import_networks.confluxESpace
 };
 var CHAIN_NAMES_TO_APPKIT_NETWORK_TESTNET = {
   ["ETH" /* ETHEREUM */]: import_networks.sepolia,
@@ -1439,7 +1476,8 @@ var CHAIN_NAMES_TO_APPKIT_NETWORK_TESTNET = {
   ["OPT" /* OPTIMISM */]: import_networks.optimismSepolia,
   ["ARB" /* ARBITRUM */]: import_networks.arbitrumSepolia,
   ["ZKE" /* POLYGON_ZKEVM */]: import_networks.polygonZkEvmCardona,
-  ["BERA" /* BERA */]: import_networks.berachainBepolia
+  ["BERA" /* BERA */]: import_networks.berachainBepolia,
+  ["CFX" /* CFX */]: import_networks.confluxESpaceTestnet
 };
 var CHAIN_NAMES_TO_STRING = {
   ["ETH" /* ETHEREUM */]: "Ethereum",
@@ -1454,7 +1492,8 @@ var CHAIN_NAMES_TO_STRING = {
   ["FIAT" /* FIAT */]: "Pay with FIAT",
   ["BTC" /* BTC */]: "Bitcoin",
   ["BASE" /* BASE */]: "Base",
-  ["BERA" /* BERA */]: "Bera"
+  ["BERA" /* BERA */]: "Bera",
+  ["CFX" /* CFX */]: "Conflux"
 };
 var CHAIN_STRING_TO_NAME = {
   ["Ethereum"]: "ETH" /* ETHEREUM */,
@@ -1469,7 +1508,8 @@ var CHAIN_STRING_TO_NAME = {
   ["Pay with FIAT"]: "FIAT" /* FIAT */,
   ["Bitcoin"]: "BTC" /* BTC */,
   ["Base"]: "BASE" /* BASE */,
-  ["Bera"]: "BERA" /* BERA */
+  ["Bera"]: "BERA" /* BERA */,
+  ["Conflux"]: "CFX" /* CFX */
 };
 var networkOptions = [
   {
@@ -1493,6 +1533,11 @@ var networkOptions = [
     label: "Bitcoin",
     icon: BTC_default
   },
+  {
+    id: "CFX" /* CFX */,
+    label: "Conflux",
+    icon: CFX_default
+  },
   {
     id: "ETH" /* ETHEREUM */,
     label: "Ethereum",
@@ -1536,7 +1581,7 @@ var networkOptions = [
 ];
 var CLUSTER = "devnet";
 var SOLANA_HOST = (0, import_web3.clusterApiUrl)(CLUSTER);
-var isEVMChain = (chainId) => chainId === "ETH" /* ETHEREUM */ || chainId === "POL" /* POLYGON */ || chainId === "AVX" /* AVALANCHE */ || chainId === "BSC" /* BSC */ || chainId === "OPT" /* OPTIMISM */ || chainId === "ARB" /* ARBITRUM */ || chainId === "ZKE" /* POLYGON_ZKEVM */ || chainId === "BASE" /* BASE */ || chainId === "BERA" /* BERA */;
+var isEVMChain = (chainId) => chainId === "ETH" /* ETHEREUM */ || chainId === "POL" /* POLYGON */ || chainId === "AVX" /* AVALANCHE */ || chainId === "BSC" /* BSC */ || chainId === "OPT" /* OPTIMISM */ || chainId === "ARB" /* ARBITRUM */ || chainId === "ZKE" /* POLYGON_ZKEVM */ || chainId === "BASE" /* BASE */ || chainId === "BERA" /* BERA */ || chainId === "CFX" /* CFX */;
 var lightDemoAccounts = {
   EVM: "0x1150bd27bA25fa13806C98324F201dfe815A4502",
   // EVM: '0x10962c43ea1bfE1186Dbf59985Df4E1ce94Ca4a9', // personal for testing
@@ -1545,7 +1590,15 @@ var lightDemoAccounts = {
   TRX: "TBVn4bsBN4DhtZ7D3vEVpAyqkvdFn7zmpU"
   // TRX: 'TL6yGtzbHfQdBRFYh4TLFoU5iiPMmpQtur' // personal for testing
 };
-var lightDemoNetworks = ["ARB", "AVX", "BASE", "OPT", "BSC", "SOL", "TRX"];
+var lightDemoNetworks = [
+  "ARB",
+  "AVX",
+  "BASE",
+  "OPT",
+  "BSC",
+  "SOL",
+  "TRX"
+];
 
 // src/interface.tsx
 var NetworkOptions = /* @__PURE__ */ ((NetworkOptions4) => {
@@ -2098,7 +2151,7 @@ var useGetEnvOptions = ({
 };
 
 // plugins/evm/index.tsx
-var import_react81 = __toESM(require("react"), 1);
+var import_react48 = __toESM(require("react"), 1);
 
 // plugins/PluginBase.ts
 var PluginBase = class {
@@ -2135,10 +2188,10 @@ var PluginBase = class {
 };
 
 // plugins/evm/features/walletConnect/WalletProvider.tsx
-var import_react41 = __toESM(require("react"), 1);
+var import_react42 = __toESM(require("react"), 1);
 
 // plugins/evm/config/modalConfig.ts
-var import_react40 = require("@reown/appkit/react");
+var import_react41 = require("@reown/appkit/react");
 var import_networks2 = require("@reown/appkit/networks");
 var import_appkit_adapter_ethers = require("@reown/appkit-adapter-ethers");
 var appkitMainnetChains = [
@@ -2148,7 +2201,8 @@ var appkitMainnetChains = [
   import_networks2.base,
   import_networks2.arbitrum,
   import_networks2.optimism,
-  import_networks2.avalanche
+  import_networks2.avalanche,
+  import_networks2.confluxESpace
 ];
 var appkitTestnetChains = [
   import_networks2.sepolia,
@@ -2158,7 +2212,8 @@ var appkitTestnetChains = [
   import_networks2.arbitrumSepolia,
   import_networks2.optimismSepolia,
   import_networks2.avalancheFuji,
-  import_networks2.berachainBepolia
+  import_networks2.berachainBepolia,
+  import_networks2.confluxESpaceTestnet
 ];
 var metadata = {
   name: "Kima Transaction Widget",
@@ -2173,7 +2228,7 @@ var setupAppKit = (projectId, networkOption) => {
     return appKitModel;
   }
   const networks = networkOption === "mainnet" /* mainnet */ ? appkitMainnetChains : appkitTestnetChains;
-  appKitModel = (0, import_react40.createAppKit)({
+  appKitModel = (0, import_react41.createAppKit)({
     adapters: [new import_appkit_adapter_ethers.EthersAdapter()],
     metadata,
     networks,
@@ -2199,17 +2254,17 @@ var WalletProvider = ({
   walletConnectProjectId,
   isLoading
 }) => {
-  const [isReady, setIsReady] = (0, import_react41.useState)(false);
-  (0, import_react41.useEffect)(() => {
+  const [isReady, setIsReady] = (0, import_react42.useState)(false);
+  (0, import_react42.useEffect)(() => {
     if (!isLoading && networkOption) {
       setupAppKit(walletConnectProjectId, networkOption);
       setIsReady(true);
     }
   }, [networkOption, isLoading, walletConnectProjectId]);
   if (!isReady) {
-    return /* @__PURE__ */ import_react41.default.createElement(import_react41.default.Fragment, null);
+    return /* @__PURE__ */ import_react42.default.createElement(import_react42.default.Fragment, null);
   }
-  return /* @__PURE__ */ import_react41.default.createElement(import_react41.default.Fragment, null, children);
+  return /* @__PURE__ */ import_react42.default.createElement(import_react42.default.Fragment, null, children);
 };
 var WalletProvider_default = WalletProvider;
 
@@ -2252,124 +2307,13 @@ var selectCCTransactionIdSeed = (state) => state.option.ccTransactionIdSeed;
 var selectCCTransactionStatus = (state) => state.option.ccTransactionStatus;
 var selectCCTransactionRetrying = (state) => state.option.ccTransactionRetrying;
 
-// plugins/evm/utils/constants.tsx
-var import_web32 = require("@solana/web3.js");
-
-// plugins/evm/assets/icons/Cross.tsx
-var import_react42 = __toESM(require("react"), 1);
-
-// plugins/evm/assets/icons/Minimize.tsx
-var import_react43 = __toESM(require("react"), 1);
-
-// plugins/evm/assets/icons/FooterLogo.tsx
-var import_react44 = __toESM(require("react"), 1);
-
-// plugins/evm/assets/icons/Check.tsx
-var import_react45 = __toESM(require("react"), 1);
-
-// plugins/evm/assets/icons/Warning.tsx
-var import_react46 = __toESM(require("react"), 1);
-
-// plugins/evm/assets/icons/ArrowRight.tsx
-var import_react47 = __toESM(require("react"), 1);
-
-// plugins/evm/assets/icons/Arrow.tsx
-var import_react48 = __toESM(require("react"), 1);
-
-// plugins/evm/assets/icons/Lock.tsx
-var import_react49 = __toESM(require("react"), 1);
-
-// plugins/evm/assets/icons/Ethereum.tsx
-var import_react50 = __toESM(require("react"), 1);
-
-// plugins/evm/assets/icons/Solana.tsx
-var import_react51 = __toESM(require("react"), 1);
-
-// plugins/evm/assets/icons/Polygon.tsx
-var import_react52 = __toESM(require("react"), 1);
-
-// plugins/evm/assets/icons/Polygon_zkEVM.tsx
-var import_react53 = __toESM(require("react"), 1);
-
-// plugins/evm/assets/icons/Loader.tsx
-var import_react54 = __toESM(require("react"), 1);
-
-// plugins/evm/assets/icons/Error.tsx
-var import_react55 = __toESM(require("react"), 1);
-
-// plugins/evm/assets/icons/Avalanche.tsx
-var import_react56 = __toESM(require("react"), 1);
-
-// plugins/evm/assets/icons/Arbitrum.tsx
-var import_react57 = __toESM(require("react"), 1);
-
-// plugins/evm/assets/icons/Optimism.tsx
-var import_react58 = __toESM(require("react"), 1);
-
-// plugins/evm/assets/icons/USDC.tsx
-var import_react59 = __toESM(require("react"), 1);
-
-// plugins/evm/assets/icons/USDT.tsx
-var import_react60 = __toESM(require("react"), 1);
-
-// plugins/evm/assets/icons/USDK.tsx
-var import_react61 = __toESM(require("react"), 1);
-
-// plugins/evm/assets/icons/Fuse.tsx
-var import_react62 = __toESM(require("react"), 1);
-
-// plugins/evm/assets/icons/Celo.tsx
-var import_react63 = __toESM(require("react"), 1);
-
-// plugins/evm/assets/icons/GoodDollar.tsx
-var import_react64 = __toESM(require("react"), 1);
-
-// plugins/evm/assets/icons/Copy.tsx
-var import_react65 = __toESM(require("react"), 1);
-
-// plugins/evm/assets/icons/Bank.tsx
-var import_react66 = __toESM(require("react"), 1);
-
-// plugins/evm/assets/icons/BSC.tsx
-var import_react67 = __toESM(require("react"), 1);
-
-// plugins/evm/assets/icons/KEUR.tsx
-var import_react68 = __toESM(require("react"), 1);
-
-// plugins/evm/assets/icons/Tron.tsx
-var import_react69 = __toESM(require("react"), 1);
-
-// plugins/evm/assets/icons/BTC.tsx
-var import_react70 = __toESM(require("react"), 1);
-
-// plugins/evm/assets/icons/Wallet.tsx
-var import_react71 = __toESM(require("react"), 1);
-
-// plugins/evm/assets/icons/Explorer.tsx
-var import_react72 = __toESM(require("react"), 1);
-
-// plugins/evm/assets/icons/ExternalUrl.tsx
-var import_react73 = __toESM(require("react"), 1);
-
-// plugins/evm/assets/icons/Base.tsx
-var import_react74 = __toESM(require("react"), 1);
-
-// plugins/evm/assets/icons/Bera.tsx
-var import_react75 = __toESM(require("react"), 1);
-
-// plugins/evm/utils/constants.tsx
-var import_networks3 = require("@reown/appkit/networks");
-var CLUSTER2 = "devnet";
-var SOLANA_HOST2 = (0, import_web32.clusterApiUrl)(CLUSTER2);
-var isEVMChain2 = (chainId) => chainId === "ETH" /* ETHEREUM */ || chainId === "POL" /* POLYGON */ || chainId === "AVX" /* AVALANCHE */ || chainId === "BSC" /* BSC */ || chainId === "OPT" /* OPTIMISM */ || chainId === "ARB" /* ARBITRUM */ || chainId === "ZKE" /* POLYGON_ZKEVM */ || chainId === "BASE" /* BASE */ || chainId === "BERA" /* BERA */;
-
 // plugins/evm/core/hooks/useEvmProvider.ts
-var import_react76 = require("@reown/appkit/react");
+var import_react43 = require("@reown/appkit/react");
 var import_ethers = require("ethers");
 var useEvmProvider = () => {
   const { externalProvider } = useKimaContext();
-  const { walletProvider: appkitProvider } = (0, import_react76.useAppKitProvider)("eip155");
-  const appkitAccountInfo = (0, import_react76.useAppKitAccount)();
+  const { walletProvider: appkitProvider } = (0, import_react43.useAppKitProvider)("eip155");
+  const appkitAccountInfo = (0, import_react43.useAppKitAccount)();
   const walletAddress = externalProvider?.signer instanceof import_ethers.JsonRpcSigner && externalProvider.signer.address || appkitAccountInfo?.address;
   const walletProvider = externalProvider?.provider instanceof import_ethers.BrowserProvider ? externalProvider.provider : appkitProvider;
   return {
@@ -2383,7 +2327,7 @@ var import_viem = require("viem");
 
 // src/utils/functions.tsx
 var import_ethers2 = require("ethers");
-var import_web33 = require("@solana/web3.js");
+var import_web32 = require("@solana/web3.js");
 var import_tronweb = require("tronweb");
 var getShortenedAddress = (address) => {
   const is0x = (addr) => addr?.startsWith("0x");
@@ -2450,7 +2394,7 @@ var isValidExternalProvider = (externalProvider) => {
       return false;
   }
   if (type === "solana") {
-    if (!isSolProvider(provider) || !(signer instanceof import_web33.PublicKey))
+    if (!isSolProvider(provider) || !(signer instanceof import_web32.PublicKey))
       return false;
   }
   if (type === "tron") {
@@ -2460,7 +2404,7 @@ var isValidExternalProvider = (externalProvider) => {
   return true;
 };
 var isSolProvider = (provider) => {
-  return provider && provider.connection instanceof import_web33.Connection && typeof provider.signTransaction === "function";
+  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";
@@ -2578,7 +2522,7 @@ function useBalance() {
   const { pools } = useGetPools_default(backendUrl, networkOption);
   const { walletAddress, walletProvider } = useEvmProvider();
   const userAddress = mode === "light" /* light */ ? lightDemoAccounts.EVM : walletAddress;
-  const enabled = !!userAddress && !!tokenOptions && !!selectedCoin && pools.length > 0 && isEVMChain2(sourceChain.shortName) && (!!walletProvider || mode === "light" /* light */);
+  const enabled = !!userAddress && !!tokenOptions && !!selectedCoin && pools.length > 0 && isEVMChain(sourceChain.shortName) && (!!walletProvider || mode === "light" /* light */);
   const { data: allowanceData } = (0, import_react_query3.useQuery)({
     queryKey: [
       "evmAllowance",
@@ -2603,7 +2547,7 @@ function useBalance() {
 
 // plugins/evm/core/hooks/useNativeBalance.ts
 var import_react_query4 = require("@tanstack/react-query");
-var import_react77 = require("@reown/appkit/react");
+var import_react44 = require("@reown/appkit/react");
 
 // plugins/evm/utils/getBalance.ts
 var import_ethers3 = require("ethers");
@@ -2637,9 +2581,9 @@ var getEvmBalance = async (input) => {
 var import_react_redux2 = require("react-redux");
 var useNativeEvmBalance = () => {
   const { externalProvider } = useKimaContext();
-  const appkitAccountInfo = (0, import_react77.useAppKitAccount)();
+  const appkitAccountInfo = (0, import_react44.useAppKitAccount)();
   const { address: appkitAddress } = appkitAccountInfo || {};
-  const { walletProvider } = (0, import_react77.useAppKitProvider)("eip155");
+  const { walletProvider } = (0, import_react44.useAppKitProvider)("eip155");
   const sourceChain = (0, import_react_redux2.useSelector)(selectSourceChain);
   const networkOption = (0, import_react_redux2.useSelector)(selectNetworkOption);
   const walletAddress = externalProvider?.signer?.address || appkitAddress;
@@ -2670,9 +2614,9 @@ var useNativeEvmBalance = () => {
 var useNativeBalance_default = useNativeEvmBalance;
 
 // plugins/evm/core/hooks/useIsWalletReady.tsx
-var import_react78 = require("react");
+var import_react45 = require("react");
 var import_react_redux4 = require("react-redux");
-var import_react79 = require("@reown/appkit/react");
+var import_react46 = require("@reown/appkit/react");
 
 // plugins/evm/utils/switchNetworkEthers.tsx
 var import_ethers4 = require("ethers");
@@ -2780,16 +2724,16 @@ function useIsWalletReady() {
   const backendUrl = (0, import_react_redux4.useSelector)(selectBackendUrl);
   const mode = (0, import_react_redux4.useSelector)(selectMode);
   const { data: chains } = useChainData(backendUrl);
-  const { walletProvider: appkitProvider } = (0, import_react79.useAppKitProvider)("eip155");
-  const appkitAccountInfo = (0, import_react79.useAppKitAccount)();
-  const { chainId: walletChainId } = (0, import_react79.useAppKitNetwork)();
+  const { walletProvider: appkitProvider } = (0, import_react46.useAppKitProvider)("eip155");
+  const appkitAccountInfo = (0, import_react46.useAppKitAccount)();
+  const { chainId: walletChainId } = (0, import_react46.useAppKitNetwork)();
   const { address: walletAddress, isConnected: appkitIsConnected } = appkitAccountInfo || {};
   const isConnected = appkitIsConnected && walletAddress !== void 0;
   const sourceChain = (0, import_react_redux4.useSelector)(selectSourceChain);
-  const [isReady, setIsReady] = (0, import_react78.useState)(false);
-  const [statusMessage, setStatusMessage] = (0, import_react78.useState)("Wallet not connected");
-  const [connectedAddress, setConnectedAddress] = (0, import_react78.useState)("");
-  const switchNetwork = (0, import_react78.useCallback)(async () => {
+  const [isReady, setIsReady] = (0, import_react45.useState)(false);
+  const [statusMessage, setStatusMessage] = (0, import_react45.useState)("Wallet not connected");
+  const [connectedAddress, setConnectedAddress] = (0, import_react45.useState)("");
+  const switchNetwork = (0, import_react45.useCallback)(async () => {
     logger_default.debug("useIsWalletReady:EVM:Attempting to switch network...", {
       hasProvider: !!appkitProvider,
       sourceChain,
@@ -2809,7 +2753,7 @@ function useIsWalletReady() {
       }
     }
   }, [appkitProvider, sourceChain]);
-  (0, import_react78.useEffect)(() => {
+  (0, import_react45.useEffect)(() => {
     const resolveConnection = async () => {
       if (mode === "light" /* light */) {
         const demoAddress = lightDemoAccounts.EVM;
@@ -3002,9 +2946,9 @@ function useEvmAllowance() {
 }
 
 // plugins/evm/core/hooks/useDisconnectWallet.tsx
-var import_react80 = require("@reown/appkit/react");
+var import_react47 = require("@reown/appkit/react");
 function useDisconnectWallet() {
-  const { disconnect } = (0, import_react80.useDisconnect)();
+  const { disconnect } = (0, import_react47.useDisconnect)();
   return { disconnectWallet: disconnect };
 }
 var useDisconnectWallet_default = useDisconnectWallet;
@@ -3032,7 +2976,7 @@ var EvmPlugin = class extends PluginBase {
     walletConnectProjectId,
     isLoading
   }) => {
-    return /* @__PURE__ */ import_react81.default.createElement(
+    return /* @__PURE__ */ import_react48.default.createElement(
       WalletProvider_default,
       {
         children,
@@ -3048,17 +2992,17 @@ var evmPlugin = new EvmPlugin(store);
 var evm_default = evmPlugin;
 
 // plugins/solana/index.tsx
-var import_react84 = __toESM(require("react"), 1);
+var import_react51 = __toESM(require("react"), 1);
 
 // plugins/solana/features/walletConnect/WalletProvider.tsx
-var import_react82 = __toESM(require("react"), 1);
+var import_react49 = __toESM(require("react"), 1);
 var import_wallet_adapter_react = require("@solana/wallet-adapter-react");
 var import_wallet_adapter_wallets = require("@solana/wallet-adapter-wallets");
 
 // plugins/solana/utils/constants.tsx
-var import_web34 = require("@solana/web3.js");
+var import_web33 = require("@solana/web3.js");
 function getHostEndpoint(networkOption) {
-  return networkOption === "mainnet" ? "https://solana-rpc.publicnode.com" : (0, import_web34.clusterApiUrl)("devnet");
+  return networkOption === "mainnet" ? "https://solana-rpc.publicnode.com" : (0, import_web33.clusterApiUrl)("devnet");
 }
 var networkOptions2 = [
   {
@@ -3079,7 +3023,7 @@ var WalletProvider2 = ({
   logger_default.debug(
     `WalletProvider initialized with projectId: ${walletConnectProjectId}`
   );
-  return /* @__PURE__ */ import_react82.default.createElement(import_wallet_adapter_react.ConnectionProvider, { endpoint }, /* @__PURE__ */ import_react82.default.createElement(
+  return /* @__PURE__ */ import_react49.default.createElement(import_wallet_adapter_react.ConnectionProvider, { endpoint }, /* @__PURE__ */ import_react49.default.createElement(
     import_wallet_adapter_react.WalletProvider,
     {
       autoConnect: false,
@@ -3102,10 +3046,10 @@ var import_wallet_adapter_react2 = require("@solana/wallet-adapter-react");
 var import_react_query7 = require("@tanstack/react-query");
 
 // plugins/solana/utils/getSolBalance.tsx
-var import_web35 = require("@solana/web3.js");
+var import_web34 = require("@solana/web3.js");
 var getSolBalance = async (connection, publicKey) => {
   try {
-    const balance = await connection.getBalance(publicKey) / import_web35.LAMPORTS_PER_SOL;
+    const balance = await connection.getBalance(publicKey) / import_web34.LAMPORTS_PER_SOL;
     logger_default.debug("(NEW) SOL balance:", balance);
     return balance ?? 0;
   } catch (error) {
@@ -3115,7 +3059,7 @@ var getSolBalance = async (connection, publicKey) => {
 };
 
 // plugins/solana/core/hooks/useGetSolBalance.tsx
-var import_web36 = require("@solana/web3.js");
+var import_web35 = require("@solana/web3.js");
 var import_react_redux6 = require("react-redux");
 function useGetSolBalance() {
   const { externalProvider } = useKimaContext();
@@ -3123,7 +3067,7 @@ function useGetSolBalance() {
   const { connection: internalConnection } = (0, import_wallet_adapter_react2.useConnection)();
   const sourceNetwork = (0, import_react_redux6.useSelector)(selectSourceChain);
   const isSolanaPublicKey = (key) => {
-    return key instanceof import_web36.PublicKey;
+    return key instanceof import_web35.PublicKey;
   };
   const publicKey = isSolanaPublicKey(externalProvider?.signer) ? externalProvider.signer : internalPublicKey;
   const connection = externalProvider?.provider.connection || internalConnection;
@@ -3149,7 +3093,7 @@ var import_react_redux8 = require("react-redux");
 
 // plugins/solana/utils/getTokenAllowance.tsx
 var import_spl_token = require("@solana/spl-token");
-var import_web37 = require("@solana/web3.js");
+var import_web36 = require("@solana/web3.js");
 var getTokenAllowance2 = async ({
   tokenOptions,
   selectedCoin,
@@ -3160,7 +3104,7 @@ var getTokenAllowance2 = async ({
   try {
     const tokenAddress = getTokenAddress(tokenOptions, selectedCoin, "SOL");
     const poolAddress = getPoolAddress(pools, "SOL");
-    const mintPublicKey = new import_web37.PublicKey(tokenAddress);
+    const mintPublicKey = new import_web36.PublicKey(tokenAddress);
     const tokenAccountAddress = await (0, import_spl_token.getAssociatedTokenAddress)(
       mintPublicKey,
       userPublicKey
@@ -3186,7 +3130,7 @@ var import_react_query8 = require("@tanstack/react-query");
 // plugins/solana/core/hooks/useSolanaProvider.ts
 var import_react_redux7 = require("react-redux");
 var import_wallet_adapter_react3 = require("@solana/wallet-adapter-react");
-var import_web38 = require("@solana/web3.js");
+var import_web37 = require("@solana/web3.js");
 var useSolanaProvider = () => {
   const sourceChain = (0, import_react_redux7.useSelector)(selectSourceChain);
   const { externalProvider } = useKimaContext();
@@ -3196,8 +3140,8 @@ var useSolanaProvider = () => {
     signTransaction: internalSignTransaction,
     signMessage: internalSignMessage
   } = (0, import_wallet_adapter_react3.useWallet)();
-  const isSolanaProvider = sourceChain.shortName === "SOL" && externalProvider?.type === "solana" && externalProvider.provider && externalProvider.signer instanceof import_web38.PublicKey;
-  const userPublicKey = isSolanaProvider && externalProvider && externalProvider.signer instanceof import_web38.PublicKey ? externalProvider?.signer : sourceChain.shortName === "SOL" ? internalPublicKey : null;
+  const isSolanaProvider = sourceChain.shortName === "SOL" && externalProvider?.type === "solana" && externalProvider.provider && externalProvider.signer instanceof import_web37.PublicKey;
+  const userPublicKey = isSolanaProvider && externalProvider && externalProvider.signer instanceof import_web37.PublicKey ? externalProvider?.signer : sourceChain.shortName === "SOL" ? internalPublicKey : null;
   const signTransaction = isSolanaProvider && externalProvider && "signTransaction" in externalProvider.provider ? externalProvider.provider.signTransaction : sourceChain.shortName === "SOL" ? internalSignTransaction : void 0;
   const signMessage = isSolanaProvider && externalProvider && "signMessage" in externalProvider.provider ? externalProvider.provider.signMessage : sourceChain.shortName === "SOL" ? internalSignMessage : void 0;
   const connection = isSolanaProvider && externalProvider && "connection" in externalProvider.provider ? externalProvider.provider.connection : sourceChain.shortName === "SOL" ? internalConnection : void 0;
@@ -3210,7 +3154,7 @@ var useSolanaProvider = () => {
 };
 
 // plugins/solana/core/hooks/useBalance.tsx
-var import_web39 = require("@solana/web3.js");
+var import_web38 = require("@solana/web3.js");
 var emptyResult2 = {};
 function useBalance2() {
   const sourceChain = (0, import_react_redux8.useSelector)(selectSourceChain);
@@ -3222,7 +3166,7 @@ function useBalance2() {
   const { pools } = useGetPools_default(backendUrl, networkOption);
   const { connection, userPublicKey } = useSolanaProvider();
   const resolvedAddress = mode === "light" /* light */ ? lightDemoAccounts.SOL : userPublicKey;
-  const publicKey = resolvedAddress ? new import_web39.PublicKey(resolvedAddress) : void 0;
+  const publicKey = resolvedAddress ? new import_web38.PublicKey(resolvedAddress) : void 0;
   const { data: allowanceData } = (0, import_react_query8.useQuery)({
     queryKey: [
       "solanaAllowance",
@@ -3249,7 +3193,7 @@ function useBalance2() {
 
 // plugins/solana/core/hooks/useSolanaAllowance.tsx
 var import_spl_token2 = require("@solana/spl-token");
-var import_web310 = require("@solana/web3.js");
+var import_web39 = require("@solana/web3.js");
 var import_react_query9 = require("@tanstack/react-query");
 function useSolanaAllowance() {
   const queryClient2 = (0, import_react_query9.useQueryClient)();
@@ -3265,7 +3209,7 @@ function useSolanaAllowance() {
   const { pools } = useGetPools_default(backendUrl, networkOption);
   const { userPublicKey, signTransaction, signMessage, connection } = useSolanaProvider();
   const allowanceData = useBalance2();
-  const publicKey = mode === "light" /* light */ ? new import_web310.PublicKey(lightDemoAccounts.SOL) : userPublicKey;
+  const publicKey = mode === "light" /* light */ ? new import_web39.PublicKey(lightDemoAccounts.SOL) : userPublicKey;
   const signSolanaMessage = async (data) => {
     if (!signMessage) {
       logger_default.warn("useSolanaAllowance: Missing Solana provider setup");
@@ -3297,20 +3241,20 @@ function useSolanaAllowance() {
     const tokenAddress = getTokenAddress(tokenOptions, selectedCoin, "SOL");
     try {
       const tokenAccountAddress = await (0, import_spl_token2.getAssociatedTokenAddress)(
-        new import_web310.PublicKey(tokenAddress),
+        new import_web39.PublicKey(tokenAddress),
         publicKey
       );
       const amount = isCancel ? 0n : allowanceNumber;
       logger_default.debug("useSolanaAllowance: Approving amount:", amount);
       const approveInstruction = (0, import_spl_token2.createApproveInstruction)(
         tokenAccountAddress,
-        new import_web310.PublicKey(poolAddress),
+        new import_web39.PublicKey(poolAddress),
         publicKey,
         amount,
         [],
         import_spl_token2.TOKEN_PROGRAM_ID
       );
-      const transaction = new import_web310.Transaction().add(approveInstruction);
+      const transaction = new import_web39.Transaction().add(approveInstruction);
       transaction.feePayer = publicKey;
       transaction.recentBlockhash = (await connection.getLatestBlockhash()).blockhash;
       const signedTransaction = await signTransaction(transaction);
@@ -3345,7 +3289,7 @@ function useSolanaAllowance() {
 }
 
 // plugins/solana/core/hooks/useIsWalletReady.tsx
-var import_react83 = require("react");
+var import_react50 = require("react");
 var import_wallet_adapter_react4 = require("@solana/wallet-adapter-react");
 var import_react_redux10 = require("react-redux");
 var import_react_redux11 = require("react-redux");
@@ -3360,7 +3304,7 @@ function useIsWalletReady2() {
   const { externalProvider } = useKimaContext();
   const { publicKey: solanaAddress } = (0, import_wallet_adapter_react4.useWallet)();
   const sourceChain = (0, import_react_redux10.useSelector)(selectSourceChain);
-  (0, import_react83.useEffect)(() => {
+  (0, import_react50.useEffect)(() => {
     if (sourceChain.shortName !== "SOL") return;
     if (mode === "light" /* light */) {
       dispatch(setSourceAddress(lightDemoAccounts.SOL));
@@ -3368,7 +3312,7 @@ function useIsWalletReady2() {
     }
     solanaAddress && dispatch(setSourceAddress(solanaAddress.toBase58()));
   }, [mode, solanaAddress, sourceChain]);
-  return (0, import_react83.useMemo)(() => {
+  return (0, import_react50.useMemo)(() => {
     if (mode === "light" /* light */)
       return createWalletStatus(
         true,
@@ -3422,7 +3366,7 @@ var SolanaPlugin = class extends PluginBase {
     networkOption,
     walletConnectProjectId
   }) => {
-    return /* @__PURE__ */ import_react84.default.createElement(
+    return /* @__PURE__ */ import_react51.default.createElement(
       WalletProvider_default2,
       {
         networkOption,
@@ -3436,10 +3380,10 @@ var solanaPlugin = new SolanaPlugin(store);
 var solana_default = solanaPlugin;
 
 // plugins/tron/index.tsx
-var import_react89 = __toESM(require("react"), 1);
+var import_react56 = __toESM(require("react"), 1);
 
 // plugins/tron/features/walletConnect/WalletProvider.tsx
-var import_react85 = __toESM(require("react"), 1);
+var import_react52 = __toESM(require("react"), 1);
 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");
@@ -3448,7 +3392,7 @@ var import_tronwallet_adapter_tokenpocket = require("@tronweb3/tronwallet-adapte
 var import_tronwallet_abstract_adapter = require("@tronweb3/tronwallet-abstract-adapter");
 var import_react_hot_toast = require("react-hot-toast");
 var WalletProvider3 = ({ children, networkOption }) => {
-  const adapters = (0, import_react85.useMemo)(
+  const adapters = (0, import_react52.useMemo)(
     () => [
       new import_tronwallet_adapter_tronlink.TronLinkAdapter(),
       new import_tronwallet_adapter_ledger.LedgerAdapter({ accountNumber: 2 }),
@@ -3478,7 +3422,7 @@ var WalletProvider3 = ({ children, networkOption }) => {
       adapters[0].switchChain("0x2b6653dc");
     }
   };
-  return /* @__PURE__ */ import_react85.default.createElement(
+  return /* @__PURE__ */ import_react52.default.createElement(
     import_tronwallet_adapter_react_hooks.WalletProvider,
     {
       adapters,
@@ -3492,7 +3436,7 @@ var WalletProvider3 = ({ children, networkOption }) => {
 var WalletProvider_default3 = WalletProvider3;
 
 // plugins/tron/core/hooks/useGetTrxBalance.tsx
-var import_react86 = require("react");
+var import_react53 = require("react");
 var import_react_redux12 = require("react-redux");
 var import_react_query10 = require("@tanstack/react-query");
 
@@ -3531,7 +3475,7 @@ function useGetTronBalance() {
   const networkOption = (0, import_react_redux12.useSelector)(selectNetworkOption);
   const { wallet } = (0, import_tronwallet_adapter_react_hooks2.useWallet)();
   const sourceNetwork = (0, import_react_redux12.useSelector)(selectSourceChain);
-  const tronWeb = (0, import_react86.useMemo)(
+  const tronWeb = (0, import_react53.useMemo)(
     () => networkOption === "testnet" /* testnet */ ? tronWebTestnet : tronWebMainnet,
     [networkOption]
   );
@@ -3560,7 +3504,7 @@ var import_react_query12 = require("@tanstack/react-query");
 var import_react_redux13 = require("react-redux");
 var import_tronweb4 = require("tronweb");
 var import_tronwallet_adapter_react_hooks3 = require("@tronweb3/tronwallet-adapter-react-hooks");
-var import_react87 = require("react");
+var import_react54 = require("react");
 var useTronProvider = () => {
   const { externalProvider } = useKimaContext();
   const networkOption = (0, import_react_redux13.useSelector)(selectNetworkOption);
@@ -3571,7 +3515,7 @@ var useTronProvider = () => {
     signMessage: internalSignMessage
   } = (0, import_tronwallet_adapter_react_hooks3.useWallet)();
   const isTronProvider2 = sourceChain.shortName === "TRX" && externalProvider?.type === "tron" && externalProvider.provider.tronWeb instanceof import_tronweb4.TronWeb && typeof externalProvider.signer === "string";
-  const tronWeb = (0, import_react87.useMemo)(() => {
+  const tronWeb = (0, import_react54.useMemo)(() => {
     if (isTronProvider2)
       return externalProvider.provider.tronWeb;
     return networkOption === "mainnet" ? tronWebMainnet : tronWebTestnet;
@@ -3959,7 +3903,7 @@ function useTronAllowance() {
 }
 
 // plugins/tron/core/hooks/useIsWalletReady.tsx
-var import_react88 = require("react");
+var import_react55 = require("react");
 var import_tronwallet_adapter_react_hooks4 = require("@tronweb3/tronwallet-adapter-react-hooks");
 var import_react_redux16 = require("react-redux");
 var import_react_redux17 = require("react-redux");
@@ -3974,7 +3918,7 @@ function useIsWalletReady3() {
   const sourceChain = (0, import_react_redux17.useSelector)(selectSourceChain);
   const { externalProvider } = useKimaContext();
   const { address: internalTronAddress } = (0, import_tronwallet_adapter_react_hooks4.useWallet)();
-  (0, import_react88.useEffect)(() => {
+  (0, import_react55.useEffect)(() => {
     if (sourceChain.shortName !== "TRX") return;
     if (mode === "light" /* light */) {
       dispatch(setSourceAddress(lightDemoAccounts.TRX));
@@ -3982,7 +3926,7 @@ function useIsWalletReady3() {
     }
     internalTronAddress && dispatch(setSourceAddress(internalTronAddress));
   }, [mode, internalTronAddress, sourceChain]);
-  return (0, import_react88.useMemo)(() => {
+  return (0, import_react55.useMemo)(() => {
     if (mode === "light" /* light */)
       return createWalletStatus2(
         true,
@@ -4036,7 +3980,7 @@ var TronPlugin = class extends PluginBase {
     networkOption,
     walletConnectProjectId
   }) => {
-    return /* @__PURE__ */ import_react89.default.createElement(
+    return /* @__PURE__ */ import_react56.default.createElement(
       WalletProvider_default3,
       {
         networkOption,
@@ -4050,16 +3994,16 @@ var tronPlugin = new TronPlugin(store);
 var tron_default = tronPlugin;
 
 // plugins/credit-card/index.tsx
-var import_react91 = __toESM(require("react"), 1);
+var import_react58 = __toESM(require("react"), 1);
 
 // plugins/credit-card/core/hooks/useIsProviderReady.tsx
 var import_react_redux18 = require("react-redux");
-var import_react90 = require("react");
+var import_react57 = require("react");
 var useIsProviderReady = () => {
-  const [isReady, setIsReady] = (0, import_react90.useState)(false);
+  const [isReady, setIsReady] = (0, import_react57.useState)(false);
   const dispatch = (0, import_react_redux18.useDispatch)();
   const sourceChain = (0, import_react_redux18.useSelector)(selectSourceChain);
-  (0, import_react90.useEffect)(() => {
+  (0, import_react57.useEffect)(() => {
     if (sourceChain.compatibility === "CC" /* CC */) {
       logger_default.debug("CC:useIsProviderReady: dispatching changes from fiat...");
       dispatch(setSourceAddress(""));
@@ -4108,7 +4052,7 @@ var CreditCardPlugin = class extends PluginBase {
     return chain.compatibility === "CC";
   };
   Provider = ({ children }) => {
-    return /* @__PURE__ */ import_react91.default.createElement(import_react91.default.Fragment, null, children);
+    return /* @__PURE__ */ import_react58.default.createElement(import_react58.default.Fragment, null, children);
   };
 };
 var creditCardPlugin = new CreditCardPlugin(store);
@@ -4118,18 +4062,18 @@ var credit_card_default = creditCardPlugin;
 initializePlugins([evm_default, solana_default, tron_default, credit_card_default]);
 
 // src/KimaProvider.tsx
-var import_web311 = require("@solana/web3.js");
+var import_web310 = require("@solana/web3.js");
 var import_ethers5 = require("ethers");
 var queryClient = new import_react_query13.QueryClient();
-var KimaContext = (0, import_react92.createContext)(void 0);
+var KimaContext = (0, import_react59.createContext)(void 0);
 var useKimaContext = () => {
-  const context = (0, import_react92.useContext)(KimaContext);
+  const context = (0, import_react59.useContext)(KimaContext);
   if (!context) {
     throw new Error("useKimaContext must be used within a KimaProvider");
   }
   return context;
 };
-var InternalKimaProvider = React81.memo(
+var InternalKimaProvider = React48.memo(
   ({ kimaBackendUrl, walletConnectProjectId, children, logLevel }) => {
     const { data: envOptions, isLoading } = useGetEnvOptions({
       kimaBackendUrl
@@ -4138,12 +4082,12 @@ var InternalKimaProvider = React81.memo(
     logger_default.debug("internalkimaprovider: isLoading: ", isLoading);
     const plugins = (0, import_react_redux19.useSelector)(selectAllPlugins, (prev, next) => prev === next);
     logger_default.debug("Registered Plugins:", plugins);
-    const WrappedProviders = (0, import_react92.useMemo)(() => {
+    const WrappedProviders = (0, import_react59.useMemo)(() => {
       return plugins.reduce((acc, pluginData) => {
         const plugin = getPluginProvider(pluginData.id);
         if (plugin) {
           const { Provider: Provider3 } = plugin;
-          return /* @__PURE__ */ React81.createElement(
+          return /* @__PURE__ */ React48.createElement(
             Provider3,
             {
               key: plugin.data.id,
@@ -4157,12 +4101,12 @@ var InternalKimaProvider = React81.memo(
         return acc;
       }, children);
     }, [plugins, walletConnectProjectId, envOptions, isLoading]);
-    return /* @__PURE__ */ React81.createElement(React81.Fragment, null, WrappedProviders);
+    return /* @__PURE__ */ React48.createElement(React48.Fragment, null, WrappedProviders);
   }
 );
 var KimaProvider = ({
   walletConnectProjectId,
-  children = /* @__PURE__ */ React81.createElement(React81.Fragment, null),
+  children = /* @__PURE__ */ React48.createElement(React48.Fragment, null),
   externalProvider,
   kimaBackendUrl = "http://localhost:3001",
   logLevel,
@@ -4182,7 +4126,7 @@ var KimaProvider = ({
     validExternalProvider = externalProvider;
     if (externalProvider.type === "evm" && externalProvider.signer instanceof import_ethers5.JsonRpcSigner)
       sourceAddress = externalProvider.signer.address;
-    if (externalProvider.type === "solana" && externalProvider.signer instanceof import_web311.PublicKey)
+    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;
@@ -4197,7 +4141,7 @@ var KimaProvider = ({
     errorHandler,
     switchChainHandler
   };
-  return /* @__PURE__ */ React81.createElement(import_react_query13.QueryClientProvider, { client: queryClient }, /* @__PURE__ */ React81.createElement(import_react_redux19.Provider, { store }, /* @__PURE__ */ React81.createElement(KimaContext.Provider, { value: kimaContext }, /* @__PURE__ */ React81.createElement(
+  return /* @__PURE__ */ React48.createElement(import_react_query13.QueryClientProvider, { client: queryClient }, /* @__PURE__ */ React48.createElement(import_react_redux19.Provider, { store }, /* @__PURE__ */ React48.createElement(KimaContext.Provider, { value: kimaContext }, /* @__PURE__ */ React48.createElement(
     InternalKimaProvider,
     {
       kimaBackendUrl,
@@ -4209,17 +4153,17 @@ var KimaProvider = ({
 var KimaProvider_default = KimaProvider;
 
 // src/components/KimaTransactionWidget.tsx
-var import_react141 = __toESM(require("react"), 1);
+var import_react108 = __toESM(require("react"), 1);
 
 // src/components/KimaWidgetWrapper.tsx
-var import_react138 = __toESM(require("react"), 1);
+var import_react105 = __toESM(require("react"), 1);
 var import_react_redux58 = require("react-redux");
 
 // src/components/TransactionWidget.tsx
-var import_react122 = __toESM(require("react"), 1);
+var import_react89 = __toESM(require("react"), 1);
 
 // src/components/reusable/Progressbar.tsx
-var import_react93 = __toESM(require("react"), 1);
+var import_react60 = __toESM(require("react"), 1);
 var import_react_redux20 = require("react-redux");
 var stepInfo = [
   {
@@ -4240,12 +4184,12 @@ var stepInfo = [
 ];
 var Progressbar = ({ step, errorStep, setFocus, loadingStep }) => {
   const theme = (0, import_react_redux20.useSelector)(selectTheme);
-  return /* @__PURE__ */ import_react93.default.createElement("div", { className: "kima-progressbar" }, /* @__PURE__ */ import_react93.default.createElement(
+  return /* @__PURE__ */ import_react60.default.createElement("div", { className: "kima-progressbar" }, /* @__PURE__ */ import_react60.default.createElement(
     "div",
     {
       className: `value step-${step * 100 / 4}`
     }
-  ), /* @__PURE__ */ import_react93.default.createElement("div", { className: "step-indicators" }, stepInfo.map((item, index) => /* @__PURE__ */ import_react93.default.createElement(
+  ), /* @__PURE__ */ import_react60.default.createElement("div", { className: "step-indicators" }, stepInfo.map((item, index) => /* @__PURE__ */ import_react60.default.createElement(
     "div",
     {
       key: item.title,
@@ -4256,14 +4200,14 @@ var Progressbar = ({ step, errorStep, setFocus, loadingStep }) => {
         if (index < 4) setFocus(index);
       }
     },
-    /* @__PURE__ */ import_react93.default.createElement("div", { className: "step-info" }, step < index && /* @__PURE__ */ import_react93.default.createElement(Lock_default, null), step >= index ? index === loadingStep ? /* @__PURE__ */ import_react93.default.createElement(Loader_default, { className: "loader" }) : index === errorStep ? /* @__PURE__ */ import_react93.default.createElement(Warning_default, null) : /* @__PURE__ */ import_react93.default.createElement(Check_default, null) : null, /* @__PURE__ */ import_react93.default.createElement("span", null, item.title))
+    /* @__PURE__ */ import_react60.default.createElement("div", { className: "step-info" }, step < index && /* @__PURE__ */ import_react60.default.createElement(Lock_default, null), step >= index ? index === loadingStep ? /* @__PURE__ */ import_react60.default.createElement(Loader_default, { className: "loader" }) : index === errorStep ? /* @__PURE__ */ import_react60.default.createElement(Warning_default, null) : /* @__PURE__ */ import_react60.default.createElement(Check_default, null) : null, /* @__PURE__ */ import_react60.default.createElement("span", null, item.title))
   ))));
 };
 var Progressbar_default = Progressbar;
 
 // src/components/reusable/ExternalLink.tsx
-var import_react94 = __toESM(require("react"), 1);
-var ExternalLink = ({ to, children, className, rest }) => /* @__PURE__ */ import_react94.default.createElement(
+var import_react61 = __toESM(require("react"), 1);
+var ExternalLink = ({ to, children, className, rest }) => /* @__PURE__ */ import_react61.default.createElement(
   "a",
   {
     className,
@@ -4277,20 +4221,20 @@ var ExternalLink = ({ to, children, className, rest }) => /* @__PURE__ */ import
 var ExternalLink_default = ExternalLink;
 
 // src/components/reusable/NetworkLabel.tsx
-var import_react95 = __toESM(require("react"), 1);
+var import_react62 = __toESM(require("react"), 1);
 var import_react_redux21 = require("react-redux");
 
 // src/components/reusable/PrimaryButton.tsx
-var import_react98 = __toESM(require("react"), 1);
+var import_react65 = __toESM(require("react"), 1);
 
 // src/assets/loading/180-ring.tsx
-var import_react96 = __toESM(require("react"), 1);
+var import_react63 = __toESM(require("react"), 1);
 var Loading180Ring = ({
   width = 24,
   height = 24,
   fill = "white"
 }) => {
-  return /* @__PURE__ */ import_react96.default.createElement(
+  return /* @__PURE__ */ import_react63.default.createElement(
     "svg",
     {
       width,
@@ -4299,7 +4243,7 @@ var Loading180Ring = ({
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg"
     },
-    /* @__PURE__ */ import_react96.default.createElement("path", { d: "M12,4a8,8,0,0,1,7.89,6.7A1.53,1.53,0,0,0,21.38,12h0a1.5,1.5,0,0,0,1.48-1.75,11,11,0,0,0-21.72,0A1.5,1.5,0,0,0,2.62,12h0a1.53,1.53,0,0,0,1.49-1.3A8,8,0,0,1,12,4Z" }, /* @__PURE__ */ import_react96.default.createElement(
+    /* @__PURE__ */ import_react63.default.createElement("path", { d: "M12,4a8,8,0,0,1,7.89,6.7A1.53,1.53,0,0,0,21.38,12h0a1.5,1.5,0,0,0,1.48-1.75,11,11,0,0,0-21.72,0A1.5,1.5,0,0,0,2.62,12h0a1.53,1.53,0,0,0,1.49-1.3A8,8,0,0,1,12,4Z" }, /* @__PURE__ */ import_react63.default.createElement(
       "animateTransform",
       {
         attributeName: "transform",
@@ -4314,7 +4258,7 @@ var Loading180Ring = ({
 var ring_default = Loading180Ring;
 
 // src/assets/loading/6-dots-scale.tsx
-var import_react97 = __toESM(require("react"), 1);
+var import_react64 = __toESM(require("react"), 1);
 
 // src/components/reusable/PrimaryButton.tsx
 var PrimaryButton = ({
@@ -4325,7 +4269,7 @@ var PrimaryButton = ({
   disabled = false,
   ref
 }) => {
-  return /* @__PURE__ */ import_react98.default.createElement("div", { className: "primary-button-wrapper" }, /* @__PURE__ */ import_react98.default.createElement(
+  return /* @__PURE__ */ import_react65.default.createElement("div", { className: "primary-button-wrapper" }, /* @__PURE__ */ import_react65.default.createElement(
     "button",
     {
       className: `primary-button ${className}`,
@@ -4333,14 +4277,14 @@ var PrimaryButton = ({
       ref,
       disabled
     },
-    isLoading && /* @__PURE__ */ import_react98.default.createElement("div", { className: "loading-indicator" }, /* @__PURE__ */ import_react98.default.createElement(ring_default, { width: 24, height: 24, fill: "white" })),
+    isLoading && /* @__PURE__ */ import_react65.default.createElement("div", { className: "loading-indicator" }, /* @__PURE__ */ import_react65.default.createElement(ring_default, { width: 24, height: 24, fill: "white" })),
     children
   ));
 };
 var PrimaryButton_default = PrimaryButton;
 
 // src/components/reusable/SecondaryButton.tsx
-var import_react99 = __toESM(require("react"), 1);
+var import_react66 = __toESM(require("react"), 1);
 var SecondaryButton = ({
   className,
   clickHandler,
@@ -4349,7 +4293,7 @@ var SecondaryButton = ({
   style,
   disabled = false,
   isLoading
-}) => /* @__PURE__ */ import_react99.default.createElement(
+}) => /* @__PURE__ */ import_react66.default.createElement(
   "button",
   {
     className: `secondary-button ${className} ${theme}`,
@@ -4357,26 +4301,26 @@ var SecondaryButton = ({
     ...style,
     disabled
   },
-  isLoading && /* @__PURE__ */ import_react99.default.createElement("div", { className: "loading-indicator" }, /* @__PURE__ */ import_react99.default.createElement(ring_default, { width: 24, height: 24, fill: "black" })),
+  isLoading && /* @__PURE__ */ import_react66.default.createElement("div", { className: "loading-indicator" }, /* @__PURE__ */ import_react66.default.createElement(ring_default, { width: 24, height: 24, fill: "black" })),
   children
 );
 var SecondaryButton_default = SecondaryButton;
 
 // src/components/reusable/Dropdown.tsx
-var import_react100 = __toESM(require("react"), 1);
+var import_react67 = __toESM(require("react"), 1);
 var import_react_redux22 = require("react-redux");
 var import_react_redux23 = require("react-redux");
 
 // src/components/reusable/WalletButton.tsx
-var import_react106 = __toESM(require("react"), 1);
+var import_react73 = __toESM(require("react"), 1);
 var import_react_redux25 = require("react-redux");
 
 // src/hooks/useGetCurrentPlugin.tsx
-var import_react102 = require("react");
+var import_react69 = require("react");
 var import_react_redux24 = require("react-redux");
 
 // plugins/default/index.tsx
-var import_react101 = __toESM(require("react"), 1);
+var import_react68 = __toESM(require("react"), 1);
 var DefaultPlugin = class extends PluginBase {
   constructor(store2) {
     super({
@@ -4411,7 +4355,7 @@ var DefaultPlugin = class extends PluginBase {
     networkOption,
     walletConnectProjectId
   }) => {
-    return /* @__PURE__ */ import_react101.default.createElement("div", null, children);
+    return /* @__PURE__ */ import_react68.default.createElement("div", null, children);
   };
 };
 var defaultPlugin = new DefaultPlugin(store);
@@ -4419,10 +4363,10 @@ var default_default = defaultPlugin;
 
 // src/hooks/useGetCurrentPlugin.tsx
 var useGetCurrentPlugin = () => {
-  const [currentPlugin, setCurrentPlugin] = (0, import_react102.useState)(default_default);
+  const [currentPlugin, setCurrentPlugin] = (0, import_react69.useState)(default_default);
   const isIndexed = (0, import_react_redux24.useSelector)(selectPluginIsIndexed);
   const sourceChain = (0, import_react_redux24.useSelector)(selectSourceChain);
-  (0, import_react102.useEffect)(() => {
+  (0, import_react69.useEffect)(() => {
     if (!isIndexed) return;
     const plugin = getPlugin(sourceChain.shortName);
     if (plugin) setCurrentPlugin(plugin);
@@ -4481,13 +4425,13 @@ function useBalance4() {
 }
 
 // src/hooks/useWidth.tsx
-var import_react103 = require("react");
+var import_react70 = require("react");
 var useWidth = () => {
-  const [width, setWidth] = (0, import_react103.useState)(0);
+  const [width, setWidth] = (0, import_react70.useState)(0);
   const updateWidth = (width2) => {
     setWidth(width2);
   };
-  (0, import_react103.useEffect)(() => {
+  (0, import_react70.useEffect)(() => {
     const handleResize = () => {
       setWidth(window.innerWidth);
     };
@@ -4501,19 +4445,19 @@ var useWidth_default = useWidth;
 // src/components/reusable/WalletButton.tsx
 var import_wallet_adapter_react6 = require("@solana/wallet-adapter-react");
 var import_tronwallet_adapter_react_hooks6 = require("@tronweb3/tronwallet-adapter-react-hooks");
-var import_react107 = require("@reown/appkit/react");
+var import_react74 = require("@reown/appkit/react");
 
 // src/components/reusable/CopyButton.tsx
-var import_react104 = __toESM(require("react"), 1);
+var import_react71 = __toESM(require("react"), 1);
 var CopyButton = ({ text }) => {
-  const [copyClicked, setCopyClicked] = (0, import_react104.useState)(false);
-  (0, import_react104.useEffect)(() => {
+  const [copyClicked, setCopyClicked] = (0, import_react71.useState)(false);
+  (0, import_react71.useEffect)(() => {
     if (!copyClicked) return;
     setTimeout(() => {
       setCopyClicked(false);
     }, 2e3);
   }, [copyClicked]);
-  return /* @__PURE__ */ import_react104.default.createElement(
+  return /* @__PURE__ */ import_react71.default.createElement(
     "span",
     {
       className: "copy-btn",
@@ -4522,7 +4466,7 @@ var CopyButton = ({ text }) => {
         navigator.clipboard.writeText(text);
       }
     },
-    copyClicked ? /* @__PURE__ */ import_react104.default.createElement(Check_default, null) : /* @__PURE__ */ import_react104.default.createElement(Copy_default, null)
+    copyClicked ? /* @__PURE__ */ import_react71.default.createElement(Check_default, null) : /* @__PURE__ */ import_react71.default.createElement(Copy_default, null)
   );
 };
 var CopyButton_default = CopyButton;
@@ -4608,9 +4552,9 @@ var isAddressCompatible = (address, shortName) => {
 };
 
 // src/hooks/useHideActivityTab.tsx
-var import_react105 = require("react");
+var import_react72 = require("react");
 function useHideWuiListItem(isModalOpen) {
-  (0, import_react105.useEffect)(() => {
+  (0, import_react72.useEffect)(() => {
     const modalSelector = "w3m-modal";
     let observer;
     const hideFirstWuiListItem = (parent) => {
@@ -4688,14 +4632,14 @@ var WalletButton = ({
     /*, connectBitcoinWallet*/
   } = useIsWalletReady4();
   const { balance, decimals } = useBalance4();
-  const { open } = (0, import_react107.useAppKit)();
-  const { open: isModalOpen } = (0, import_react107.useAppKitState)();
+  const { open } = (0, import_react74.useAppKit)();
+  const { open: isModalOpen } = (0, import_react74.useAppKitState)();
   const { width, updateWidth } = useWidth_default();
   useHideActivityTab_default(isModalOpen);
   const { kimaBackendUrl } = useKimaContext();
   const { data: envOptions } = useGetEnvOptions({ kimaBackendUrl });
   const networkOption = envOptions?.env || "testnet" /* testnet */;
-  (0, import_react106.useEffect)(() => {
+  (0, import_react73.useEffect)(() => {
     logger_default.debug("WalletBalance:", {
       balance,
       connectedAddress,
@@ -4704,7 +4648,7 @@ var WalletButton = ({
       externalProvider
     });
   }, [balance, connectedAddress, isReady, externalProvider, networkOption]);
-  (0, import_react106.useEffect)(() => {
+  (0, import_react73.useEffect)(() => {
     if (width === 0) {
       updateWidth(window.innerWidth);
     }
@@ -4732,29 +4676,29 @@ var WalletButton = ({
       logger_default.error("Failed to open AppKitModal", error);
     }
   };
-  const errorMessage = (0, import_react106.useMemo)(() => {
+  const errorMessage = (0, import_react73.useMemo)(() => {
     if (!isReady) return statusMessage;
     if (compliantOption && sourceCompliant !== null && !sourceCompliant?.isCompliant)
       return `Source address has ${sourceCompliant?.results?.[0].result?.risk_score} risk`;
     return "";
   }, [isReady, statusMessage, sourceCompliant, compliantOption]);
-  const isConnected = (0, import_react106.useMemo)(() => {
+  const isConnected = (0, import_react73.useMemo)(() => {
     return isReady && !initialSelection;
   }, [isReady, initialSelection]);
-  (0, import_react106.useEffect)(() => {
+  (0, import_react73.useEffect)(() => {
     if (!isReady) {
       dispatch(setSourceAddress(""));
       return;
     }
     dispatch(setSourceAddress(connectedAddress));
   }, [isReady]);
-  return /* @__PURE__ */ import_react106.default.createElement(
+  return /* @__PURE__ */ import_react73.default.createElement(
     "div",
     {
       className: `wallet-button ${isConnected ? "connected" : "disconnected"} ${theme.colorMode} ${errorBelow ? "error-below" : ""}`,
       "data-testid": "connect-wallet-btn"
     },
-    /* @__PURE__ */ import_react106.default.createElement("div", { className: "info-wrapper" }, /* @__PURE__ */ import_react106.default.createElement(
+    /* @__PURE__ */ import_react73.default.createElement("div", { className: "info-wrapper" }, /* @__PURE__ */ import_react73.default.createElement(
       "button",
       {
         className: `${isConnected ? "connected" : "disconnected"} ${width < 640 && "shortened"} ${theme.colorMode}`,
@@ -4764,21 +4708,21 @@ var WalletButton = ({
       isConnected && !placeholder ? width >= 640 ? `${connectedAddress || ""}` : getShortenedAddress(connectedAddress || "") : "",
       !isConnected && mode === "light" /* light */ && "Select Network to Load Account",
       !isConnected && mode !== "light" /* light */ && initialSelection && "Select Network to Connect",
-      !isConnected && mode !== "light" /* light */ && !initialSelection && /* @__PURE__ */ import_react106.default.createElement(Wallet_default, null),
+      !isConnected && mode !== "light" /* light */ && !initialSelection && /* @__PURE__ */ import_react73.default.createElement(Wallet_default, null),
       !isConnected && mode !== "light" /* light */ && !initialSelection && "Connect Wallet"
-    ), isConnected && !placeholder && /* @__PURE__ */ import_react106.default.createElement(CopyButton_default, { text: connectedAddress })),
-    isConnected && !placeholder && balance !== void 0 && decimals !== void 0 ? /* @__PURE__ */ import_react106.default.createElement("p", { className: "balance-info" }, formatUSD(bigIntToNumber({ value: balance, decimals })), " ", selectedCoin, " available") : null
+    ), isConnected && !placeholder && /* @__PURE__ */ import_react73.default.createElement(CopyButton_default, { text: connectedAddress })),
+    isConnected && !placeholder && balance !== void 0 && decimals !== void 0 ? /* @__PURE__ */ import_react73.default.createElement("p", { className: "balance-info" }, formatUSD(bigIntToNumber({ value: balance, decimals })), " ", selectedCoin, " available") : null
   );
 };
 var WalletButton_default = WalletButton;
 
 // src/components/reusable/CoinDropdown.tsx
-var import_react110 = __toESM(require("react"), 1);
+var import_react77 = __toESM(require("react"), 1);
 var import_react_redux28 = require("react-redux");
 var import_react_redux29 = require("react-redux");
 
 // src/hooks/useCurrencyOptions.tsx
-var import_react108 = require("react");
+var import_react75 = require("react");
 var import_react_redux26 = require("react-redux");
 var import_react_redux27 = require("react-redux");
 function useCurrencyOptions(isSourceChain) {
@@ -4789,14 +4733,14 @@ function useCurrencyOptions(isSourceChain) {
   const chain = isSourceChain ? sourceChain : targetChain;
   const transactionOption = (0, import_react_redux26.useSelector)(selectTransactionOption);
   const networks = (0, import_react_redux26.useSelector)(selectNetworks);
-  const output = (0, import_react108.useMemo)(() => {
+  const output = (0, import_react75.useMemo)(() => {
     logger_default.debug("useCurrencyOptions: networks: ", networks);
     const networkTokenList = networks.find((network) => network.id === chain.id) || networks[0];
     logger_default.debug("useCurrencyOptions: networkTokenList: ", networkTokenList, chain);
     return !!networks ? { tokenList: networkTokenList?.supportedTokens } : { tokenList: [] };
   }, [networks, chain]);
   const { tokenList } = output;
-  (0, import_react108.useEffect)(() => {
+  (0, import_react75.useEffect)(() => {
     if (!tokenList.length) return;
     if (mode === "payment" /* payment */ && !isSourceChain) return;
     const [firstToken] = tokenList;
@@ -4810,7 +4754,7 @@ function useCurrencyOptions(isSourceChain) {
 }
 
 // src/components/reusable/TokenIcon.tsx
-var import_react109 = __toESM(require("react"), 1);
+var import_react76 = __toESM(require("react"), 1);
 var COIN_LIST = {
   KEUR: KEUR_default,
   KIMAUSD: USDK_default,
@@ -4832,22 +4776,22 @@ function TokenIcon({
     logger_default.warn(`Token icon not found for symbol: ${symbol}`);
     return null;
   }
-  return /* @__PURE__ */ import_react109.default.createElement("div", { className: "icon-wrapper" }, /* @__PURE__ */ import_react109.default.createElement(Icon, { width, height }));
+  return /* @__PURE__ */ import_react76.default.createElement("div", { className: "icon-wrapper" }, /* @__PURE__ */ import_react76.default.createElement(Icon, { width, height }));
 }
 
 // src/components/reusable/CoinDropdown.tsx
 var CoinDropdown = ({
   isSourceChain = true
 }) => {
-  const ref = (0, import_react110.useRef)();
+  const ref = (0, import_react77.useRef)();
   const dispatch = (0, import_react_redux29.useDispatch)();
-  const [collapsed, setCollapsed] = (0, import_react110.useState)(true);
+  const [collapsed, setCollapsed] = (0, import_react77.useState)(true);
   const sourceCurrency = (0, import_react_redux28.useSelector)(selectSourceCurrency);
   const targetCurrency = (0, import_react_redux28.useSelector)(selectTargetCurrency);
   const { tokenList } = useCurrencyOptions(isSourceChain);
   const theme = (0, import_react_redux28.useSelector)(selectTheme);
   const tokenSymbol = isSourceChain ? sourceCurrency : targetCurrency;
-  (0, import_react110.useEffect)(() => {
+  (0, import_react77.useEffect)(() => {
     const bodyMouseDowntHandler = (e) => {
       if (ref?.current && !ref.current.contains(e.target)) {
         setCollapsed(true);
@@ -4865,41 +4809,41 @@ var CoinDropdown = ({
       dispatch(setTargetCurrency(symbol));
     }
   };
-  return /* @__PURE__ */ import_react110.default.createElement(
+  return /* @__PURE__ */ import_react77.default.createElement(
     "div",
     {
       className: `coin-dropdown ${theme.colorMode} ${collapsed ? "collapsed" : "toggled"}`,
       onClick: () => setCollapsed((prev) => !prev),
       ref
     },
-    /* @__PURE__ */ import_react110.default.createElement("div", { className: "coin-wrapper" }, /* @__PURE__ */ import_react110.default.createElement(TokenIcon, { symbol: tokenSymbol, width: 24, height: 24 }), /* @__PURE__ */ import_react110.default.createElement("span", { className: "coin" }, tokenSymbol)),
-    /* @__PURE__ */ import_react110.default.createElement(
+    /* @__PURE__ */ import_react77.default.createElement("div", { className: "coin-wrapper" }, /* @__PURE__ */ import_react77.default.createElement(TokenIcon, { symbol: tokenSymbol, width: 24, height: 24 }), /* @__PURE__ */ import_react77.default.createElement("span", { className: "coin" }, tokenSymbol)),
+    /* @__PURE__ */ import_react77.default.createElement(
       "div",
       {
         className: `coin-menu ${theme.colorMode} ${collapsed ? "collapsed" : "toggled"}`
       },
-      tokenList.map((token) => /* @__PURE__ */ import_react110.default.createElement(
+      tokenList.map((token) => /* @__PURE__ */ import_react77.default.createElement(
         "div",
         {
           className: `coin-item ${theme.colorMode}`,
           key: token.symbol,
           onClick: () => handleDropdownItemClick(token.symbol)
         },
-        /* @__PURE__ */ import_react110.default.createElement(TokenIcon, { symbol: token.symbol, width: 24, height: 24 }),
-        /* @__PURE__ */ import_react110.default.createElement("p", null, token.symbol)
+        /* @__PURE__ */ import_react77.default.createElement(TokenIcon, { symbol: token.symbol, width: 24, height: 24 }),
+        /* @__PURE__ */ import_react77.default.createElement("p", null, token.symbol)
       ))
     ),
-    /* @__PURE__ */ import_react110.default.createElement("div", { className: `dropdown-icon ${collapsed ? "toggled" : "collapsed"}` }, /* @__PURE__ */ import_react110.default.createElement(Arrow_default, { fill: "none" }))
+    /* @__PURE__ */ import_react77.default.createElement("div", { className: `dropdown-icon ${collapsed ? "toggled" : "collapsed"}` }, /* @__PURE__ */ import_react77.default.createElement(Arrow_default, { fill: "none" }))
   );
 };
 var CoinDropdown_default = CoinDropdown;
 
 // src/components/reusable/ConfirmDetails.tsx
-var import_react113 = __toESM(require("react"), 1);
+var import_react80 = __toESM(require("react"), 1);
 var import_react_redux31 = require("react-redux");
 
 // src/components/reusable/ChainIcon.tsx
-var import_react111 = __toESM(require("react"), 1);
+var import_react78 = __toESM(require("react"), 1);
 var chainIcons = {
   ETH: Ethereum_default,
   POL: Polygon_default,
@@ -4913,19 +4857,20 @@ var chainIcons = {
   SOL: Solana_default,
   FIAT: Bank_default,
   BERA: Bera_default,
+  CFX: CFX_default,
   CC: CreditCard_default
 };
 function ChainIcon({ symbol }) {
   const Icon = symbol === "FIAT" ? chainIcons["CC"] : chainIcons[symbol];
   if (!Icon) {
     logger_default.warn(`Chain icon not found for symbol: ${symbol}`);
-    return /* @__PURE__ */ import_react111.default.createElement("div", null);
+    return /* @__PURE__ */ import_react78.default.createElement("div", null);
   }
-  return /* @__PURE__ */ import_react111.default.createElement("div", { className: "icon" }, /* @__PURE__ */ import_react111.default.createElement(Icon, null));
+  return /* @__PURE__ */ import_react78.default.createElement("div", { className: "icon" }, /* @__PURE__ */ import_react78.default.createElement(Icon, null));
 }
 
 // src/components/reusable/FeeDeductionRadioButtons.tsx
-var import_react112 = __toESM(require("react"), 1);
+var import_react79 = __toESM(require("react"), 1);
 var import_react_redux30 = require("react-redux");
 var FeeDeductionRadioButtons = ({ disabled }) => {
   const dispatch = (0, import_react_redux30.useDispatch)();
@@ -4942,7 +4887,7 @@ var FeeDeductionRadioButtons = ({ disabled }) => {
   const handleChange = (value) => {
     dispatch(setFeeDeduct(value));
   };
-  return /* @__PURE__ */ import_react112.default.createElement("div", { className: `fee-deduction-radio-container ${theme.colorMode}` }, /* @__PURE__ */ import_react112.default.createElement("div", { className: "fee-options" }, Number(amount) - totalFee > 0 && /* @__PURE__ */ import_react112.default.createElement("label", { className: `fee-option ${disabled ? "disabled" : ""}` }, /* @__PURE__ */ import_react112.default.createElement(
+  return /* @__PURE__ */ import_react79.default.createElement("div", { className: `fee-deduction-radio-container ${theme.colorMode}` }, /* @__PURE__ */ import_react79.default.createElement("div", { className: "fee-options" }, Number(amount) - totalFee > 0 && /* @__PURE__ */ import_react79.default.createElement("label", { className: `fee-option ${disabled ? "disabled" : ""}` }, /* @__PURE__ */ import_react79.default.createElement(
     "input",
     {
       type: "radio",
@@ -4951,11 +4896,11 @@ var FeeDeductionRadioButtons = ({ disabled }) => {
       disabled,
       onChange: () => handleChange(true)
     }
-  ), /* @__PURE__ */ import_react112.default.createElement("span", { className: `radio-label ${theme.colorMode}` }, `Pay $${formatterFloat.format(
+  ), /* @__PURE__ */ import_react79.default.createElement("span", { className: `radio-label ${theme.colorMode}` }, `Pay $${formatterFloat.format(
     Number(amount)
   )} ${sourceCurrency} in ${sourceNetwork.name} to receive $${formatterFloat.format(
     Number(amount) - totalFee
-  )} ${targetCurrency} in ${targetNetwork.name}`)), /* @__PURE__ */ import_react112.default.createElement("label", { className: `fee-option ${disabled ? "disabled" : ""}` }, /* @__PURE__ */ import_react112.default.createElement(
+  )} ${targetCurrency} in ${targetNetwork.name}`)), /* @__PURE__ */ import_react79.default.createElement("label", { className: `fee-option ${disabled ? "disabled" : ""}` }, /* @__PURE__ */ import_react79.default.createElement(
     "input",
     {
       type: "radio",
@@ -4964,7 +4909,7 @@ var FeeDeductionRadioButtons = ({ disabled }) => {
       disabled,
       onChange: () => handleChange(false)
     }
-  ), /* @__PURE__ */ import_react112.default.createElement("span", { className: `radio-label ${theme.colorMode}` }, `Pay $${formatterFloat.format(
+  ), /* @__PURE__ */ import_react79.default.createElement("span", { className: `radio-label ${theme.colorMode}` }, `Pay $${formatterFloat.format(
     Number(amount) + totalFee
   )} ${sourceCurrency} in ${sourceNetwork.name} to receive $${formatterFloat.format(
     Number(amount)
@@ -4990,14 +4935,14 @@ var ConfirmDetails = ({
   const bankDetails = (0, import_react_redux31.useSelector)(selectBankDetails);
   const signature = (0, import_react_redux31.useSelector)(selectSignature);
   const networkOptions3 = (0, import_react_redux31.useSelector)(selectNetworks);
-  const [feeCollapsed, setFeeCollapsed] = (0, import_react113.useState)(true);
+  const [feeCollapsed, setFeeCollapsed] = (0, import_react80.useState)(true);
   const transactionOption = (0, import_react_redux31.useSelector)(selectTransactionOption);
   const { connectedAddress } = useIsWalletReady4();
-  const originNetworkOption = (0, import_react113.useMemo)(
+  const originNetworkOption = (0, import_react80.useMemo)(
     () => networkOptions3.filter((network) => network.id === originNetwork.id)[0],
     [networkOptions3, originNetwork]
   );
-  const targetNetworkOption = (0, import_react113.useMemo)(
+  const targetNetworkOption = (0, import_react80.useMemo)(
     () => networkOptions3.filter(
       (network) => network.shortName === (mode === "payment" /* payment */ ? transactionOption?.targetChain : targetNetwork.shortName)
     )[0],
@@ -5006,16 +4951,16 @@ var ConfirmDetails = ({
   const sourceCurrency = (0, import_react_redux31.useSelector)(selectSourceCurrency);
   const targetCurrency = (0, import_react_redux31.useSelector)(selectTargetCurrency);
   const { width, updateWidth } = useWidth_default();
-  (0, import_react113.useEffect)(() => {
+  (0, import_react80.useEffect)(() => {
     width === 0 && updateWidth(window.innerWidth);
   }, []);
-  return /* @__PURE__ */ import_react113.default.createElement("div", { className: `confirm-details ${theme.colorMode}` }, /* @__PURE__ */ import_react113.default.createElement("p", null, "Step ", isApproved ? "2" : "1", "\xA0of 2\xA0\xA0\xA0", isApproved ? "Submit transaction" : originNetwork.shortName === "FIAT" /* FIAT */ ? "Bank Details" : "Approval"), originNetwork.shortName === "FIAT" /* FIAT */ ? /* @__PURE__ */ import_react113.default.createElement("div", null, /* @__PURE__ */ import_react113.default.createElement("div", { className: "detail-item" }, /* @__PURE__ */ import_react113.default.createElement("span", { className: "label" }, "IBAN:"), /* @__PURE__ */ import_react113.default.createElement("span", { className: `kima-card-network-label ${theme.colorMode}` }, /* @__PURE__ */ import_react113.default.createElement(ChainIcon, { symbol: originNetworkOption?.shortName }), "FIAT"), /* @__PURE__ */ import_react113.default.createElement("p", null, "ES6621000418401234567891")), /* @__PURE__ */ import_react113.default.createElement("div", { className: "detail-item" }, /* @__PURE__ */ import_react113.default.createElement("span", { className: "label" }, "Recipient:"), /* @__PURE__ */ import_react113.default.createElement("p", null, "Kima Sandbox")), /* @__PURE__ */ import_react113.default.createElement("div", { className: "detail-item" }, /* @__PURE__ */ import_react113.default.createElement("span", { className: "label" }, "BIC:"), /* @__PURE__ */ import_react113.default.createElement("p", null, "CAIXESBBXXX")), /* @__PURE__ */ import_react113.default.createElement("div", { className: "detail-item" }, /* @__PURE__ */ import_react113.default.createElement("span", { className: "label" }, "Description:"), /* @__PURE__ */ import_react113.default.createElement("p", { className: "signature" }, signature))) : /* @__PURE__ */ import_react113.default.createElement("div", { className: "detail-item" }, /* @__PURE__ */ import_react113.default.createElement("span", { className: "label" }, "Source ", originNetwork.shortName !== "CC" && "wallet", ":"), /* @__PURE__ */ import_react113.default.createElement("div", { className: "network-details" }, /* @__PURE__ */ import_react113.default.createElement("div", { className: "kima-card-network-container" }, /* @__PURE__ */ import_react113.default.createElement("span", { className: `kima-card-network-label ${theme.colorMode}` }, /* @__PURE__ */ import_react113.default.createElement(ChainIcon, { symbol: originNetworkOption?.shortName }), originNetworkOption.name)), originNetwork.shortName !== "CC" && /* @__PURE__ */ import_react113.default.createElement("p", { className: theme.colorMode }, dAppOption === "LPDrain" /* LPDrain */ ? targetAddress : connectedAddress))), /* @__PURE__ */ import_react113.default.createElement("div", { className: "detail-item amount" }, /* @__PURE__ */ import_react113.default.createElement("span", { className: "amount-container" }, /* @__PURE__ */ import_react113.default.createElement("div", { className: "amount-details" }, /* @__PURE__ */ import_react113.default.createElement("span", null, "Amount to Transfer "), /* @__PURE__ */ import_react113.default.createElement("div", { className: "coin-details" }, /* @__PURE__ */ import_react113.default.createElement("p", null, formatBigInt(txValues.allowanceAmount), " ", sourceCurrency))), /* @__PURE__ */ import_react113.default.createElement("div", { className: "amount-details" }, /* @__PURE__ */ import_react113.default.createElement("span", null, "Total Fees"), /* @__PURE__ */ import_react113.default.createElement(
+  return /* @__PURE__ */ import_react80.default.createElement("div", { className: `confirm-details ${theme.colorMode}` }, /* @__PURE__ */ import_react80.default.createElement("p", null, "Step ", isApproved ? "2" : "1", "\xA0of 2\xA0\xA0\xA0", isApproved ? "Submit transaction" : originNetwork.shortName === "FIAT" /* FIAT */ ? "Bank Details" : "Approval"), originNetwork.shortName === "FIAT" /* FIAT */ ? /* @__PURE__ */ import_react80.default.createElement("div", null, /* @__PURE__ */ import_react80.default.createElement("div", { className: "detail-item" }, /* @__PURE__ */ import_react80.default.createElement("span", { className: "label" }, "IBAN:"), /* @__PURE__ */ import_react80.default.createElement("span", { className: `kima-card-network-label ${theme.colorMode}` }, /* @__PURE__ */ import_react80.default.createElement(ChainIcon, { symbol: originNetworkOption?.shortName }), "FIAT"), /* @__PURE__ */ import_react80.default.createElement("p", null, "ES6621000418401234567891")), /* @__PURE__ */ import_react80.default.createElement("div", { className: "detail-item" }, /* @__PURE__ */ import_react80.default.createElement("span", { className: "label" }, "Recipient:"), /* @__PURE__ */ import_react80.default.createElement("p", null, "Kima Sandbox")), /* @__PURE__ */ import_react80.default.createElement("div", { className: "detail-item" }, /* @__PURE__ */ import_react80.default.createElement("span", { className: "label" }, "BIC:"), /* @__PURE__ */ import_react80.default.createElement("p", null, "CAIXESBBXXX")), /* @__PURE__ */ import_react80.default.createElement("div", { className: "detail-item" }, /* @__PURE__ */ import_react80.default.createElement("span", { className: "label" }, "Description:"), /* @__PURE__ */ import_react80.default.createElement("p", { className: "signature" }, signature))) : /* @__PURE__ */ import_react80.default.createElement("div", { className: "detail-item" }, /* @__PURE__ */ import_react80.default.createElement("span", { className: "label" }, "Source ", originNetwork.shortName !== "CC" && "wallet", ":"), /* @__PURE__ */ import_react80.default.createElement("div", { className: "network-details" }, /* @__PURE__ */ import_react80.default.createElement("div", { className: "kima-card-network-container" }, /* @__PURE__ */ import_react80.default.createElement("span", { className: `kima-card-network-label ${theme.colorMode}` }, /* @__PURE__ */ import_react80.default.createElement(ChainIcon, { symbol: originNetworkOption?.shortName }), originNetworkOption.name)), originNetwork.shortName !== "CC" && /* @__PURE__ */ import_react80.default.createElement("p", { className: theme.colorMode }, dAppOption === "LPDrain" /* LPDrain */ ? targetAddress : connectedAddress))), /* @__PURE__ */ import_react80.default.createElement("div", { className: "detail-item amount" }, /* @__PURE__ */ import_react80.default.createElement("span", { className: "amount-container" }, /* @__PURE__ */ import_react80.default.createElement("div", { className: "amount-details" }, /* @__PURE__ */ import_react80.default.createElement("span", null, "Amount to Transfer "), /* @__PURE__ */ import_react80.default.createElement("div", { className: "coin-details" }, /* @__PURE__ */ import_react80.default.createElement("p", null, formatBigInt(txValues.allowanceAmount), " ", sourceCurrency))), /* @__PURE__ */ import_react80.default.createElement("div", { className: "amount-details" }, /* @__PURE__ */ import_react80.default.createElement("span", null, "Total Fees"), /* @__PURE__ */ import_react80.default.createElement(
     "div",
     {
       className: "fee-collapse",
       onClick: () => setFeeCollapsed(!feeCollapsed)
     },
-    /* @__PURE__ */ import_react113.default.createElement(
+    /* @__PURE__ */ import_react80.default.createElement(
       MiniArrow_default,
       {
         width: 15,
@@ -5026,16 +4971,16 @@ var ConfirmDetails = ({
         }
       }
     ),
-    /* @__PURE__ */ import_react113.default.createElement("span", { className: "service-fee" }, formatBigInt(totalFee), " ", sourceCurrency)
-  )), /* @__PURE__ */ import_react113.default.createElement("div", { className: `fee-breakdown ${feeCollapsed ? "collapsed" : ""}` }, /* @__PURE__ */ import_react113.default.createElement("div", { className: "amount-details" }, /* @__PURE__ */ import_react113.default.createElement("span", null, originNetwork.shortName === "CC" ? "Credit Card Processing Fee" : `Source Network Fee (${originNetwork.shortName})`), /* @__PURE__ */ import_react113.default.createElement("span", { className: "service-fee" }, formatBigInt(sourceFee), " ", sourceCurrency)), /* @__PURE__ */ import_react113.default.createElement("div", { className: "amount-details" }, /* @__PURE__ */ import_react113.default.createElement("span", null, "Target Network Fee (", targetNetwork.shortName, ")"), /* @__PURE__ */ import_react113.default.createElement("span", { className: "service-fee" }, formatBigInt(targetFee), " ", targetCurrency)), /* @__PURE__ */ import_react113.default.createElement("div", { className: "amount-details" }, /* @__PURE__ */ import_react113.default.createElement("span", null, "KIMA Service Fee"), /* @__PURE__ */ import_react113.default.createElement("span", { className: "service-fee" }, formatBigInt(kimaFee), " ", sourceCurrency))), /* @__PURE__ */ import_react113.default.createElement("div", { className: "amount-details" }, /* @__PURE__ */ import_react113.default.createElement("span", null, "Target Transfer Amount"), /* @__PURE__ */ import_react113.default.createElement("span", { className: "service-fee" }, formatBigInt(txValues.submitAmount), " ", targetCurrency)))), targetNetwork.shortName === "FIAT" /* FIAT */ ? /* @__PURE__ */ import_react113.default.createElement("div", null, /* @__PURE__ */ import_react113.default.createElement("div", { className: "detail-item" }, /* @__PURE__ */ import_react113.default.createElement("span", { className: "label" }, "IBAN:"), /* @__PURE__ */ import_react113.default.createElement("p", null, bankDetails.iban), /* @__PURE__ */ import_react113.default.createElement("span", { className: `kima-card-network-label ${theme.colorMode}` }, /* @__PURE__ */ import_react113.default.createElement(ChainIcon, { symbol: targetNetworkOption?.shortName }), "FIAT")), /* @__PURE__ */ import_react113.default.createElement("div", { className: "detail-item" }, /* @__PURE__ */ import_react113.default.createElement("span", { className: "label" }, "Recipient:"), /* @__PURE__ */ import_react113.default.createElement("p", null, bankDetails.recipient))) : /* @__PURE__ */ import_react113.default.createElement("div", { className: "detail-item" }, /* @__PURE__ */ import_react113.default.createElement("span", { className: "label" }, "Target wallet:"), /* @__PURE__ */ import_react113.default.createElement("div", { className: "network-details" }, /* @__PURE__ */ import_react113.default.createElement("div", { className: "kima-card-network-container" }, /* @__PURE__ */ import_react113.default.createElement("span", { className: `kima-card-network-label ${theme.colorMode}` }, /* @__PURE__ */ import_react113.default.createElement(ChainIcon, { symbol: targetNetworkOption?.shortName }), targetNetworkOption?.name)), /* @__PURE__ */ import_react113.default.createElement("p", { className: theme.colorMode }, mode === "light" /* light */ ? targetNetwork.shortName === "SOL" ? lightDemoAccounts.SOL : targetNetwork.shortName === "TRX" ? lightDemoAccounts.TRX : lightDemoAccounts.EVM : dAppOption === "LPDrain" /* LPDrain */ ? connectedAddress : targetAddress))), mode === "bridge" /* bridge */ && BigInt(totalFee.value) > BigInt(0) ? (
+    /* @__PURE__ */ import_react80.default.createElement("span", { className: "service-fee" }, formatBigInt(totalFee), " ", sourceCurrency)
+  )), /* @__PURE__ */ import_react80.default.createElement("div", { className: `fee-breakdown ${feeCollapsed ? "collapsed" : ""}` }, /* @__PURE__ */ import_react80.default.createElement("div", { className: "amount-details" }, /* @__PURE__ */ import_react80.default.createElement("span", null, originNetwork.shortName === "CC" ? "Credit Card Processing Fee" : `Source Network Fee (${originNetwork.shortName})`), /* @__PURE__ */ import_react80.default.createElement("span", { className: "service-fee" }, formatBigInt(sourceFee), " ", sourceCurrency)), /* @__PURE__ */ import_react80.default.createElement("div", { className: "amount-details" }, /* @__PURE__ */ import_react80.default.createElement("span", null, "Target Network Fee (", targetNetwork.shortName, ")"), /* @__PURE__ */ import_react80.default.createElement("span", { className: "service-fee" }, formatBigInt(targetFee), " ", targetCurrency)), /* @__PURE__ */ import_react80.default.createElement("div", { className: "amount-details" }, /* @__PURE__ */ import_react80.default.createElement("span", null, "KIMA Service Fee"), /* @__PURE__ */ import_react80.default.createElement("span", { className: "service-fee" }, formatBigInt(kimaFee), " ", sourceCurrency))), /* @__PURE__ */ import_react80.default.createElement("div", { className: "amount-details" }, /* @__PURE__ */ import_react80.default.createElement("span", null, "Target Transfer Amount"), /* @__PURE__ */ import_react80.default.createElement("span", { className: "service-fee" }, formatBigInt(txValues.submitAmount), " ", targetCurrency)))), targetNetwork.shortName === "FIAT" /* FIAT */ ? /* @__PURE__ */ import_react80.default.createElement("div", null, /* @__PURE__ */ import_react80.default.createElement("div", { className: "detail-item" }, /* @__PURE__ */ import_react80.default.createElement("span", { className: "label" }, "IBAN:"), /* @__PURE__ */ import_react80.default.createElement("p", null, bankDetails.iban), /* @__PURE__ */ import_react80.default.createElement("span", { className: `kima-card-network-label ${theme.colorMode}` }, /* @__PURE__ */ import_react80.default.createElement(ChainIcon, { symbol: targetNetworkOption?.shortName }), "FIAT")), /* @__PURE__ */ import_react80.default.createElement("div", { className: "detail-item" }, /* @__PURE__ */ import_react80.default.createElement("span", { className: "label" }, "Recipient:"), /* @__PURE__ */ import_react80.default.createElement("p", null, bankDetails.recipient))) : /* @__PURE__ */ import_react80.default.createElement("div", { className: "detail-item" }, /* @__PURE__ */ import_react80.default.createElement("span", { className: "label" }, "Target wallet:"), /* @__PURE__ */ import_react80.default.createElement("div", { className: "network-details" }, /* @__PURE__ */ import_react80.default.createElement("div", { className: "kima-card-network-container" }, /* @__PURE__ */ import_react80.default.createElement("span", { className: `kima-card-network-label ${theme.colorMode}` }, /* @__PURE__ */ import_react80.default.createElement(ChainIcon, { symbol: targetNetworkOption?.shortName }), targetNetworkOption?.name)), /* @__PURE__ */ import_react80.default.createElement("p", { className: theme.colorMode }, mode === "light" /* light */ ? targetNetwork.shortName === "SOL" ? lightDemoAccounts.SOL : targetNetwork.shortName === "TRX" ? lightDemoAccounts.TRX : lightDemoAccounts.EVM : dAppOption === "LPDrain" /* LPDrain */ ? connectedAddress : targetAddress))), mode === "bridge" /* bridge */ && BigInt(totalFee.value) > BigInt(0) ? (
     // <FeeDeductionSlider />
-    /* @__PURE__ */ import_react113.default.createElement(FeeDeductionRadioButtons_default, { disabled: feeOptionDisabled })
+    /* @__PURE__ */ import_react80.default.createElement(FeeDeductionRadioButtons_default, { disabled: feeOptionDisabled })
   ) : null);
 };
 var ConfirmDetails_default = ConfirmDetails;
 
 // src/components/reusable/AddressInput.tsx
-var import_react114 = __toESM(require("react"), 1);
+var import_react81 = __toESM(require("react"), 1);
 var import_react_redux32 = require("react-redux");
 var AddressInput = ({
   theme,
@@ -5048,7 +4993,7 @@ var AddressInput = ({
   const targetChain = (0, import_react_redux32.useSelector)(selectTargetChain);
   const { connectedAddress: sourceAddress, isReady } = useIsWalletReady4();
   const targetAddress = (0, import_react_redux32.useSelector)(selectTargetAddress);
-  (0, import_react114.useEffect)(() => {
+  (0, import_react81.useEffect)(() => {
     if (mode === "payment" /* payment */) return;
     if (mode === "light" /* light */ && !initialSelection) {
       if (isEVMChain(targetChain.shortName))
@@ -5074,7 +5019,7 @@ var AddressInput = ({
     mode,
     dispatch
   ]);
-  return /* @__PURE__ */ import_react114.default.createElement(
+  return /* @__PURE__ */ import_react81.default.createElement(
     "input",
     {
       className: `kima-address-input ${theme}`,
@@ -5089,11 +5034,11 @@ var AddressInput = ({
 var AddressInput_default = AddressInput;
 
 // src/components/reusable/CustomCheckbox.tsx
-var import_react115 = __toESM(require("react"), 1);
+var import_react82 = __toESM(require("react"), 1);
 var import_react_redux33 = require("react-redux");
 
 // src/components/reusable/StepBox.tsx
-var import_react116 = __toESM(require("react"), 1);
+var import_react83 = __toESM(require("react"), 1);
 var import_react_redux34 = require("react-redux");
 var stepInfo2 = [
   {
@@ -5117,69 +5062,69 @@ var StepBox = ({ step, errorStep, loadingStep, data }) => {
   const explorerUrl = (0, import_react_redux34.useSelector)(selectKimaExplorer);
   const networkOption = (0, import_react_redux34.useSelector)(selectNetworkOption);
   const networks = (0, import_react_redux34.useSelector)(selectNetworks);
-  const sourceChain = (0, import_react116.useMemo)(() => {
+  const sourceChain = (0, import_react83.useMemo)(() => {
     const sourceKey = data?.sourceChain === "FIAT" ? "CC" : data?.sourceChain;
     return networks.find((network) => network.shortName === sourceKey);
   }, [data, networks]);
-  const targetChain = (0, import_react116.useMemo)(
+  const targetChain = (0, import_react83.useMemo)(
     () => networks.find((network) => network.shortName === data?.targetChain),
     [data, networks]
   );
-  return /* @__PURE__ */ import_react116.default.createElement("div", { className: "kima-stepbox" }, /* @__PURE__ */ import_react116.default.createElement("div", { className: `content-wrapper ${theme.colorMode}` }, stepInfo2.map((item, index) => /* @__PURE__ */ import_react116.default.createElement("div", { key: item.title, className: "step-item" }, /* @__PURE__ */ import_react116.default.createElement(
+  return /* @__PURE__ */ import_react83.default.createElement("div", { className: "kima-stepbox" }, /* @__PURE__ */ import_react83.default.createElement("div", { className: `content-wrapper ${theme.colorMode}` }, stepInfo2.map((item, index) => /* @__PURE__ */ import_react83.default.createElement("div", { key: item.title, className: "step-item" }, /* @__PURE__ */ import_react83.default.createElement(
     "div",
     {
       className: `info-item
                   ${step >= index ? index === loadingStep ? "active" : index === errorStep ? "error" : "completed" : ""} 
                   ${step < index && "locked"} ${theme.colorMode}`
     },
-    step < index && /* @__PURE__ */ import_react116.default.createElement(Lock_default, null),
-    step >= index ? index === loadingStep ? /* @__PURE__ */ import_react116.default.createElement(Loader_default, { className: "loader" }) : index === errorStep ? /* @__PURE__ */ import_react116.default.createElement(Warning_default, null) : /* @__PURE__ */ import_react116.default.createElement(Check_default, null) : null,
-    /* @__PURE__ */ import_react116.default.createElement("p", null, item.title)
-  ), index === 0 && data?.kimaTxHash ? /* @__PURE__ */ import_react116.default.createElement("div", { className: `info-item ${theme.colorMode}` }, /* @__PURE__ */ import_react116.default.createElement("div", { className: "icon" }, /* @__PURE__ */ import_react116.default.createElement(USDK_default, { width: 30, height: 30 })), /* @__PURE__ */ import_react116.default.createElement("p", { className: "chain-name" }, "Kima TX Hash:"), /* @__PURE__ */ import_react116.default.createElement("p", null, /* @__PURE__ */ import_react116.default.createElement(
+    step < index && /* @__PURE__ */ import_react83.default.createElement(Lock_default, null),
+    step >= index ? index === loadingStep ? /* @__PURE__ */ import_react83.default.createElement(Loader_default, { className: "loader" }) : index === errorStep ? /* @__PURE__ */ import_react83.default.createElement(Warning_default, null) : /* @__PURE__ */ import_react83.default.createElement(Check_default, null) : null,
+    /* @__PURE__ */ import_react83.default.createElement("p", null, item.title)
+  ), index === 0 && data?.kimaTxHash ? /* @__PURE__ */ import_react83.default.createElement("div", { className: `info-item ${theme.colorMode}` }, /* @__PURE__ */ import_react83.default.createElement("div", { className: "icon" }, /* @__PURE__ */ import_react83.default.createElement(USDK_default, { width: 30, height: 30 })), /* @__PURE__ */ import_react83.default.createElement("p", { className: "chain-name" }, "Kima TX Hash:"), /* @__PURE__ */ import_react83.default.createElement("p", null, /* @__PURE__ */ import_react83.default.createElement(
     ExternalLink_default,
     {
       to: `${explorerUrl}/transactions/?tx=${data?.kimaTxHash}`
     },
     getShortenedAddress(data?.kimaTxHash || "")
-  ), /* @__PURE__ */ import_react116.default.createElement(CopyButton_default, { text: data?.kimaTxHash }))) : null, index === 1 && data?.tssPullHash && sourceChain?.shortName !== "CC" ? /* @__PURE__ */ import_react116.default.createElement(
+  ), /* @__PURE__ */ import_react83.default.createElement(CopyButton_default, { text: data?.kimaTxHash }))) : null, index === 1 && data?.tssPullHash && sourceChain?.shortName !== "CC" ? /* @__PURE__ */ import_react83.default.createElement(
     "div",
     {
       className: `info-item ${theme.colorMode} source-chain ${step >= 3 ? "paid" : ""}`
     },
-    /* @__PURE__ */ import_react116.default.createElement(ChainIcon, { symbol: data.sourceChain }),
-    /* @__PURE__ */ import_react116.default.createElement("p", { className: "chain-name" }, sourceChain?.name, " TX Hash:"),
-    /* @__PURE__ */ import_react116.default.createElement("p", null, /* @__PURE__ */ import_react116.default.createElement(
+    /* @__PURE__ */ import_react83.default.createElement(ChainIcon, { symbol: data.sourceChain }),
+    /* @__PURE__ */ import_react83.default.createElement("p", { className: "chain-name" }, sourceChain?.name, " TX Hash:"),
+    /* @__PURE__ */ import_react83.default.createElement("p", null, /* @__PURE__ */ import_react83.default.createElement(
       ExternalLink_default,
       {
         to: `${sourceChain?.blockExplorers?.default.url}/${data?.sourceChain === "TRX" /* TRON */ ? "#/transaction" : "tx"}/${data?.tssPullHash}${data?.sourceChain === "SOL" /* SOLANA */ && networkOption === "testnet" /* testnet */ ? "?cluster=devnet" : ""}`
       },
       getShortenedAddress(data?.tssPullHash || "")
-    ), /* @__PURE__ */ import_react116.default.createElement(CopyButton_default, { text: data?.tssPullHash || "" }))
-  ) : null, index === 3 && data?.tssRefundHash ? /* @__PURE__ */ import_react116.default.createElement("div", { className: `info-item ${theme.colorMode} target-chain` }, /* @__PURE__ */ import_react116.default.createElement(ChainIcon, { symbol: data.sourceChain }), /* @__PURE__ */ import_react116.default.createElement("p", { className: "chain-name" }, sourceChain?.name, " TX Hash:"), /* @__PURE__ */ import_react116.default.createElement("p", null, /* @__PURE__ */ import_react116.default.createElement(
+    ), /* @__PURE__ */ import_react83.default.createElement(CopyButton_default, { text: data?.tssPullHash || "" }))
+  ) : null, index === 3 && data?.tssRefundHash ? /* @__PURE__ */ import_react83.default.createElement("div", { className: `info-item ${theme.colorMode} target-chain` }, /* @__PURE__ */ import_react83.default.createElement(ChainIcon, { symbol: data.sourceChain }), /* @__PURE__ */ import_react83.default.createElement("p", { className: "chain-name" }, sourceChain?.name, " TX Hash:"), /* @__PURE__ */ import_react83.default.createElement("p", null, /* @__PURE__ */ import_react83.default.createElement(
     ExternalLink_default,
     {
       to: `${sourceChain?.blockExplorers?.default.url}/${data?.sourceChain === "TRX" /* TRON */ ? "#/transaction" : "tx"}/${data?.tssRefundHash}${data?.sourceChain === "SOL" /* SOLANA */ && networkOption === "testnet" /* testnet */ ? "?cluster=devnet" : ""}`
     },
     getShortenedAddress(data?.tssRefundHash || "")
-  ), /* @__PURE__ */ import_react116.default.createElement(CopyButton_default, { text: data?.tssRefundHash || "" }))) : null, index === 3 && data?.tssReleaseHash ? /* @__PURE__ */ import_react116.default.createElement("div", { className: `info-item ${theme.colorMode} target-chain` }, /* @__PURE__ */ import_react116.default.createElement(ChainIcon, { symbol: data.targetChain }), /* @__PURE__ */ import_react116.default.createElement("p", { className: "chain-name" }, targetChain?.name, " TX Hash:"), /* @__PURE__ */ import_react116.default.createElement("p", null, /* @__PURE__ */ import_react116.default.createElement(
+  ), /* @__PURE__ */ import_react83.default.createElement(CopyButton_default, { text: data?.tssRefundHash || "" }))) : null, index === 3 && data?.tssReleaseHash ? /* @__PURE__ */ import_react83.default.createElement("div", { className: `info-item ${theme.colorMode} target-chain` }, /* @__PURE__ */ import_react83.default.createElement(ChainIcon, { symbol: data.targetChain }), /* @__PURE__ */ import_react83.default.createElement("p", { className: "chain-name" }, targetChain?.name, " TX Hash:"), /* @__PURE__ */ import_react83.default.createElement("p", null, /* @__PURE__ */ import_react83.default.createElement(
     ExternalLink_default,
     {
       to: `${targetChain?.blockExplorers?.default.url}/${data?.targetChain === "TRX" /* TRON */ ? "#/transaction" : "tx"}/${data?.tssReleaseHash}${data?.targetChain === "SOL" /* SOLANA */ && networkOption === "testnet" /* testnet */ ? "?cluster=devnet" : ""}`
     },
     getShortenedAddress(data?.tssReleaseHash || "")
-  ), /* @__PURE__ */ import_react116.default.createElement(CopyButton_default, { text: data?.tssReleaseHash || "" }))) : null))));
+  ), /* @__PURE__ */ import_react83.default.createElement(CopyButton_default, { text: data?.tssReleaseHash || "" }))) : null))));
 };
 var StepBox_default = StepBox;
 
 // src/components/reusable/BankInput.tsx
-var import_react117 = __toESM(require("react"), 1);
+var import_react84 = __toESM(require("react"), 1);
 var import_react_redux35 = require("react-redux");
 var import_react_redux36 = require("react-redux");
 var BankInput = () => {
   const dispatch = (0, import_react_redux35.useDispatch)();
   const theme = (0, import_react_redux36.useSelector)(selectTheme);
   const bankDetails = (0, import_react_redux36.useSelector)(selectBankDetails);
-  return /* @__PURE__ */ import_react117.default.createElement("div", { className: "bank-input" }, /* @__PURE__ */ import_react117.default.createElement("div", { className: `form-item ${theme.colorMode}` }, /* @__PURE__ */ import_react117.default.createElement("span", { className: "label" }, "IBAN:"), /* @__PURE__ */ import_react117.default.createElement(
+  return /* @__PURE__ */ import_react84.default.createElement("div", { className: "bank-input" }, /* @__PURE__ */ import_react84.default.createElement("div", { className: `form-item ${theme.colorMode}` }, /* @__PURE__ */ import_react84.default.createElement("span", { className: "label" }, "IBAN:"), /* @__PURE__ */ import_react84.default.createElement(
     "input",
     {
       className: "kima-address-input",
@@ -5187,7 +5132,7 @@ var BankInput = () => {
       value: bankDetails.iban,
       onChange: (e) => dispatch(setBankDetails({ ...bankDetails, iban: e.target.value }))
     }
-  )), /* @__PURE__ */ import_react117.default.createElement("div", { className: `form-item ${theme.colorMode}` }, /* @__PURE__ */ import_react117.default.createElement("span", { className: "label" }, "Recipient:"), /* @__PURE__ */ import_react117.default.createElement(
+  )), /* @__PURE__ */ import_react84.default.createElement("div", { className: `form-item ${theme.colorMode}` }, /* @__PURE__ */ import_react84.default.createElement("span", { className: "label" }, "Recipient:"), /* @__PURE__ */ import_react84.default.createElement(
     "input",
     {
       className: "kima-address-input",
@@ -5202,7 +5147,7 @@ var BankInput = () => {
 var BankInput_default = BankInput;
 
 // src/components/reusable/TxButton.tsx
-var import_react118 = __toESM(require("react"), 1);
+var import_react85 = __toESM(require("react"), 1);
 var import_react_redux37 = require("react-redux");
 var import_react_redux38 = require("react-redux");
 var TxButton = ({ theme }) => {
@@ -5211,14 +5156,14 @@ var TxButton = ({ theme }) => {
     dispatch(setPendingTxPopup(true));
   };
   const txCount = (0, import_react_redux38.useSelector)(selectPendingTxs);
-  return /* @__PURE__ */ import_react118.default.createElement(
+  return /* @__PURE__ */ import_react85.default.createElement(
     "button",
     {
       className: `secondary-button tx-button ${theme.colorMode}`,
       onClick: handleClick
     },
     txCount,
-    /* @__PURE__ */ import_react118.default.createElement(
+    /* @__PURE__ */ import_react85.default.createElement(
       ring_default,
       {
         height: 16,
@@ -5237,7 +5182,7 @@ var import_react_redux43 = require("react-redux");
 var import_react_hot_toast3 = require("react-hot-toast");
 
 // src/hooks/useGetTxData.ts
-var import_react119 = require("react");
+var import_react86 = require("react");
 var import_react_query14 = require("@tanstack/react-query");
 
 // src/services/transactionApi.ts
@@ -5328,7 +5273,7 @@ var getTxData = async ({
 // src/hooks/useGetTxData.ts
 var POLLING_INTERVAL_MS = 1e3 * 10;
 var useGetTxData = (txId, dAppOption, backendUrl) => {
-  const refPollForUpdates = (0, import_react119.useRef)(false);
+  const refPollForUpdates = (0, import_react86.useRef)(false);
   const isLP = dAppOption === "LPAdd" /* LPAdd */ || dAppOption === "LPDrain" /* LPDrain */;
   const validTxId = typeof txId === "number" ? txId > 0 : txId.toString().length > 0;
   const result = (0, import_react_query14.useQuery)({
@@ -5345,17 +5290,17 @@ var useGetTxData = (txId, dAppOption, backendUrl) => {
 var useGetTxData_default = useGetTxData;
 
 // src/components/reusable/TransactionStatusMessage.tsx
-var import_react120 = __toESM(require("react"), 1);
+var import_react87 = __toESM(require("react"), 1);
 var TransactionStatusMessage = ({
   isCompleted,
   transactionId
 }) => {
-  return /* @__PURE__ */ import_react120.default.createElement("div", { className: "transaction-status-message" }, /* @__PURE__ */ import_react120.default.createElement("h2", null, 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__ */ import_react120.default.createElement("span", { className: "transaction-copy" }, /* @__PURE__ */ import_react120.default.createElement("h3", null, transactionId), /* @__PURE__ */ import_react120.default.createElement(CopyButton_default, { text: transactionId })));
+  return /* @__PURE__ */ import_react87.default.createElement("div", { className: "transaction-status-message" }, /* @__PURE__ */ import_react87.default.createElement("h2", null, 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__ */ import_react87.default.createElement("span", { className: "transaction-copy" }, /* @__PURE__ */ import_react87.default.createElement("h3", null, transactionId), /* @__PURE__ */ import_react87.default.createElement(CopyButton_default, { text: transactionId })));
 };
 var TransactionStatusMessage_default = TransactionStatusMessage;
 
 // src/components/reusable/TransactionSearch.tsx
-var import_react121 = __toESM(require("react"), 1);
+var import_react88 = __toESM(require("react"), 1);
 var import_react_redux39 = require("react-redux");
 var import_react_redux40 = require("react-redux");
 var import_react_hot_toast2 = __toESM(require("react-hot-toast"), 1);
@@ -5363,12 +5308,12 @@ var TransactionSearch = () => {
   const theme = (0, import_react_redux39.useSelector)(selectTheme);
   const backendUrl = (0, import_react_redux39.useSelector)(selectBackendUrl);
   const dispatch = (0, import_react_redux40.useDispatch)();
-  const [transactionId, setTransactionId] = (0, import_react121.useState)("");
-  const refPollForUpdates = (0, import_react121.useRef)(false);
+  const [transactionId, setTransactionId] = (0, import_react88.useState)("");
+  const refPollForUpdates = (0, import_react88.useRef)(false);
   const handleSearch = async () => {
     if (transactionId.length <= 0)
       return import_react_hot_toast2.default.error("You must provide a valid transaction id", {
-        icon: /* @__PURE__ */ import_react121.default.createElement(Error_default, null)
+        icon: /* @__PURE__ */ import_react88.default.createElement(Error_default, null)
       });
     try {
       const data = await getTxData({
@@ -5385,11 +5330,11 @@ var TransactionSearch = () => {
       logger_default.error("Error searching transaction: ", error);
       return import_react_hot_toast2.default.error(
         "Transaction not found. Please check for the proper transaction id.",
-        { icon: /* @__PURE__ */ import_react121.default.createElement(Error_default, null) }
+        { icon: /* @__PURE__ */ import_react88.default.createElement(Error_default, null) }
       );
     }
   };
-  return /* @__PURE__ */ import_react121.default.createElement("div", { className: "form-item transaction-search" }, /* @__PURE__ */ import_react121.default.createElement("div", { className: "transaction-input" }, /* @__PURE__ */ import_react121.default.createElement("span", { className: "label" }, "Search Transaction:"), /* @__PURE__ */ import_react121.default.createElement(
+  return /* @__PURE__ */ import_react88.default.createElement("div", { className: "form-item transaction-search" }, /* @__PURE__ */ import_react88.default.createElement("div", { className: "transaction-input" }, /* @__PURE__ */ import_react88.default.createElement("span", { className: "label" }, "Search Transaction:"), /* @__PURE__ */ import_react88.default.createElement(
     "input",
     {
       className: `${theme.colorMode}`,
@@ -5399,18 +5344,18 @@ var TransactionSearch = () => {
       onChange: (e) => setTransactionId(e.target.value),
       spellCheck: false
     }
-  )), /* @__PURE__ */ import_react121.default.createElement(SecondaryButton_default, { clickHandler: handleSearch }, "Search"));
+  )), /* @__PURE__ */ import_react88.default.createElement(SecondaryButton_default, { clickHandler: handleSearch }, "Search"));
 };
 var TransactionSearch_default = TransactionSearch;
 
 // src/components/TransactionWidget.tsx
 var TransactionWidget = ({ theme }) => {
-  const [step, setStep] = (0, import_react122.useState)(0);
-  const [focus, setFocus] = (0, import_react122.useState)(-1);
-  const [errorStep, setErrorStep] = (0, import_react122.useState)(-1);
-  const [errorMessage, setErrorMessage] = (0, import_react122.useState)("");
-  const [loadingStep, setLoadingStep] = (0, import_react122.useState)(-1);
-  const [minimized, setMinimized] = (0, import_react122.useState)(false);
+  const [step, setStep] = (0, import_react89.useState)(0);
+  const [focus, setFocus] = (0, import_react89.useState)(-1);
+  const [errorStep, setErrorStep] = (0, import_react89.useState)(-1);
+  const [errorMessage, setErrorMessage] = (0, import_react89.useState)("");
+  const [loadingStep, setLoadingStep] = (0, import_react89.useState)(-1);
+  const [minimized, setMinimized] = (0, import_react89.useState)(false);
   const dispatch = (0, import_react_redux43.useDispatch)();
   const mode = (0, import_react_redux42.useSelector)(selectMode);
   const feeDeduct = (0, import_react_redux42.useSelector)(selectFeeDeduct);
@@ -5428,42 +5373,42 @@ var TransactionWidget = ({ theme }) => {
   const { successHandler, closeHandler } = useKimaContext();
   const backendUrl = (0, import_react_redux42.useSelector)(selectBackendUrl);
   const { data, error } = useGetTxData_default(txId, dAppOption, backendUrl);
-  const transactionSourceChain = (0, import_react122.useMemo)(
+  const transactionSourceChain = (0, import_react89.useMemo)(
     () => networks.find(
       (network) => network.shortName === (mode === "status" /* status */ ? data?.sourceChain === "FIAT" ? "CC" : data?.sourceChain : sourceChain.shortName)
     ),
     [data, mode, sourceChain]
   );
-  const transactionTargetChain = (0, import_react122.useMemo)(
+  const transactionTargetChain = (0, import_react89.useMemo)(
     () => networks.find(
       (network) => network.shortName === (mode === "status" /* status */ ? data?.targetChain : targetChain.shortName)
     ),
     [data, mode, targetChain]
   );
-  const isValidTxId = (0, import_react122.useMemo)(() => {
+  const isValidTxId = (0, import_react89.useMemo)(() => {
     return !(!txId || typeof txId === "string" && txId.length === 0 || typeof txId === "number" && txId < 0);
   }, [txId]);
-  const isEmptyStatus = (0, import_react122.useMemo)(() => {
+  const isEmptyStatus = (0, import_react89.useMemo)(() => {
     if (!data) return true;
     return data?.amount === "";
   }, [data]);
   const { data: chainData } = useChainData(backendUrl);
-  (0, import_react122.useEffect)(() => {
+  (0, import_react89.useEffect)(() => {
     if (!data || data.status !== "Completed" /* COMPLETED */) return;
     successHandler && successHandler({
       txId
     });
   }, [data]);
-  (0, import_react122.useEffect)(() => {
+  (0, import_react89.useEffect)(() => {
     if (error)
       import_react_hot_toast3.toast.error(
         "The provided transaction id is not valid, please use a different one or contact support for further assistance",
         {
-          icon: /* @__PURE__ */ import_react122.default.createElement(Error_default, null)
+          icon: /* @__PURE__ */ import_react89.default.createElement(Error_default, null)
         }
       );
   }, [error]);
-  (0, import_react122.useEffect)(() => {
+  (0, import_react89.useEffect)(() => {
     if (!data) {
       setStep(0);
       setLoadingStep(0);
@@ -5483,7 +5428,7 @@ var TransactionWidget = ({ theme }) => {
       setErrorStep(1);
       setLoadingStep(-1);
       logger_default.error("transaction failed:", data.failReason);
-      import_react_hot_toast3.toast.error("Unavailable", { icon: /* @__PURE__ */ import_react122.default.createElement(Error_default, null) });
+      import_react_hot_toast3.toast.error("Unavailable", { icon: /* @__PURE__ */ import_react89.default.createElement(Error_default, null) });
       setErrorMessage("Unavailable");
     } else if (status === "Paid" /* PAID */) {
       setStep(3);
@@ -5494,7 +5439,7 @@ var TransactionWidget = ({ theme }) => {
       import_react_hot_toast3.toast.error(
         "Failed to release tokens to target! Starting refund process.",
         {
-          icon: /* @__PURE__ */ import_react122.default.createElement(Error_default, null)
+          icon: /* @__PURE__ */ import_react89.default.createElement(Error_default, null)
         }
       );
       setErrorMessage(
@@ -5505,7 +5450,7 @@ var TransactionWidget = ({ theme }) => {
       setErrorStep(3);
       setLoadingStep(-1);
       import_react_hot_toast3.toast.error("Failed to refund tokens to source!", {
-        icon: /* @__PURE__ */ import_react122.default.createElement(Error_default, null)
+        icon: /* @__PURE__ */ import_react89.default.createElement(Error_default, null)
       });
       setErrorMessage("Failed to refund tokens to source!");
     } else if (status === "RefundCompleted" /* REFUNDCOMPLETED */) {
@@ -5513,7 +5458,7 @@ var TransactionWidget = ({ theme }) => {
       setErrorStep(3);
       setLoadingStep(-1);
       import_react_hot_toast3.toast.success("Refund completed!", {
-        icon: /* @__PURE__ */ import_react122.default.createElement(Error_default, null)
+        icon: /* @__PURE__ */ import_react89.default.createElement(Error_default, null)
       });
       setErrorMessage("Refund completed!");
     } else if (status === "FailedToPay" /* FAILEDTOPAY */) {
@@ -5522,7 +5467,7 @@ var TransactionWidget = ({ theme }) => {
       setLoadingStep(-1);
       logger_default.error("transaction failed:", data.failReason);
       import_react_hot_toast3.toast.error("Failed to release tokens to target!", {
-        icon: /* @__PURE__ */ import_react122.default.createElement(Error_default, null)
+        icon: /* @__PURE__ */ import_react89.default.createElement(Error_default, null)
       });
       setErrorMessage("Failed to release tokens to target!");
     } else if (status === "FailedToPull" /* FAILEDTOPULL */) {
@@ -5530,7 +5475,7 @@ var TransactionWidget = ({ theme }) => {
       setErrorStep(1);
       setLoadingStep(-1);
       logger_default.error("transaction failed:", data.failReason);
-      import_react_hot_toast3.toast.error("Failed to pull tokens from source!", { icon: /* @__PURE__ */ import_react122.default.createElement(Error_default, null) });
+      import_react_hot_toast3.toast.error("Failed to pull tokens from source!", { icon: /* @__PURE__ */ import_react89.default.createElement(Error_default, null) });
       setErrorMessage("Failed to pull tokens from source!");
     } else if (status === "Completed" /* COMPLETED */) {
       setStep(4);
@@ -5591,7 +5536,7 @@ var TransactionWidget = ({ theme }) => {
     dispatch(setTxId(-1));
     dispatch(setSubmitted(false));
   };
-  return /* @__PURE__ */ import_react122.default.createElement(import_react_redux41.Provider, { store }, /* @__PURE__ */ import_react122.default.createElement(
+  return /* @__PURE__ */ import_react89.default.createElement(import_react_redux41.Provider, { store }, /* @__PURE__ */ import_react89.default.createElement(
     "div",
     {
       className: `kima-card transaction-card ${theme.colorMode} ${minimized ? "minimized" : ""}`,
@@ -5599,17 +5544,17 @@ var TransactionWidget = ({ theme }) => {
         background: theme.colorMode === "light" /* light */ ? theme.backgroundColorLight : theme.backgroundColorDark
       }
     },
-    /* @__PURE__ */ import_react122.default.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ import_react122.default.createElement("div", { className: "topbar" }, /* @__PURE__ */ import_react122.default.createElement("div", { className: "title" }, isValidTxId && !error ? /* @__PURE__ */ import_react122.default.createElement("div", { className: "transaction-title" }, mode !== "status" /* status */ ? data?.status === "Completed" /* COMPLETED */ ? "Transferred " : "Transfering " : isEmptyStatus ? "Fetching transaction status " : data?.status === "Completed" /* COMPLETED */ ? "Transfered " : "Transfering ", mode !== "status" /* status */ ? Number(amount) !== 0 ? transactionSourceChain?.shortName === "CC" ? bigIntToNumber(txValues.allowanceAmount).toFixed(2) : formatBigInt(txValues.allowanceAmount) : "" : data?.amount || "", " ", mode !== "status" /* status */ ? `${sourceSymbol} ` : isEmptyStatus ? "" : `(${data?.sourceSymbol})`, /* @__PURE__ */ import_react122.default.createElement("div", { className: "title-icon" }, /* @__PURE__ */ import_react122.default.createElement(
+    /* @__PURE__ */ import_react89.default.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ import_react89.default.createElement("div", { className: "topbar" }, /* @__PURE__ */ import_react89.default.createElement("div", { className: "title" }, isValidTxId && !error ? /* @__PURE__ */ import_react89.default.createElement("div", { className: "transaction-title" }, mode !== "status" /* status */ ? data?.status === "Completed" /* COMPLETED */ ? "Transferred " : "Transfering " : isEmptyStatus ? "Fetching transaction status " : data?.status === "Completed" /* COMPLETED */ ? "Transfered " : "Transfering ", mode !== "status" /* status */ ? Number(amount) !== 0 ? transactionSourceChain?.shortName === "CC" ? bigIntToNumber(txValues.allowanceAmount).toFixed(2) : formatBigInt(txValues.allowanceAmount) : "" : data?.amount || "", " ", mode !== "status" /* status */ ? `${sourceSymbol} ` : isEmptyStatus ? "" : `(${data?.sourceSymbol})`, /* @__PURE__ */ import_react89.default.createElement("div", { className: "title-icon" }, /* @__PURE__ */ import_react89.default.createElement(
       ChainIcon,
       {
         symbol: transactionSourceChain?.shortName
       }
-    )), " ", mode !== "status" /* status */ ? `${transactionSourceChain?.name}` : isEmptyStatus ? "" : `${data?.sourceChain === "FIAT" ? "CC" : data?.sourceChain}`, " ", mode !== "status" /* status */ ? `\u2192 ` : isEmptyStatus ? "" : `\u2192 `, mode !== "status" /* status */ ? Number(amount) !== 0 ? transactionSourceChain?.shortName === "CC" ? bigIntToNumber(txValues.submitAmount).toFixed(2) : formatBigInt(txValues.submitAmount) : "" : data?.amount || "", " ", mode !== "status" /* status */ ? `${targetSymbol}${" "}` : isEmptyStatus ? "" : `${data?.targetSymbol}${" "}`, /* @__PURE__ */ import_react122.default.createElement("div", { className: "title-icon" }, /* @__PURE__ */ import_react122.default.createElement(
+    )), " ", mode !== "status" /* status */ ? `${transactionSourceChain?.name}` : isEmptyStatus ? "" : `${data?.sourceChain === "FIAT" ? "CC" : data?.sourceChain}`, " ", mode !== "status" /* status */ ? `\u2192 ` : isEmptyStatus ? "" : `\u2192 `, mode !== "status" /* status */ ? Number(amount) !== 0 ? transactionSourceChain?.shortName === "CC" ? bigIntToNumber(txValues.submitAmount).toFixed(2) : formatBigInt(txValues.submitAmount) : "" : data?.amount || "", " ", mode !== "status" /* status */ ? `${targetSymbol}${" "}` : isEmptyStatus ? "" : `${data?.targetSymbol}${" "}`, /* @__PURE__ */ import_react89.default.createElement("div", { className: "title-icon" }, /* @__PURE__ */ import_react89.default.createElement(
       ChainIcon,
       {
         symbol: transactionTargetChain?.shortName
       }
-    )), " ", mode !== "status" /* status */ ? `${transactionTargetChain?.name}${" "}` : isEmptyStatus ? "" : `${data?.targetChain} ${" "}`) : /* @__PURE__ */ import_react122.default.createElement("div", null, /* @__PURE__ */ import_react122.default.createElement("h3", { className: "transaction" }, "Transaction Status"))), !minimized ? /* @__PURE__ */ import_react122.default.createElement("div", { className: "control-buttons" }, /* @__PURE__ */ import_react122.default.createElement(
+    )), " ", mode !== "status" /* status */ ? `${transactionTargetChain?.name}${" "}` : isEmptyStatus ? "" : `${data?.targetChain} ${" "}`) : /* @__PURE__ */ import_react89.default.createElement("div", null, /* @__PURE__ */ import_react89.default.createElement("h3", { className: "transaction" }, "Transaction Status"))), !minimized ? /* @__PURE__ */ import_react89.default.createElement("div", { className: "control-buttons" }, /* @__PURE__ */ import_react89.default.createElement(
       "button",
       {
         className: "icon-button minimize",
@@ -5617,9 +5562,9 @@ var TransactionWidget = ({ theme }) => {
           setMinimized(true);
         }
       },
-      /* @__PURE__ */ import_react122.default.createElement(Minimize_default, null)
-    ), !isValidTxId || loadingStep < 0 || error ? /* @__PURE__ */ import_react122.default.createElement("button", { className: "reset-button", onClick: resetForm }, "Reset") : null) : /* @__PURE__ */ import_react122.default.createElement("div", { className: "control-buttons" }, /* @__PURE__ */ import_react122.default.createElement("div", { className: "maximize", onClick: () => setMinimized(false) }, "View")))),
-    isValidTxId && !error ? /* @__PURE__ */ import_react122.default.createElement("div", { className: "kima-card-content" }, /* @__PURE__ */ import_react122.default.createElement("div", { className: "transaction-content" }, /* @__PURE__ */ import_react122.default.createElement(
+      /* @__PURE__ */ import_react89.default.createElement(Minimize_default, null)
+    ), !isValidTxId || loadingStep < 0 || error ? /* @__PURE__ */ import_react89.default.createElement("button", { className: "reset-button", onClick: resetForm }, "Reset") : null) : /* @__PURE__ */ import_react89.default.createElement("div", { className: "control-buttons" }, /* @__PURE__ */ import_react89.default.createElement("div", { className: "maximize", onClick: () => setMinimized(false) }, "View")))),
+    isValidTxId && !error ? /* @__PURE__ */ import_react89.default.createElement("div", { className: "kima-card-content" }, /* @__PURE__ */ import_react89.default.createElement("div", { className: "transaction-content" }, /* @__PURE__ */ import_react89.default.createElement(
       Progressbar_default,
       {
         step,
@@ -5628,7 +5573,7 @@ var TransactionWidget = ({ theme }) => {
         setFocus,
         loadingStep
       }
-    ), /* @__PURE__ */ import_react122.default.createElement(
+    ), /* @__PURE__ */ import_react89.default.createElement(
       StepBox_default,
       {
         step,
@@ -5636,14 +5581,14 @@ var TransactionWidget = ({ theme }) => {
         loadingStep,
         data
       }
-    )), !error && !isEmptyStatus && /* @__PURE__ */ import_react122.default.createElement(
+    )), !error && !isEmptyStatus && /* @__PURE__ */ import_react89.default.createElement(
       TransactionStatusMessage_default,
       {
         isCompleted: data?.status,
         transactionId: txId.toString()
       }
-    )) : /* @__PURE__ */ import_react122.default.createElement("div", { className: "kima-card-content" }, /* @__PURE__ */ import_react122.default.createElement("h4", { className: "subtitle" }, "You can follow the status of a previous submitted transaction by entering the provided transaction id"), /* @__PURE__ */ import_react122.default.createElement("div", { className: "single-form" }, /* @__PURE__ */ import_react122.default.createElement(TransactionSearch_default, null))),
-    /* @__PURE__ */ import_react122.default.createElement(
+    )) : /* @__PURE__ */ import_react89.default.createElement("div", { className: "kima-card-content" }, /* @__PURE__ */ import_react89.default.createElement("h4", { className: "subtitle" }, "You can follow the status of a previous submitted transaction by entering the provided transaction id"), /* @__PURE__ */ import_react89.default.createElement("div", { className: "single-form" }, /* @__PURE__ */ import_react89.default.createElement(TransactionSearch_default, null))),
+    /* @__PURE__ */ import_react89.default.createElement(
       import_react_hot_toast3.Toaster,
       {
         position: "top-right",
@@ -5670,29 +5615,29 @@ var TransactionWidget = ({ theme }) => {
         }
       }
     ),
-    /* @__PURE__ */ import_react122.default.createElement("div", { className: "floating-footer status" }, /* @__PURE__ */ import_react122.default.createElement("div", { className: `items ${theme.colorMode}` }, /* @__PURE__ */ import_react122.default.createElement("span", null, "Powered by"), /* @__PURE__ */ import_react122.default.createElement(KimaNetwork_default, null)))
+    /* @__PURE__ */ import_react89.default.createElement("div", { className: "floating-footer status" }, /* @__PURE__ */ import_react89.default.createElement("div", { className: `items ${theme.colorMode}` }, /* @__PURE__ */ import_react89.default.createElement("span", null, "Powered by"), /* @__PURE__ */ import_react89.default.createElement(KimaNetwork_default, null)))
   ));
 };
 
 // src/components/TransferWidget.tsx
-var import_react135 = __toESM(require("react"), 1);
+var import_react102 = __toESM(require("react"), 1);
 var import_react_redux56 = require("react-redux");
 
 // src/components/reusable/SingleForm.tsx
-var import_react124 = __toESM(require("react"), 1);
+var import_react91 = __toESM(require("react"), 1);
 var import_react_hot_toast4 = require("react-hot-toast");
 var import_react_redux46 = require("react-redux");
 
 // src/components/primary/NetworkSelector.tsx
-var import_react123 = __toESM(require("react"), 1);
+var import_react90 = __toESM(require("react"), 1);
 var import_react_redux44 = require("react-redux");
 var NetworkSelector = ({
   type,
   initialSelection,
   setInitialSelection
 }) => {
-  const [collapsed, setCollapsed] = (0, import_react123.useState)(true);
-  const ref = (0, import_react123.useRef)(null);
+  const [collapsed, setCollapsed] = (0, import_react90.useState)(true);
+  const ref = (0, import_react90.useRef)(null);
   const dispatch = (0, import_react_redux44.useDispatch)();
   const theme = (0, import_react_redux44.useSelector)(selectTheme);
   const networkOptions3 = (0, import_react_redux44.useSelector)(selectNetworks);
@@ -5701,14 +5646,14 @@ var NetworkSelector = ({
   const targetNetwork = (0, import_react_redux44.useSelector)(selectTargetChain);
   const { switchChainHandler } = useKimaContext();
   const isOriginSelector = type === "origin";
-  const networks = (0, import_react123.useMemo)(() => {
+  const networks = (0, import_react90.useMemo)(() => {
     return networkOptions3.filter((network) => {
       const isSameAsSource = isOriginSelector ? false : network.shortName === sourceNetwork.shortName;
       const isAllowedInLightMode = mode !== "light" /* light */ || lightDemoNetworks.includes(network.shortName);
       return network.supportedLocations.includes(type) && !isSameAsSource && isAllowedInLightMode;
     });
   }, [networkOptions3, sourceNetwork, type, mode]);
-  const selectedNetwork = (0, import_react123.useMemo)(() => {
+  const selectedNetwork = (0, import_react90.useMemo)(() => {
     if (initialSelection) {
       return {
         shortName: "",
@@ -5727,7 +5672,7 @@ var NetworkSelector = ({
     isOriginSelector,
     initialSelection
   ]);
-  (0, import_react123.useEffect)(() => {
+  (0, import_react90.useEffect)(() => {
     if (!networks.length || selectedNetwork.shortName) return;
     const fallbackNetwork = networks[0];
     if (isOriginSelector) {
@@ -5759,7 +5704,7 @@ var NetworkSelector = ({
     type === "origin" ? setInitialSelection((prev) => ({ ...prev, sourceSelection: false })) : setInitialSelection((prev) => ({ ...prev, targetSelection: false }));
     setCollapsed(true);
   };
-  (0, import_react123.useEffect)(() => {
+  (0, import_react90.useEffect)(() => {
     const handleOutsideClick = (e) => {
       if (ref.current && !ref.current.contains(e.target)) {
         setCollapsed(true);
@@ -5770,7 +5715,7 @@ var NetworkSelector = ({
       document.removeEventListener("mousedown", handleOutsideClick);
     };
   }, []);
-  (0, import_react123.useEffect)(() => {
+  (0, import_react90.useEffect)(() => {
     if (mode !== "light" /* light */) return;
     if (isEVMChain(targetNetwork.shortName)) {
       dispatch(setTargetAddress(lightDemoAccounts.EVM));
@@ -5780,20 +5725,20 @@ var NetworkSelector = ({
       dispatch(setTargetAddress(lightDemoAccounts.TRX));
     }
   }, [sourceNetwork, targetNetwork, mode]);
-  return /* @__PURE__ */ import_react123.default.createElement(
+  return /* @__PURE__ */ import_react90.default.createElement(
     "div",
     {
       className: `network-dropdown ${theme?.colorMode ?? ""} ${collapsed ? "collapsed" : "toggled"}`,
       onClick: () => setCollapsed((prev) => !prev),
       ref
     },
-    /* @__PURE__ */ import_react123.default.createElement("div", { className: "network-wrapper" }, /* @__PURE__ */ import_react123.default.createElement(ChainIcon, { symbol: selectedNetwork.shortName }), /* @__PURE__ */ import_react123.default.createElement("span", null, selectedNetwork.name)),
-    /* @__PURE__ */ import_react123.default.createElement(
+    /* @__PURE__ */ import_react90.default.createElement("div", { className: "network-wrapper" }, /* @__PURE__ */ import_react90.default.createElement(ChainIcon, { symbol: selectedNetwork.shortName }), /* @__PURE__ */ import_react90.default.createElement("span", null, selectedNetwork.name)),
+    /* @__PURE__ */ import_react90.default.createElement(
       "div",
       {
         className: `network-menu custom-scrollbar ${theme?.colorMode ?? ""} ${collapsed ? "collapsed" : "toggled"}`
       },
-      networks.filter((network) => network.shortName !== selectedNetwork.shortName).map((network) => /* @__PURE__ */ import_react123.default.createElement(
+      networks.filter((network) => network.shortName !== selectedNetwork.shortName).map((network) => /* @__PURE__ */ import_react90.default.createElement(
         "div",
         {
           key: network.id,
@@ -5805,15 +5750,15 @@ var NetworkSelector = ({
             }
           }
         },
-        network.disabled ? /* @__PURE__ */ import_react123.default.createElement(Warning_default, { width: 25, height: 25 }) : /* @__PURE__ */ import_react123.default.createElement(ChainIcon, { symbol: network.shortName }),
-        /* @__PURE__ */ import_react123.default.createElement("p", null, network.name),
-        network.disabled && /* @__PURE__ */ import_react123.default.createElement("span", { className: "tooltip" }, "Temporarily unavailable")
+        network.disabled ? /* @__PURE__ */ import_react90.default.createElement(Warning_default, { width: 25, height: 25 }) : /* @__PURE__ */ import_react90.default.createElement(ChainIcon, { symbol: network.shortName }),
+        /* @__PURE__ */ import_react90.default.createElement("p", null, network.name),
+        network.disabled && /* @__PURE__ */ import_react90.default.createElement("span", { className: "tooltip" }, "Temporarily unavailable")
       ))
     ),
-    /* @__PURE__ */ import_react123.default.createElement("div", { className: `dropdown-icon ${collapsed ? "toggled" : "collapsed"}` }, /* @__PURE__ */ import_react123.default.createElement(Arrow_default, { fill: "none" }))
+    /* @__PURE__ */ import_react90.default.createElement("div", { className: `dropdown-icon ${collapsed ? "toggled" : "collapsed"}` }, /* @__PURE__ */ import_react90.default.createElement(Arrow_default, { fill: "none" }))
   );
 };
-var NetworkSelector_default = import_react123.default.memo(NetworkSelector);
+var NetworkSelector_default = import_react90.default.memo(NetworkSelector);
 
 // src/components/reusable/SingleForm.tsx
 var import_viem6 = require("viem");
@@ -5940,7 +5885,7 @@ var SingleForm = ({
   const targetNetwork = (0, import_react_redux46.useSelector)(selectTargetChain);
   const targetAddress = (0, import_react_redux46.useSelector)(selectTargetAddress);
   const { isReady } = useIsWalletReady4();
-  const [amountValue, setAmountValue] = (0, import_react124.useState)("");
+  const [amountValue, setAmountValue] = (0, import_react91.useState)("");
   const amount = (0, import_react_redux46.useSelector)(selectAmount);
   const sourceCurrency = (0, import_react_redux46.useSelector)(selectSourceCurrency);
   const targetCurrency = (0, import_react_redux46.useSelector)(selectTargetCurrency);
@@ -5960,18 +5905,18 @@ var SingleForm = ({
     targetSymbol: targetCurrency,
     backendUrl
   });
-  (0, import_react124.useEffect)(() => {
+  (0, import_react91.useEffect)(() => {
     if (fees) {
       dispatch(setServiceFee(fees));
     }
   }, [fees, dispatch]);
   const { kimaBackendUrl } = useKimaContext();
   const { data: envOptions } = useGetEnvOptions({ kimaBackendUrl });
-  const errorMessage = (0, import_react124.useMemo)(
+  const errorMessage = (0, import_react91.useMemo)(
     () => compliantOption && targetCompliant !== null && !targetCompliant?.isCompliant ? `Target address has ${targetCompliant.results?.[0].result.risk_score} risk` : "",
     [compliantOption, targetCompliant]
   );
-  const maxValue = (0, import_react124.useMemo)(() => {
+  const maxValue = (0, import_react91.useMemo)(() => {
     if (mode === "light" /* light */)
       return BigInt(
         envOptions?.transferLimitMaxUSDT ? parseFloat(envOptions?.transferLimitMaxUSDT) : 1e3
@@ -5981,11 +5926,11 @@ var SingleForm = ({
     const intAmount = (0, import_viem6.parseUnits)(amount, totalFee.decimals);
     return balance - intAmount;
   }, [balance, totalFee, feeDeduct]);
-  (0, import_react124.useEffect)(() => {
+  (0, import_react91.useEffect)(() => {
     if (!errorMessage) return;
     import_react_hot_toast4.toast.error(errorMessage);
   }, [errorMessage]);
-  (0, import_react124.useEffect)(() => {
+  (0, import_react91.useEffect)(() => {
     if (amountValue && amount !== "") return;
     setAmountValue(amount);
   }, [amount]);
@@ -6013,10 +5958,10 @@ var SingleForm = ({
     setAmountValue(truncated);
     dispatch(setAmount(truncated));
   };
-  const isConnected = (0, import_react124.useMemo)(() => {
+  const isConnected = (0, import_react91.useMemo)(() => {
     return isReady && !initialSelection.sourceSelection;
   }, [isReady, initialSelection]);
-  return /* @__PURE__ */ import_react124.default.createElement("div", { className: "single-form" }, /* @__PURE__ */ import_react124.default.createElement("div", { className: "form-item" }, /* @__PURE__ */ import_react124.default.createElement("span", { className: "label" }, "Source Network:"), /* @__PURE__ */ import_react124.default.createElement("div", { className: "items" }, /* @__PURE__ */ import_react124.default.createElement(
+  return /* @__PURE__ */ import_react91.default.createElement("div", { className: "single-form" }, /* @__PURE__ */ import_react91.default.createElement("div", { className: "form-item" }, /* @__PURE__ */ import_react91.default.createElement("span", { className: "label" }, "Source Network:"), /* @__PURE__ */ import_react91.default.createElement("div", { className: "items" }, /* @__PURE__ */ import_react91.default.createElement(
     NetworkSelector_default,
     {
       type: "origin",
@@ -6025,20 +5970,20 @@ var SingleForm = ({
         setInitialSelection
       }
     }
-  ), /* @__PURE__ */ import_react124.default.createElement(CoinDropdown_default, null))), /* @__PURE__ */ import_react124.default.createElement(
+  ), /* @__PURE__ */ import_react91.default.createElement(CoinDropdown_default, null))), /* @__PURE__ */ import_react91.default.createElement(
     "div",
     {
       className: `dynamic-area ${sourceNetwork.shortName === "FIAT" /* FIAT */ ? "reverse" : "1"}`
     },
-    sourceNetwork.compatibility !== "CC" /* CC */ && /* @__PURE__ */ import_react124.default.createElement(
+    sourceNetwork.compatibility !== "CC" /* CC */ && /* @__PURE__ */ import_react91.default.createElement(
       "div",
       {
         className: `form-item wallet-button-item ${isConnected && "connected"}`
       },
-      /* @__PURE__ */ import_react124.default.createElement("span", { className: "label" }, "Wallet:"),
-      /* @__PURE__ */ import_react124.default.createElement(WalletButton_default, { initialSelection: initialSelection.sourceSelection })
+      /* @__PURE__ */ import_react91.default.createElement("span", { className: "label" }, "Wallet:"),
+      /* @__PURE__ */ import_react91.default.createElement(WalletButton_default, { initialSelection: initialSelection.sourceSelection })
     ),
-    mode !== "payment" /* payment */ && /* @__PURE__ */ import_react124.default.createElement("div", { className: "form-item" }, /* @__PURE__ */ import_react124.default.createElement("span", { className: "label" }, "Target Network:"), /* @__PURE__ */ import_react124.default.createElement("div", { className: "items" }, /* @__PURE__ */ import_react124.default.createElement(
+    mode !== "payment" /* payment */ && /* @__PURE__ */ import_react91.default.createElement("div", { className: "form-item" }, /* @__PURE__ */ import_react91.default.createElement("span", { className: "label" }, "Target Network:"), /* @__PURE__ */ import_react91.default.createElement("div", { className: "items" }, /* @__PURE__ */ import_react91.default.createElement(
       NetworkSelector_default,
       {
         type: "target",
@@ -6047,29 +5992,29 @@ var SingleForm = ({
           setInitialSelection
         }
       }
-    ), /* @__PURE__ */ import_react124.default.createElement(CoinDropdown_default, { isSourceChain: false })))
-  ), mode === "bridge" /* bridge */ && sourceNetwork.shortName !== "FIAT" /* FIAT */ ? targetNetwork.shortName === "FIAT" /* FIAT */ ? /* @__PURE__ */ import_react124.default.createElement(BankInput_default, null) : /* @__PURE__ */ import_react124.default.createElement("div", { className: `form-item ${theme.colorMode}` }, /* @__PURE__ */ import_react124.default.createElement("span", { className: "label" }, "Target Address:"), /* @__PURE__ */ import_react124.default.createElement(
+    ), /* @__PURE__ */ import_react91.default.createElement(CoinDropdown_default, { isSourceChain: false })))
+  ), mode === "bridge" /* bridge */ && sourceNetwork.shortName !== "FIAT" /* FIAT */ ? targetNetwork.shortName === "FIAT" /* FIAT */ ? /* @__PURE__ */ import_react91.default.createElement(BankInput_default, null) : /* @__PURE__ */ import_react91.default.createElement("div", { className: `form-item ${theme.colorMode}` }, /* @__PURE__ */ import_react91.default.createElement("span", { className: "label" }, "Target Address:"), /* @__PURE__ */ import_react91.default.createElement(
     AddressInput_default,
     {
       theme: theme.colorMode,
       placeholder: "Target address",
       initialSelection
     }
-  )) : null, mode === "light" /* light */ && /* @__PURE__ */ import_react124.default.createElement(
+  )) : null, mode === "light" /* light */ && /* @__PURE__ */ import_react91.default.createElement(
     "div",
     {
       className: `form-item wallet-button-item ${!initialSelection.targetSelection && "connected"}`,
       style: { display: "flex", alignItems: "center" }
     },
-    /* @__PURE__ */ import_react124.default.createElement("span", { className: "label" }, "Target Wallet:"),
-    /* @__PURE__ */ import_react124.default.createElement(
+    /* @__PURE__ */ import_react91.default.createElement("span", { className: "label" }, "Target Wallet:"),
+    /* @__PURE__ */ import_react91.default.createElement(
       WalletButton_default,
       {
         initialSelection: initialSelection.targetSelection,
         placeholder: true
       }
     )
-  ), mode === "bridge" /* bridge */ && /* @__PURE__ */ import_react124.default.createElement("div", { className: `form-item ${theme.colorMode}` }, /* @__PURE__ */ import_react124.default.createElement("span", { className: "label" }, "Amount:"), /* @__PURE__ */ import_react124.default.createElement("div", { className: `amount-label-container items ${theme.colorMode}` }, /* @__PURE__ */ import_react124.default.createElement(
+  ), mode === "bridge" /* bridge */ && /* @__PURE__ */ import_react91.default.createElement("div", { className: `form-item ${theme.colorMode}` }, /* @__PURE__ */ import_react91.default.createElement("span", { className: "label" }, "Amount:"), /* @__PURE__ */ import_react91.default.createElement("div", { className: `amount-label-container items ${theme.colorMode}` }, /* @__PURE__ */ import_react91.default.createElement(
     "input",
     {
       className: `${theme.colorMode}`,
@@ -6078,7 +6023,7 @@ var SingleForm = ({
       value: amountValue || "",
       onChange: (e) => onAmountChange(e.target.value)
     }
-  ), /* @__PURE__ */ import_react124.default.createElement("div", { className: "max-disclaimer" }, sourceNetwork.shortName !== "CC" && /* @__PURE__ */ import_react124.default.createElement("span", { className: "max-button", onClick: onMaxClick }, "Max"), +totalFee !== -1 && /* @__PURE__ */ import_react124.default.createElement("p", { className: "fee-amount" }, "Est fees:", " ", /* @__PURE__ */ import_react124.default.createElement("span", { className: `${isLoadingFees ? "loading" : ""}` }, " ", isLoadingFees ? "" : `$ ${formatBigInt(totalFee)} USD`))))));
+  ), /* @__PURE__ */ import_react91.default.createElement("div", { className: "max-disclaimer" }, sourceNetwork.shortName !== "CC" && /* @__PURE__ */ import_react91.default.createElement("span", { className: "max-button", onClick: onMaxClick }, "Max"), +totalFee !== -1 && /* @__PURE__ */ import_react91.default.createElement("p", { className: "fee-amount" }, "Est fees:", " ", /* @__PURE__ */ import_react91.default.createElement("span", { className: `${isLoadingFees ? "loading" : ""}` }, " ", isLoadingFees ? "" : `$ ${formatBigInt(totalFee)} USD`))))));
 };
 var SingleForm_default = SingleForm;
 
@@ -6127,11 +6072,11 @@ function useAllowance2({
 var import_react_hot_toast5 = require("react-hot-toast");
 
 // plugins/solana/components/SolanaWalletConnectModal.tsx
-var import_react127 = __toESM(require("react"), 1);
+var import_react94 = __toESM(require("react"), 1);
 var import_react_redux49 = require("react-redux");
 
 // plugins/solana/components/SolanaWalletSelect.tsx
-var import_react125 = __toESM(require("react"), 1);
+var import_react92 = __toESM(require("react"), 1);
 var import_react_redux47 = require("react-redux");
 var import_wallet_adapter_react7 = require("@solana/wallet-adapter-react");
 var import_wallet_adapter_base = require("@solana/wallet-adapter-base");
@@ -6139,9 +6084,9 @@ var SolanaWalletSelect = () => {
   const theme = (0, import_react_redux47.useSelector)(selectTheme);
   const sourceChain = (0, import_react_redux47.useSelector)(selectSourceChain);
   const dispatch = (0, import_react_redux47.useDispatch)();
-  const sliderRef = (0, import_react125.useRef)();
+  const sliderRef = (0, import_react92.useRef)();
   const { wallet, wallets, select, connect, connected } = (0, import_wallet_adapter_react7.useWallet)();
-  const [detected, undetected] = (0, import_react125.useMemo)(() => {
+  const [detected, undetected] = (0, import_react92.useMemo)(() => {
     const detected2 = [];
     const undetected2 = [];
     for (const wallet2 of wallets) {
@@ -6153,7 +6098,7 @@ var SolanaWalletSelect = () => {
     }
     return [detected2, undetected2];
   }, [wallets]);
-  (0, import_react125.useEffect)(() => {
+  (0, import_react92.useEffect)(() => {
     let isDown = false;
     let startX;
     let scrollLeft;
@@ -6179,7 +6124,7 @@ var SolanaWalletSelect = () => {
       sliderRef.current.scrollLeft = scrollLeft - walk;
     });
   }, []);
-  const handleWalletClick = (0, import_react125.useCallback)(
+  const handleWalletClick = (0, import_react92.useCallback)(
     (walletName) => {
       logger_default.debug(
         "SolanaWalletSelect: handleWalletClick: walletName: ",
@@ -6189,7 +6134,7 @@ var SolanaWalletSelect = () => {
     },
     [select]
   );
-  (0, import_react125.useEffect)(() => {
+  (0, import_react92.useEffect)(() => {
     logger_default.debug("SolanaWalletSelect: useEffect: wallet: ", wallet);
     if (!wallet) return;
     if (sourceChain.shortName !== "SOL") {
@@ -6205,28 +6150,28 @@ var SolanaWalletSelect = () => {
     }
     dispatch(setSolanaConnectModal(false));
   }, [wallet, sourceChain]);
-  return /* @__PURE__ */ import_react125.default.createElement("div", { className: `wallet-select` }, /* @__PURE__ */ import_react125.default.createElement("div", { className: "slide-area hide-scrollbar", ref: sliderRef }, /* @__PURE__ */ import_react125.default.createElement("div", { className: "wallet-container" }, detected.map((wallet2, index) => /* @__PURE__ */ import_react125.default.createElement(
+  return /* @__PURE__ */ import_react92.default.createElement("div", { className: `wallet-select` }, /* @__PURE__ */ import_react92.default.createElement("div", { className: "slide-area hide-scrollbar", ref: sliderRef }, /* @__PURE__ */ import_react92.default.createElement("div", { className: "wallet-container" }, detected.map((wallet2, index) => /* @__PURE__ */ import_react92.default.createElement(
     "div",
     {
       className: `card-item ${theme.colorMode}`,
       onClick: () => handleWalletClick(wallet2.adapter.name),
       key: `${wallet2.adapter.name}-${index}`
     },
-    /* @__PURE__ */ import_react125.default.createElement("div", { className: "wallet-item" }, /* @__PURE__ */ import_react125.default.createElement("img", { src: wallet2.adapter.icon, alt: wallet2.adapter.name }), /* @__PURE__ */ import_react125.default.createElement("span", null, wallet2.adapter.name))
-  )), undetected.map((wallet2, index) => /* @__PURE__ */ import_react125.default.createElement(
+    /* @__PURE__ */ import_react92.default.createElement("div", { className: "wallet-item" }, /* @__PURE__ */ import_react92.default.createElement("img", { src: wallet2.adapter.icon, alt: wallet2.adapter.name }), /* @__PURE__ */ import_react92.default.createElement("span", null, wallet2.adapter.name))
+  )), undetected.map((wallet2, index) => /* @__PURE__ */ import_react92.default.createElement(
     ExternalLink_default,
     {
       to: wallet2.adapter.url,
       className: `card-item ${theme.colorMode}`,
       key: `${wallet2.adapter.name}-${index}`
     },
-    /* @__PURE__ */ import_react125.default.createElement("div", { className: "wallet-item" }, /* @__PURE__ */ import_react125.default.createElement("img", { src: wallet2.adapter.icon, alt: wallet2.adapter.name }), /* @__PURE__ */ import_react125.default.createElement("span", null, "Install ", wallet2.adapter.name))
+    /* @__PURE__ */ import_react92.default.createElement("div", { className: "wallet-item" }, /* @__PURE__ */ import_react92.default.createElement("img", { src: wallet2.adapter.icon, alt: wallet2.adapter.name }), /* @__PURE__ */ import_react92.default.createElement("span", null, "Install ", wallet2.adapter.name))
   )))));
 };
 var SolanaWalletSelect_default = SolanaWalletSelect;
 
 // plugins/solana/components/AccountDetailsModal.tsx
-var import_react126 = __toESM(require("react"), 1);
+var import_react93 = __toESM(require("react"), 1);
 var import_react_redux48 = require("react-redux");
 var import_wallet_adapter_react8 = require("@solana/wallet-adapter-react");
 var AccountDetailsModal = () => {
@@ -6239,7 +6184,7 @@ var AccountDetailsModal = () => {
   const { disconnect: solanaWalletDisconnect } = (0, import_wallet_adapter_react8.useWallet)();
   const { balance: solBalance } = useGetSolBalance_default();
   const networkDetails = networkOptions2[0];
-  const explorerUrl = (0, import_react126.useMemo)(() => {
+  const explorerUrl = (0, import_react93.useMemo)(() => {
     return `https://solscan.io/account/${walletAddress}?cluster=${networkOption === "mainnet" ? "mainnet" : "devnet"}`;
   }, [walletAddress, networkOption]);
   const handleDisconnect = () => {
@@ -6247,25 +6192,25 @@ var AccountDetailsModal = () => {
     dispatch(setAccountDetailsModal(false));
   };
   if (sourceChain.shortName !== "SOL") return;
-  return /* @__PURE__ */ import_react126.default.createElement(
+  return /* @__PURE__ */ import_react93.default.createElement(
     "div",
     {
       className: `kima-modal ${theme.colorMode} ${accountDetailsModal && "open"}`
     },
-    /* @__PURE__ */ import_react126.default.createElement("div", { className: "modal-overlay" }),
-    /* @__PURE__ */ import_react126.default.createElement("div", { className: `modal-content-container ${theme.colorMode}` }, /* @__PURE__ */ import_react126.default.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ import_react126.default.createElement("div", { className: "topbar" }, /* @__PURE__ */ import_react126.default.createElement("div", { className: "title" }, /* @__PURE__ */ import_react126.default.createElement("h3", null, "Account Details")), /* @__PURE__ */ import_react126.default.createElement("div", { className: "control-buttons" }, /* @__PURE__ */ import_react126.default.createElement(
+    /* @__PURE__ */ import_react93.default.createElement("div", { className: "modal-overlay" }),
+    /* @__PURE__ */ import_react93.default.createElement("div", { className: `modal-content-container ${theme.colorMode}` }, /* @__PURE__ */ import_react93.default.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ import_react93.default.createElement("div", { className: "topbar" }, /* @__PURE__ */ import_react93.default.createElement("div", { className: "title" }, /* @__PURE__ */ import_react93.default.createElement("h3", null, "Account Details")), /* @__PURE__ */ import_react93.default.createElement("div", { className: "control-buttons" }, /* @__PURE__ */ import_react93.default.createElement(
       "button",
       {
         className: "cross-icon-button",
         onClick: () => dispatch(setAccountDetailsModal(false))
       },
-      /* @__PURE__ */ import_react126.default.createElement(
+      /* @__PURE__ */ import_react93.default.createElement(
         Cross_default,
         {
           fill: theme.colorMode === "light" ? "black" : "white"
         }
       )
-    )))), /* @__PURE__ */ import_react126.default.createElement("div", { className: "modal-content" }, /* @__PURE__ */ import_react126.default.createElement("div", { className: "summary" }, networkDetails && /* @__PURE__ */ import_react126.default.createElement(networkDetails.icon, { width: 60, height: 60 }), /* @__PURE__ */ import_react126.default.createElement("div", { className: "address" }, /* @__PURE__ */ import_react126.default.createElement("h2", null, getShortenedAddress(walletAddress || "")), /* @__PURE__ */ import_react126.default.createElement(CopyButton_default, { text: walletAddress })), /* @__PURE__ */ import_react126.default.createElement("h3", null, formatterFloat.format(Number(solBalance)), " $SOL")), /* @__PURE__ */ import_react126.default.createElement(SecondaryButton_default, { className: "block-explorer" }, /* @__PURE__ */ import_react126.default.createElement(ExternalLink_default, { className: "link", to: explorerUrl }, /* @__PURE__ */ import_react126.default.createElement(Explorer_default, { fill: "#778DA3" }), /* @__PURE__ */ import_react126.default.createElement("p", null, "Block explorer"), /* @__PURE__ */ import_react126.default.createElement(ExternalUrl_default, { fill: "#778DA3" }))), /* @__PURE__ */ import_react126.default.createElement(PrimaryButton_default, { clickHandler: handleDisconnect }, "Discconect")))
+    )))), /* @__PURE__ */ import_react93.default.createElement("div", { className: "modal-content" }, /* @__PURE__ */ import_react93.default.createElement("div", { className: "summary" }, networkDetails && /* @__PURE__ */ import_react93.default.createElement(networkDetails.icon, { width: 60, height: 60 }), /* @__PURE__ */ import_react93.default.createElement("div", { className: "address" }, /* @__PURE__ */ import_react93.default.createElement("h2", null, getShortenedAddress(walletAddress || "")), /* @__PURE__ */ import_react93.default.createElement(CopyButton_default, { text: walletAddress })), /* @__PURE__ */ import_react93.default.createElement("h3", null, formatterFloat.format(Number(solBalance)), " $SOL")), /* @__PURE__ */ import_react93.default.createElement(SecondaryButton_default, { className: "block-explorer" }, /* @__PURE__ */ import_react93.default.createElement(ExternalLink_default, { className: "link", to: explorerUrl }, /* @__PURE__ */ import_react93.default.createElement(Explorer_default, { fill: "#778DA3" }), /* @__PURE__ */ import_react93.default.createElement("p", null, "Block explorer"), /* @__PURE__ */ import_react93.default.createElement(ExternalUrl_default, { fill: "#778DA3" }))), /* @__PURE__ */ import_react93.default.createElement(PrimaryButton_default, { clickHandler: handleDisconnect }, "Discconect")))
   );
 };
 var AccountDetailsModal_default = AccountDetailsModal;
@@ -6275,18 +6220,18 @@ var SolanaWalletConnectModal = () => {
   const dispatch = (0, import_react_redux49.useDispatch)();
   const theme = (0, import_react_redux49.useSelector)(selectTheme);
   const connectModal = (0, import_react_redux49.useSelector)(selectSolanaConnectModal);
-  return /* @__PURE__ */ import_react127.default.createElement("div", null, /* @__PURE__ */ import_react127.default.createElement(AccountDetailsModal_default, null), /* @__PURE__ */ import_react127.default.createElement(
+  return /* @__PURE__ */ import_react94.default.createElement("div", null, /* @__PURE__ */ import_react94.default.createElement(AccountDetailsModal_default, null), /* @__PURE__ */ import_react94.default.createElement(
     "div",
     {
       className: `kima-modal wallet-connect ${connectModal ? "open" : ""}`
     },
-    /* @__PURE__ */ import_react127.default.createElement("div", { className: `modal-content-container ${theme.colorMode}` }, /* @__PURE__ */ import_react127.default.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ import_react127.default.createElement("div", { className: "topbar" }, /* @__PURE__ */ import_react127.default.createElement("div", { className: "title" }, /* @__PURE__ */ import_react127.default.createElement("h3", null, "Connect Wallet")), /* @__PURE__ */ import_react127.default.createElement("div", { className: "control-buttons" }, /* @__PURE__ */ import_react127.default.createElement(
+    /* @__PURE__ */ import_react94.default.createElement("div", { className: `modal-content-container ${theme.colorMode}` }, /* @__PURE__ */ import_react94.default.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ import_react94.default.createElement("div", { className: "topbar" }, /* @__PURE__ */ import_react94.default.createElement("div", { className: "title" }, /* @__PURE__ */ import_react94.default.createElement("h3", null, "Connect Wallet")), /* @__PURE__ */ import_react94.default.createElement("div", { className: "control-buttons" }, /* @__PURE__ */ import_react94.default.createElement(
       "button",
       {
         className: "cross-icon-button",
         onClick: () => dispatch(setSolanaConnectModal(false))
       },
-      /* @__PURE__ */ import_react127.default.createElement(
+      /* @__PURE__ */ import_react94.default.createElement(
         Cross_default,
         {
           width: 30,
@@ -6294,17 +6239,17 @@ var SolanaWalletConnectModal = () => {
           fill: theme.colorMode === "light" ? "black" : "white"
         }
       )
-    )))), /* @__PURE__ */ import_react127.default.createElement("div", { className: "modal-content" }, /* @__PURE__ */ import_react127.default.createElement(SolanaWalletSelect_default, null)))
+    )))), /* @__PURE__ */ import_react94.default.createElement("div", { className: "modal-content" }, /* @__PURE__ */ import_react94.default.createElement(SolanaWalletSelect_default, null)))
   ));
 };
 var SolanaWalletConnectModal_default = SolanaWalletConnectModal;
 
 // plugins/tron/components/TronWalletConnectModal.tsx
-var import_react130 = __toESM(require("react"), 1);
+var import_react97 = __toESM(require("react"), 1);
 var import_react_redux52 = require("react-redux");
 
 // plugins/tron/components/AccountDetailsModal.tsx
-var import_react128 = __toESM(require("react"), 1);
+var import_react95 = __toESM(require("react"), 1);
 var import_react_redux50 = require("react-redux");
 var import_tronwallet_adapter_react_hooks7 = require("@tronweb3/tronwallet-adapter-react-hooks");
 var AccountDetailsModal2 = () => {
@@ -6317,11 +6262,11 @@ var AccountDetailsModal2 = () => {
   const { disconnect: tronWalletDisconnect } = (0, import_tronwallet_adapter_react_hooks7.useWallet)();
   const { balance: tronBalance } = useGetTrxBalance_default();
   const selectedNetwork = (0, import_react_redux50.useSelector)(selectSourceChain);
-  const networkDetails = (0, import_react128.useMemo)(
+  const networkDetails = (0, import_react95.useMemo)(
     () => networkOptions.find(({ id }) => id === selectedNetwork.shortName),
     [selectedNetwork]
   );
-  const explorerUrl = (0, import_react128.useMemo)(() => {
+  const explorerUrl = (0, import_react95.useMemo)(() => {
     return `https://${networkOption === "testnet" && "nile."}tronscan.io/#/address/${connectedAddress}`;
   }, [connectedAddress, networkOption]);
   const handleDisconnect = () => {
@@ -6329,37 +6274,37 @@ var AccountDetailsModal2 = () => {
     dispatch(setAccountDetailsModal(false));
   };
   if (sourcheChain.shortName !== "TRX") return;
-  return /* @__PURE__ */ import_react128.default.createElement(
+  return /* @__PURE__ */ import_react95.default.createElement(
     "div",
     {
       className: `kima-modal ${theme.colorMode} ${accountDetailsModal && "open"}`
     },
-    /* @__PURE__ */ import_react128.default.createElement("div", { className: "modal-overlay" }),
-    /* @__PURE__ */ import_react128.default.createElement("div", { className: `modal-content-container ${theme.colorMode}` }, /* @__PURE__ */ import_react128.default.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ import_react128.default.createElement("div", { className: "topbar" }, /* @__PURE__ */ import_react128.default.createElement("div", { className: "title" }, /* @__PURE__ */ import_react128.default.createElement("h3", null, "Account Details")), /* @__PURE__ */ import_react128.default.createElement("div", { className: "control-buttons" }, /* @__PURE__ */ import_react128.default.createElement(
+    /* @__PURE__ */ import_react95.default.createElement("div", { className: "modal-overlay" }),
+    /* @__PURE__ */ import_react95.default.createElement("div", { className: `modal-content-container ${theme.colorMode}` }, /* @__PURE__ */ import_react95.default.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ import_react95.default.createElement("div", { className: "topbar" }, /* @__PURE__ */ import_react95.default.createElement("div", { className: "title" }, /* @__PURE__ */ import_react95.default.createElement("h3", null, "Account Details")), /* @__PURE__ */ import_react95.default.createElement("div", { className: "control-buttons" }, /* @__PURE__ */ import_react95.default.createElement(
       "button",
       {
         className: "cross-icon-button",
         onClick: () => dispatch(setAccountDetailsModal(false))
       },
-      /* @__PURE__ */ import_react128.default.createElement(
+      /* @__PURE__ */ import_react95.default.createElement(
         Cross_default,
         {
           fill: theme.colorMode === "light" ? "black" : "white"
         }
       )
-    )))), /* @__PURE__ */ import_react128.default.createElement("div", { className: "modal-content" }, /* @__PURE__ */ import_react128.default.createElement("div", { className: "summary" }, networkDetails && /* @__PURE__ */ import_react128.default.createElement(networkDetails.icon, { width: 60, height: 60 }), /* @__PURE__ */ import_react128.default.createElement("div", { className: "address" }, /* @__PURE__ */ import_react128.default.createElement("h2", null, getShortenedAddress(connectedAddress || "")), /* @__PURE__ */ import_react128.default.createElement(CopyButton_default, { text: connectedAddress })), /* @__PURE__ */ import_react128.default.createElement("h3", null, formatterFloat.format(Number(tronBalance)), " ", selectedNetwork.shortName)), /* @__PURE__ */ import_react128.default.createElement(SecondaryButton_default, { className: "block-explorer" }, /* @__PURE__ */ import_react128.default.createElement(ExternalLink_default, { className: "link", to: explorerUrl }, /* @__PURE__ */ import_react128.default.createElement(Explorer_default, { fill: "#778DA3" }), /* @__PURE__ */ import_react128.default.createElement("p", null, "Block explorer"), /* @__PURE__ */ import_react128.default.createElement(ExternalUrl_default, { fill: "#778DA3" }))), /* @__PURE__ */ import_react128.default.createElement(PrimaryButton_default, { clickHandler: handleDisconnect }, "Disconnect")))
+    )))), /* @__PURE__ */ import_react95.default.createElement("div", { className: "modal-content" }, /* @__PURE__ */ import_react95.default.createElement("div", { className: "summary" }, networkDetails && /* @__PURE__ */ import_react95.default.createElement(networkDetails.icon, { width: 60, height: 60 }), /* @__PURE__ */ import_react95.default.createElement("div", { className: "address" }, /* @__PURE__ */ import_react95.default.createElement("h2", null, getShortenedAddress(connectedAddress || "")), /* @__PURE__ */ import_react95.default.createElement(CopyButton_default, { text: connectedAddress })), /* @__PURE__ */ import_react95.default.createElement("h3", null, formatterFloat.format(Number(tronBalance)), " ", selectedNetwork.shortName)), /* @__PURE__ */ import_react95.default.createElement(SecondaryButton_default, { className: "block-explorer" }, /* @__PURE__ */ import_react95.default.createElement(ExternalLink_default, { className: "link", to: explorerUrl }, /* @__PURE__ */ import_react95.default.createElement(Explorer_default, { fill: "#778DA3" }), /* @__PURE__ */ import_react95.default.createElement("p", null, "Block explorer"), /* @__PURE__ */ import_react95.default.createElement(ExternalUrl_default, { fill: "#778DA3" }))), /* @__PURE__ */ import_react95.default.createElement(PrimaryButton_default, { clickHandler: handleDisconnect }, "Disconnect")))
   );
 };
 var AccountDetailsModal_default2 = AccountDetailsModal2;
 
 // plugins/tron/components/TronWalletSelect.tsx
-var import_react129 = __toESM(require("react"), 1);
+var import_react96 = __toESM(require("react"), 1);
 var import_react_redux51 = require("react-redux");
 var import_tronwallet_adapter_react_hooks8 = require("@tronweb3/tronwallet-adapter-react-hooks");
 var import_tronwallet_abstract_adapter2 = require("@tronweb3/tronwallet-abstract-adapter");
 var TronWalletSelect = () => {
   const theme = (0, import_react_redux51.useSelector)(selectTheme);
-  const sliderRef = (0, import_react129.useRef)();
+  const sliderRef = (0, import_react96.useRef)();
   const dispatch = (0, import_react_redux51.useDispatch)();
   const {
     wallets,
@@ -6368,7 +6313,7 @@ var TronWalletSelect = () => {
     connect,
     connected
   } = (0, import_tronwallet_adapter_react_hooks8.useWallet)();
-  const [detected, undetected] = (0, import_react129.useMemo)(() => {
+  const [detected, undetected] = (0, import_react96.useMemo)(() => {
     const detected2 = [];
     const undetected2 = [];
     for (const wallet of wallets) {
@@ -6380,7 +6325,7 @@ var TronWalletSelect = () => {
     }
     return [detected2, undetected2];
   }, [wallets]);
-  (0, import_react129.useEffect)(() => {
+  (0, import_react96.useEffect)(() => {
     let isDown = false;
     let startX;
     let scrollLeft;
@@ -6406,28 +6351,28 @@ var TronWalletSelect = () => {
       sliderRef.current.scrollLeft = scrollLeft - walk;
     });
   }, []);
-  (0, import_react129.useEffect)(() => {
+  (0, import_react96.useEffect)(() => {
     connected && dispatch(setTronConnectModal(false));
   }, [connected]);
   const connectWallet = async (walletName) => {
     currentWallet?.adapter.name === walletName ? await connect() : select(walletName);
   };
-  return /* @__PURE__ */ import_react129.default.createElement("div", { className: `wallet-select` }, /* @__PURE__ */ import_react129.default.createElement("div", { className: "slide-area hide-scrollbar", ref: sliderRef }, /* @__PURE__ */ import_react129.default.createElement("div", { className: "wallet-container" }, detected.map((wallet, index) => /* @__PURE__ */ import_react129.default.createElement(
+  return /* @__PURE__ */ import_react96.default.createElement("div", { className: `wallet-select` }, /* @__PURE__ */ import_react96.default.createElement("div", { className: "slide-area hide-scrollbar", ref: sliderRef }, /* @__PURE__ */ import_react96.default.createElement("div", { className: "wallet-container" }, detected.map((wallet, index) => /* @__PURE__ */ import_react96.default.createElement(
     "div",
     {
       className: `card-item ${theme.colorMode}`,
       onClick: () => connectWallet(wallet.adapter.name),
       key: `${wallet.adapter.name}-${index}`
     },
-    /* @__PURE__ */ import_react129.default.createElement("div", { className: "wallet-item" }, /* @__PURE__ */ import_react129.default.createElement("img", { src: wallet.adapter.icon, alt: wallet.adapter.name }), /* @__PURE__ */ import_react129.default.createElement("span", null, wallet.adapter.name))
-  )), undetected.map((wallet, index) => /* @__PURE__ */ import_react129.default.createElement(
+    /* @__PURE__ */ import_react96.default.createElement("div", { className: "wallet-item" }, /* @__PURE__ */ import_react96.default.createElement("img", { src: wallet.adapter.icon, alt: wallet.adapter.name }), /* @__PURE__ */ import_react96.default.createElement("span", null, wallet.adapter.name))
+  )), undetected.map((wallet, index) => /* @__PURE__ */ import_react96.default.createElement(
     ExternalLink_default,
     {
       to: wallet.adapter.url,
       className: `card-item ${theme.colorMode}`,
       key: `${wallet.adapter.name}-${index}`
     },
-    /* @__PURE__ */ import_react129.default.createElement("div", { className: "wallet-item" }, /* @__PURE__ */ import_react129.default.createElement("img", { src: wallet.adapter.icon, alt: wallet.adapter.name }), /* @__PURE__ */ import_react129.default.createElement("span", null, "Install ", wallet.adapter.name))
+    /* @__PURE__ */ import_react96.default.createElement("div", { className: "wallet-item" }, /* @__PURE__ */ import_react96.default.createElement("img", { src: wallet.adapter.icon, alt: wallet.adapter.name }), /* @__PURE__ */ import_react96.default.createElement("span", null, "Install ", wallet.adapter.name))
   )))));
 };
 var TronWalletSelect_default = TronWalletSelect;
@@ -6437,31 +6382,31 @@ var TronWalletConnectModal = () => {
   const dispatch = (0, import_react_redux52.useDispatch)();
   const theme = (0, import_react_redux52.useSelector)(selectTheme);
   const connectModal = (0, import_react_redux52.useSelector)(selectTronConnectModal);
-  return /* @__PURE__ */ import_react130.default.createElement("div", null, /* @__PURE__ */ import_react130.default.createElement(AccountDetailsModal_default2, null), /* @__PURE__ */ import_react130.default.createElement(
+  return /* @__PURE__ */ import_react97.default.createElement("div", null, /* @__PURE__ */ import_react97.default.createElement(AccountDetailsModal_default2, null), /* @__PURE__ */ import_react97.default.createElement(
     "div",
     {
       className: `kima-modal wallet-connect ${theme.colorMode} ${connectModal ? "open" : ""}`
     },
-    /* @__PURE__ */ import_react130.default.createElement("div", { className: "modal-overlay" }),
-    /* @__PURE__ */ import_react130.default.createElement("div", { className: `modal-content-container ${theme.colorMode}` }, /* @__PURE__ */ import_react130.default.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ import_react130.default.createElement("div", { className: "topbar" }, /* @__PURE__ */ import_react130.default.createElement("div", { className: "title" }, /* @__PURE__ */ import_react130.default.createElement("h3", null, "Connect Wallet")), /* @__PURE__ */ import_react130.default.createElement("div", { className: "control-buttons" }, /* @__PURE__ */ import_react130.default.createElement(
+    /* @__PURE__ */ import_react97.default.createElement("div", { className: "modal-overlay" }),
+    /* @__PURE__ */ import_react97.default.createElement("div", { className: `modal-content-container ${theme.colorMode}` }, /* @__PURE__ */ import_react97.default.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ import_react97.default.createElement("div", { className: "topbar" }, /* @__PURE__ */ import_react97.default.createElement("div", { className: "title" }, /* @__PURE__ */ import_react97.default.createElement("h3", null, "Connect Wallet")), /* @__PURE__ */ import_react97.default.createElement("div", { className: "control-buttons" }, /* @__PURE__ */ import_react97.default.createElement(
       "button",
       {
         className: "icon-button",
         onClick: () => dispatch(setTronConnectModal(false))
       },
-      /* @__PURE__ */ import_react130.default.createElement(
+      /* @__PURE__ */ import_react97.default.createElement(
         Cross_default,
         {
           fill: theme.colorMode === "light" ? "black" : "white"
         }
       )
-    )))), /* @__PURE__ */ import_react130.default.createElement("div", { className: "modal-content" }, /* @__PURE__ */ import_react130.default.createElement(TronWalletSelect_default, null)))
+    )))), /* @__PURE__ */ import_react97.default.createElement("div", { className: "modal-content" }, /* @__PURE__ */ import_react97.default.createElement(TronWalletSelect_default, null)))
   ));
 };
 var TronWalletConnectModal_default = TronWalletConnectModal;
 
 // src/hooks/useValidateTransaction.tsx
-var import_react131 = require("react");
+var import_react98 = require("react");
 var import_viem7 = require("viem");
 var import_react_redux53 = require("react-redux");
 var import_loglevel2 = __toESM(require("loglevel"), 1);
@@ -6490,7 +6435,7 @@ var useValidateTransaction = (inputs) => {
   const { data: envOptions } = useGetEnvOptions({ kimaBackendUrl });
   const mode = (0, import_react_redux53.useSelector)(selectMode);
   const networkOption = (0, import_react_redux53.useSelector)(selectNetworkOption);
-  const maxValue = (0, import_react131.useMemo)(() => {
+  const maxValue = (0, import_react98.useMemo)(() => {
     import_loglevel2.default.debug("useValidateTransaction: maxValue: ", inputs);
     if (!balance) return BigInt(0);
     if (totalFee <= BigInt(0)) return balance;
@@ -6607,7 +6552,7 @@ var useValidateTransaction_default = useValidateTransaction;
 // src/hooks/useSubmitTransaction.tsx
 var import_react_redux54 = require("react-redux");
 var import_react_query16 = require("@tanstack/react-query");
-var import_react132 = require("react");
+var import_react99 = require("react");
 var useSubmitTransaction = () => {
   const dispatch = (0, import_react_redux54.useDispatch)();
   const backendUrl = (0, import_react_redux54.useSelector)(selectBackendUrl);
@@ -6617,7 +6562,7 @@ var useSubmitTransaction = () => {
   const txValues = feeDeduct ? transactionValues.feeFromTarget : transactionValues.feeFromOrigin;
   const ccTransactionIdSeed = (0, import_react_redux54.useSelector)(selectCCTransactionIdSeed);
   const submitted = (0, import_react_redux54.useSelector)(selectSubmitted);
-  const [isSubmitting, setIsSubmitting] = (0, import_react132.useState)(false);
+  const [isSubmitting, setIsSubmitting] = (0, import_react99.useState)(false);
   const mutation = (0, import_react_query16.useMutation)({
     mutationFn: async (signature) => {
       setIsSubmitting(true);
@@ -6772,7 +6717,7 @@ function useDisconnectWallet5() {
 }
 
 // src/components/reusable/WarningModal.tsx
-var import_react133 = __toESM(require("react"), 1);
+var import_react100 = __toESM(require("react"), 1);
 var WarningModal = ({
   message,
   cancelButtonText = "Cancel",
@@ -6780,14 +6725,14 @@ var WarningModal = ({
   onAcknowledge,
   onCancel
 }) => {
-  return /* @__PURE__ */ import_react133.default.createElement("div", { className: "warning-modal-overlay" }, /* @__PURE__ */ import_react133.default.createElement("div", { className: "warning-modal" }, /* @__PURE__ */ import_react133.default.createElement("h3", null, "Warning"), /* @__PURE__ */ import_react133.default.createElement("p", null, message), /* @__PURE__ */ import_react133.default.createElement("div", { className: "warning-modal-buttons" }, /* @__PURE__ */ import_react133.default.createElement(
+  return /* @__PURE__ */ import_react100.default.createElement("div", { className: "warning-modal-overlay" }, /* @__PURE__ */ import_react100.default.createElement("div", { className: "warning-modal" }, /* @__PURE__ */ import_react100.default.createElement("h3", null, "Warning"), /* @__PURE__ */ import_react100.default.createElement("p", null, message), /* @__PURE__ */ import_react100.default.createElement("div", { className: "warning-modal-buttons" }, /* @__PURE__ */ import_react100.default.createElement(
     SecondaryButton_default,
     {
       className: "warning-modal-cancel",
       clickHandler: onCancel
     },
     cancelButtonText
-  ), /* @__PURE__ */ import_react133.default.createElement(
+  ), /* @__PURE__ */ import_react100.default.createElement(
     PrimaryButton_default,
     {
       className: "warning-modal-acknowledge",
@@ -6799,7 +6744,7 @@ var WarningModal = ({
 var WarningModal_default = WarningModal;
 
 // src/components/reusable/CCWidget.tsx
-var import_react134 = __toESM(require("react"), 1);
+var import_react101 = __toESM(require("react"), 1);
 var import_react_redux55 = require("react-redux");
 var import_uuid = require("uuid");
 
@@ -6834,9 +6779,9 @@ var CCWidget = ({ submitCallback }) => {
   const ccTransactionStatus = (0, import_react_redux55.useSelector)(selectCCTransactionStatus);
   const networkOption = (0, import_react_redux55.useSelector)(selectNetworkOption);
   const { transactionValues } = (0, import_react_redux55.useSelector)(selectServiceFee);
-  const randomUserIdRef = (0, import_react134.useRef)((0, import_uuid.v4)());
-  const ccTransactionIdSeedRef = (0, import_react134.useRef)((0, import_uuid.v4)());
-  const ccTransactionSubmittedRef = (0, import_react134.useRef)(false);
+  const randomUserIdRef = (0, import_react101.useRef)((0, import_uuid.v4)());
+  const ccTransactionIdSeedRef = (0, import_react101.useRef)((0, import_uuid.v4)());
+  const ccTransactionSubmittedRef = (0, import_react101.useRef)(false);
   const { data: envOptions, isLoading: isEnvLoading } = useGetEnvOptions({
     kimaBackendUrl: backendUrl
   });
@@ -6846,21 +6791,21 @@ var CCWidget = ({ submitCallback }) => {
     isLoading: isTransactionIdLoading,
     error
   } = useCCTransactionId(backendUrl, ccTransactionIdSeedRef.current);
-  (0, import_react134.useEffect)(() => {
+  (0, import_react101.useEffect)(() => {
     dispatch(setCCTransactionIdSeed(ccTransactionIdSeedRef.current));
     dispatch(setCCTransactionId(data?.transactionId));
   }, [dispatch, data, isTransactionIdLoading]);
   const txValues = feeDeduct ? transactionValues.feeFromTarget : transactionValues.feeFromOrigin;
-  const allowanceAmount = (0, import_react134.useMemo)(
+  const allowanceAmount = (0, import_react101.useMemo)(
     () => formatBigInt(txValues.allowanceAmount),
     [txValues]
   );
-  const [isLoading, setIsLoading] = (0, import_react134.useState)(true);
-  const baseUrl = (0, import_react134.useMemo)(
+  const [isLoading, setIsLoading] = (0, import_react101.useState)(true);
+  const baseUrl = (0, import_react101.useMemo)(
     () => `https://widget${networkOption === "testnet" /* testnet */ ? "-sandbox" : ""}.depasify.com`,
     [networkOption]
   );
-  (0, import_react134.useEffect)(() => {
+  (0, import_react101.useEffect)(() => {
     const handleMessage = (event) => {
       if (event.origin !== baseUrl) {
         return;
@@ -6881,10 +6826,10 @@ var CCWidget = ({ submitCallback }) => {
     window.addEventListener("message", handleMessage);
     return () => window.removeEventListener("message", handleMessage);
   }, []);
-  (0, import_react134.useEffect)(() => {
+  (0, import_react101.useEffect)(() => {
     if (error) dispatch(setCCTransactionStatus("error-id"));
   }, [dispatch, error]);
-  return /* @__PURE__ */ import_react134.default.createElement("div", { className: `cc-widget ${isLoading ? "loading" : ""}` }, (isLoading || isTransactionIdLoading || isEnvLoading || ccTransactionStatus === "success") && /* @__PURE__ */ import_react134.default.createElement("div", { className: "cc-widget-loader" }, /* @__PURE__ */ import_react134.default.createElement(ring_default, { width: 50, height: 50, fill: "#86b8ce" })), /* @__PURE__ */ import_react134.default.createElement(
+  return /* @__PURE__ */ import_react101.default.createElement("div", { className: `cc-widget ${isLoading ? "loading" : ""}` }, (isLoading || isTransactionIdLoading || isEnvLoading || ccTransactionStatus === "success") && /* @__PURE__ */ import_react101.default.createElement("div", { className: "cc-widget-loader" }, /* @__PURE__ */ import_react101.default.createElement(ring_default, { width: 50, height: 50, fill: "#86b8ce" })), /* @__PURE__ */ import_react101.default.createElement(
     "iframe",
     {
       width: isLoading || isTransactionIdLoading || ccTransactionStatus === "success" || error ? 0 : "100%",
@@ -6913,11 +6858,11 @@ var TransferWidget = ({
   paymentTitleOption
 }) => {
   const dispatch = (0, import_react_redux56.useDispatch)();
-  const mainRef = (0, import_react135.useRef)(null);
-  const [signature, setSignature2] = (0, import_react135.useState)("");
-  const [formStep, setFormStep] = (0, import_react135.useState)(0);
-  const [warningModalOpen, setWarningModalOpen] = (0, import_react135.useState)(null);
-  const [resetModalOpen, setResetModalOpen] = (0, import_react135.useState)(false);
+  const mainRef = (0, import_react102.useRef)(null);
+  const [signature, setSignature2] = (0, import_react102.useState)("");
+  const [formStep, setFormStep] = (0, import_react102.useState)(0);
+  const [warningModalOpen, setWarningModalOpen] = (0, import_react102.useState)(null);
+  const [resetModalOpen, setResetModalOpen] = (0, import_react102.useState)(false);
   const networkOption = (0, import_react_redux56.useSelector)(selectNetworkOption);
   const dAppOption = (0, import_react_redux56.useSelector)(selectDappOption);
   const mode = (0, import_react_redux56.useSelector)(selectMode);
@@ -6936,11 +6881,11 @@ var TransferWidget = ({
   const feeDeduct = (0, import_react_redux56.useSelector)(selectFeeDeduct);
   const txValues = feeDeduct ? transactionValues.feeFromTarget : transactionValues.feeFromOrigin;
   const { keplrHandler, closeHandler } = useKimaContext();
-  const [isCancellingApprove, setCancellingApprove] = (0, import_react135.useState)(false);
-  const [isApproving, setApproving] = (0, import_react135.useState)(false);
-  const [isSigning, setSigning] = (0, import_react135.useState)(false);
-  const [feeOptionDisabled, setFeeOptionDisabled] = (0, import_react135.useState)(false);
-  const [initialSelection, setInitialSelection] = (0, import_react135.useState)({
+  const [isCancellingApprove, setCancellingApprove] = (0, import_react102.useState)(false);
+  const [isApproving, setApproving] = (0, import_react102.useState)(false);
+  const [isSigning, setSigning] = (0, import_react102.useState)(false);
+  const [feeOptionDisabled, setFeeOptionDisabled] = (0, import_react102.useState)(false);
+  const [initialSelection, setInitialSelection] = (0, import_react102.useState)({
     sourceSelection: true,
     targetSelection: true
   });
@@ -7002,7 +6947,7 @@ var TransferWidget = ({
     targetSymbol: targetCurrency,
     backendUrl
   });
-  (0, import_react135.useEffect)(() => {
+  (0, import_react102.useEffect)(() => {
     if (fees) {
       dispatch(setServiceFee(fees));
     }
@@ -7014,7 +6959,7 @@ var TransferWidget = ({
     }
   }, [fees, mode, transactionOption, dispatch]);
   const { submitTransaction, isSubmitting } = useSubmitTransaction_default();
-  const isBackButtonEnabled = (0, import_react135.useMemo)(() => {
+  const isBackButtonEnabled = (0, import_react102.useMemo)(() => {
     if (formStep !== 0) {
       if (sourceChain.shortName === "CC") {
         return ccTransactionStatus === "idle" || ccTransactionStatus === "failed";
@@ -7023,25 +6968,25 @@ var TransferWidget = ({
     }
     return false;
   }, [ccTransactionStatus, sourceChain, formStep]);
-  const isSubmitButtonEnabled = (0, import_react135.useMemo)(() => {
+  const isSubmitButtonEnabled = (0, import_react102.useMemo)(() => {
     if (submitted) return false;
     if (sourceChain.shortName === "CC") {
       return ccTransactionStatus === "idle";
     }
     return true;
   }, [sourceChain, ccTransactionStatus]);
-  const submit = (0, import_react135.useCallback)(async () => {
+  const submit = (0, import_react102.useCallback)(async () => {
     try {
       await submitTransaction(signature);
     } catch (err) {
-      import_react_hot_toast5.toast.error("Failed to submit transaction", { icon: /* @__PURE__ */ import_react135.default.createElement(Error_default, null) });
+      import_react_hot_toast5.toast.error("Failed to submit transaction", { icon: /* @__PURE__ */ import_react102.default.createElement(Error_default, null) });
       dispatch(setCCTransactionStatus("error-generic"));
     }
   }, [signature, submitTransaction]);
   const handleSubmit = async () => {
     const { error: error2, message: validationMessage } = validate(true);
     if (error2 === "ValidationError" /* Error */) {
-      return import_react_hot_toast5.toast.error(validationMessage, { icon: /* @__PURE__ */ import_react135.default.createElement(Error_default, null) });
+      return import_react_hot_toast5.toast.error(validationMessage, { icon: /* @__PURE__ */ import_react102.default.createElement(Error_default, null) });
     }
     if (sourceChain.shortName === "CC") {
       dispatch(setCCTransactionStatus("initialized"));
@@ -7090,7 +7035,7 @@ var TransferWidget = ({
     if (error2 !== "ValidationError" /* Error */ && formStep > 0) {
       return handleSubmit();
     }
-    import_react_hot_toast5.toast.error(validationMessage, { icon: /* @__PURE__ */ import_react135.default.createElement(Error_default, null) });
+    import_react_hot_toast5.toast.error(validationMessage, { icon: /* @__PURE__ */ import_react102.default.createElement(Error_default, null) });
     mainRef.current?.click();
   };
   const onBack = () => {
@@ -7165,7 +7110,7 @@ var TransferWidget = ({
     }
     await disconnectWallet();
   };
-  return /* @__PURE__ */ import_react135.default.createElement(
+  return /* @__PURE__ */ import_react102.default.createElement(
     "div",
     {
       className: `kima-card ${theme.colorMode}`,
@@ -7173,7 +7118,7 @@ var TransferWidget = ({
         background: theme.colorMode === "light" /* light */ ? theme.backgroundColorLight : theme.backgroundColorDark
       }
     },
-    resetModalOpen && /* @__PURE__ */ import_react135.default.createElement(
+    resetModalOpen && /* @__PURE__ */ import_react102.default.createElement(
       WarningModal_default,
       {
         message: "Are you sure you want to reset the widget?",
@@ -7185,7 +7130,7 @@ var TransferWidget = ({
         onCancel: () => setResetModalOpen(false)
       }
     ),
-    warningModalOpen && /* @__PURE__ */ import_react135.default.createElement(
+    warningModalOpen && /* @__PURE__ */ import_react102.default.createElement(
       WarningModal_default,
       {
         message: warningModalOpen.message,
@@ -7199,14 +7144,14 @@ var TransferWidget = ({
         }
       }
     ),
-    mode === "payment" /* payment */ && !transactionOption && /* @__PURE__ */ import_react135.default.createElement("h2", { className: "invalid-option-banner" }, "We're unable to process your payment. Please ensure the necessary transaction details are provided. Contact support if the issue persists."),
-    /* @__PURE__ */ import_react135.default.createElement("div", { className: "transfer-card" }, /* @__PURE__ */ import_react135.default.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ import_react135.default.createElement("div", { className: "topbar" }, /* @__PURE__ */ import_react135.default.createElement("div", { className: "title" }, /* @__PURE__ */ import_react135.default.createElement("h3", { style: { marginRight: "5px" } }, formStep === 0 ? titleOption?.initialTitle ? titleOption.initialTitle : mode === "payment" /* payment */ ? "New Purchase" : "New Transfer" : titleOption?.confirmTitle ? titleOption.confirmTitle : mode === "payment" /* payment */ ? "Confirm Purchase" : "Transfer Details")), /* @__PURE__ */ import_react135.default.createElement("div", { className: "control-buttons" }, pendingTxs > 0 ? /* @__PURE__ */ import_react135.default.createElement(TxButton_default, { theme }) : null, /* @__PURE__ */ import_react135.default.createElement(
+    mode === "payment" /* payment */ && !transactionOption && /* @__PURE__ */ import_react102.default.createElement("h2", { className: "invalid-option-banner" }, "We're unable to process your payment. Please ensure the necessary transaction details are provided. Contact support if the issue persists."),
+    /* @__PURE__ */ import_react102.default.createElement("div", { className: "transfer-card" }, /* @__PURE__ */ import_react102.default.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ import_react102.default.createElement("div", { className: "topbar" }, /* @__PURE__ */ import_react102.default.createElement("div", { className: "title" }, /* @__PURE__ */ import_react102.default.createElement("h3", { style: { marginRight: "5px" } }, formStep === 0 ? titleOption?.initialTitle ? titleOption.initialTitle : mode === "payment" /* payment */ ? "New Purchase" : "New Transfer" : titleOption?.confirmTitle ? titleOption.confirmTitle : mode === "payment" /* payment */ ? "Confirm Purchase" : "Transfer Details")), /* @__PURE__ */ import_react102.default.createElement("div", { className: "control-buttons" }, pendingTxs > 0 ? /* @__PURE__ */ import_react102.default.createElement(TxButton_default, { theme }) : null, /* @__PURE__ */ import_react102.default.createElement(
       ExternalLink_default,
       {
         to: helpURL ? helpURL : networkOption === "testnet" /* testnet */ ? "https://docs.kima.network/kima-network/try-kima-with-the-demo-app" : "https://support.kima.network"
       },
-      /* @__PURE__ */ import_react135.default.createElement("div", { className: "menu-button" }, "I need help")
-    ), sourceChain.shortName === "CC" && formStep > 0 && /* @__PURE__ */ import_react135.default.createElement(ExternalLink_default, { to: "https://docs.kima.network/kima-network/supported-fiat#unsupported-countries-credit-cards" }, /* @__PURE__ */ import_react135.default.createElement("div", { className: "menu-button" }, "Unsupported Countries")), formStep === 0 && mode !== "payment" /* payment */ && /* @__PURE__ */ import_react135.default.createElement(
+      /* @__PURE__ */ import_react102.default.createElement("div", { className: "menu-button" }, "I need help")
+    ), sourceChain.shortName === "CC" && formStep > 0 && /* @__PURE__ */ import_react102.default.createElement(ExternalLink_default, { to: "https://docs.kima.network/kima-network/supported-fiat#unsupported-countries-credit-cards" }, /* @__PURE__ */ import_react102.default.createElement("div", { className: "menu-button" }, "Unsupported Countries")), formStep === 0 && mode !== "payment" /* payment */ && /* @__PURE__ */ import_react102.default.createElement(
       "button",
       {
         className: "reset-button",
@@ -7214,7 +7159,7 @@ var TransferWidget = ({
         disabled: isApproving || isSubmitting || isSigning
       },
       "Reset"
-    ))), mode === "payment" /* payment */ && paymentTitleOption?.title && /* @__PURE__ */ import_react135.default.createElement("h4", { className: "subtitle" }, paymentTitleOption.title)), /* @__PURE__ */ import_react135.default.createElement("div", { className: "kima-card-content", ref: mainRef }, formStep === 0 ? /* @__PURE__ */ import_react135.default.createElement(
+    ))), mode === "payment" /* payment */ && paymentTitleOption?.title && /* @__PURE__ */ import_react102.default.createElement("h4", { className: "subtitle" }, paymentTitleOption.title)), /* @__PURE__ */ import_react102.default.createElement("div", { className: "kima-card-content", ref: mainRef }, formStep === 0 ? /* @__PURE__ */ import_react102.default.createElement(
       SingleForm_default,
       {
         ...{
@@ -7227,7 +7172,7 @@ var TransferWidget = ({
           setInitialSelection
         }
       }
-    ) : ccTransactionStatus !== "idle" ? /* @__PURE__ */ import_react135.default.createElement(CCWidget_default, { submitCallback: submit }) : /* @__PURE__ */ import_react135.default.createElement(
+    ) : ccTransactionStatus !== "idle" ? /* @__PURE__ */ import_react102.default.createElement(CCWidget_default, { submitCallback: submit }) : /* @__PURE__ */ import_react102.default.createElement(
       ConfirmDetails_default,
       {
         ...{
@@ -7235,12 +7180,12 @@ var TransferWidget = ({
           feeOptionDisabled
         }
       }
-    )), /* @__PURE__ */ import_react135.default.createElement(
+    )), /* @__PURE__ */ import_react102.default.createElement(
       "div",
       {
         className: `kima-card-footer ${mode === "bridge" /* bridge */ && formStep !== 0 && "confirm"}`
       },
-      /* @__PURE__ */ import_react135.default.createElement("div", { className: `button-group` }, isBackButtonEnabled && /* @__PURE__ */ import_react135.default.createElement(
+      /* @__PURE__ */ import_react102.default.createElement("div", { className: `button-group` }, isBackButtonEnabled && /* @__PURE__ */ import_react102.default.createElement(
         SecondaryButton_default,
         {
           clickHandler: onBack,
@@ -7248,7 +7193,7 @@ var TransferWidget = ({
           disabled: isApproving || isSubmitting || isSigning
         },
         formStep > 0 && ccTransactionStatus !== "initialized" ? "Back" : "Cancel"
-      ), !!allowance && allowance > 0 && formStep !== 0 && sourceChain.shortName !== "CC" && mode !== "light" /* light */ ? /* @__PURE__ */ import_react135.default.createElement(
+      ), !!allowance && allowance > 0 && formStep !== 0 && sourceChain.shortName !== "CC" && mode !== "light" /* light */ ? /* @__PURE__ */ import_react102.default.createElement(
         SecondaryButton_default,
         {
           clickHandler: onCancelApprove,
@@ -7257,7 +7202,7 @@ var TransferWidget = ({
           disabled: isCancellingApprove || isApproving || isSubmitting || isSigning
         },
         isCancellingApprove ? "Cancelling Approval" : "Cancel Approve"
-      ) : null, isSubmitButtonEnabled && /* @__PURE__ */ import_react135.default.createElement(
+      ) : null, isSubmitButtonEnabled && /* @__PURE__ */ import_react102.default.createElement(
         PrimaryButton_default,
         {
           clickHandler: onNext,
@@ -7266,7 +7211,7 @@ var TransferWidget = ({
         },
         getButtonLabel()
       ))
-    ), /* @__PURE__ */ import_react135.default.createElement(SolanaWalletConnectModal_default, null), /* @__PURE__ */ import_react135.default.createElement(TronWalletConnectModal_default, null), /* @__PURE__ */ import_react135.default.createElement(
+    ), /* @__PURE__ */ import_react102.default.createElement(SolanaWalletConnectModal_default, null), /* @__PURE__ */ import_react102.default.createElement(TronWalletConnectModal_default, null), /* @__PURE__ */ import_react102.default.createElement(
       import_react_hot_toast5.Toaster,
       {
         position: "top-right",
@@ -7291,19 +7236,19 @@ var TransferWidget = ({
           }
         }
       }
-    ), /* @__PURE__ */ import_react135.default.createElement("div", { className: "floating-footer" }, /* @__PURE__ */ import_react135.default.createElement("div", { className: `items ${theme.colorMode}` }, /* @__PURE__ */ import_react135.default.createElement("span", null, "Powered by"), /* @__PURE__ */ import_react135.default.createElement(KimaNetwork_default, null))))
+    ), /* @__PURE__ */ import_react102.default.createElement("div", { className: "floating-footer" }, /* @__PURE__ */ import_react102.default.createElement("div", { className: `items ${theme.colorMode}` }, /* @__PURE__ */ import_react102.default.createElement("span", null, "Powered by"), /* @__PURE__ */ import_react102.default.createElement(KimaNetwork_default, null))))
   );
 };
 
 // src/components/KimaWidgetWrapper.tsx
-var import_react139 = require("@reown/appkit/react");
+var import_react106 = require("@reown/appkit/react");
 
 // src/hooks/useDebugMode.ts
-var import_react136 = require("react");
+var import_react103 = require("react");
 var useDebugCode = (sequence = ["D", "E", "B", "U", "G"]) => {
-  const [debugMode, setDebugMode] = (0, import_react136.useState)(false);
-  const [, setInputSequence] = (0, import_react136.useState)([]);
-  (0, import_react136.useEffect)(() => {
+  const [debugMode, setDebugMode] = (0, import_react103.useState)(false);
+  const [, setInputSequence] = (0, import_react103.useState)([]);
+  (0, import_react103.useEffect)(() => {
     const onKeyDown = (e) => {
       setInputSequence((prev) => {
         const next = [...prev, e.key].slice(-sequence.length);
@@ -7330,7 +7275,7 @@ var useDebugCode = (sequence = ["D", "E", "B", "U", "G"]) => {
 };
 
 // src/components/ErrorWidget.tsx
-var import_react137 = __toESM(require("react"), 1);
+var import_react104 = __toESM(require("react"), 1);
 var import_react_redux57 = require("react-redux");
 var ErrorWidget = ({
   theme,
@@ -7343,7 +7288,7 @@ var ErrorWidget = ({
   const ccTransactionId = (0, import_react_redux57.useSelector)(selectCCTransactionId);
   const isCreditCardSource = sourceChain.shortName === "CC";
   const isRetrying = (0, import_react_redux57.useSelector)(selectCCTransactionRetrying);
-  return /* @__PURE__ */ import_react137.default.createElement(
+  return /* @__PURE__ */ import_react104.default.createElement(
     "div",
     {
       className: `kima-card ${theme.colorMode}`,
@@ -7351,7 +7296,7 @@ var ErrorWidget = ({
         background: theme.colorMode === "light" /* light */ ? theme.backgroundColorLight : theme.backgroundColorDark
       }
     },
-    /* @__PURE__ */ import_react137.default.createElement("div", { className: "transfer-card" }, /* @__PURE__ */ import_react137.default.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ import_react137.default.createElement("div", { className: "topbar" }, /* @__PURE__ */ import_react137.default.createElement("div", { className: "title" }, /* @__PURE__ */ import_react137.default.createElement("h3", null, title))), /* @__PURE__ */ import_react137.default.createElement("h4", { className: "subtitle" })), /* @__PURE__ */ import_react137.default.createElement("div", { className: "kima-card-content error" }, isCreditCardSource && !isRetrying && /* @__PURE__ */ import_react137.default.createElement(Error_default, { width: 40, height: 40 }), message && message !== "" && /* @__PURE__ */ import_react137.default.createElement("h2", null, message), isCreditCardSource && /* @__PURE__ */ import_react137.default.createElement(
+    /* @__PURE__ */ import_react104.default.createElement("div", { className: "transfer-card" }, /* @__PURE__ */ import_react104.default.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ import_react104.default.createElement("div", { className: "topbar" }, /* @__PURE__ */ import_react104.default.createElement("div", { className: "title" }, /* @__PURE__ */ import_react104.default.createElement("h3", null, title))), /* @__PURE__ */ import_react104.default.createElement("h4", { className: "subtitle" })), /* @__PURE__ */ import_react104.default.createElement("div", { className: "kima-card-content error" }, isCreditCardSource && !isRetrying && /* @__PURE__ */ import_react104.default.createElement(Error_default, { width: 40, height: 40 }), message && message !== "" && /* @__PURE__ */ import_react104.default.createElement("h2", null, message), isCreditCardSource && /* @__PURE__ */ import_react104.default.createElement(
       "div",
       {
         style: {
@@ -7360,8 +7305,8 @@ var ErrorWidget = ({
           flexDirection: "column"
         }
       },
-      isRetrying ? /* @__PURE__ */ import_react137.default.createElement("p", null, "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__ */ import_react137.default.createElement("p", null, "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__ */ import_react137.default.createElement(
+      isRetrying ? /* @__PURE__ */ import_react104.default.createElement("p", null, "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__ */ import_react104.default.createElement("p", null, "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__ */ import_react104.default.createElement(
         "div",
         {
           style: {
@@ -7371,7 +7316,7 @@ var ErrorWidget = ({
             justifyContent: "center"
           }
         },
-        /* @__PURE__ */ import_react137.default.createElement(
+        /* @__PURE__ */ import_react104.default.createElement(
           "code",
           {
             style: {
@@ -7382,10 +7327,10 @@ var ErrorWidget = ({
           },
           ccTransactionId
         ),
-        /* @__PURE__ */ import_react137.default.createElement(CopyButton_default, { text: ccTransactionId })
+        /* @__PURE__ */ import_react104.default.createElement(CopyButton_default, { text: ccTransactionId })
       ),
-      isRetrying && /* @__PURE__ */ import_react137.default.createElement(ring_default, { width: 30, height: 30, fill: "#86b8ce" })
-    )), backButtonEnabled && /* @__PURE__ */ import_react137.default.createElement(
+      isRetrying && /* @__PURE__ */ import_react104.default.createElement(ring_default, { width: 30, height: 30, fill: "#86b8ce" })
+    )), backButtonEnabled && /* @__PURE__ */ import_react104.default.createElement(
       "div",
       {
         style: {
@@ -7394,8 +7339,8 @@ var ErrorWidget = ({
           marginTop: 16
         }
       },
-      /* @__PURE__ */ import_react137.default.createElement(PrimaryButton_default, { clickHandler: backButtonFunction }, "Back")
-    ), /* @__PURE__ */ import_react137.default.createElement("div", { className: "kima-card-footer" }), /* @__PURE__ */ import_react137.default.createElement("div", { className: "floating-footer" }, /* @__PURE__ */ import_react137.default.createElement("div", { className: `items ${theme.colorMode}` }, /* @__PURE__ */ import_react137.default.createElement("span", null, "Powered by"), /* @__PURE__ */ import_react137.default.createElement(FooterLogo_default, { width: 50, fill: "black" }), /* @__PURE__ */ import_react137.default.createElement("strong", null, "Network"))))
+      /* @__PURE__ */ import_react104.default.createElement(PrimaryButton_default, { clickHandler: backButtonFunction }, "Back")
+    ), /* @__PURE__ */ import_react104.default.createElement("div", { className: "kima-card-footer" }), /* @__PURE__ */ import_react104.default.createElement("div", { className: "floating-footer" }, /* @__PURE__ */ import_react104.default.createElement("div", { className: `items ${theme.colorMode}` }, /* @__PURE__ */ import_react104.default.createElement("span", null, "Powered by"), /* @__PURE__ */ import_react104.default.createElement(FooterLogo_default, { width: 50, fill: "black" }), /* @__PURE__ */ import_react104.default.createElement("strong", null, "Network"))))
   );
 };
 var ErrorWidget_default = ErrorWidget;
@@ -7418,13 +7363,13 @@ var KimaWidgetWrapper = ({
   const { kimaBackendUrl } = useKimaContext();
   const submitted = (0, import_react_redux58.useSelector)(selectSubmitted);
   const dispatch = (0, import_react_redux58.useDispatch)();
-  const { setThemeMode, setThemeVariables } = (0, import_react139.useAppKitTheme)();
+  const { setThemeMode, setThemeVariables } = (0, import_react106.useAppKitTheme)();
   const sourceChain = (0, import_react_redux58.useSelector)(selectSourceChain);
   const ccTransactionStatus = (0, import_react_redux58.useSelector)(selectCCTransactionStatus);
   const ccTransactionRetrying = (0, import_react_redux58.useSelector)(selectCCTransactionRetrying);
   const networkOption = envOptions?.env;
   const kimaExplorer = envOptions?.kimaExplorer || "https://explorer.sardis.kima.network";
-  (0, import_react138.useEffect)(() => {
+  (0, import_react105.useEffect)(() => {
     dispatch(setTheme(theme));
     setThemeMode(theme.colorMode === "light" /* light */ ? "light" : "dark");
     setThemeVariables({
@@ -7465,7 +7410,7 @@ var KimaWidgetWrapper = ({
       dispatch(setSubmitted(false));
     }
   }, [theme, transactionOption, mode, networkOption, chainData]);
-  (0, import_react138.useEffect)(() => {
+  (0, import_react105.useEffect)(() => {
     if (!chainData?.length) return;
     indexPluginsByChain(chainData);
   }, [chainData]);
@@ -7473,9 +7418,9 @@ var KimaWidgetWrapper = ({
     console.log("widget wrapper", submitted, ccTransactionStatus);
     if (submitted) {
       logger_default.debug("will return transaction widget on cc success");
-      return /* @__PURE__ */ import_react138.default.createElement(TransactionWidget, { theme });
+      return /* @__PURE__ */ import_react105.default.createElement(TransactionWidget, { theme });
     } else if (ccTransactionStatus === "error-id") {
-      return /* @__PURE__ */ import_react138.default.createElement(
+      return /* @__PURE__ */ import_react105.default.createElement(
         ErrorWidget_default,
         {
           theme,
@@ -7489,7 +7434,7 @@ var KimaWidgetWrapper = ({
         }
       );
     } else if (ccTransactionStatus === "error-generic") {
-      return /* @__PURE__ */ import_react138.default.createElement(
+      return /* @__PURE__ */ import_react105.default.createElement(
         ErrorWidget_default,
         {
           theme,
@@ -7503,7 +7448,7 @@ var KimaWidgetWrapper = ({
         }
       );
     }
-    return /* @__PURE__ */ import_react138.default.createElement(
+    return /* @__PURE__ */ import_react105.default.createElement(
       TransferWidget,
       {
         theme,
@@ -7513,7 +7458,7 @@ var KimaWidgetWrapper = ({
       }
     );
   }
-  return submitted ? /* @__PURE__ */ import_react138.default.createElement(TransactionWidget, { theme }) : /* @__PURE__ */ import_react138.default.createElement(
+  return submitted ? /* @__PURE__ */ import_react105.default.createElement(TransactionWidget, { theme }) : /* @__PURE__ */ import_react105.default.createElement(
     TransferWidget,
     {
       theme,
@@ -7529,9 +7474,9 @@ var KimaWidgetWrapper_default = KimaWidgetWrapper;
 var import_react_redux59 = require("react-redux");
 
 // src/SkeletonLoader.tsx
-var import_react140 = __toESM(require("react"), 1);
+var import_react107 = __toESM(require("react"), 1);
 var SkeletonLoader = ({ theme }) => {
-  return /* @__PURE__ */ import_react140.default.createElement(
+  return /* @__PURE__ */ import_react107.default.createElement(
     "div",
     {
       className: `kima-card ${theme.colorMode}`,
@@ -7539,7 +7484,7 @@ var SkeletonLoader = ({ theme }) => {
         background: theme.colorMode === "light" /* light */ ? theme.backgroundColorLight : theme.backgroundColorDark
       }
     },
-    /* @__PURE__ */ import_react140.default.createElement("div", { className: "transfer-card" }, /* @__PURE__ */ import_react140.default.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ import_react140.default.createElement("div", { className: "topbar" }, /* @__PURE__ */ import_react140.default.createElement("div", { className: "title skeleton" }, /* @__PURE__ */ import_react140.default.createElement("h3", null))), /* @__PURE__ */ import_react140.default.createElement("h4", { className: "subtitle" })), /* @__PURE__ */ import_react140.default.createElement("div", { className: "kima-card-content skeleton" }, /* @__PURE__ */ import_react140.default.createElement("div", { className: "skeleton" }), /* @__PURE__ */ import_react140.default.createElement("div", { className: "skeleton" }), /* @__PURE__ */ import_react140.default.createElement("div", { className: "skeleton" }), /* @__PURE__ */ import_react140.default.createElement("div", { className: "skeleton" }), /* @__PURE__ */ import_react140.default.createElement("div", { className: "skeleton" })), /* @__PURE__ */ import_react140.default.createElement("div", { className: `kima-card-footer` }, /* @__PURE__ */ import_react140.default.createElement("div", { className: `button-group skeleton` }, /* @__PURE__ */ import_react140.default.createElement("div", { className: "skeleton" }))), /* @__PURE__ */ import_react140.default.createElement("div", { className: "floating-footer" }, /* @__PURE__ */ import_react140.default.createElement("div", { className: `items ${theme.colorMode}` }, /* @__PURE__ */ import_react140.default.createElement("span", null, "Powered by"), /* @__PURE__ */ import_react140.default.createElement(FooterLogo_default, { width: 50, fill: "black" }), /* @__PURE__ */ import_react140.default.createElement("strong", null, "Network"))))
+    /* @__PURE__ */ import_react107.default.createElement("div", { className: "transfer-card" }, /* @__PURE__ */ import_react107.default.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ import_react107.default.createElement("div", { className: "topbar" }, /* @__PURE__ */ import_react107.default.createElement("div", { className: "title skeleton" }, /* @__PURE__ */ import_react107.default.createElement("h3", null))), /* @__PURE__ */ import_react107.default.createElement("h4", { className: "subtitle" })), /* @__PURE__ */ import_react107.default.createElement("div", { className: "kima-card-content skeleton" }, /* @__PURE__ */ import_react107.default.createElement("div", { className: "skeleton" }), /* @__PURE__ */ import_react107.default.createElement("div", { className: "skeleton" }), /* @__PURE__ */ import_react107.default.createElement("div", { className: "skeleton" }), /* @__PURE__ */ import_react107.default.createElement("div", { className: "skeleton" }), /* @__PURE__ */ import_react107.default.createElement("div", { className: "skeleton" })), /* @__PURE__ */ import_react107.default.createElement("div", { className: `kima-card-footer` }, /* @__PURE__ */ import_react107.default.createElement("div", { className: `button-group skeleton` }, /* @__PURE__ */ import_react107.default.createElement("div", { className: "skeleton" }))), /* @__PURE__ */ import_react107.default.createElement("div", { className: "floating-footer" }, /* @__PURE__ */ import_react107.default.createElement("div", { className: `items ${theme.colorMode}` }, /* @__PURE__ */ import_react107.default.createElement("span", null, "Powered by"), /* @__PURE__ */ import_react107.default.createElement(FooterLogo_default, { width: 50, fill: "black" }), /* @__PURE__ */ import_react107.default.createElement("strong", null, "Network"))))
   );
 };
 var SkeletonLoader_default = SkeletonLoader;
@@ -7558,7 +7503,7 @@ var KimaTransactionWidget = ({
 }) => {
   const dispatch = (0, import_react_redux59.useDispatch)();
   const { kimaBackendUrl } = useKimaContext();
-  const [hydrated, setHydrated] = (0, import_react141.useState)(false);
+  const [hydrated, setHydrated] = (0, import_react108.useState)(false);
   const {
     data: envOptions,
     error: envOptionsError,
@@ -7569,26 +7514,26 @@ var KimaTransactionWidget = ({
     error: chainDataError,
     isLoading: isLoadingChainData
   } = useChainData(kimaBackendUrl);
-  (0, import_react141.useEffect)(() => {
+  (0, import_react108.useEffect)(() => {
     if (typeof window !== "undefined") setHydrated(true);
   }, []);
-  (0, import_react141.useEffect)(() => {
+  (0, import_react108.useEffect)(() => {
     if (!isLoadingChainData && chainData) {
       dispatch(setSourceChain(chainData[0]));
       dispatch(setTargetChain(chainData[1]));
     }
   }, [chainData]);
-  (0, import_react141.useEffect)(() => {
+  (0, import_react108.useEffect)(() => {
     if (theme?.colorMode) {
       dispatch(setTheme(theme));
     }
   }, [theme?.colorMode]);
   if (!hydrated || !theme?.colorMode)
-    return /* @__PURE__ */ import_react141.default.createElement(ring_default, { width: 20, height: 20, fill: "#86b8ce" });
+    return /* @__PURE__ */ import_react108.default.createElement(ring_default, { width: 20, height: 20, fill: "#86b8ce" });
   if (isLoadingEnvs || isLoadingChainData)
-    return /* @__PURE__ */ import_react141.default.createElement(SkeletonLoader_default, { theme });
+    return /* @__PURE__ */ import_react108.default.createElement(SkeletonLoader_default, { theme });
   if (envOptionsError || !envOptions)
-    return /* @__PURE__ */ import_react141.default.createElement(
+    return /* @__PURE__ */ import_react108.default.createElement(
       ErrorWidget_default,
       {
         theme,
@@ -7597,7 +7542,7 @@ var KimaTransactionWidget = ({
       }
     );
   if (chainDataError || !chainData)
-    return /* @__PURE__ */ import_react141.default.createElement(
+    return /* @__PURE__ */ import_react108.default.createElement(
       ErrorWidget_default,
       {
         theme,
@@ -7605,7 +7550,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__ */ import_react141.default.createElement(
+  return /* @__PURE__ */ import_react108.default.createElement(
     KimaWidgetWrapper_default,
     {
       ...{