@kimafinance/kima-transaction-widget 1.4.6 → 1.4.7

package/dist/index.js

@@ -1,7 +1,7 @@
 "use client";
 
 // src/KimaProvider.tsx
-import * as React81 from "react";
+import * as React48 from "react";
 import { createContext, useContext, useMemo as useMemo7 } from "react";
 import { Provider, useSelector as useSelector16 } from "react-redux";
 
@@ -1358,6 +1358,40 @@ var KimaNetwork = ({ width = 120, height = 15, ...rest }) => {
 };
 var KimaNetwork_default = KimaNetwork;
 
+// src/assets/icons/CFX.tsx
+import React40 from "react";
+var CFX = ({ width = 30, height = 30, ...rest }) => {
+  return /* @__PURE__ */ React40.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width,
+      height,
+      viewBox: "0 0 1766.6 2212",
+      fill: "none",
+      ...rest
+    },
+    /* @__PURE__ */ React40.createElement("g", null, /* @__PURE__ */ React40.createElement("g", null, /* @__PURE__ */ React40.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__ */ React40.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
 import {
   arbitrum,
@@ -1366,9 +1400,12 @@ import {
   avalancheFuji,
   base,
   baseSepolia,
+  berachain,
   berachainBepolia,
   bsc,
   bscTestnet,
+  confluxESpace,
+  confluxESpaceTestnet,
   mainnet,
   optimism,
   optimismSepolia,
@@ -1392,6 +1429,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 = {
@@ -1402,7 +1440,9 @@ var CHAIN_NAMES_TO_APPKIT_NETWORK_MAINNET = {
   ["BSC" /* BSC */]: bsc,
   ["OPT" /* OPTIMISM */]: optimism,
   ["ARB" /* ARBITRUM */]: arbitrum,
-  ["ZKE" /* POLYGON_ZKEVM */]: polygonZkEvm
+  ["ZKE" /* POLYGON_ZKEVM */]: polygonZkEvm,
+  ["BERA" /* BERA */]: berachain,
+  ["CFX" /* CFX */]: confluxESpace
 };
 var CHAIN_NAMES_TO_APPKIT_NETWORK_TESTNET = {
   ["ETH" /* ETHEREUM */]: sepolia,
@@ -1413,7 +1453,8 @@ var CHAIN_NAMES_TO_APPKIT_NETWORK_TESTNET = {
   ["OPT" /* OPTIMISM */]: optimismSepolia,
   ["ARB" /* ARBITRUM */]: arbitrumSepolia,
   ["ZKE" /* POLYGON_ZKEVM */]: polygonZkEvmCardona,
-  ["BERA" /* BERA */]: berachainBepolia
+  ["BERA" /* BERA */]: berachainBepolia,
+  ["CFX" /* CFX */]: confluxESpaceTestnet
 };
 var CHAIN_NAMES_TO_STRING = {
   ["ETH" /* ETHEREUM */]: "Ethereum",
@@ -1428,7 +1469,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 */,
@@ -1443,7 +1485,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 = [
   {
@@ -1467,6 +1510,11 @@ var networkOptions = [
     label: "Bitcoin",
     icon: BTC_default
   },
+  {
+    id: "CFX" /* CFX */,
+    label: "Conflux",
+    icon: CFX_default
+  },
   {
     id: "ETH" /* ETHEREUM */,
     label: "Ethereum",
@@ -1510,7 +1558,7 @@ var networkOptions = [
 ];
 var CLUSTER = "devnet";
 var SOLANA_HOST = 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
@@ -1519,7 +1567,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) => {
@@ -2072,7 +2128,7 @@ var useGetEnvOptions = ({
 };
 
 // plugins/evm/index.tsx
-import React75 from "react";
+import React42 from "react";
 
 // plugins/PluginBase.ts
 var PluginBase = class {
@@ -2109,7 +2165,7 @@ var PluginBase = class {
 };
 
 // plugins/evm/features/walletConnect/WalletProvider.tsx
-import React40, { useEffect, useState } from "react";
+import React41, { useEffect, useState } from "react";
 
 // plugins/evm/config/modalConfig.ts
 import { createAppKit } from "@reown/appkit/react";
@@ -2128,7 +2184,9 @@ import {
   optimismSepolia as optimismSepolia2,
   polygon as polygon2,
   polygonAmoy as polygonAmoy2,
-  sepolia as sepolia3
+  sepolia as sepolia3,
+  confluxESpace as confluxESpace2,
+  confluxESpaceTestnet as confluxESpaceTestnet2
 } from "@reown/appkit/networks";
 import { EthersAdapter } from "@reown/appkit-adapter-ethers";
 var appkitMainnetChains = [
@@ -2138,7 +2196,8 @@ var appkitMainnetChains = [
   base2,
   arbitrum2,
   optimism2,
-  avalanche2
+  avalanche2,
+  confluxESpace2
 ];
 var appkitTestnetChains = [
   sepolia3,
@@ -2148,7 +2207,8 @@ var appkitTestnetChains = [
   arbitrumSepolia3,
   optimismSepolia2,
   avalancheFuji2,
-  berachainBepolia2
+  berachainBepolia2,
+  confluxESpaceTestnet2
 ];
 var metadata = {
   name: "Kima Transaction Widget",
@@ -2197,9 +2257,9 @@ var WalletProvider = ({
     }
   }, [networkOption, isLoading, walletConnectProjectId]);
   if (!isReady) {
-    return /* @__PURE__ */ React40.createElement(React40.Fragment, null);
+    return /* @__PURE__ */ React41.createElement(React41.Fragment, null);
   }
-  return /* @__PURE__ */ React40.createElement(React40.Fragment, null, children);
+  return /* @__PURE__ */ React41.createElement(React41.Fragment, null, children);
 };
 var WalletProvider_default = WalletProvider;
 
@@ -2242,135 +2302,6 @@ var selectCCTransactionIdSeed = (state) => state.option.ccTransactionIdSeed;
 var selectCCTransactionStatus = (state) => state.option.ccTransactionStatus;
 var selectCCTransactionRetrying = (state) => state.option.ccTransactionRetrying;
 
-// plugins/evm/utils/constants.tsx
-import { clusterApiUrl as clusterApiUrl2 } from "@solana/web3.js";
-
-// plugins/evm/assets/icons/Cross.tsx
-import React41 from "react";
-
-// plugins/evm/assets/icons/Minimize.tsx
-import React42 from "react";
-
-// plugins/evm/assets/icons/FooterLogo.tsx
-import React43 from "react";
-
-// plugins/evm/assets/icons/Check.tsx
-import React44 from "react";
-
-// plugins/evm/assets/icons/Warning.tsx
-import React45 from "react";
-
-// plugins/evm/assets/icons/ArrowRight.tsx
-import React46 from "react";
-
-// plugins/evm/assets/icons/Arrow.tsx
-import React47 from "react";
-
-// plugins/evm/assets/icons/Lock.tsx
-import React48 from "react";
-
-// plugins/evm/assets/icons/Ethereum.tsx
-import React49 from "react";
-
-// plugins/evm/assets/icons/Solana.tsx
-import React50 from "react";
-
-// plugins/evm/assets/icons/Polygon.tsx
-import React51 from "react";
-
-// plugins/evm/assets/icons/Polygon_zkEVM.tsx
-import React52 from "react";
-
-// plugins/evm/assets/icons/Loader.tsx
-import React53 from "react";
-
-// plugins/evm/assets/icons/Error.tsx
-import React54 from "react";
-
-// plugins/evm/assets/icons/Avalanche.tsx
-import React55 from "react";
-
-// plugins/evm/assets/icons/Arbitrum.tsx
-import React56 from "react";
-
-// plugins/evm/assets/icons/Optimism.tsx
-import React57 from "react";
-
-// plugins/evm/assets/icons/USDC.tsx
-import React58 from "react";
-
-// plugins/evm/assets/icons/USDT.tsx
-import React59 from "react";
-
-// plugins/evm/assets/icons/USDK.tsx
-import React60 from "react";
-
-// plugins/evm/assets/icons/Fuse.tsx
-import React61 from "react";
-
-// plugins/evm/assets/icons/Celo.tsx
-import React62 from "react";
-
-// plugins/evm/assets/icons/GoodDollar.tsx
-import React63 from "react";
-
-// plugins/evm/assets/icons/Copy.tsx
-import React64 from "react";
-
-// plugins/evm/assets/icons/Bank.tsx
-import React65 from "react";
-
-// plugins/evm/assets/icons/BSC.tsx
-import React66 from "react";
-
-// plugins/evm/assets/icons/KEUR.tsx
-import React67 from "react";
-
-// plugins/evm/assets/icons/Tron.tsx
-import React68 from "react";
-
-// plugins/evm/assets/icons/BTC.tsx
-import React69 from "react";
-
-// plugins/evm/assets/icons/Wallet.tsx
-import React70 from "react";
-
-// plugins/evm/assets/icons/Explorer.tsx
-import React71 from "react";
-
-// plugins/evm/assets/icons/ExternalUrl.tsx
-import React72 from "react";
-
-// plugins/evm/assets/icons/Base.tsx
-import React73 from "react";
-
-// plugins/evm/assets/icons/Bera.tsx
-import React74 from "react";
-
-// plugins/evm/utils/constants.tsx
-import {
-  arbitrum as arbitrum3,
-  arbitrumSepolia as arbitrumSepolia4,
-  avalanche as avalanche3,
-  avalancheFuji as avalancheFuji3,
-  base as base3,
-  baseSepolia as baseSepolia3,
-  bsc as bsc3,
-  bscTestnet as bscTestnet3,
-  mainnet as mainnet3,
-  optimism as optimism3,
-  optimismSepolia as optimismSepolia3,
-  polygon as polygon3,
-  polygonAmoy as polygonAmoy3,
-  polygonZkEvm as polygonZkEvm2,
-  polygonZkEvmCardona as polygonZkEvmCardona2,
-  sepolia as sepolia4,
-  berachainTestnetbArtio
-} from "@reown/appkit/networks";
-var CLUSTER2 = "devnet";
-var SOLANA_HOST2 = clusterApiUrl2(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
 import { useAppKitAccount, useAppKitProvider } from "@reown/appkit/react";
 import { BrowserProvider, JsonRpcSigner } from "ethers";
@@ -2586,7 +2517,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 } = useQuery3({
     queryKey: [
       "evmAllowance",
@@ -3053,7 +2984,7 @@ var EvmPlugin = class extends PluginBase {
     walletConnectProjectId,
     isLoading
   }) => {
-    return /* @__PURE__ */ React75.createElement(
+    return /* @__PURE__ */ React42.createElement(
       WalletProvider_default,
       {
         children,
@@ -3069,10 +3000,10 @@ var evmPlugin = new EvmPlugin(store);
 var evm_default = evmPlugin;
 
 // plugins/solana/index.tsx
-import React77 from "react";
+import React44 from "react";
 
 // plugins/solana/features/walletConnect/WalletProvider.tsx
-import React76 from "react";
+import React43 from "react";
 import {
   ConnectionProvider,
   WalletProvider as SolanaWalletProvider
@@ -3087,9 +3018,9 @@ import {
 } from "@solana/wallet-adapter-wallets";
 
 // plugins/solana/utils/constants.tsx
-import { clusterApiUrl as clusterApiUrl3 } from "@solana/web3.js";
+import { clusterApiUrl as clusterApiUrl2 } from "@solana/web3.js";
 function getHostEndpoint(networkOption) {
-  return networkOption === "mainnet" ? "https://solana-rpc.publicnode.com" : clusterApiUrl3("devnet");
+  return networkOption === "mainnet" ? "https://solana-rpc.publicnode.com" : clusterApiUrl2("devnet");
 }
 var networkOptions2 = [
   {
@@ -3110,7 +3041,7 @@ var WalletProvider2 = ({
   logger_default.debug(
     `WalletProvider initialized with projectId: ${walletConnectProjectId}`
   );
-  return /* @__PURE__ */ React76.createElement(ConnectionProvider, { endpoint }, /* @__PURE__ */ React76.createElement(
+  return /* @__PURE__ */ React43.createElement(ConnectionProvider, { endpoint }, /* @__PURE__ */ React43.createElement(
     SolanaWalletProvider,
     {
       autoConnect: false,
@@ -3457,7 +3388,7 @@ var SolanaPlugin = class extends PluginBase {
     networkOption,
     walletConnectProjectId
   }) => {
-    return /* @__PURE__ */ React77.createElement(
+    return /* @__PURE__ */ React44.createElement(
       WalletProvider_default2,
       {
         networkOption,
@@ -3471,10 +3402,10 @@ var solanaPlugin = new SolanaPlugin(store);
 var solana_default = solanaPlugin;
 
 // plugins/tron/index.tsx
-import React79 from "react";
+import React46 from "react";
 
 // plugins/tron/features/walletConnect/WalletProvider.tsx
-import React78, { useMemo as useMemo3 } from "react";
+import React45, { useMemo as useMemo3 } from "react";
 import { WalletProvider as TronWalletProviderBase } from "@tronweb3/tronwallet-adapter-react-hooks";
 import { LedgerAdapter } from "@tronweb3/tronwallet-adapter-ledger";
 import { TronLinkAdapter } from "@tronweb3/tronwallet-adapter-tronlink";
@@ -3516,7 +3447,7 @@ var WalletProvider3 = ({ children, networkOption }) => {
       adapters[0].switchChain("0x2b6653dc");
     }
   };
-  return /* @__PURE__ */ React78.createElement(
+  return /* @__PURE__ */ React45.createElement(
     TronWalletProviderBase,
     {
       adapters,
@@ -4074,7 +4005,7 @@ var TronPlugin = class extends PluginBase {
     networkOption,
     walletConnectProjectId
   }) => {
-    return /* @__PURE__ */ React79.createElement(
+    return /* @__PURE__ */ React46.createElement(
       WalletProvider_default3,
       {
         networkOption,
@@ -4088,7 +4019,7 @@ var tronPlugin = new TronPlugin(store);
 var tron_default = tronPlugin;
 
 // plugins/credit-card/index.tsx
-import React80 from "react";
+import React47 from "react";
 
 // plugins/credit-card/core/hooks/useIsProviderReady.tsx
 import { useDispatch as useDispatch5, useSelector as useSelector15 } from "react-redux";
@@ -4146,7 +4077,7 @@ var CreditCardPlugin = class extends PluginBase {
     return chain.compatibility === "CC";
   };
   Provider = ({ children }) => {
-    return /* @__PURE__ */ React80.createElement(React80.Fragment, null, children);
+    return /* @__PURE__ */ React47.createElement(React47.Fragment, null, children);
   };
 };
 var creditCardPlugin = new CreditCardPlugin(store);
@@ -4167,7 +4098,7 @@ var useKimaContext = () => {
   }
   return context;
 };
-var InternalKimaProvider = React81.memo(
+var InternalKimaProvider = React48.memo(
   ({ kimaBackendUrl, walletConnectProjectId, children, logLevel }) => {
     const { data: envOptions, isLoading } = useGetEnvOptions({
       kimaBackendUrl
@@ -4181,7 +4112,7 @@ var InternalKimaProvider = React81.memo(
         const plugin = getPluginProvider(pluginData.id);
         if (plugin) {
           const { Provider: Provider3 } = plugin;
-          return /* @__PURE__ */ React81.createElement(
+          return /* @__PURE__ */ React48.createElement(
             Provider3,
             {
               key: plugin.data.id,
@@ -4195,12 +4126,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,
@@ -4235,7 +4166,7 @@ var KimaProvider = ({
     errorHandler,
     switchChainHandler
   };
-  return /* @__PURE__ */ React81.createElement(QueryClientProvider, { client: queryClient }, /* @__PURE__ */ React81.createElement(Provider, { store }, /* @__PURE__ */ React81.createElement(KimaContext.Provider, { value: kimaContext }, /* @__PURE__ */ React81.createElement(
+  return /* @__PURE__ */ React48.createElement(QueryClientProvider, { client: queryClient }, /* @__PURE__ */ React48.createElement(Provider, { store }, /* @__PURE__ */ React48.createElement(KimaContext.Provider, { value: kimaContext }, /* @__PURE__ */ React48.createElement(
     InternalKimaProvider,
     {
       kimaBackendUrl,
@@ -4247,17 +4178,17 @@ var KimaProvider = ({
 var KimaProvider_default = KimaProvider;
 
 // src/components/KimaTransactionWidget.tsx
-import React120, { useEffect as useEffect24, useState as useState18 } from "react";
+import React87, { useEffect as useEffect24, useState as useState18 } from "react";
 
 // src/components/KimaWidgetWrapper.tsx
-import React118, { useEffect as useEffect23 } from "react";
+import React85, { useEffect as useEffect23 } from "react";
 import { useDispatch as useDispatch27, useSelector as useSelector47 } from "react-redux";
 
 // src/components/TransactionWidget.tsx
-import React105, { useEffect as useEffect15, useMemo as useMemo12, useState as useState11 } from "react";
+import React72, { useEffect as useEffect15, useMemo as useMemo12, useState as useState11 } from "react";
 
 // src/components/reusable/Progressbar.tsx
-import React82 from "react";
+import React49 from "react";
 import { useSelector as useSelector17 } from "react-redux";
 var stepInfo = [
   {
@@ -4278,12 +4209,12 @@ var stepInfo = [
 ];
 var Progressbar = ({ step, errorStep, setFocus, loadingStep }) => {
   const theme = useSelector17(selectTheme);
-  return /* @__PURE__ */ React82.createElement("div", { className: "kima-progressbar" }, /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React49.createElement("div", { className: "kima-progressbar" }, /* @__PURE__ */ React49.createElement(
     "div",
     {
       className: `value step-${step * 100 / 4}`
     }
-  ), /* @__PURE__ */ React82.createElement("div", { className: "step-indicators" }, stepInfo.map((item, index) => /* @__PURE__ */ React82.createElement(
+  ), /* @__PURE__ */ React49.createElement("div", { className: "step-indicators" }, stepInfo.map((item, index) => /* @__PURE__ */ React49.createElement(
     "div",
     {
       key: item.title,
@@ -4294,14 +4225,14 @@ var Progressbar = ({ step, errorStep, setFocus, loadingStep }) => {
         if (index < 4) setFocus(index);
       }
     },
-    /* @__PURE__ */ React82.createElement("div", { className: "step-info" }, step < index && /* @__PURE__ */ React82.createElement(Lock_default, null), step >= index ? index === loadingStep ? /* @__PURE__ */ React82.createElement(Loader_default, { className: "loader" }) : index === errorStep ? /* @__PURE__ */ React82.createElement(Warning_default, null) : /* @__PURE__ */ React82.createElement(Check_default, null) : null, /* @__PURE__ */ React82.createElement("span", null, item.title))
+    /* @__PURE__ */ React49.createElement("div", { className: "step-info" }, step < index && /* @__PURE__ */ React49.createElement(Lock_default, null), step >= index ? index === loadingStep ? /* @__PURE__ */ React49.createElement(Loader_default, { className: "loader" }) : index === errorStep ? /* @__PURE__ */ React49.createElement(Warning_default, null) : /* @__PURE__ */ React49.createElement(Check_default, null) : null, /* @__PURE__ */ React49.createElement("span", null, item.title))
   ))));
 };
 var Progressbar_default = Progressbar;
 
 // src/components/reusable/ExternalLink.tsx
-import React83 from "react";
-var ExternalLink = ({ to, children, className, rest }) => /* @__PURE__ */ React83.createElement(
+import React50 from "react";
+var ExternalLink = ({ to, children, className, rest }) => /* @__PURE__ */ React50.createElement(
   "a",
   {
     className,
@@ -4315,20 +4246,20 @@ var ExternalLink = ({ to, children, className, rest }) => /* @__PURE__ */ React8
 var ExternalLink_default = ExternalLink;
 
 // src/components/reusable/NetworkLabel.tsx
-import React84 from "react";
+import React51 from "react";
 import { useSelector as useSelector18 } from "react-redux";
 
 // src/components/reusable/PrimaryButton.tsx
-import React87 from "react";
+import React54 from "react";
 
 // src/assets/loading/180-ring.tsx
-import React85 from "react";
+import React52 from "react";
 var Loading180Ring = ({
   width = 24,
   height = 24,
   fill = "white"
 }) => {
-  return /* @__PURE__ */ React85.createElement(
+  return /* @__PURE__ */ React52.createElement(
     "svg",
     {
       width,
@@ -4337,7 +4268,7 @@ var Loading180Ring = ({
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg"
     },
-    /* @__PURE__ */ React85.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__ */ React85.createElement(
+    /* @__PURE__ */ React52.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__ */ React52.createElement(
       "animateTransform",
       {
         attributeName: "transform",
@@ -4352,7 +4283,7 @@ var Loading180Ring = ({
 var ring_default = Loading180Ring;
 
 // src/assets/loading/6-dots-scale.tsx
-import React86 from "react";
+import React53 from "react";
 
 // src/components/reusable/PrimaryButton.tsx
 var PrimaryButton = ({
@@ -4363,7 +4294,7 @@ var PrimaryButton = ({
   disabled = false,
   ref
 }) => {
-  return /* @__PURE__ */ React87.createElement("div", { className: "primary-button-wrapper" }, /* @__PURE__ */ React87.createElement(
+  return /* @__PURE__ */ React54.createElement("div", { className: "primary-button-wrapper" }, /* @__PURE__ */ React54.createElement(
     "button",
     {
       className: `primary-button ${className}`,
@@ -4371,14 +4302,14 @@ var PrimaryButton = ({
       ref,
       disabled
     },
-    isLoading && /* @__PURE__ */ React87.createElement("div", { className: "loading-indicator" }, /* @__PURE__ */ React87.createElement(ring_default, { width: 24, height: 24, fill: "white" })),
+    isLoading && /* @__PURE__ */ React54.createElement("div", { className: "loading-indicator" }, /* @__PURE__ */ React54.createElement(ring_default, { width: 24, height: 24, fill: "white" })),
     children
   ));
 };
 var PrimaryButton_default = PrimaryButton;
 
 // src/components/reusable/SecondaryButton.tsx
-import React88 from "react";
+import React55 from "react";
 var SecondaryButton = ({
   className,
   clickHandler,
@@ -4387,7 +4318,7 @@ var SecondaryButton = ({
   style,
   disabled = false,
   isLoading
-}) => /* @__PURE__ */ React88.createElement(
+}) => /* @__PURE__ */ React55.createElement(
   "button",
   {
     className: `secondary-button ${className} ${theme}`,
@@ -4395,18 +4326,18 @@ var SecondaryButton = ({
     ...style,
     disabled
   },
-  isLoading && /* @__PURE__ */ React88.createElement("div", { className: "loading-indicator" }, /* @__PURE__ */ React88.createElement(ring_default, { width: 24, height: 24, fill: "black" })),
+  isLoading && /* @__PURE__ */ React55.createElement("div", { className: "loading-indicator" }, /* @__PURE__ */ React55.createElement(ring_default, { width: 24, height: 24, fill: "black" })),
   children
 );
 var SecondaryButton_default = SecondaryButton;
 
 // src/components/reusable/Dropdown.tsx
-import React89 from "react";
+import React56 from "react";
 import { useDispatch as useDispatch6 } from "react-redux";
 import { useSelector as useSelector19 } from "react-redux";
 
 // src/components/reusable/WalletButton.tsx
-import React92, { useEffect as useEffect10, useMemo as useMemo8 } from "react";
+import React59, { useEffect as useEffect10, useMemo as useMemo8 } from "react";
 import { useDispatch as useDispatch7, useSelector as useSelector21 } from "react-redux";
 
 // src/hooks/useGetCurrentPlugin.tsx
@@ -4414,7 +4345,7 @@ import { useEffect as useEffect6, useState as useState5 } from "react";
 import { useSelector as useSelector20 } from "react-redux";
 
 // plugins/default/index.tsx
-import React90 from "react";
+import React57 from "react";
 var DefaultPlugin = class extends PluginBase {
   constructor(store2) {
     super({
@@ -4449,7 +4380,7 @@ var DefaultPlugin = class extends PluginBase {
     networkOption,
     walletConnectProjectId
   }) => {
-    return /* @__PURE__ */ React90.createElement("div", null, children);
+    return /* @__PURE__ */ React57.createElement("div", null, children);
   };
 };
 var defaultPlugin = new DefaultPlugin(store);
@@ -4542,7 +4473,7 @@ import { useWallet as useTronWallet2 } from "@tronweb3/tronwallet-adapter-react-
 import { useAppKit, useAppKitState } from "@reown/appkit/react";
 
 // src/components/reusable/CopyButton.tsx
-import React91, { useEffect as useEffect8, useState as useState7 } from "react";
+import React58, { useEffect as useEffect8, useState as useState7 } from "react";
 var CopyButton = ({ text }) => {
   const [copyClicked, setCopyClicked] = useState7(false);
   useEffect8(() => {
@@ -4551,7 +4482,7 @@ var CopyButton = ({ text }) => {
       setCopyClicked(false);
     }, 2e3);
   }, [copyClicked]);
-  return /* @__PURE__ */ React91.createElement(
+  return /* @__PURE__ */ React58.createElement(
     "span",
     {
       className: "copy-btn",
@@ -4560,7 +4491,7 @@ var CopyButton = ({ text }) => {
         navigator.clipboard.writeText(text);
       }
     },
-    copyClicked ? /* @__PURE__ */ React91.createElement(Check_default, null) : /* @__PURE__ */ React91.createElement(Copy_default, null)
+    copyClicked ? /* @__PURE__ */ React58.createElement(Check_default, null) : /* @__PURE__ */ React58.createElement(Copy_default, null)
   );
 };
 var CopyButton_default = CopyButton;
@@ -4786,13 +4717,13 @@ var WalletButton = ({
     }
     dispatch(setSourceAddress(connectedAddress));
   }, [isReady]);
-  return /* @__PURE__ */ React92.createElement(
+  return /* @__PURE__ */ React59.createElement(
     "div",
     {
       className: `wallet-button ${isConnected ? "connected" : "disconnected"} ${theme.colorMode} ${errorBelow ? "error-below" : ""}`,
       "data-testid": "connect-wallet-btn"
     },
-    /* @__PURE__ */ React92.createElement("div", { className: "info-wrapper" }, /* @__PURE__ */ React92.createElement(
+    /* @__PURE__ */ React59.createElement("div", { className: "info-wrapper" }, /* @__PURE__ */ React59.createElement(
       "button",
       {
         className: `${isConnected ? "connected" : "disconnected"} ${width < 640 && "shortened"} ${theme.colorMode}`,
@@ -4802,16 +4733,16 @@ 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__ */ React92.createElement(Wallet_default, null),
+      !isConnected && mode !== "light" /* light */ && !initialSelection && /* @__PURE__ */ React59.createElement(Wallet_default, null),
       !isConnected && mode !== "light" /* light */ && !initialSelection && "Connect Wallet"
-    ), isConnected && !placeholder && /* @__PURE__ */ React92.createElement(CopyButton_default, { text: connectedAddress })),
-    isConnected && !placeholder && balance !== void 0 && decimals !== void 0 ? /* @__PURE__ */ React92.createElement("p", { className: "balance-info" }, formatUSD(bigIntToNumber({ value: balance, decimals })), " ", selectedCoin, " available") : null
+    ), isConnected && !placeholder && /* @__PURE__ */ React59.createElement(CopyButton_default, { text: connectedAddress })),
+    isConnected && !placeholder && balance !== void 0 && decimals !== void 0 ? /* @__PURE__ */ React59.createElement("p", { className: "balance-info" }, formatUSD(bigIntToNumber({ value: balance, decimals })), " ", selectedCoin, " available") : null
   );
 };
 var WalletButton_default = WalletButton;
 
 // src/components/reusable/CoinDropdown.tsx
-import React94, { useEffect as useEffect12, useRef, useState as useState8 } from "react";
+import React61, { useEffect as useEffect12, useRef, useState as useState8 } from "react";
 import { useSelector as useSelector23 } from "react-redux";
 import { useDispatch as useDispatch9 } from "react-redux";
 
@@ -4848,7 +4779,7 @@ function useCurrencyOptions(isSourceChain) {
 }
 
 // src/components/reusable/TokenIcon.tsx
-import React93 from "react";
+import React60 from "react";
 var COIN_LIST = {
   KEUR: KEUR_default,
   KIMAUSD: USDK_default,
@@ -4870,7 +4801,7 @@ function TokenIcon({
     logger_default.warn(`Token icon not found for symbol: ${symbol}`);
     return null;
   }
-  return /* @__PURE__ */ React93.createElement("div", { className: "icon-wrapper" }, /* @__PURE__ */ React93.createElement(Icon, { width, height }));
+  return /* @__PURE__ */ React60.createElement("div", { className: "icon-wrapper" }, /* @__PURE__ */ React60.createElement(Icon, { width, height }));
 }
 
 // src/components/reusable/CoinDropdown.tsx
@@ -4903,41 +4834,41 @@ var CoinDropdown = ({
       dispatch(setTargetCurrency(symbol));
     }
   };
-  return /* @__PURE__ */ React94.createElement(
+  return /* @__PURE__ */ React61.createElement(
     "div",
     {
       className: `coin-dropdown ${theme.colorMode} ${collapsed ? "collapsed" : "toggled"}`,
       onClick: () => setCollapsed((prev) => !prev),
       ref
     },
-    /* @__PURE__ */ React94.createElement("div", { className: "coin-wrapper" }, /* @__PURE__ */ React94.createElement(TokenIcon, { symbol: tokenSymbol, width: 24, height: 24 }), /* @__PURE__ */ React94.createElement("span", { className: "coin" }, tokenSymbol)),
-    /* @__PURE__ */ React94.createElement(
+    /* @__PURE__ */ React61.createElement("div", { className: "coin-wrapper" }, /* @__PURE__ */ React61.createElement(TokenIcon, { symbol: tokenSymbol, width: 24, height: 24 }), /* @__PURE__ */ React61.createElement("span", { className: "coin" }, tokenSymbol)),
+    /* @__PURE__ */ React61.createElement(
       "div",
       {
         className: `coin-menu ${theme.colorMode} ${collapsed ? "collapsed" : "toggled"}`
       },
-      tokenList.map((token) => /* @__PURE__ */ React94.createElement(
+      tokenList.map((token) => /* @__PURE__ */ React61.createElement(
         "div",
         {
           className: `coin-item ${theme.colorMode}`,
           key: token.symbol,
           onClick: () => handleDropdownItemClick(token.symbol)
         },
-        /* @__PURE__ */ React94.createElement(TokenIcon, { symbol: token.symbol, width: 24, height: 24 }),
-        /* @__PURE__ */ React94.createElement("p", null, token.symbol)
+        /* @__PURE__ */ React61.createElement(TokenIcon, { symbol: token.symbol, width: 24, height: 24 }),
+        /* @__PURE__ */ React61.createElement("p", null, token.symbol)
       ))
     ),
-    /* @__PURE__ */ React94.createElement("div", { className: `dropdown-icon ${collapsed ? "toggled" : "collapsed"}` }, /* @__PURE__ */ React94.createElement(Arrow_default, { fill: "none" }))
+    /* @__PURE__ */ React61.createElement("div", { className: `dropdown-icon ${collapsed ? "toggled" : "collapsed"}` }, /* @__PURE__ */ React61.createElement(Arrow_default, { fill: "none" }))
   );
 };
 var CoinDropdown_default = CoinDropdown;
 
 // src/components/reusable/ConfirmDetails.tsx
-import React97, { useEffect as useEffect13, useMemo as useMemo10, useState as useState9 } from "react";
+import React64, { useEffect as useEffect13, useMemo as useMemo10, useState as useState9 } from "react";
 import { useSelector as useSelector25 } from "react-redux";
 
 // src/components/reusable/ChainIcon.tsx
-import React95 from "react";
+import React62 from "react";
 var chainIcons = {
   ETH: Ethereum_default,
   POL: Polygon_default,
@@ -4951,19 +4882,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__ */ React95.createElement("div", null);
+    return /* @__PURE__ */ React62.createElement("div", null);
   }
-  return /* @__PURE__ */ React95.createElement("div", { className: "icon" }, /* @__PURE__ */ React95.createElement(Icon, null));
+  return /* @__PURE__ */ React62.createElement("div", { className: "icon" }, /* @__PURE__ */ React62.createElement(Icon, null));
 }
 
 // src/components/reusable/FeeDeductionRadioButtons.tsx
-import React96 from "react";
+import React63 from "react";
 import { useDispatch as useDispatch10, useSelector as useSelector24 } from "react-redux";
 var FeeDeductionRadioButtons = ({ disabled }) => {
   const dispatch = useDispatch10();
@@ -4980,7 +4912,7 @@ var FeeDeductionRadioButtons = ({ disabled }) => {
   const handleChange = (value) => {
     dispatch(setFeeDeduct(value));
   };
-  return /* @__PURE__ */ React96.createElement("div", { className: `fee-deduction-radio-container ${theme.colorMode}` }, /* @__PURE__ */ React96.createElement("div", { className: "fee-options" }, Number(amount) - totalFee > 0 && /* @__PURE__ */ React96.createElement("label", { className: `fee-option ${disabled ? "disabled" : ""}` }, /* @__PURE__ */ React96.createElement(
+  return /* @__PURE__ */ React63.createElement("div", { className: `fee-deduction-radio-container ${theme.colorMode}` }, /* @__PURE__ */ React63.createElement("div", { className: "fee-options" }, Number(amount) - totalFee > 0 && /* @__PURE__ */ React63.createElement("label", { className: `fee-option ${disabled ? "disabled" : ""}` }, /* @__PURE__ */ React63.createElement(
     "input",
     {
       type: "radio",
@@ -4989,11 +4921,11 @@ var FeeDeductionRadioButtons = ({ disabled }) => {
       disabled,
       onChange: () => handleChange(true)
     }
-  ), /* @__PURE__ */ React96.createElement("span", { className: `radio-label ${theme.colorMode}` }, `Pay $${formatterFloat.format(
+  ), /* @__PURE__ */ React63.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__ */ React96.createElement("label", { className: `fee-option ${disabled ? "disabled" : ""}` }, /* @__PURE__ */ React96.createElement(
+  )} ${targetCurrency} in ${targetNetwork.name}`)), /* @__PURE__ */ React63.createElement("label", { className: `fee-option ${disabled ? "disabled" : ""}` }, /* @__PURE__ */ React63.createElement(
     "input",
     {
       type: "radio",
@@ -5002,7 +4934,7 @@ var FeeDeductionRadioButtons = ({ disabled }) => {
       disabled,
       onChange: () => handleChange(false)
     }
-  ), /* @__PURE__ */ React96.createElement("span", { className: `radio-label ${theme.colorMode}` }, `Pay $${formatterFloat.format(
+  ), /* @__PURE__ */ React63.createElement("span", { className: `radio-label ${theme.colorMode}` }, `Pay $${formatterFloat.format(
     Number(amount) + totalFee
   )} ${sourceCurrency} in ${sourceNetwork.name} to receive $${formatterFloat.format(
     Number(amount)
@@ -5047,13 +4979,13 @@ var ConfirmDetails = ({
   useEffect13(() => {
     width === 0 && updateWidth(window.innerWidth);
   }, []);
-  return /* @__PURE__ */ React97.createElement("div", { className: `confirm-details ${theme.colorMode}` }, /* @__PURE__ */ React97.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__ */ React97.createElement("div", null, /* @__PURE__ */ React97.createElement("div", { className: "detail-item" }, /* @__PURE__ */ React97.createElement("span", { className: "label" }, "IBAN:"), /* @__PURE__ */ React97.createElement("span", { className: `kima-card-network-label ${theme.colorMode}` }, /* @__PURE__ */ React97.createElement(ChainIcon, { symbol: originNetworkOption?.shortName }), "FIAT"), /* @__PURE__ */ React97.createElement("p", null, "ES6621000418401234567891")), /* @__PURE__ */ React97.createElement("div", { className: "detail-item" }, /* @__PURE__ */ React97.createElement("span", { className: "label" }, "Recipient:"), /* @__PURE__ */ React97.createElement("p", null, "Kima Sandbox")), /* @__PURE__ */ React97.createElement("div", { className: "detail-item" }, /* @__PURE__ */ React97.createElement("span", { className: "label" }, "BIC:"), /* @__PURE__ */ React97.createElement("p", null, "CAIXESBBXXX")), /* @__PURE__ */ React97.createElement("div", { className: "detail-item" }, /* @__PURE__ */ React97.createElement("span", { className: "label" }, "Description:"), /* @__PURE__ */ React97.createElement("p", { className: "signature" }, signature))) : /* @__PURE__ */ React97.createElement("div", { className: "detail-item" }, /* @__PURE__ */ React97.createElement("span", { className: "label" }, "Source ", originNetwork.shortName !== "CC" && "wallet", ":"), /* @__PURE__ */ React97.createElement("div", { className: "network-details" }, /* @__PURE__ */ React97.createElement("div", { className: "kima-card-network-container" }, /* @__PURE__ */ React97.createElement("span", { className: `kima-card-network-label ${theme.colorMode}` }, /* @__PURE__ */ React97.createElement(ChainIcon, { symbol: originNetworkOption?.shortName }), originNetworkOption.name)), originNetwork.shortName !== "CC" && /* @__PURE__ */ React97.createElement("p", { className: theme.colorMode }, dAppOption === "LPDrain" /* LPDrain */ ? targetAddress : connectedAddress))), /* @__PURE__ */ React97.createElement("div", { className: "detail-item amount" }, /* @__PURE__ */ React97.createElement("span", { className: "amount-container" }, /* @__PURE__ */ React97.createElement("div", { className: "amount-details" }, /* @__PURE__ */ React97.createElement("span", null, "Amount to Transfer "), /* @__PURE__ */ React97.createElement("div", { className: "coin-details" }, /* @__PURE__ */ React97.createElement("p", null, formatBigInt(txValues.allowanceAmount), " ", sourceCurrency))), /* @__PURE__ */ React97.createElement("div", { className: "amount-details" }, /* @__PURE__ */ React97.createElement("span", null, "Total Fees"), /* @__PURE__ */ React97.createElement(
+  return /* @__PURE__ */ React64.createElement("div", { className: `confirm-details ${theme.colorMode}` }, /* @__PURE__ */ React64.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__ */ React64.createElement("div", null, /* @__PURE__ */ React64.createElement("div", { className: "detail-item" }, /* @__PURE__ */ React64.createElement("span", { className: "label" }, "IBAN:"), /* @__PURE__ */ React64.createElement("span", { className: `kima-card-network-label ${theme.colorMode}` }, /* @__PURE__ */ React64.createElement(ChainIcon, { symbol: originNetworkOption?.shortName }), "FIAT"), /* @__PURE__ */ React64.createElement("p", null, "ES6621000418401234567891")), /* @__PURE__ */ React64.createElement("div", { className: "detail-item" }, /* @__PURE__ */ React64.createElement("span", { className: "label" }, "Recipient:"), /* @__PURE__ */ React64.createElement("p", null, "Kima Sandbox")), /* @__PURE__ */ React64.createElement("div", { className: "detail-item" }, /* @__PURE__ */ React64.createElement("span", { className: "label" }, "BIC:"), /* @__PURE__ */ React64.createElement("p", null, "CAIXESBBXXX")), /* @__PURE__ */ React64.createElement("div", { className: "detail-item" }, /* @__PURE__ */ React64.createElement("span", { className: "label" }, "Description:"), /* @__PURE__ */ React64.createElement("p", { className: "signature" }, signature))) : /* @__PURE__ */ React64.createElement("div", { className: "detail-item" }, /* @__PURE__ */ React64.createElement("span", { className: "label" }, "Source ", originNetwork.shortName !== "CC" && "wallet", ":"), /* @__PURE__ */ React64.createElement("div", { className: "network-details" }, /* @__PURE__ */ React64.createElement("div", { className: "kima-card-network-container" }, /* @__PURE__ */ React64.createElement("span", { className: `kima-card-network-label ${theme.colorMode}` }, /* @__PURE__ */ React64.createElement(ChainIcon, { symbol: originNetworkOption?.shortName }), originNetworkOption.name)), originNetwork.shortName !== "CC" && /* @__PURE__ */ React64.createElement("p", { className: theme.colorMode }, dAppOption === "LPDrain" /* LPDrain */ ? targetAddress : connectedAddress))), /* @__PURE__ */ React64.createElement("div", { className: "detail-item amount" }, /* @__PURE__ */ React64.createElement("span", { className: "amount-container" }, /* @__PURE__ */ React64.createElement("div", { className: "amount-details" }, /* @__PURE__ */ React64.createElement("span", null, "Amount to Transfer "), /* @__PURE__ */ React64.createElement("div", { className: "coin-details" }, /* @__PURE__ */ React64.createElement("p", null, formatBigInt(txValues.allowanceAmount), " ", sourceCurrency))), /* @__PURE__ */ React64.createElement("div", { className: "amount-details" }, /* @__PURE__ */ React64.createElement("span", null, "Total Fees"), /* @__PURE__ */ React64.createElement(
     "div",
     {
       className: "fee-collapse",
       onClick: () => setFeeCollapsed(!feeCollapsed)
     },
-    /* @__PURE__ */ React97.createElement(
+    /* @__PURE__ */ React64.createElement(
       MiniArrow_default,
       {
         width: 15,
@@ -5064,16 +4996,16 @@ var ConfirmDetails = ({
         }
       }
     ),
-    /* @__PURE__ */ React97.createElement("span", { className: "service-fee" }, formatBigInt(totalFee), " ", sourceCurrency)
-  )), /* @__PURE__ */ React97.createElement("div", { className: `fee-breakdown ${feeCollapsed ? "collapsed" : ""}` }, /* @__PURE__ */ React97.createElement("div", { className: "amount-details" }, /* @__PURE__ */ React97.createElement("span", null, originNetwork.shortName === "CC" ? "Credit Card Processing Fee" : `Source Network Fee (${originNetwork.shortName})`), /* @__PURE__ */ React97.createElement("span", { className: "service-fee" }, formatBigInt(sourceFee), " ", sourceCurrency)), /* @__PURE__ */ React97.createElement("div", { className: "amount-details" }, /* @__PURE__ */ React97.createElement("span", null, "Target Network Fee (", targetNetwork.shortName, ")"), /* @__PURE__ */ React97.createElement("span", { className: "service-fee" }, formatBigInt(targetFee), " ", targetCurrency)), /* @__PURE__ */ React97.createElement("div", { className: "amount-details" }, /* @__PURE__ */ React97.createElement("span", null, "KIMA Service Fee"), /* @__PURE__ */ React97.createElement("span", { className: "service-fee" }, formatBigInt(kimaFee), " ", sourceCurrency))), /* @__PURE__ */ React97.createElement("div", { className: "amount-details" }, /* @__PURE__ */ React97.createElement("span", null, "Target Transfer Amount"), /* @__PURE__ */ React97.createElement("span", { className: "service-fee" }, formatBigInt(txValues.submitAmount), " ", targetCurrency)))), targetNetwork.shortName === "FIAT" /* FIAT */ ? /* @__PURE__ */ React97.createElement("div", null, /* @__PURE__ */ React97.createElement("div", { className: "detail-item" }, /* @__PURE__ */ React97.createElement("span", { className: "label" }, "IBAN:"), /* @__PURE__ */ React97.createElement("p", null, bankDetails.iban), /* @__PURE__ */ React97.createElement("span", { className: `kima-card-network-label ${theme.colorMode}` }, /* @__PURE__ */ React97.createElement(ChainIcon, { symbol: targetNetworkOption?.shortName }), "FIAT")), /* @__PURE__ */ React97.createElement("div", { className: "detail-item" }, /* @__PURE__ */ React97.createElement("span", { className: "label" }, "Recipient:"), /* @__PURE__ */ React97.createElement("p", null, bankDetails.recipient))) : /* @__PURE__ */ React97.createElement("div", { className: "detail-item" }, /* @__PURE__ */ React97.createElement("span", { className: "label" }, "Target wallet:"), /* @__PURE__ */ React97.createElement("div", { className: "network-details" }, /* @__PURE__ */ React97.createElement("div", { className: "kima-card-network-container" }, /* @__PURE__ */ React97.createElement("span", { className: `kima-card-network-label ${theme.colorMode}` }, /* @__PURE__ */ React97.createElement(ChainIcon, { symbol: targetNetworkOption?.shortName }), targetNetworkOption?.name)), /* @__PURE__ */ React97.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__ */ React64.createElement("span", { className: "service-fee" }, formatBigInt(totalFee), " ", sourceCurrency)
+  )), /* @__PURE__ */ React64.createElement("div", { className: `fee-breakdown ${feeCollapsed ? "collapsed" : ""}` }, /* @__PURE__ */ React64.createElement("div", { className: "amount-details" }, /* @__PURE__ */ React64.createElement("span", null, originNetwork.shortName === "CC" ? "Credit Card Processing Fee" : `Source Network Fee (${originNetwork.shortName})`), /* @__PURE__ */ React64.createElement("span", { className: "service-fee" }, formatBigInt(sourceFee), " ", sourceCurrency)), /* @__PURE__ */ React64.createElement("div", { className: "amount-details" }, /* @__PURE__ */ React64.createElement("span", null, "Target Network Fee (", targetNetwork.shortName, ")"), /* @__PURE__ */ React64.createElement("span", { className: "service-fee" }, formatBigInt(targetFee), " ", targetCurrency)), /* @__PURE__ */ React64.createElement("div", { className: "amount-details" }, /* @__PURE__ */ React64.createElement("span", null, "KIMA Service Fee"), /* @__PURE__ */ React64.createElement("span", { className: "service-fee" }, formatBigInt(kimaFee), " ", sourceCurrency))), /* @__PURE__ */ React64.createElement("div", { className: "amount-details" }, /* @__PURE__ */ React64.createElement("span", null, "Target Transfer Amount"), /* @__PURE__ */ React64.createElement("span", { className: "service-fee" }, formatBigInt(txValues.submitAmount), " ", targetCurrency)))), targetNetwork.shortName === "FIAT" /* FIAT */ ? /* @__PURE__ */ React64.createElement("div", null, /* @__PURE__ */ React64.createElement("div", { className: "detail-item" }, /* @__PURE__ */ React64.createElement("span", { className: "label" }, "IBAN:"), /* @__PURE__ */ React64.createElement("p", null, bankDetails.iban), /* @__PURE__ */ React64.createElement("span", { className: `kima-card-network-label ${theme.colorMode}` }, /* @__PURE__ */ React64.createElement(ChainIcon, { symbol: targetNetworkOption?.shortName }), "FIAT")), /* @__PURE__ */ React64.createElement("div", { className: "detail-item" }, /* @__PURE__ */ React64.createElement("span", { className: "label" }, "Recipient:"), /* @__PURE__ */ React64.createElement("p", null, bankDetails.recipient))) : /* @__PURE__ */ React64.createElement("div", { className: "detail-item" }, /* @__PURE__ */ React64.createElement("span", { className: "label" }, "Target wallet:"), /* @__PURE__ */ React64.createElement("div", { className: "network-details" }, /* @__PURE__ */ React64.createElement("div", { className: "kima-card-network-container" }, /* @__PURE__ */ React64.createElement("span", { className: `kima-card-network-label ${theme.colorMode}` }, /* @__PURE__ */ React64.createElement(ChainIcon, { symbol: targetNetworkOption?.shortName }), targetNetworkOption?.name)), /* @__PURE__ */ React64.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__ */ React97.createElement(FeeDeductionRadioButtons_default, { disabled: feeOptionDisabled })
+    /* @__PURE__ */ React64.createElement(FeeDeductionRadioButtons_default, { disabled: feeOptionDisabled })
   ) : null);
 };
 var ConfirmDetails_default = ConfirmDetails;
 
 // src/components/reusable/AddressInput.tsx
-import React98, { useEffect as useEffect14 } from "react";
+import React65, { useEffect as useEffect14 } from "react";
 import { useDispatch as useDispatch11, useSelector as useSelector26 } from "react-redux";
 var AddressInput = ({
   theme,
@@ -5112,7 +5044,7 @@ var AddressInput = ({
     mode,
     dispatch
   ]);
-  return /* @__PURE__ */ React98.createElement(
+  return /* @__PURE__ */ React65.createElement(
     "input",
     {
       className: `kima-address-input ${theme}`,
@@ -5127,11 +5059,11 @@ var AddressInput = ({
 var AddressInput_default = AddressInput;
 
 // src/components/reusable/CustomCheckbox.tsx
-import React99 from "react";
+import React66 from "react";
 import { useSelector as useSelector27 } from "react-redux";
 
 // src/components/reusable/StepBox.tsx
-import React100, { useMemo as useMemo11 } from "react";
+import React67, { useMemo as useMemo11 } from "react";
 import { useSelector as useSelector28 } from "react-redux";
 var stepInfo2 = [
   {
@@ -5163,61 +5095,61 @@ var StepBox = ({ step, errorStep, loadingStep, data }) => {
     () => networks.find((network) => network.shortName === data?.targetChain),
     [data, networks]
   );
-  return /* @__PURE__ */ React100.createElement("div", { className: "kima-stepbox" }, /* @__PURE__ */ React100.createElement("div", { className: `content-wrapper ${theme.colorMode}` }, stepInfo2.map((item, index) => /* @__PURE__ */ React100.createElement("div", { key: item.title, className: "step-item" }, /* @__PURE__ */ React100.createElement(
+  return /* @__PURE__ */ React67.createElement("div", { className: "kima-stepbox" }, /* @__PURE__ */ React67.createElement("div", { className: `content-wrapper ${theme.colorMode}` }, stepInfo2.map((item, index) => /* @__PURE__ */ React67.createElement("div", { key: item.title, className: "step-item" }, /* @__PURE__ */ React67.createElement(
     "div",
     {
       className: `info-item
                   ${step >= index ? index === loadingStep ? "active" : index === errorStep ? "error" : "completed" : ""} 
                   ${step < index && "locked"} ${theme.colorMode}`
     },
-    step < index && /* @__PURE__ */ React100.createElement(Lock_default, null),
-    step >= index ? index === loadingStep ? /* @__PURE__ */ React100.createElement(Loader_default, { className: "loader" }) : index === errorStep ? /* @__PURE__ */ React100.createElement(Warning_default, null) : /* @__PURE__ */ React100.createElement(Check_default, null) : null,
-    /* @__PURE__ */ React100.createElement("p", null, item.title)
-  ), index === 0 && data?.kimaTxHash ? /* @__PURE__ */ React100.createElement("div", { className: `info-item ${theme.colorMode}` }, /* @__PURE__ */ React100.createElement("div", { className: "icon" }, /* @__PURE__ */ React100.createElement(USDK_default, { width: 30, height: 30 })), /* @__PURE__ */ React100.createElement("p", { className: "chain-name" }, "Kima TX Hash:"), /* @__PURE__ */ React100.createElement("p", null, /* @__PURE__ */ React100.createElement(
+    step < index && /* @__PURE__ */ React67.createElement(Lock_default, null),
+    step >= index ? index === loadingStep ? /* @__PURE__ */ React67.createElement(Loader_default, { className: "loader" }) : index === errorStep ? /* @__PURE__ */ React67.createElement(Warning_default, null) : /* @__PURE__ */ React67.createElement(Check_default, null) : null,
+    /* @__PURE__ */ React67.createElement("p", null, item.title)
+  ), index === 0 && data?.kimaTxHash ? /* @__PURE__ */ React67.createElement("div", { className: `info-item ${theme.colorMode}` }, /* @__PURE__ */ React67.createElement("div", { className: "icon" }, /* @__PURE__ */ React67.createElement(USDK_default, { width: 30, height: 30 })), /* @__PURE__ */ React67.createElement("p", { className: "chain-name" }, "Kima TX Hash:"), /* @__PURE__ */ React67.createElement("p", null, /* @__PURE__ */ React67.createElement(
     ExternalLink_default,
     {
       to: `${explorerUrl}/transactions/?tx=${data?.kimaTxHash}`
     },
     getShortenedAddress(data?.kimaTxHash || "")
-  ), /* @__PURE__ */ React100.createElement(CopyButton_default, { text: data?.kimaTxHash }))) : null, index === 1 && data?.tssPullHash && sourceChain?.shortName !== "CC" ? /* @__PURE__ */ React100.createElement(
+  ), /* @__PURE__ */ React67.createElement(CopyButton_default, { text: data?.kimaTxHash }))) : null, index === 1 && data?.tssPullHash && sourceChain?.shortName !== "CC" ? /* @__PURE__ */ React67.createElement(
     "div",
     {
       className: `info-item ${theme.colorMode} source-chain ${step >= 3 ? "paid" : ""}`
     },
-    /* @__PURE__ */ React100.createElement(ChainIcon, { symbol: data.sourceChain }),
-    /* @__PURE__ */ React100.createElement("p", { className: "chain-name" }, sourceChain?.name, " TX Hash:"),
-    /* @__PURE__ */ React100.createElement("p", null, /* @__PURE__ */ React100.createElement(
+    /* @__PURE__ */ React67.createElement(ChainIcon, { symbol: data.sourceChain }),
+    /* @__PURE__ */ React67.createElement("p", { className: "chain-name" }, sourceChain?.name, " TX Hash:"),
+    /* @__PURE__ */ React67.createElement("p", null, /* @__PURE__ */ React67.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__ */ React100.createElement(CopyButton_default, { text: data?.tssPullHash || "" }))
-  ) : null, index === 3 && data?.tssRefundHash ? /* @__PURE__ */ React100.createElement("div", { className: `info-item ${theme.colorMode} target-chain` }, /* @__PURE__ */ React100.createElement(ChainIcon, { symbol: data.sourceChain }), /* @__PURE__ */ React100.createElement("p", { className: "chain-name" }, sourceChain?.name, " TX Hash:"), /* @__PURE__ */ React100.createElement("p", null, /* @__PURE__ */ React100.createElement(
+    ), /* @__PURE__ */ React67.createElement(CopyButton_default, { text: data?.tssPullHash || "" }))
+  ) : null, index === 3 && data?.tssRefundHash ? /* @__PURE__ */ React67.createElement("div", { className: `info-item ${theme.colorMode} target-chain` }, /* @__PURE__ */ React67.createElement(ChainIcon, { symbol: data.sourceChain }), /* @__PURE__ */ React67.createElement("p", { className: "chain-name" }, sourceChain?.name, " TX Hash:"), /* @__PURE__ */ React67.createElement("p", null, /* @__PURE__ */ React67.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__ */ React100.createElement(CopyButton_default, { text: data?.tssRefundHash || "" }))) : null, index === 3 && data?.tssReleaseHash ? /* @__PURE__ */ React100.createElement("div", { className: `info-item ${theme.colorMode} target-chain` }, /* @__PURE__ */ React100.createElement(ChainIcon, { symbol: data.targetChain }), /* @__PURE__ */ React100.createElement("p", { className: "chain-name" }, targetChain?.name, " TX Hash:"), /* @__PURE__ */ React100.createElement("p", null, /* @__PURE__ */ React100.createElement(
+  ), /* @__PURE__ */ React67.createElement(CopyButton_default, { text: data?.tssRefundHash || "" }))) : null, index === 3 && data?.tssReleaseHash ? /* @__PURE__ */ React67.createElement("div", { className: `info-item ${theme.colorMode} target-chain` }, /* @__PURE__ */ React67.createElement(ChainIcon, { symbol: data.targetChain }), /* @__PURE__ */ React67.createElement("p", { className: "chain-name" }, targetChain?.name, " TX Hash:"), /* @__PURE__ */ React67.createElement("p", null, /* @__PURE__ */ React67.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__ */ React100.createElement(CopyButton_default, { text: data?.tssReleaseHash || "" }))) : null))));
+  ), /* @__PURE__ */ React67.createElement(CopyButton_default, { text: data?.tssReleaseHash || "" }))) : null))));
 };
 var StepBox_default = StepBox;
 
 // src/components/reusable/BankInput.tsx
-import React101 from "react";
+import React68 from "react";
 import { useDispatch as useDispatch12 } from "react-redux";
 import { useSelector as useSelector29 } from "react-redux";
 var BankInput = () => {
   const dispatch = useDispatch12();
   const theme = useSelector29(selectTheme);
   const bankDetails = useSelector29(selectBankDetails);
-  return /* @__PURE__ */ React101.createElement("div", { className: "bank-input" }, /* @__PURE__ */ React101.createElement("div", { className: `form-item ${theme.colorMode}` }, /* @__PURE__ */ React101.createElement("span", { className: "label" }, "IBAN:"), /* @__PURE__ */ React101.createElement(
+  return /* @__PURE__ */ React68.createElement("div", { className: "bank-input" }, /* @__PURE__ */ React68.createElement("div", { className: `form-item ${theme.colorMode}` }, /* @__PURE__ */ React68.createElement("span", { className: "label" }, "IBAN:"), /* @__PURE__ */ React68.createElement(
     "input",
     {
       className: "kima-address-input",
@@ -5225,7 +5157,7 @@ var BankInput = () => {
       value: bankDetails.iban,
       onChange: (e) => dispatch(setBankDetails({ ...bankDetails, iban: e.target.value }))
     }
-  )), /* @__PURE__ */ React101.createElement("div", { className: `form-item ${theme.colorMode}` }, /* @__PURE__ */ React101.createElement("span", { className: "label" }, "Recipient:"), /* @__PURE__ */ React101.createElement(
+  )), /* @__PURE__ */ React68.createElement("div", { className: `form-item ${theme.colorMode}` }, /* @__PURE__ */ React68.createElement("span", { className: "label" }, "Recipient:"), /* @__PURE__ */ React68.createElement(
     "input",
     {
       className: "kima-address-input",
@@ -5240,7 +5172,7 @@ var BankInput = () => {
 var BankInput_default = BankInput;
 
 // src/components/reusable/TxButton.tsx
-import React102 from "react";
+import React69 from "react";
 import { useDispatch as useDispatch13 } from "react-redux";
 import { useSelector as useSelector30 } from "react-redux";
 var TxButton = ({ theme }) => {
@@ -5249,14 +5181,14 @@ var TxButton = ({ theme }) => {
     dispatch(setPendingTxPopup(true));
   };
   const txCount = useSelector30(selectPendingTxs);
-  return /* @__PURE__ */ React102.createElement(
+  return /* @__PURE__ */ React69.createElement(
     "button",
     {
       className: `secondary-button tx-button ${theme.colorMode}`,
       onClick: handleClick
     },
     txCount,
-    /* @__PURE__ */ React102.createElement(
+    /* @__PURE__ */ React69.createElement(
       ring_default,
       {
         height: 16,
@@ -5383,17 +5315,17 @@ var useGetTxData = (txId, dAppOption, backendUrl) => {
 var useGetTxData_default = useGetTxData;
 
 // src/components/reusable/TransactionStatusMessage.tsx
-import React103 from "react";
+import React70 from "react";
 var TransactionStatusMessage = ({
   isCompleted,
   transactionId
 }) => {
-  return /* @__PURE__ */ React103.createElement("div", { className: "transaction-status-message" }, /* @__PURE__ */ React103.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__ */ React103.createElement("span", { className: "transaction-copy" }, /* @__PURE__ */ React103.createElement("h3", null, transactionId), /* @__PURE__ */ React103.createElement(CopyButton_default, { text: transactionId })));
+  return /* @__PURE__ */ React70.createElement("div", { className: "transaction-status-message" }, /* @__PURE__ */ React70.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__ */ React70.createElement("span", { className: "transaction-copy" }, /* @__PURE__ */ React70.createElement("h3", null, transactionId), /* @__PURE__ */ React70.createElement(CopyButton_default, { text: transactionId })));
 };
 var TransactionStatusMessage_default = TransactionStatusMessage;
 
 // src/components/reusable/TransactionSearch.tsx
-import React104, { useRef as useRef3, useState as useState10 } from "react";
+import React71, { useRef as useRef3, useState as useState10 } from "react";
 import { useSelector as useSelector31 } from "react-redux";
 import { useDispatch as useDispatch14 } from "react-redux";
 import toast2 from "react-hot-toast";
@@ -5406,7 +5338,7 @@ var TransactionSearch = () => {
   const handleSearch = async () => {
     if (transactionId.length <= 0)
       return toast2.error("You must provide a valid transaction id", {
-        icon: /* @__PURE__ */ React104.createElement(Error_default, null)
+        icon: /* @__PURE__ */ React71.createElement(Error_default, null)
       });
     try {
       const data = await getTxData({
@@ -5423,11 +5355,11 @@ var TransactionSearch = () => {
       logger_default.error("Error searching transaction: ", error);
       return toast2.error(
         "Transaction not found. Please check for the proper transaction id.",
-        { icon: /* @__PURE__ */ React104.createElement(Error_default, null) }
+        { icon: /* @__PURE__ */ React71.createElement(Error_default, null) }
       );
     }
   };
-  return /* @__PURE__ */ React104.createElement("div", { className: "form-item transaction-search" }, /* @__PURE__ */ React104.createElement("div", { className: "transaction-input" }, /* @__PURE__ */ React104.createElement("span", { className: "label" }, "Search Transaction:"), /* @__PURE__ */ React104.createElement(
+  return /* @__PURE__ */ React71.createElement("div", { className: "form-item transaction-search" }, /* @__PURE__ */ React71.createElement("div", { className: "transaction-input" }, /* @__PURE__ */ React71.createElement("span", { className: "label" }, "Search Transaction:"), /* @__PURE__ */ React71.createElement(
     "input",
     {
       className: `${theme.colorMode}`,
@@ -5437,7 +5369,7 @@ var TransactionSearch = () => {
       onChange: (e) => setTransactionId(e.target.value),
       spellCheck: false
     }
-  )), /* @__PURE__ */ React104.createElement(SecondaryButton_default, { clickHandler: handleSearch }, "Search"));
+  )), /* @__PURE__ */ React71.createElement(SecondaryButton_default, { clickHandler: handleSearch }, "Search"));
 };
 var TransactionSearch_default = TransactionSearch;
 
@@ -5497,7 +5429,7 @@ var TransactionWidget = ({ theme }) => {
       toast3.error(
         "The provided transaction id is not valid, please use a different one or contact support for further assistance",
         {
-          icon: /* @__PURE__ */ React105.createElement(Error_default, null)
+          icon: /* @__PURE__ */ React72.createElement(Error_default, null)
         }
       );
   }, [error]);
@@ -5521,7 +5453,7 @@ var TransactionWidget = ({ theme }) => {
       setErrorStep(1);
       setLoadingStep(-1);
       logger_default.error("transaction failed:", data.failReason);
-      toast3.error("Unavailable", { icon: /* @__PURE__ */ React105.createElement(Error_default, null) });
+      toast3.error("Unavailable", { icon: /* @__PURE__ */ React72.createElement(Error_default, null) });
       setErrorMessage("Unavailable");
     } else if (status === "Paid" /* PAID */) {
       setStep(3);
@@ -5532,7 +5464,7 @@ var TransactionWidget = ({ theme }) => {
       toast3.error(
         "Failed to release tokens to target! Starting refund process.",
         {
-          icon: /* @__PURE__ */ React105.createElement(Error_default, null)
+          icon: /* @__PURE__ */ React72.createElement(Error_default, null)
         }
       );
       setErrorMessage(
@@ -5543,7 +5475,7 @@ var TransactionWidget = ({ theme }) => {
       setErrorStep(3);
       setLoadingStep(-1);
       toast3.error("Failed to refund tokens to source!", {
-        icon: /* @__PURE__ */ React105.createElement(Error_default, null)
+        icon: /* @__PURE__ */ React72.createElement(Error_default, null)
       });
       setErrorMessage("Failed to refund tokens to source!");
     } else if (status === "RefundCompleted" /* REFUNDCOMPLETED */) {
@@ -5551,7 +5483,7 @@ var TransactionWidget = ({ theme }) => {
       setErrorStep(3);
       setLoadingStep(-1);
       toast3.success("Refund completed!", {
-        icon: /* @__PURE__ */ React105.createElement(Error_default, null)
+        icon: /* @__PURE__ */ React72.createElement(Error_default, null)
       });
       setErrorMessage("Refund completed!");
     } else if (status === "FailedToPay" /* FAILEDTOPAY */) {
@@ -5560,7 +5492,7 @@ var TransactionWidget = ({ theme }) => {
       setLoadingStep(-1);
       logger_default.error("transaction failed:", data.failReason);
       toast3.error("Failed to release tokens to target!", {
-        icon: /* @__PURE__ */ React105.createElement(Error_default, null)
+        icon: /* @__PURE__ */ React72.createElement(Error_default, null)
       });
       setErrorMessage("Failed to release tokens to target!");
     } else if (status === "FailedToPull" /* FAILEDTOPULL */) {
@@ -5568,7 +5500,7 @@ var TransactionWidget = ({ theme }) => {
       setErrorStep(1);
       setLoadingStep(-1);
       logger_default.error("transaction failed:", data.failReason);
-      toast3.error("Failed to pull tokens from source!", { icon: /* @__PURE__ */ React105.createElement(Error_default, null) });
+      toast3.error("Failed to pull tokens from source!", { icon: /* @__PURE__ */ React72.createElement(Error_default, null) });
       setErrorMessage("Failed to pull tokens from source!");
     } else if (status === "Completed" /* COMPLETED */) {
       setStep(4);
@@ -5629,7 +5561,7 @@ var TransactionWidget = ({ theme }) => {
     dispatch(setTxId(-1));
     dispatch(setSubmitted(false));
   };
-  return /* @__PURE__ */ React105.createElement(Provider2, { store }, /* @__PURE__ */ React105.createElement(
+  return /* @__PURE__ */ React72.createElement(Provider2, { store }, /* @__PURE__ */ React72.createElement(
     "div",
     {
       className: `kima-card transaction-card ${theme.colorMode} ${minimized ? "minimized" : ""}`,
@@ -5637,17 +5569,17 @@ var TransactionWidget = ({ theme }) => {
         background: theme.colorMode === "light" /* light */ ? theme.backgroundColorLight : theme.backgroundColorDark
       }
     },
-    /* @__PURE__ */ React105.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ React105.createElement("div", { className: "topbar" }, /* @__PURE__ */ React105.createElement("div", { className: "title" }, isValidTxId && !error ? /* @__PURE__ */ React105.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__ */ React105.createElement("div", { className: "title-icon" }, /* @__PURE__ */ React105.createElement(
+    /* @__PURE__ */ React72.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ React72.createElement("div", { className: "topbar" }, /* @__PURE__ */ React72.createElement("div", { className: "title" }, isValidTxId && !error ? /* @__PURE__ */ React72.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__ */ React72.createElement("div", { className: "title-icon" }, /* @__PURE__ */ React72.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__ */ React105.createElement("div", { className: "title-icon" }, /* @__PURE__ */ React105.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__ */ React72.createElement("div", { className: "title-icon" }, /* @__PURE__ */ React72.createElement(
       ChainIcon,
       {
         symbol: transactionTargetChain?.shortName
       }
-    )), " ", mode !== "status" /* status */ ? `${transactionTargetChain?.name}${" "}` : isEmptyStatus ? "" : `${data?.targetChain} ${" "}`) : /* @__PURE__ */ React105.createElement("div", null, /* @__PURE__ */ React105.createElement("h3", { className: "transaction" }, "Transaction Status"))), !minimized ? /* @__PURE__ */ React105.createElement("div", { className: "control-buttons" }, /* @__PURE__ */ React105.createElement(
+    )), " ", mode !== "status" /* status */ ? `${transactionTargetChain?.name}${" "}` : isEmptyStatus ? "" : `${data?.targetChain} ${" "}`) : /* @__PURE__ */ React72.createElement("div", null, /* @__PURE__ */ React72.createElement("h3", { className: "transaction" }, "Transaction Status"))), !minimized ? /* @__PURE__ */ React72.createElement("div", { className: "control-buttons" }, /* @__PURE__ */ React72.createElement(
       "button",
       {
         className: "icon-button minimize",
@@ -5655,9 +5587,9 @@ var TransactionWidget = ({ theme }) => {
           setMinimized(true);
         }
       },
-      /* @__PURE__ */ React105.createElement(Minimize_default, null)
-    ), !isValidTxId || loadingStep < 0 || error ? /* @__PURE__ */ React105.createElement("button", { className: "reset-button", onClick: resetForm }, "Reset") : null) : /* @__PURE__ */ React105.createElement("div", { className: "control-buttons" }, /* @__PURE__ */ React105.createElement("div", { className: "maximize", onClick: () => setMinimized(false) }, "View")))),
-    isValidTxId && !error ? /* @__PURE__ */ React105.createElement("div", { className: "kima-card-content" }, /* @__PURE__ */ React105.createElement("div", { className: "transaction-content" }, /* @__PURE__ */ React105.createElement(
+      /* @__PURE__ */ React72.createElement(Minimize_default, null)
+    ), !isValidTxId || loadingStep < 0 || error ? /* @__PURE__ */ React72.createElement("button", { className: "reset-button", onClick: resetForm }, "Reset") : null) : /* @__PURE__ */ React72.createElement("div", { className: "control-buttons" }, /* @__PURE__ */ React72.createElement("div", { className: "maximize", onClick: () => setMinimized(false) }, "View")))),
+    isValidTxId && !error ? /* @__PURE__ */ React72.createElement("div", { className: "kima-card-content" }, /* @__PURE__ */ React72.createElement("div", { className: "transaction-content" }, /* @__PURE__ */ React72.createElement(
       Progressbar_default,
       {
         step,
@@ -5666,7 +5598,7 @@ var TransactionWidget = ({ theme }) => {
         setFocus,
         loadingStep
       }
-    ), /* @__PURE__ */ React105.createElement(
+    ), /* @__PURE__ */ React72.createElement(
       StepBox_default,
       {
         step,
@@ -5674,14 +5606,14 @@ var TransactionWidget = ({ theme }) => {
         loadingStep,
         data
       }
-    )), !error && !isEmptyStatus && /* @__PURE__ */ React105.createElement(
+    )), !error && !isEmptyStatus && /* @__PURE__ */ React72.createElement(
       TransactionStatusMessage_default,
       {
         isCompleted: data?.status,
         transactionId: txId.toString()
       }
-    )) : /* @__PURE__ */ React105.createElement("div", { className: "kima-card-content" }, /* @__PURE__ */ React105.createElement("h4", { className: "subtitle" }, "You can follow the status of a previous submitted transaction by entering the provided transaction id"), /* @__PURE__ */ React105.createElement("div", { className: "single-form" }, /* @__PURE__ */ React105.createElement(TransactionSearch_default, null))),
-    /* @__PURE__ */ React105.createElement(
+    )) : /* @__PURE__ */ React72.createElement("div", { className: "kima-card-content" }, /* @__PURE__ */ React72.createElement("h4", { className: "subtitle" }, "You can follow the status of a previous submitted transaction by entering the provided transaction id"), /* @__PURE__ */ React72.createElement("div", { className: "single-form" }, /* @__PURE__ */ React72.createElement(TransactionSearch_default, null))),
+    /* @__PURE__ */ React72.createElement(
       Toaster,
       {
         position: "top-right",
@@ -5708,21 +5640,21 @@ var TransactionWidget = ({ theme }) => {
         }
       }
     ),
-    /* @__PURE__ */ React105.createElement("div", { className: "floating-footer status" }, /* @__PURE__ */ React105.createElement("div", { className: `items ${theme.colorMode}` }, /* @__PURE__ */ React105.createElement("span", null, "Powered by"), /* @__PURE__ */ React105.createElement(KimaNetwork_default, null)))
+    /* @__PURE__ */ React72.createElement("div", { className: "floating-footer status" }, /* @__PURE__ */ React72.createElement("div", { className: `items ${theme.colorMode}` }, /* @__PURE__ */ React72.createElement("span", null, "Powered by"), /* @__PURE__ */ React72.createElement(KimaNetwork_default, null)))
   ));
 };
 
 // src/components/TransferWidget.tsx
-import React116, { useEffect as useEffect21, useState as useState16, useRef as useRef8, useMemo as useMemo21, useCallback as useCallback3 } from "react";
+import React83, { useEffect as useEffect21, useState as useState16, useRef as useRef8, useMemo as useMemo21, useCallback as useCallback3 } from "react";
 import { useDispatch as useDispatch26, useSelector as useSelector45 } from "react-redux";
 
 // src/components/reusable/SingleForm.tsx
-import React107, { useEffect as useEffect17, useMemo as useMemo14, useState as useState13 } from "react";
+import React74, { useEffect as useEffect17, useMemo as useMemo14, useState as useState13 } from "react";
 import { toast as toast4 } from "react-hot-toast";
 import { useDispatch as useDispatch17, useSelector as useSelector35 } from "react-redux";
 
 // src/components/primary/NetworkSelector.tsx
-import React106, { useState as useState12, useMemo as useMemo13, useRef as useRef4, useEffect as useEffect16 } from "react";
+import React73, { useState as useState12, useMemo as useMemo13, useRef as useRef4, useEffect as useEffect16 } from "react";
 import { useSelector as useSelector33, useDispatch as useDispatch16 } from "react-redux";
 var NetworkSelector = ({
   type,
@@ -5818,20 +5750,20 @@ var NetworkSelector = ({
       dispatch(setTargetAddress(lightDemoAccounts.TRX));
     }
   }, [sourceNetwork, targetNetwork, mode]);
-  return /* @__PURE__ */ React106.createElement(
+  return /* @__PURE__ */ React73.createElement(
     "div",
     {
       className: `network-dropdown ${theme?.colorMode ?? ""} ${collapsed ? "collapsed" : "toggled"}`,
       onClick: () => setCollapsed((prev) => !prev),
       ref
     },
-    /* @__PURE__ */ React106.createElement("div", { className: "network-wrapper" }, /* @__PURE__ */ React106.createElement(ChainIcon, { symbol: selectedNetwork.shortName }), /* @__PURE__ */ React106.createElement("span", null, selectedNetwork.name)),
-    /* @__PURE__ */ React106.createElement(
+    /* @__PURE__ */ React73.createElement("div", { className: "network-wrapper" }, /* @__PURE__ */ React73.createElement(ChainIcon, { symbol: selectedNetwork.shortName }), /* @__PURE__ */ React73.createElement("span", null, selectedNetwork.name)),
+    /* @__PURE__ */ React73.createElement(
       "div",
       {
         className: `network-menu custom-scrollbar ${theme?.colorMode ?? ""} ${collapsed ? "collapsed" : "toggled"}`
       },
-      networks.filter((network) => network.shortName !== selectedNetwork.shortName).map((network) => /* @__PURE__ */ React106.createElement(
+      networks.filter((network) => network.shortName !== selectedNetwork.shortName).map((network) => /* @__PURE__ */ React73.createElement(
         "div",
         {
           key: network.id,
@@ -5843,15 +5775,15 @@ var NetworkSelector = ({
             }
           }
         },
-        network.disabled ? /* @__PURE__ */ React106.createElement(Warning_default, { width: 25, height: 25 }) : /* @__PURE__ */ React106.createElement(ChainIcon, { symbol: network.shortName }),
-        /* @__PURE__ */ React106.createElement("p", null, network.name),
-        network.disabled && /* @__PURE__ */ React106.createElement("span", { className: "tooltip" }, "Temporarily unavailable")
+        network.disabled ? /* @__PURE__ */ React73.createElement(Warning_default, { width: 25, height: 25 }) : /* @__PURE__ */ React73.createElement(ChainIcon, { symbol: network.shortName }),
+        /* @__PURE__ */ React73.createElement("p", null, network.name),
+        network.disabled && /* @__PURE__ */ React73.createElement("span", { className: "tooltip" }, "Temporarily unavailable")
       ))
     ),
-    /* @__PURE__ */ React106.createElement("div", { className: `dropdown-icon ${collapsed ? "toggled" : "collapsed"}` }, /* @__PURE__ */ React106.createElement(Arrow_default, { fill: "none" }))
+    /* @__PURE__ */ React73.createElement("div", { className: `dropdown-icon ${collapsed ? "toggled" : "collapsed"}` }, /* @__PURE__ */ React73.createElement(Arrow_default, { fill: "none" }))
   );
 };
-var NetworkSelector_default = React106.memo(NetworkSelector);
+var NetworkSelector_default = React73.memo(NetworkSelector);
 
 // src/components/reusable/SingleForm.tsx
 import { parseUnits as parseUnits2 } from "viem";
@@ -6054,7 +5986,7 @@ var SingleForm = ({
   const isConnected = useMemo14(() => {
     return isReady && !initialSelection.sourceSelection;
   }, [isReady, initialSelection]);
-  return /* @__PURE__ */ React107.createElement("div", { className: "single-form" }, /* @__PURE__ */ React107.createElement("div", { className: "form-item" }, /* @__PURE__ */ React107.createElement("span", { className: "label" }, "Source Network:"), /* @__PURE__ */ React107.createElement("div", { className: "items" }, /* @__PURE__ */ React107.createElement(
+  return /* @__PURE__ */ React74.createElement("div", { className: "single-form" }, /* @__PURE__ */ React74.createElement("div", { className: "form-item" }, /* @__PURE__ */ React74.createElement("span", { className: "label" }, "Source Network:"), /* @__PURE__ */ React74.createElement("div", { className: "items" }, /* @__PURE__ */ React74.createElement(
     NetworkSelector_default,
     {
       type: "origin",
@@ -6063,20 +5995,20 @@ var SingleForm = ({
         setInitialSelection
       }
     }
-  ), /* @__PURE__ */ React107.createElement(CoinDropdown_default, null))), /* @__PURE__ */ React107.createElement(
+  ), /* @__PURE__ */ React74.createElement(CoinDropdown_default, null))), /* @__PURE__ */ React74.createElement(
     "div",
     {
       className: `dynamic-area ${sourceNetwork.shortName === "FIAT" /* FIAT */ ? "reverse" : "1"}`
     },
-    sourceNetwork.compatibility !== "CC" /* CC */ && /* @__PURE__ */ React107.createElement(
+    sourceNetwork.compatibility !== "CC" /* CC */ && /* @__PURE__ */ React74.createElement(
       "div",
       {
         className: `form-item wallet-button-item ${isConnected && "connected"}`
       },
-      /* @__PURE__ */ React107.createElement("span", { className: "label" }, "Wallet:"),
-      /* @__PURE__ */ React107.createElement(WalletButton_default, { initialSelection: initialSelection.sourceSelection })
+      /* @__PURE__ */ React74.createElement("span", { className: "label" }, "Wallet:"),
+      /* @__PURE__ */ React74.createElement(WalletButton_default, { initialSelection: initialSelection.sourceSelection })
     ),
-    mode !== "payment" /* payment */ && /* @__PURE__ */ React107.createElement("div", { className: "form-item" }, /* @__PURE__ */ React107.createElement("span", { className: "label" }, "Target Network:"), /* @__PURE__ */ React107.createElement("div", { className: "items" }, /* @__PURE__ */ React107.createElement(
+    mode !== "payment" /* payment */ && /* @__PURE__ */ React74.createElement("div", { className: "form-item" }, /* @__PURE__ */ React74.createElement("span", { className: "label" }, "Target Network:"), /* @__PURE__ */ React74.createElement("div", { className: "items" }, /* @__PURE__ */ React74.createElement(
       NetworkSelector_default,
       {
         type: "target",
@@ -6085,29 +6017,29 @@ var SingleForm = ({
           setInitialSelection
         }
       }
-    ), /* @__PURE__ */ React107.createElement(CoinDropdown_default, { isSourceChain: false })))
-  ), mode === "bridge" /* bridge */ && sourceNetwork.shortName !== "FIAT" /* FIAT */ ? targetNetwork.shortName === "FIAT" /* FIAT */ ? /* @__PURE__ */ React107.createElement(BankInput_default, null) : /* @__PURE__ */ React107.createElement("div", { className: `form-item ${theme.colorMode}` }, /* @__PURE__ */ React107.createElement("span", { className: "label" }, "Target Address:"), /* @__PURE__ */ React107.createElement(
+    ), /* @__PURE__ */ React74.createElement(CoinDropdown_default, { isSourceChain: false })))
+  ), mode === "bridge" /* bridge */ && sourceNetwork.shortName !== "FIAT" /* FIAT */ ? targetNetwork.shortName === "FIAT" /* FIAT */ ? /* @__PURE__ */ React74.createElement(BankInput_default, null) : /* @__PURE__ */ React74.createElement("div", { className: `form-item ${theme.colorMode}` }, /* @__PURE__ */ React74.createElement("span", { className: "label" }, "Target Address:"), /* @__PURE__ */ React74.createElement(
     AddressInput_default,
     {
       theme: theme.colorMode,
       placeholder: "Target address",
       initialSelection
     }
-  )) : null, mode === "light" /* light */ && /* @__PURE__ */ React107.createElement(
+  )) : null, mode === "light" /* light */ && /* @__PURE__ */ React74.createElement(
     "div",
     {
       className: `form-item wallet-button-item ${!initialSelection.targetSelection && "connected"}`,
       style: { display: "flex", alignItems: "center" }
     },
-    /* @__PURE__ */ React107.createElement("span", { className: "label" }, "Target Wallet:"),
-    /* @__PURE__ */ React107.createElement(
+    /* @__PURE__ */ React74.createElement("span", { className: "label" }, "Target Wallet:"),
+    /* @__PURE__ */ React74.createElement(
       WalletButton_default,
       {
         initialSelection: initialSelection.targetSelection,
         placeholder: true
       }
     )
-  ), mode === "bridge" /* bridge */ && /* @__PURE__ */ React107.createElement("div", { className: `form-item ${theme.colorMode}` }, /* @__PURE__ */ React107.createElement("span", { className: "label" }, "Amount:"), /* @__PURE__ */ React107.createElement("div", { className: `amount-label-container items ${theme.colorMode}` }, /* @__PURE__ */ React107.createElement(
+  ), mode === "bridge" /* bridge */ && /* @__PURE__ */ React74.createElement("div", { className: `form-item ${theme.colorMode}` }, /* @__PURE__ */ React74.createElement("span", { className: "label" }, "Amount:"), /* @__PURE__ */ React74.createElement("div", { className: `amount-label-container items ${theme.colorMode}` }, /* @__PURE__ */ React74.createElement(
     "input",
     {
       className: `${theme.colorMode}`,
@@ -6116,7 +6048,7 @@ var SingleForm = ({
       value: amountValue || "",
       onChange: (e) => onAmountChange(e.target.value)
     }
-  ), /* @__PURE__ */ React107.createElement("div", { className: "max-disclaimer" }, sourceNetwork.shortName !== "CC" && /* @__PURE__ */ React107.createElement("span", { className: "max-button", onClick: onMaxClick }, "Max"), +totalFee !== -1 && /* @__PURE__ */ React107.createElement("p", { className: "fee-amount" }, "Est fees:", " ", /* @__PURE__ */ React107.createElement("span", { className: `${isLoadingFees ? "loading" : ""}` }, " ", isLoadingFees ? "" : `$ ${formatBigInt(totalFee)} USD`))))));
+  ), /* @__PURE__ */ React74.createElement("div", { className: "max-disclaimer" }, sourceNetwork.shortName !== "CC" && /* @__PURE__ */ React74.createElement("span", { className: "max-button", onClick: onMaxClick }, "Max"), +totalFee !== -1 && /* @__PURE__ */ React74.createElement("p", { className: "fee-amount" }, "Est fees:", " ", /* @__PURE__ */ React74.createElement("span", { className: `${isLoadingFees ? "loading" : ""}` }, " ", isLoadingFees ? "" : `$ ${formatBigInt(totalFee)} USD`))))));
 };
 var SingleForm_default = SingleForm;
 
@@ -6165,11 +6097,11 @@ function useAllowance2({
 import { toast as toast5, Toaster as Toaster2 } from "react-hot-toast";
 
 // plugins/solana/components/SolanaWalletConnectModal.tsx
-import React110 from "react";
+import React77 from "react";
 import { useDispatch as useDispatch20, useSelector as useSelector38 } from "react-redux";
 
 // plugins/solana/components/SolanaWalletSelect.tsx
-import React108, { useCallback as useCallback2, useEffect as useEffect18, useMemo as useMemo15, useRef as useRef5 } from "react";
+import React75, { useCallback as useCallback2, useEffect as useEffect18, useMemo as useMemo15, useRef as useRef5 } from "react";
 import { useDispatch as useDispatch18, useSelector as useSelector36 } from "react-redux";
 import { useWallet as useWallet7 } from "@solana/wallet-adapter-react";
 import { WalletReadyState } from "@solana/wallet-adapter-base";
@@ -6243,28 +6175,28 @@ var SolanaWalletSelect = () => {
     }
     dispatch(setSolanaConnectModal(false));
   }, [wallet, sourceChain]);
-  return /* @__PURE__ */ React108.createElement("div", { className: `wallet-select` }, /* @__PURE__ */ React108.createElement("div", { className: "slide-area hide-scrollbar", ref: sliderRef }, /* @__PURE__ */ React108.createElement("div", { className: "wallet-container" }, detected.map((wallet2, index) => /* @__PURE__ */ React108.createElement(
+  return /* @__PURE__ */ React75.createElement("div", { className: `wallet-select` }, /* @__PURE__ */ React75.createElement("div", { className: "slide-area hide-scrollbar", ref: sliderRef }, /* @__PURE__ */ React75.createElement("div", { className: "wallet-container" }, detected.map((wallet2, index) => /* @__PURE__ */ React75.createElement(
     "div",
     {
       className: `card-item ${theme.colorMode}`,
       onClick: () => handleWalletClick(wallet2.adapter.name),
       key: `${wallet2.adapter.name}-${index}`
     },
-    /* @__PURE__ */ React108.createElement("div", { className: "wallet-item" }, /* @__PURE__ */ React108.createElement("img", { src: wallet2.adapter.icon, alt: wallet2.adapter.name }), /* @__PURE__ */ React108.createElement("span", null, wallet2.adapter.name))
-  )), undetected.map((wallet2, index) => /* @__PURE__ */ React108.createElement(
+    /* @__PURE__ */ React75.createElement("div", { className: "wallet-item" }, /* @__PURE__ */ React75.createElement("img", { src: wallet2.adapter.icon, alt: wallet2.adapter.name }), /* @__PURE__ */ React75.createElement("span", null, wallet2.adapter.name))
+  )), undetected.map((wallet2, index) => /* @__PURE__ */ React75.createElement(
     ExternalLink_default,
     {
       to: wallet2.adapter.url,
       className: `card-item ${theme.colorMode}`,
       key: `${wallet2.adapter.name}-${index}`
     },
-    /* @__PURE__ */ React108.createElement("div", { className: "wallet-item" }, /* @__PURE__ */ React108.createElement("img", { src: wallet2.adapter.icon, alt: wallet2.adapter.name }), /* @__PURE__ */ React108.createElement("span", null, "Install ", wallet2.adapter.name))
+    /* @__PURE__ */ React75.createElement("div", { className: "wallet-item" }, /* @__PURE__ */ React75.createElement("img", { src: wallet2.adapter.icon, alt: wallet2.adapter.name }), /* @__PURE__ */ React75.createElement("span", null, "Install ", wallet2.adapter.name))
   )))));
 };
 var SolanaWalletSelect_default = SolanaWalletSelect;
 
 // plugins/solana/components/AccountDetailsModal.tsx
-import React109, { useMemo as useMemo16 } from "react";
+import React76, { useMemo as useMemo16 } from "react";
 import { useDispatch as useDispatch19, useSelector as useSelector37 } from "react-redux";
 import { useWallet as useSolanaWallet3 } from "@solana/wallet-adapter-react";
 var AccountDetailsModal = () => {
@@ -6285,25 +6217,25 @@ var AccountDetailsModal = () => {
     dispatch(setAccountDetailsModal(false));
   };
   if (sourceChain.shortName !== "SOL") return;
-  return /* @__PURE__ */ React109.createElement(
+  return /* @__PURE__ */ React76.createElement(
     "div",
     {
       className: `kima-modal ${theme.colorMode} ${accountDetailsModal && "open"}`
     },
-    /* @__PURE__ */ React109.createElement("div", { className: "modal-overlay" }),
-    /* @__PURE__ */ React109.createElement("div", { className: `modal-content-container ${theme.colorMode}` }, /* @__PURE__ */ React109.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ React109.createElement("div", { className: "topbar" }, /* @__PURE__ */ React109.createElement("div", { className: "title" }, /* @__PURE__ */ React109.createElement("h3", null, "Account Details")), /* @__PURE__ */ React109.createElement("div", { className: "control-buttons" }, /* @__PURE__ */ React109.createElement(
+    /* @__PURE__ */ React76.createElement("div", { className: "modal-overlay" }),
+    /* @__PURE__ */ React76.createElement("div", { className: `modal-content-container ${theme.colorMode}` }, /* @__PURE__ */ React76.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ React76.createElement("div", { className: "topbar" }, /* @__PURE__ */ React76.createElement("div", { className: "title" }, /* @__PURE__ */ React76.createElement("h3", null, "Account Details")), /* @__PURE__ */ React76.createElement("div", { className: "control-buttons" }, /* @__PURE__ */ React76.createElement(
       "button",
       {
         className: "cross-icon-button",
         onClick: () => dispatch(setAccountDetailsModal(false))
       },
-      /* @__PURE__ */ React109.createElement(
+      /* @__PURE__ */ React76.createElement(
         Cross_default,
         {
           fill: theme.colorMode === "light" ? "black" : "white"
         }
       )
-    )))), /* @__PURE__ */ React109.createElement("div", { className: "modal-content" }, /* @__PURE__ */ React109.createElement("div", { className: "summary" }, networkDetails && /* @__PURE__ */ React109.createElement(networkDetails.icon, { width: 60, height: 60 }), /* @__PURE__ */ React109.createElement("div", { className: "address" }, /* @__PURE__ */ React109.createElement("h2", null, getShortenedAddress(walletAddress || "")), /* @__PURE__ */ React109.createElement(CopyButton_default, { text: walletAddress })), /* @__PURE__ */ React109.createElement("h3", null, formatterFloat.format(Number(solBalance)), " $SOL")), /* @__PURE__ */ React109.createElement(SecondaryButton_default, { className: "block-explorer" }, /* @__PURE__ */ React109.createElement(ExternalLink_default, { className: "link", to: explorerUrl }, /* @__PURE__ */ React109.createElement(Explorer_default, { fill: "#778DA3" }), /* @__PURE__ */ React109.createElement("p", null, "Block explorer"), /* @__PURE__ */ React109.createElement(ExternalUrl_default, { fill: "#778DA3" }))), /* @__PURE__ */ React109.createElement(PrimaryButton_default, { clickHandler: handleDisconnect }, "Discconect")))
+    )))), /* @__PURE__ */ React76.createElement("div", { className: "modal-content" }, /* @__PURE__ */ React76.createElement("div", { className: "summary" }, networkDetails && /* @__PURE__ */ React76.createElement(networkDetails.icon, { width: 60, height: 60 }), /* @__PURE__ */ React76.createElement("div", { className: "address" }, /* @__PURE__ */ React76.createElement("h2", null, getShortenedAddress(walletAddress || "")), /* @__PURE__ */ React76.createElement(CopyButton_default, { text: walletAddress })), /* @__PURE__ */ React76.createElement("h3", null, formatterFloat.format(Number(solBalance)), " $SOL")), /* @__PURE__ */ React76.createElement(SecondaryButton_default, { className: "block-explorer" }, /* @__PURE__ */ React76.createElement(ExternalLink_default, { className: "link", to: explorerUrl }, /* @__PURE__ */ React76.createElement(Explorer_default, { fill: "#778DA3" }), /* @__PURE__ */ React76.createElement("p", null, "Block explorer"), /* @__PURE__ */ React76.createElement(ExternalUrl_default, { fill: "#778DA3" }))), /* @__PURE__ */ React76.createElement(PrimaryButton_default, { clickHandler: handleDisconnect }, "Discconect")))
   );
 };
 var AccountDetailsModal_default = AccountDetailsModal;
@@ -6313,18 +6245,18 @@ var SolanaWalletConnectModal = () => {
   const dispatch = useDispatch20();
   const theme = useSelector38(selectTheme);
   const connectModal = useSelector38(selectSolanaConnectModal);
-  return /* @__PURE__ */ React110.createElement("div", null, /* @__PURE__ */ React110.createElement(AccountDetailsModal_default, null), /* @__PURE__ */ React110.createElement(
+  return /* @__PURE__ */ React77.createElement("div", null, /* @__PURE__ */ React77.createElement(AccountDetailsModal_default, null), /* @__PURE__ */ React77.createElement(
     "div",
     {
       className: `kima-modal wallet-connect ${connectModal ? "open" : ""}`
     },
-    /* @__PURE__ */ React110.createElement("div", { className: `modal-content-container ${theme.colorMode}` }, /* @__PURE__ */ React110.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ React110.createElement("div", { className: "topbar" }, /* @__PURE__ */ React110.createElement("div", { className: "title" }, /* @__PURE__ */ React110.createElement("h3", null, "Connect Wallet")), /* @__PURE__ */ React110.createElement("div", { className: "control-buttons" }, /* @__PURE__ */ React110.createElement(
+    /* @__PURE__ */ React77.createElement("div", { className: `modal-content-container ${theme.colorMode}` }, /* @__PURE__ */ React77.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ React77.createElement("div", { className: "topbar" }, /* @__PURE__ */ React77.createElement("div", { className: "title" }, /* @__PURE__ */ React77.createElement("h3", null, "Connect Wallet")), /* @__PURE__ */ React77.createElement("div", { className: "control-buttons" }, /* @__PURE__ */ React77.createElement(
       "button",
       {
         className: "cross-icon-button",
         onClick: () => dispatch(setSolanaConnectModal(false))
       },
-      /* @__PURE__ */ React110.createElement(
+      /* @__PURE__ */ React77.createElement(
         Cross_default,
         {
           width: 30,
@@ -6332,17 +6264,17 @@ var SolanaWalletConnectModal = () => {
           fill: theme.colorMode === "light" ? "black" : "white"
         }
       )
-    )))), /* @__PURE__ */ React110.createElement("div", { className: "modal-content" }, /* @__PURE__ */ React110.createElement(SolanaWalletSelect_default, null)))
+    )))), /* @__PURE__ */ React77.createElement("div", { className: "modal-content" }, /* @__PURE__ */ React77.createElement(SolanaWalletSelect_default, null)))
   ));
 };
 var SolanaWalletConnectModal_default = SolanaWalletConnectModal;
 
 // plugins/tron/components/TronWalletConnectModal.tsx
-import React113 from "react";
+import React80 from "react";
 import { useDispatch as useDispatch23, useSelector as useSelector41 } from "react-redux";
 
 // plugins/tron/components/AccountDetailsModal.tsx
-import React111, { useMemo as useMemo17 } from "react";
+import React78, { useMemo as useMemo17 } from "react";
 import { useDispatch as useDispatch21, useSelector as useSelector39 } from "react-redux";
 import { useWallet as useTronWallet3 } from "@tronweb3/tronwallet-adapter-react-hooks";
 var AccountDetailsModal2 = () => {
@@ -6367,31 +6299,31 @@ var AccountDetailsModal2 = () => {
     dispatch(setAccountDetailsModal(false));
   };
   if (sourcheChain.shortName !== "TRX") return;
-  return /* @__PURE__ */ React111.createElement(
+  return /* @__PURE__ */ React78.createElement(
     "div",
     {
       className: `kima-modal ${theme.colorMode} ${accountDetailsModal && "open"}`
     },
-    /* @__PURE__ */ React111.createElement("div", { className: "modal-overlay" }),
-    /* @__PURE__ */ React111.createElement("div", { className: `modal-content-container ${theme.colorMode}` }, /* @__PURE__ */ React111.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ React111.createElement("div", { className: "topbar" }, /* @__PURE__ */ React111.createElement("div", { className: "title" }, /* @__PURE__ */ React111.createElement("h3", null, "Account Details")), /* @__PURE__ */ React111.createElement("div", { className: "control-buttons" }, /* @__PURE__ */ React111.createElement(
+    /* @__PURE__ */ React78.createElement("div", { className: "modal-overlay" }),
+    /* @__PURE__ */ React78.createElement("div", { className: `modal-content-container ${theme.colorMode}` }, /* @__PURE__ */ React78.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ React78.createElement("div", { className: "topbar" }, /* @__PURE__ */ React78.createElement("div", { className: "title" }, /* @__PURE__ */ React78.createElement("h3", null, "Account Details")), /* @__PURE__ */ React78.createElement("div", { className: "control-buttons" }, /* @__PURE__ */ React78.createElement(
       "button",
       {
         className: "cross-icon-button",
         onClick: () => dispatch(setAccountDetailsModal(false))
       },
-      /* @__PURE__ */ React111.createElement(
+      /* @__PURE__ */ React78.createElement(
         Cross_default,
         {
           fill: theme.colorMode === "light" ? "black" : "white"
         }
       )
-    )))), /* @__PURE__ */ React111.createElement("div", { className: "modal-content" }, /* @__PURE__ */ React111.createElement("div", { className: "summary" }, networkDetails && /* @__PURE__ */ React111.createElement(networkDetails.icon, { width: 60, height: 60 }), /* @__PURE__ */ React111.createElement("div", { className: "address" }, /* @__PURE__ */ React111.createElement("h2", null, getShortenedAddress(connectedAddress || "")), /* @__PURE__ */ React111.createElement(CopyButton_default, { text: connectedAddress })), /* @__PURE__ */ React111.createElement("h3", null, formatterFloat.format(Number(tronBalance)), " ", selectedNetwork.shortName)), /* @__PURE__ */ React111.createElement(SecondaryButton_default, { className: "block-explorer" }, /* @__PURE__ */ React111.createElement(ExternalLink_default, { className: "link", to: explorerUrl }, /* @__PURE__ */ React111.createElement(Explorer_default, { fill: "#778DA3" }), /* @__PURE__ */ React111.createElement("p", null, "Block explorer"), /* @__PURE__ */ React111.createElement(ExternalUrl_default, { fill: "#778DA3" }))), /* @__PURE__ */ React111.createElement(PrimaryButton_default, { clickHandler: handleDisconnect }, "Disconnect")))
+    )))), /* @__PURE__ */ React78.createElement("div", { className: "modal-content" }, /* @__PURE__ */ React78.createElement("div", { className: "summary" }, networkDetails && /* @__PURE__ */ React78.createElement(networkDetails.icon, { width: 60, height: 60 }), /* @__PURE__ */ React78.createElement("div", { className: "address" }, /* @__PURE__ */ React78.createElement("h2", null, getShortenedAddress(connectedAddress || "")), /* @__PURE__ */ React78.createElement(CopyButton_default, { text: connectedAddress })), /* @__PURE__ */ React78.createElement("h3", null, formatterFloat.format(Number(tronBalance)), " ", selectedNetwork.shortName)), /* @__PURE__ */ React78.createElement(SecondaryButton_default, { className: "block-explorer" }, /* @__PURE__ */ React78.createElement(ExternalLink_default, { className: "link", to: explorerUrl }, /* @__PURE__ */ React78.createElement(Explorer_default, { fill: "#778DA3" }), /* @__PURE__ */ React78.createElement("p", null, "Block explorer"), /* @__PURE__ */ React78.createElement(ExternalUrl_default, { fill: "#778DA3" }))), /* @__PURE__ */ React78.createElement(PrimaryButton_default, { clickHandler: handleDisconnect }, "Disconnect")))
   );
 };
 var AccountDetailsModal_default2 = AccountDetailsModal2;
 
 // plugins/tron/components/TronWalletSelect.tsx
-import React112, { useEffect as useEffect19, useMemo as useMemo18, useRef as useRef6 } from "react";
+import React79, { useEffect as useEffect19, useMemo as useMemo18, useRef as useRef6 } from "react";
 import { useDispatch as useDispatch22, useSelector as useSelector40 } from "react-redux";
 import { useWallet as useWallet8 } from "@tronweb3/tronwallet-adapter-react-hooks";
 import { AdapterState } from "@tronweb3/tronwallet-abstract-adapter";
@@ -6450,22 +6382,22 @@ var TronWalletSelect = () => {
   const connectWallet = async (walletName) => {
     currentWallet?.adapter.name === walletName ? await connect() : select(walletName);
   };
-  return /* @__PURE__ */ React112.createElement("div", { className: `wallet-select` }, /* @__PURE__ */ React112.createElement("div", { className: "slide-area hide-scrollbar", ref: sliderRef }, /* @__PURE__ */ React112.createElement("div", { className: "wallet-container" }, detected.map((wallet, index) => /* @__PURE__ */ React112.createElement(
+  return /* @__PURE__ */ React79.createElement("div", { className: `wallet-select` }, /* @__PURE__ */ React79.createElement("div", { className: "slide-area hide-scrollbar", ref: sliderRef }, /* @__PURE__ */ React79.createElement("div", { className: "wallet-container" }, detected.map((wallet, index) => /* @__PURE__ */ React79.createElement(
     "div",
     {
       className: `card-item ${theme.colorMode}`,
       onClick: () => connectWallet(wallet.adapter.name),
       key: `${wallet.adapter.name}-${index}`
     },
-    /* @__PURE__ */ React112.createElement("div", { className: "wallet-item" }, /* @__PURE__ */ React112.createElement("img", { src: wallet.adapter.icon, alt: wallet.adapter.name }), /* @__PURE__ */ React112.createElement("span", null, wallet.adapter.name))
-  )), undetected.map((wallet, index) => /* @__PURE__ */ React112.createElement(
+    /* @__PURE__ */ React79.createElement("div", { className: "wallet-item" }, /* @__PURE__ */ React79.createElement("img", { src: wallet.adapter.icon, alt: wallet.adapter.name }), /* @__PURE__ */ React79.createElement("span", null, wallet.adapter.name))
+  )), undetected.map((wallet, index) => /* @__PURE__ */ React79.createElement(
     ExternalLink_default,
     {
       to: wallet.adapter.url,
       className: `card-item ${theme.colorMode}`,
       key: `${wallet.adapter.name}-${index}`
     },
-    /* @__PURE__ */ React112.createElement("div", { className: "wallet-item" }, /* @__PURE__ */ React112.createElement("img", { src: wallet.adapter.icon, alt: wallet.adapter.name }), /* @__PURE__ */ React112.createElement("span", null, "Install ", wallet.adapter.name))
+    /* @__PURE__ */ React79.createElement("div", { className: "wallet-item" }, /* @__PURE__ */ React79.createElement("img", { src: wallet.adapter.icon, alt: wallet.adapter.name }), /* @__PURE__ */ React79.createElement("span", null, "Install ", wallet.adapter.name))
   )))));
 };
 var TronWalletSelect_default = TronWalletSelect;
@@ -6475,25 +6407,25 @@ var TronWalletConnectModal = () => {
   const dispatch = useDispatch23();
   const theme = useSelector41(selectTheme);
   const connectModal = useSelector41(selectTronConnectModal);
-  return /* @__PURE__ */ React113.createElement("div", null, /* @__PURE__ */ React113.createElement(AccountDetailsModal_default2, null), /* @__PURE__ */ React113.createElement(
+  return /* @__PURE__ */ React80.createElement("div", null, /* @__PURE__ */ React80.createElement(AccountDetailsModal_default2, null), /* @__PURE__ */ React80.createElement(
     "div",
     {
       className: `kima-modal wallet-connect ${theme.colorMode} ${connectModal ? "open" : ""}`
     },
-    /* @__PURE__ */ React113.createElement("div", { className: "modal-overlay" }),
-    /* @__PURE__ */ React113.createElement("div", { className: `modal-content-container ${theme.colorMode}` }, /* @__PURE__ */ React113.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ React113.createElement("div", { className: "topbar" }, /* @__PURE__ */ React113.createElement("div", { className: "title" }, /* @__PURE__ */ React113.createElement("h3", null, "Connect Wallet")), /* @__PURE__ */ React113.createElement("div", { className: "control-buttons" }, /* @__PURE__ */ React113.createElement(
+    /* @__PURE__ */ React80.createElement("div", { className: "modal-overlay" }),
+    /* @__PURE__ */ React80.createElement("div", { className: `modal-content-container ${theme.colorMode}` }, /* @__PURE__ */ React80.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ React80.createElement("div", { className: "topbar" }, /* @__PURE__ */ React80.createElement("div", { className: "title" }, /* @__PURE__ */ React80.createElement("h3", null, "Connect Wallet")), /* @__PURE__ */ React80.createElement("div", { className: "control-buttons" }, /* @__PURE__ */ React80.createElement(
       "button",
       {
         className: "icon-button",
         onClick: () => dispatch(setTronConnectModal(false))
       },
-      /* @__PURE__ */ React113.createElement(
+      /* @__PURE__ */ React80.createElement(
         Cross_default,
         {
           fill: theme.colorMode === "light" ? "black" : "white"
         }
       )
-    )))), /* @__PURE__ */ React113.createElement("div", { className: "modal-content" }, /* @__PURE__ */ React113.createElement(TronWalletSelect_default, null)))
+    )))), /* @__PURE__ */ React80.createElement("div", { className: "modal-content" }, /* @__PURE__ */ React80.createElement(TronWalletSelect_default, null)))
   ));
 };
 var TronWalletConnectModal_default = TronWalletConnectModal;
@@ -6810,7 +6742,7 @@ function useDisconnectWallet5() {
 }
 
 // src/components/reusable/WarningModal.tsx
-import React114 from "react";
+import React81 from "react";
 var WarningModal = ({
   message,
   cancelButtonText = "Cancel",
@@ -6818,14 +6750,14 @@ var WarningModal = ({
   onAcknowledge,
   onCancel
 }) => {
-  return /* @__PURE__ */ React114.createElement("div", { className: "warning-modal-overlay" }, /* @__PURE__ */ React114.createElement("div", { className: "warning-modal" }, /* @__PURE__ */ React114.createElement("h3", null, "Warning"), /* @__PURE__ */ React114.createElement("p", null, message), /* @__PURE__ */ React114.createElement("div", { className: "warning-modal-buttons" }, /* @__PURE__ */ React114.createElement(
+  return /* @__PURE__ */ React81.createElement("div", { className: "warning-modal-overlay" }, /* @__PURE__ */ React81.createElement("div", { className: "warning-modal" }, /* @__PURE__ */ React81.createElement("h3", null, "Warning"), /* @__PURE__ */ React81.createElement("p", null, message), /* @__PURE__ */ React81.createElement("div", { className: "warning-modal-buttons" }, /* @__PURE__ */ React81.createElement(
     SecondaryButton_default,
     {
       className: "warning-modal-cancel",
       clickHandler: onCancel
     },
     cancelButtonText
-  ), /* @__PURE__ */ React114.createElement(
+  ), /* @__PURE__ */ React81.createElement(
     PrimaryButton_default,
     {
       className: "warning-modal-acknowledge",
@@ -6837,7 +6769,7 @@ var WarningModal = ({
 var WarningModal_default = WarningModal;
 
 // src/components/reusable/CCWidget.tsx
-import React115, { useEffect as useEffect20, useMemo as useMemo20, useRef as useRef7, useState as useState15 } from "react";
+import React82, { useEffect as useEffect20, useMemo as useMemo20, useRef as useRef7, useState as useState15 } from "react";
 import { useSelector as useSelector44, useDispatch as useDispatch25 } from "react-redux";
 import { v4 as uuidv4 } from "uuid";
 
@@ -6922,7 +6854,7 @@ var CCWidget = ({ submitCallback }) => {
   useEffect20(() => {
     if (error) dispatch(setCCTransactionStatus("error-id"));
   }, [dispatch, error]);
-  return /* @__PURE__ */ React115.createElement("div", { className: `cc-widget ${isLoading ? "loading" : ""}` }, (isLoading || isTransactionIdLoading || isEnvLoading || ccTransactionStatus === "success") && /* @__PURE__ */ React115.createElement("div", { className: "cc-widget-loader" }, /* @__PURE__ */ React115.createElement(ring_default, { width: 50, height: 50, fill: "#86b8ce" })), /* @__PURE__ */ React115.createElement(
+  return /* @__PURE__ */ React82.createElement("div", { className: `cc-widget ${isLoading ? "loading" : ""}` }, (isLoading || isTransactionIdLoading || isEnvLoading || ccTransactionStatus === "success") && /* @__PURE__ */ React82.createElement("div", { className: "cc-widget-loader" }, /* @__PURE__ */ React82.createElement(ring_default, { width: 50, height: 50, fill: "#86b8ce" })), /* @__PURE__ */ React82.createElement(
     "iframe",
     {
       width: isLoading || isTransactionIdLoading || ccTransactionStatus === "success" || error ? 0 : "100%",
@@ -7072,14 +7004,14 @@ var TransferWidget = ({
     try {
       await submitTransaction(signature);
     } catch (err) {
-      toast5.error("Failed to submit transaction", { icon: /* @__PURE__ */ React116.createElement(Error_default, null) });
+      toast5.error("Failed to submit transaction", { icon: /* @__PURE__ */ React83.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 toast5.error(validationMessage, { icon: /* @__PURE__ */ React116.createElement(Error_default, null) });
+      return toast5.error(validationMessage, { icon: /* @__PURE__ */ React83.createElement(Error_default, null) });
     }
     if (sourceChain.shortName === "CC") {
       dispatch(setCCTransactionStatus("initialized"));
@@ -7128,7 +7060,7 @@ var TransferWidget = ({
     if (error2 !== "ValidationError" /* Error */ && formStep > 0) {
       return handleSubmit();
     }
-    toast5.error(validationMessage, { icon: /* @__PURE__ */ React116.createElement(Error_default, null) });
+    toast5.error(validationMessage, { icon: /* @__PURE__ */ React83.createElement(Error_default, null) });
     mainRef.current?.click();
   };
   const onBack = () => {
@@ -7203,7 +7135,7 @@ var TransferWidget = ({
     }
     await disconnectWallet();
   };
-  return /* @__PURE__ */ React116.createElement(
+  return /* @__PURE__ */ React83.createElement(
     "div",
     {
       className: `kima-card ${theme.colorMode}`,
@@ -7211,7 +7143,7 @@ var TransferWidget = ({
         background: theme.colorMode === "light" /* light */ ? theme.backgroundColorLight : theme.backgroundColorDark
       }
     },
-    resetModalOpen && /* @__PURE__ */ React116.createElement(
+    resetModalOpen && /* @__PURE__ */ React83.createElement(
       WarningModal_default,
       {
         message: "Are you sure you want to reset the widget?",
@@ -7223,7 +7155,7 @@ var TransferWidget = ({
         onCancel: () => setResetModalOpen(false)
       }
     ),
-    warningModalOpen && /* @__PURE__ */ React116.createElement(
+    warningModalOpen && /* @__PURE__ */ React83.createElement(
       WarningModal_default,
       {
         message: warningModalOpen.message,
@@ -7237,14 +7169,14 @@ var TransferWidget = ({
         }
       }
     ),
-    mode === "payment" /* payment */ && !transactionOption && /* @__PURE__ */ React116.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__ */ React116.createElement("div", { className: "transfer-card" }, /* @__PURE__ */ React116.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ React116.createElement("div", { className: "topbar" }, /* @__PURE__ */ React116.createElement("div", { className: "title" }, /* @__PURE__ */ React116.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__ */ React116.createElement("div", { className: "control-buttons" }, pendingTxs > 0 ? /* @__PURE__ */ React116.createElement(TxButton_default, { theme }) : null, /* @__PURE__ */ React116.createElement(
+    mode === "payment" /* payment */ && !transactionOption && /* @__PURE__ */ React83.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__ */ React83.createElement("div", { className: "transfer-card" }, /* @__PURE__ */ React83.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ React83.createElement("div", { className: "topbar" }, /* @__PURE__ */ React83.createElement("div", { className: "title" }, /* @__PURE__ */ React83.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__ */ React83.createElement("div", { className: "control-buttons" }, pendingTxs > 0 ? /* @__PURE__ */ React83.createElement(TxButton_default, { theme }) : null, /* @__PURE__ */ React83.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__ */ React116.createElement("div", { className: "menu-button" }, "I need help")
-    ), sourceChain.shortName === "CC" && formStep > 0 && /* @__PURE__ */ React116.createElement(ExternalLink_default, { to: "https://docs.kima.network/kima-network/supported-fiat#unsupported-countries-credit-cards" }, /* @__PURE__ */ React116.createElement("div", { className: "menu-button" }, "Unsupported Countries")), formStep === 0 && mode !== "payment" /* payment */ && /* @__PURE__ */ React116.createElement(
+      /* @__PURE__ */ React83.createElement("div", { className: "menu-button" }, "I need help")
+    ), sourceChain.shortName === "CC" && formStep > 0 && /* @__PURE__ */ React83.createElement(ExternalLink_default, { to: "https://docs.kima.network/kima-network/supported-fiat#unsupported-countries-credit-cards" }, /* @__PURE__ */ React83.createElement("div", { className: "menu-button" }, "Unsupported Countries")), formStep === 0 && mode !== "payment" /* payment */ && /* @__PURE__ */ React83.createElement(
       "button",
       {
         className: "reset-button",
@@ -7252,7 +7184,7 @@ var TransferWidget = ({
         disabled: isApproving || isSubmitting || isSigning
       },
       "Reset"
-    ))), mode === "payment" /* payment */ && paymentTitleOption?.title && /* @__PURE__ */ React116.createElement("h4", { className: "subtitle" }, paymentTitleOption.title)), /* @__PURE__ */ React116.createElement("div", { className: "kima-card-content", ref: mainRef }, formStep === 0 ? /* @__PURE__ */ React116.createElement(
+    ))), mode === "payment" /* payment */ && paymentTitleOption?.title && /* @__PURE__ */ React83.createElement("h4", { className: "subtitle" }, paymentTitleOption.title)), /* @__PURE__ */ React83.createElement("div", { className: "kima-card-content", ref: mainRef }, formStep === 0 ? /* @__PURE__ */ React83.createElement(
       SingleForm_default,
       {
         ...{
@@ -7265,7 +7197,7 @@ var TransferWidget = ({
           setInitialSelection
         }
       }
-    ) : ccTransactionStatus !== "idle" ? /* @__PURE__ */ React116.createElement(CCWidget_default, { submitCallback: submit }) : /* @__PURE__ */ React116.createElement(
+    ) : ccTransactionStatus !== "idle" ? /* @__PURE__ */ React83.createElement(CCWidget_default, { submitCallback: submit }) : /* @__PURE__ */ React83.createElement(
       ConfirmDetails_default,
       {
         ...{
@@ -7273,12 +7205,12 @@ var TransferWidget = ({
           feeOptionDisabled
         }
       }
-    )), /* @__PURE__ */ React116.createElement(
+    )), /* @__PURE__ */ React83.createElement(
       "div",
       {
         className: `kima-card-footer ${mode === "bridge" /* bridge */ && formStep !== 0 && "confirm"}`
       },
-      /* @__PURE__ */ React116.createElement("div", { className: `button-group` }, isBackButtonEnabled && /* @__PURE__ */ React116.createElement(
+      /* @__PURE__ */ React83.createElement("div", { className: `button-group` }, isBackButtonEnabled && /* @__PURE__ */ React83.createElement(
         SecondaryButton_default,
         {
           clickHandler: onBack,
@@ -7286,7 +7218,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__ */ React116.createElement(
+      ), !!allowance && allowance > 0 && formStep !== 0 && sourceChain.shortName !== "CC" && mode !== "light" /* light */ ? /* @__PURE__ */ React83.createElement(
         SecondaryButton_default,
         {
           clickHandler: onCancelApprove,
@@ -7295,7 +7227,7 @@ var TransferWidget = ({
           disabled: isCancellingApprove || isApproving || isSubmitting || isSigning
         },
         isCancellingApprove ? "Cancelling Approval" : "Cancel Approve"
-      ) : null, isSubmitButtonEnabled && /* @__PURE__ */ React116.createElement(
+      ) : null, isSubmitButtonEnabled && /* @__PURE__ */ React83.createElement(
         PrimaryButton_default,
         {
           clickHandler: onNext,
@@ -7304,7 +7236,7 @@ var TransferWidget = ({
         },
         getButtonLabel()
       ))
-    ), /* @__PURE__ */ React116.createElement(SolanaWalletConnectModal_default, null), /* @__PURE__ */ React116.createElement(TronWalletConnectModal_default, null), /* @__PURE__ */ React116.createElement(
+    ), /* @__PURE__ */ React83.createElement(SolanaWalletConnectModal_default, null), /* @__PURE__ */ React83.createElement(TronWalletConnectModal_default, null), /* @__PURE__ */ React83.createElement(
       Toaster2,
       {
         position: "top-right",
@@ -7329,7 +7261,7 @@ var TransferWidget = ({
           }
         }
       }
-    ), /* @__PURE__ */ React116.createElement("div", { className: "floating-footer" }, /* @__PURE__ */ React116.createElement("div", { className: `items ${theme.colorMode}` }, /* @__PURE__ */ React116.createElement("span", null, "Powered by"), /* @__PURE__ */ React116.createElement(KimaNetwork_default, null))))
+    ), /* @__PURE__ */ React83.createElement("div", { className: "floating-footer" }, /* @__PURE__ */ React83.createElement("div", { className: `items ${theme.colorMode}` }, /* @__PURE__ */ React83.createElement("span", null, "Powered by"), /* @__PURE__ */ React83.createElement(KimaNetwork_default, null))))
   );
 };
 
@@ -7368,7 +7300,7 @@ var useDebugCode = (sequence = ["D", "E", "B", "U", "G"]) => {
 };
 
 // src/components/ErrorWidget.tsx
-import React117 from "react";
+import React84 from "react";
 import { useSelector as useSelector46 } from "react-redux";
 var ErrorWidget = ({
   theme,
@@ -7381,7 +7313,7 @@ var ErrorWidget = ({
   const ccTransactionId = useSelector46(selectCCTransactionId);
   const isCreditCardSource = sourceChain.shortName === "CC";
   const isRetrying = useSelector46(selectCCTransactionRetrying);
-  return /* @__PURE__ */ React117.createElement(
+  return /* @__PURE__ */ React84.createElement(
     "div",
     {
       className: `kima-card ${theme.colorMode}`,
@@ -7389,7 +7321,7 @@ var ErrorWidget = ({
         background: theme.colorMode === "light" /* light */ ? theme.backgroundColorLight : theme.backgroundColorDark
       }
     },
-    /* @__PURE__ */ React117.createElement("div", { className: "transfer-card" }, /* @__PURE__ */ React117.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ React117.createElement("div", { className: "topbar" }, /* @__PURE__ */ React117.createElement("div", { className: "title" }, /* @__PURE__ */ React117.createElement("h3", null, title))), /* @__PURE__ */ React117.createElement("h4", { className: "subtitle" })), /* @__PURE__ */ React117.createElement("div", { className: "kima-card-content error" }, isCreditCardSource && !isRetrying && /* @__PURE__ */ React117.createElement(Error_default, { width: 40, height: 40 }), message && message !== "" && /* @__PURE__ */ React117.createElement("h2", null, message), isCreditCardSource && /* @__PURE__ */ React117.createElement(
+    /* @__PURE__ */ React84.createElement("div", { className: "transfer-card" }, /* @__PURE__ */ React84.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ React84.createElement("div", { className: "topbar" }, /* @__PURE__ */ React84.createElement("div", { className: "title" }, /* @__PURE__ */ React84.createElement("h3", null, title))), /* @__PURE__ */ React84.createElement("h4", { className: "subtitle" })), /* @__PURE__ */ React84.createElement("div", { className: "kima-card-content error" }, isCreditCardSource && !isRetrying && /* @__PURE__ */ React84.createElement(Error_default, { width: 40, height: 40 }), message && message !== "" && /* @__PURE__ */ React84.createElement("h2", null, message), isCreditCardSource && /* @__PURE__ */ React84.createElement(
       "div",
       {
         style: {
@@ -7398,8 +7330,8 @@ var ErrorWidget = ({
           flexDirection: "column"
         }
       },
-      isRetrying ? /* @__PURE__ */ React117.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__ */ React117.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__ */ React117.createElement(
+      isRetrying ? /* @__PURE__ */ React84.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__ */ React84.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__ */ React84.createElement(
         "div",
         {
           style: {
@@ -7409,7 +7341,7 @@ var ErrorWidget = ({
             justifyContent: "center"
           }
         },
-        /* @__PURE__ */ React117.createElement(
+        /* @__PURE__ */ React84.createElement(
           "code",
           {
             style: {
@@ -7420,10 +7352,10 @@ var ErrorWidget = ({
           },
           ccTransactionId
         ),
-        /* @__PURE__ */ React117.createElement(CopyButton_default, { text: ccTransactionId })
+        /* @__PURE__ */ React84.createElement(CopyButton_default, { text: ccTransactionId })
       ),
-      isRetrying && /* @__PURE__ */ React117.createElement(ring_default, { width: 30, height: 30, fill: "#86b8ce" })
-    )), backButtonEnabled && /* @__PURE__ */ React117.createElement(
+      isRetrying && /* @__PURE__ */ React84.createElement(ring_default, { width: 30, height: 30, fill: "#86b8ce" })
+    )), backButtonEnabled && /* @__PURE__ */ React84.createElement(
       "div",
       {
         style: {
@@ -7432,8 +7364,8 @@ var ErrorWidget = ({
           marginTop: 16
         }
       },
-      /* @__PURE__ */ React117.createElement(PrimaryButton_default, { clickHandler: backButtonFunction }, "Back")
-    ), /* @__PURE__ */ React117.createElement("div", { className: "kima-card-footer" }), /* @__PURE__ */ React117.createElement("div", { className: "floating-footer" }, /* @__PURE__ */ React117.createElement("div", { className: `items ${theme.colorMode}` }, /* @__PURE__ */ React117.createElement("span", null, "Powered by"), /* @__PURE__ */ React117.createElement(FooterLogo_default, { width: 50, fill: "black" }), /* @__PURE__ */ React117.createElement("strong", null, "Network"))))
+      /* @__PURE__ */ React84.createElement(PrimaryButton_default, { clickHandler: backButtonFunction }, "Back")
+    ), /* @__PURE__ */ React84.createElement("div", { className: "kima-card-footer" }), /* @__PURE__ */ React84.createElement("div", { className: "floating-footer" }, /* @__PURE__ */ React84.createElement("div", { className: `items ${theme.colorMode}` }, /* @__PURE__ */ React84.createElement("span", null, "Powered by"), /* @__PURE__ */ React84.createElement(FooterLogo_default, { width: 50, fill: "black" }), /* @__PURE__ */ React84.createElement("strong", null, "Network"))))
   );
 };
 var ErrorWidget_default = ErrorWidget;
@@ -7511,9 +7443,9 @@ var KimaWidgetWrapper = ({
     console.log("widget wrapper", submitted, ccTransactionStatus);
     if (submitted) {
       logger_default.debug("will return transaction widget on cc success");
-      return /* @__PURE__ */ React118.createElement(TransactionWidget, { theme });
+      return /* @__PURE__ */ React85.createElement(TransactionWidget, { theme });
     } else if (ccTransactionStatus === "error-id") {
-      return /* @__PURE__ */ React118.createElement(
+      return /* @__PURE__ */ React85.createElement(
         ErrorWidget_default,
         {
           theme,
@@ -7527,7 +7459,7 @@ var KimaWidgetWrapper = ({
         }
       );
     } else if (ccTransactionStatus === "error-generic") {
-      return /* @__PURE__ */ React118.createElement(
+      return /* @__PURE__ */ React85.createElement(
         ErrorWidget_default,
         {
           theme,
@@ -7541,7 +7473,7 @@ var KimaWidgetWrapper = ({
         }
       );
     }
-    return /* @__PURE__ */ React118.createElement(
+    return /* @__PURE__ */ React85.createElement(
       TransferWidget,
       {
         theme,
@@ -7551,7 +7483,7 @@ var KimaWidgetWrapper = ({
       }
     );
   }
-  return submitted ? /* @__PURE__ */ React118.createElement(TransactionWidget, { theme }) : /* @__PURE__ */ React118.createElement(
+  return submitted ? /* @__PURE__ */ React85.createElement(TransactionWidget, { theme }) : /* @__PURE__ */ React85.createElement(
     TransferWidget,
     {
       theme,
@@ -7567,9 +7499,9 @@ var KimaWidgetWrapper_default = KimaWidgetWrapper;
 import { useDispatch as useDispatch28 } from "react-redux";
 
 // src/SkeletonLoader.tsx
-import React119 from "react";
+import React86 from "react";
 var SkeletonLoader = ({ theme }) => {
-  return /* @__PURE__ */ React119.createElement(
+  return /* @__PURE__ */ React86.createElement(
     "div",
     {
       className: `kima-card ${theme.colorMode}`,
@@ -7577,7 +7509,7 @@ var SkeletonLoader = ({ theme }) => {
         background: theme.colorMode === "light" /* light */ ? theme.backgroundColorLight : theme.backgroundColorDark
       }
     },
-    /* @__PURE__ */ React119.createElement("div", { className: "transfer-card" }, /* @__PURE__ */ React119.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ React119.createElement("div", { className: "topbar" }, /* @__PURE__ */ React119.createElement("div", { className: "title skeleton" }, /* @__PURE__ */ React119.createElement("h3", null))), /* @__PURE__ */ React119.createElement("h4", { className: "subtitle" })), /* @__PURE__ */ React119.createElement("div", { className: "kima-card-content skeleton" }, /* @__PURE__ */ React119.createElement("div", { className: "skeleton" }), /* @__PURE__ */ React119.createElement("div", { className: "skeleton" }), /* @__PURE__ */ React119.createElement("div", { className: "skeleton" }), /* @__PURE__ */ React119.createElement("div", { className: "skeleton" }), /* @__PURE__ */ React119.createElement("div", { className: "skeleton" })), /* @__PURE__ */ React119.createElement("div", { className: `kima-card-footer` }, /* @__PURE__ */ React119.createElement("div", { className: `button-group skeleton` }, /* @__PURE__ */ React119.createElement("div", { className: "skeleton" }))), /* @__PURE__ */ React119.createElement("div", { className: "floating-footer" }, /* @__PURE__ */ React119.createElement("div", { className: `items ${theme.colorMode}` }, /* @__PURE__ */ React119.createElement("span", null, "Powered by"), /* @__PURE__ */ React119.createElement(FooterLogo_default, { width: 50, fill: "black" }), /* @__PURE__ */ React119.createElement("strong", null, "Network"))))
+    /* @__PURE__ */ React86.createElement("div", { className: "transfer-card" }, /* @__PURE__ */ React86.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ React86.createElement("div", { className: "topbar" }, /* @__PURE__ */ React86.createElement("div", { className: "title skeleton" }, /* @__PURE__ */ React86.createElement("h3", null))), /* @__PURE__ */ React86.createElement("h4", { className: "subtitle" })), /* @__PURE__ */ React86.createElement("div", { className: "kima-card-content skeleton" }, /* @__PURE__ */ React86.createElement("div", { className: "skeleton" }), /* @__PURE__ */ React86.createElement("div", { className: "skeleton" }), /* @__PURE__ */ React86.createElement("div", { className: "skeleton" }), /* @__PURE__ */ React86.createElement("div", { className: "skeleton" }), /* @__PURE__ */ React86.createElement("div", { className: "skeleton" })), /* @__PURE__ */ React86.createElement("div", { className: `kima-card-footer` }, /* @__PURE__ */ React86.createElement("div", { className: `button-group skeleton` }, /* @__PURE__ */ React86.createElement("div", { className: "skeleton" }))), /* @__PURE__ */ React86.createElement("div", { className: "floating-footer" }, /* @__PURE__ */ React86.createElement("div", { className: `items ${theme.colorMode}` }, /* @__PURE__ */ React86.createElement("span", null, "Powered by"), /* @__PURE__ */ React86.createElement(FooterLogo_default, { width: 50, fill: "black" }), /* @__PURE__ */ React86.createElement("strong", null, "Network"))))
   );
 };
 var SkeletonLoader_default = SkeletonLoader;
@@ -7622,11 +7554,11 @@ var KimaTransactionWidget = ({
     }
   }, [theme?.colorMode]);
   if (!hydrated || !theme?.colorMode)
-    return /* @__PURE__ */ React120.createElement(ring_default, { width: 20, height: 20, fill: "#86b8ce" });
+    return /* @__PURE__ */ React87.createElement(ring_default, { width: 20, height: 20, fill: "#86b8ce" });
   if (isLoadingEnvs || isLoadingChainData)
-    return /* @__PURE__ */ React120.createElement(SkeletonLoader_default, { theme });
+    return /* @__PURE__ */ React87.createElement(SkeletonLoader_default, { theme });
   if (envOptionsError || !envOptions)
-    return /* @__PURE__ */ React120.createElement(
+    return /* @__PURE__ */ React87.createElement(
       ErrorWidget_default,
       {
         theme,
@@ -7635,7 +7567,7 @@ var KimaTransactionWidget = ({
       }
     );
   if (chainDataError || !chainData)
-    return /* @__PURE__ */ React120.createElement(
+    return /* @__PURE__ */ React87.createElement(
       ErrorWidget_default,
       {
         theme,
@@ -7643,7 +7575,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__ */ React120.createElement(
+  return /* @__PURE__ */ React87.createElement(
     KimaWidgetWrapper_default,
     {
       ...{