@kimafinance/kima-transaction-widget 1.3.1-beta.1 → 1.3.2

package/dist/index.cjs

@@ -45,8 +45,8 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/KimaProvider.tsx
-var React76 = __toESM(require("react"), 1);
-var import_react90 = require("react");
+var React77 = __toESM(require("react"), 1);
+var import_react91 = require("react");
 var import_react_redux14 = require("react-redux");
 
 // src/store/index.tsx
@@ -155,7 +155,7 @@ var FooterLogo_default = FooterLogo;
 
 // src/assets/icons/Check.tsx
 var import_react4 = __toESM(require("react"), 1);
-var Check = ({ width = 60, height = 60, fill = "#86B8CE", ...rest }) => {
+var Check = ({ width = 30, height = 30, fill = "#86B8CE", ...rest }) => {
   return /* @__PURE__ */ import_react4.default.createElement(
     "svg",
     {
@@ -1143,6 +1143,148 @@ var Bera = ({ width = 31, height = 30, ...rest }) => {
 };
 var Bera_default = Bera;
 
+// src/assets/icons/Honey.tsx
+var import_react36 = __toESM(require("react"), 1);
+var HONEY = ({ width = 30, height = 30, ...rest }) => {
+  return /* @__PURE__ */ import_react36.default.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width,
+      height,
+      viewBox: "0 0 40 40",
+      fill: "none",
+      ...rest
+    },
+    /* @__PURE__ */ import_react36.default.createElement(
+      "rect",
+      {
+        width: "40",
+        height: "40",
+        rx: "10",
+        fill: "url(#paint0_radial_6594_45)"
+      }
+    ),
+    /* @__PURE__ */ import_react36.default.createElement(
+      "rect",
+      {
+        width: "40",
+        height: "40",
+        rx: "10",
+        fill: "url(#paint1_radial_6594_45)"
+      }
+    ),
+    /* @__PURE__ */ import_react36.default.createElement("g", { filter: "url(#filter0_dd_6594_45)" }, /* @__PURE__ */ import_react36.default.createElement(
+      "path",
+      {
+        d: "M14.2918 29.3374H11.2243C10.6889 29.3374 10.2114 29.2175 9.7629 28.9777C9.31436 28.738 8.9671 28.405 8.69219 27.9787L7.05717 25.3147C6.79673 24.9151 6.6665 24.4889 6.6665 24.0094C6.6665 23.5299 6.79673 23.1169 7.05717 22.7173L8.72112 20.0134L7.05717 17.3227C6.79673 16.9231 6.6665 16.4836 6.6665 16.0174C6.6665 15.5512 6.79673 15.1116 7.05717 14.712L8.69219 12.048C8.95263 11.6218 9.31436 11.2888 9.7629 11.049C10.2114 10.8092 10.7034 10.676 11.2243 10.676H14.2918L15.9123 8.03868C16.1727 7.61244 16.5345 7.27944 16.983 7.03968C17.4316 6.79992 17.9235 6.66672 18.4444 6.66672H21.5553C22.0906 6.66672 22.5681 6.7866 23.0167 7.03968C23.4652 7.27944 23.8125 7.61244 24.0874 8.03868L25.7224 10.676H28.7899C29.3252 10.676 29.8027 10.7959 30.2512 11.049C30.6998 11.2888 31.047 11.6218 31.322 12.048L32.9425 14.712C33.2029 15.1116 33.3332 15.5378 33.3332 16.0174C33.3332 16.4969 33.2029 16.9231 32.9425 17.3227L31.2786 20.0134L32.9425 22.7173C33.2029 23.1169 33.3332 23.5432 33.3332 24.0094C33.3332 24.4756 33.2029 24.9151 32.9425 25.3147L31.322 27.9787C31.0615 28.405 30.6998 28.738 30.2512 28.9777C29.8027 29.2175 29.3107 29.3374 28.7899 29.3374H25.7224L24.0874 31.9747C23.8269 32.401 23.4652 32.734 23.0167 32.9737C22.5681 33.2135 22.0762 33.3334 21.5553 33.3334H18.4444C17.909 33.3334 17.4316 33.2135 16.983 32.9737C16.5345 32.734 16.1872 32.401 15.9123 31.9747L14.2918 29.3374ZM25.7224 18.6814H28.8333L30.4249 16.0174L28.8333 13.3534H25.7224L24.0874 16.0174L25.7224 18.6814ZM18.4878 22.6774H21.5263L23.1469 20.0134L21.5263 17.3494H18.4878L16.8673 20.0134L18.4878 22.6774ZM18.4878 14.6854H21.5263L23.1903 11.9814L21.5697 9.35736H18.4589L16.8383 11.9814L18.5023 14.6854H18.4878ZM15.9268 16.0174L14.3062 13.3534H11.2388L9.61821 16.0174L11.2388 18.6814H14.3062L15.9268 16.0174ZM15.9268 24.0094L14.3062 21.3454H11.1954L9.60374 24.0094L11.2243 26.6734H14.2918L15.9123 24.0094H15.9268ZM18.4878 25.3414L16.8239 28.032L18.4444 30.6694H21.5553L23.1758 28.032L21.5119 25.3414H18.4733H18.4878ZM25.7224 26.6734H28.7899L30.4104 24.0094L28.7899 21.3454H25.7224L24.0874 24.0094L25.7224 26.6734Z",
+        fill: "#EEE1D2"
+      }
+    )),
+    /* @__PURE__ */ import_react36.default.createElement("defs", null, /* @__PURE__ */ import_react36.default.createElement(
+      "filter",
+      {
+        id: "filter0_dd_6594_45",
+        x: "5.6665",
+        y: "6.16672",
+        width: "28.6666",
+        height: "28.6667",
+        filterUnits: "userSpaceOnUse",
+        "color-interpolation-filters": "sRGB"
+      },
+      /* @__PURE__ */ import_react36.default.createElement("feFlood", { "flood-opacity": "0", result: "BackgroundImageFix" }),
+      /* @__PURE__ */ import_react36.default.createElement(
+        "feColorMatrix",
+        {
+          in: "SourceAlpha",
+          type: "matrix",
+          values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
+          result: "hardAlpha"
+        }
+      ),
+      /* @__PURE__ */ import_react36.default.createElement("feOffset", { dy: "0.5" }),
+      /* @__PURE__ */ import_react36.default.createElement("feGaussianBlur", { stdDeviation: "0.5" }),
+      /* @__PURE__ */ import_react36.default.createElement("feComposite", { in2: "hardAlpha", operator: "out" }),
+      /* @__PURE__ */ import_react36.default.createElement(
+        "feColorMatrix",
+        {
+          type: "matrix",
+          values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.45 0"
+        }
+      ),
+      /* @__PURE__ */ import_react36.default.createElement(
+        "feBlend",
+        {
+          mode: "normal",
+          in2: "BackgroundImageFix",
+          result: "effect1_dropShadow_6594_45"
+        }
+      ),
+      /* @__PURE__ */ import_react36.default.createElement(
+        "feColorMatrix",
+        {
+          in: "SourceAlpha",
+          type: "matrix",
+          values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
+          result: "hardAlpha"
+        }
+      ),
+      /* @__PURE__ */ import_react36.default.createElement("feOffset", { dy: "0.5" }),
+      /* @__PURE__ */ import_react36.default.createElement("feGaussianBlur", { stdDeviation: "0.5" }),
+      /* @__PURE__ */ import_react36.default.createElement("feComposite", { in2: "hardAlpha", operator: "out" }),
+      /* @__PURE__ */ import_react36.default.createElement(
+        "feColorMatrix",
+        {
+          type: "matrix",
+          values: "0 0 0 0 0.909804 0 0 0 0 0.490196 0 0 0 0 0.247059 0 0 0 0.75 0"
+        }
+      ),
+      /* @__PURE__ */ import_react36.default.createElement(
+        "feBlend",
+        {
+          mode: "normal",
+          in2: "effect1_dropShadow_6594_45",
+          result: "effect2_dropShadow_6594_45"
+        }
+      ),
+      /* @__PURE__ */ import_react36.default.createElement(
+        "feBlend",
+        {
+          mode: "normal",
+          in: "SourceGraphic",
+          in2: "effect2_dropShadow_6594_45",
+          result: "shape"
+        }
+      )
+    ), /* @__PURE__ */ import_react36.default.createElement(
+      "radialGradient",
+      {
+        id: "paint0_radial_6594_45",
+        cx: "0",
+        cy: "0",
+        r: "1",
+        gradientUnits: "userSpaceOnUse",
+        gradientTransform: "translate(20 20) rotate(90) scale(20)"
+      },
+      /* @__PURE__ */ import_react36.default.createElement("stop", { "stop-color": "#E9D0B4" }),
+      /* @__PURE__ */ import_react36.default.createElement("stop", { offset: "1", "stop-color": "#DA9713" })
+    ), /* @__PURE__ */ import_react36.default.createElement(
+      "radialGradient",
+      {
+        id: "paint1_radial_6594_45",
+        cx: "0",
+        cy: "0",
+        r: "1",
+        gradientUnits: "userSpaceOnUse",
+        gradientTransform: "translate(20 20) rotate(90) scale(20)"
+      },
+      /* @__PURE__ */ import_react36.default.createElement("stop", { "stop-color": "#E9D0B4" }),
+      /* @__PURE__ */ import_react36.default.createElement("stop", { offset: "1", "stop-color": "#EC8A19" })
+    ))
+  );
+};
+var Honey_default = HONEY;
+
 // src/utils/constants.tsx
 var import_networks = require("@reown/appkit/networks");
 var ChainName = /* @__PURE__ */ ((ChainName3) => {
@@ -1212,33 +1354,6 @@ var CHAIN_STRING_TO_NAME = {
   ["Base"]: "BASE" /* BASE */,
   ["Bera"]: "BERA" /* BERA */
 };
-var CHAIN_NAMES_TO_EXPLORER_TESTNET = {
-  ["ETH" /* ETHEREUM */]: "sepolia.etherscan.io",
-  ["POL" /* POLYGON */]: "www.oklink.com/amoy",
-  ["AVX" /* AVALANCHE */]: "testnet.snowtrace.io",
-  ["SOL" /* SOLANA */]: "solscan.io",
-  ["BSC" /* BSC */]: "testnet.bscscan.com",
-  ["OPT" /* OPTIMISM */]: "sepolia-optimism.etherscan.io",
-  ["ARB" /* ARBITRUM */]: "sepolia.arbiscan.io",
-  ["ZKE" /* POLYGON_ZKEVM */]: "cardona-zkevm.polygonscan.com",
-  ["TRX" /* TRON */]: "nile.tronscan.org/#",
-  ["BTC" /* BTC */]: "mempool.space/testnet",
-  ["BASE" /* BASE */]: "sepolia.basescan.org",
-  ["BERA" /* BERA */]: "bartio.beratrail.io"
-};
-var CHAIN_NAMES_TO_EXPLORER_MAINNET = {
-  ["ETH" /* ETHEREUM */]: "etherscan.io",
-  ["POL" /* POLYGON */]: "polygonscan.com",
-  ["AVX" /* AVALANCHE */]: "snowtrace.io",
-  ["SOL" /* SOLANA */]: "solscan.io",
-  ["BSC" /* BSC */]: "bscscan.com",
-  ["OPT" /* OPTIMISM */]: "optimistic.etherscan.io",
-  ["ARB" /* ARBITRUM */]: "arbiscan.io",
-  ["ZKE" /* POLYGON_ZKEVM */]: "zkevm.polygonscan.com",
-  ["TRX" /* TRON */]: "tronscan.org/#",
-  ["BTC" /* BTC */]: "mempool.space",
-  ["BASE" /* BASE */]: "basescan.org"
-};
 var networkOptions = [
   {
     id: "ARB" /* ARBITRUM */,
@@ -1324,6 +1439,10 @@ var COIN_LIST = {
   WBTC: {
     symbol: "WBTC",
     icon: BTC_default
+  },
+  HONEY: {
+    symbol: "HONEY",
+    icon: Honey_default
   }
 };
 
@@ -1803,7 +1922,7 @@ var useGetEnvOptions = ({
 };
 
 // plugins/evm/index.tsx
-var import_react80 = __toESM(require("react"), 1);
+var import_react81 = __toESM(require("react"), 1);
 
 // plugins/PluginBase.ts
 var PluginBase = class {
@@ -1840,10 +1959,10 @@ var PluginBase = class {
 };
 
 // plugins/evm/features/walletConnect/WalletProvider.tsx
-var import_react37 = __toESM(require("react"), 1);
+var import_react38 = __toESM(require("react"), 1);
 
 // plugins/evm/config/modalConfig.ts
-var import_react36 = require("@reown/appkit/react");
+var import_react37 = require("@reown/appkit/react");
 var import_networks2 = require("@reown/appkit/networks");
 var import_appkit_adapter_ethers = require("@reown/appkit-adapter-ethers");
 var appkitMainnetChains = [
@@ -1887,7 +2006,7 @@ var setupAppKit = (projectId, networkOption) => {
   }
   appkitNetworkOption = networkOption;
   const networks = networkOption === "mainnet" /* mainnet */ ? appkitMainnetChains : appkitTestnetChains;
-  appKitModel = (0, import_react36.createAppKit)({
+  appKitModel = (0, import_react37.createAppKit)({
     adapters: [new import_appkit_adapter_ethers.EthersAdapter()],
     metadata,
     networks,
@@ -1915,14 +2034,14 @@ var WalletProvider = ({
 }) => {
   if (networkOption && !isLoadingEnvs)
     setupAppKit(walletConnectProjectId, networkOption);
-  return /* @__PURE__ */ import_react37.default.createElement(import_react37.default.Fragment, null, children);
+  return /* @__PURE__ */ import_react38.default.createElement(import_react38.default.Fragment, null, children);
 };
 var WalletProvider_default = WalletProvider;
 
 // plugins/evm/core/hooks/useBalance.tsx
-var import_react72 = require("react");
+var import_react73 = require("react");
 var import_react_redux = require("react-redux");
-var import_react73 = require("@reown/appkit/react");
+var import_react74 = require("@reown/appkit/react");
 var import_react_query2 = require("@tanstack/react-query");
 
 // src/store/selectors.tsx
@@ -1962,106 +2081,106 @@ var selectSignature = (state) => state.option.signature;
 var import_web32 = require("@solana/web3.js");
 
 // plugins/evm/assets/icons/Cross.tsx
-var import_react38 = __toESM(require("react"), 1);
+var import_react39 = __toESM(require("react"), 1);
 
 // plugins/evm/assets/icons/Minimize.tsx
-var import_react39 = __toESM(require("react"), 1);
+var import_react40 = __toESM(require("react"), 1);
 
 // plugins/evm/assets/icons/FooterLogo.tsx
-var import_react40 = __toESM(require("react"), 1);
+var import_react41 = __toESM(require("react"), 1);
 
 // plugins/evm/assets/icons/Check.tsx
-var import_react41 = __toESM(require("react"), 1);
+var import_react42 = __toESM(require("react"), 1);
 
 // plugins/evm/assets/icons/Warning.tsx
-var import_react42 = __toESM(require("react"), 1);
+var import_react43 = __toESM(require("react"), 1);
 
 // plugins/evm/assets/icons/ArrowRight.tsx
-var import_react43 = __toESM(require("react"), 1);
+var import_react44 = __toESM(require("react"), 1);
 
 // plugins/evm/assets/icons/Arrow.tsx
-var import_react44 = __toESM(require("react"), 1);
+var import_react45 = __toESM(require("react"), 1);
 
 // plugins/evm/assets/icons/Lock.tsx
-var import_react45 = __toESM(require("react"), 1);
+var import_react46 = __toESM(require("react"), 1);
 
 // plugins/evm/assets/icons/Ethereum.tsx
-var import_react46 = __toESM(require("react"), 1);
+var import_react47 = __toESM(require("react"), 1);
 
 // plugins/evm/assets/icons/Solana.tsx
-var import_react47 = __toESM(require("react"), 1);
+var import_react48 = __toESM(require("react"), 1);
 
 // plugins/evm/assets/icons/Polygon.tsx
-var import_react48 = __toESM(require("react"), 1);
+var import_react49 = __toESM(require("react"), 1);
 
 // plugins/evm/assets/icons/Polygon_zkEVM.tsx
-var import_react49 = __toESM(require("react"), 1);
+var import_react50 = __toESM(require("react"), 1);
 
 // plugins/evm/assets/icons/Loader.tsx
-var import_react50 = __toESM(require("react"), 1);
+var import_react51 = __toESM(require("react"), 1);
 
 // plugins/evm/assets/icons/Error.tsx
-var import_react51 = __toESM(require("react"), 1);
+var import_react52 = __toESM(require("react"), 1);
 
 // plugins/evm/assets/icons/Avalanche.tsx
-var import_react52 = __toESM(require("react"), 1);
+var import_react53 = __toESM(require("react"), 1);
 
 // plugins/evm/assets/icons/Arbitrum.tsx
-var import_react53 = __toESM(require("react"), 1);
+var import_react54 = __toESM(require("react"), 1);
 
 // plugins/evm/assets/icons/Optimism.tsx
-var import_react54 = __toESM(require("react"), 1);
+var import_react55 = __toESM(require("react"), 1);
 
 // plugins/evm/assets/icons/USDC.tsx
-var import_react55 = __toESM(require("react"), 1);
+var import_react56 = __toESM(require("react"), 1);
 
 // plugins/evm/assets/icons/USDT.tsx
-var import_react56 = __toESM(require("react"), 1);
+var import_react57 = __toESM(require("react"), 1);
 
 // plugins/evm/assets/icons/USDK.tsx
-var import_react57 = __toESM(require("react"), 1);
+var import_react58 = __toESM(require("react"), 1);
 
 // plugins/evm/assets/icons/Fuse.tsx
-var import_react58 = __toESM(require("react"), 1);
+var import_react59 = __toESM(require("react"), 1);
 
 // plugins/evm/assets/icons/Celo.tsx
-var import_react59 = __toESM(require("react"), 1);
+var import_react60 = __toESM(require("react"), 1);
 
 // plugins/evm/assets/icons/GoodDollar.tsx
-var import_react60 = __toESM(require("react"), 1);
+var import_react61 = __toESM(require("react"), 1);
 
 // plugins/evm/assets/icons/Copy.tsx
-var import_react61 = __toESM(require("react"), 1);
+var import_react62 = __toESM(require("react"), 1);
 
 // plugins/evm/assets/icons/Bank.tsx
-var import_react62 = __toESM(require("react"), 1);
+var import_react63 = __toESM(require("react"), 1);
 
 // plugins/evm/assets/icons/BSC.tsx
-var import_react63 = __toESM(require("react"), 1);
+var import_react64 = __toESM(require("react"), 1);
 
 // plugins/evm/assets/icons/KEUR.tsx
-var import_react64 = __toESM(require("react"), 1);
+var import_react65 = __toESM(require("react"), 1);
 
 // plugins/evm/assets/icons/Tron.tsx
-var import_react65 = __toESM(require("react"), 1);
+var import_react66 = __toESM(require("react"), 1);
 
 // plugins/evm/assets/icons/BTC.tsx
-var import_react66 = __toESM(require("react"), 1);
+var import_react67 = __toESM(require("react"), 1);
 
 // plugins/evm/assets/icons/Wallet.tsx
-var import_react67 = __toESM(require("react"), 1);
+var import_react68 = __toESM(require("react"), 1);
 
 // plugins/evm/assets/icons/Explorer.tsx
-var import_react68 = __toESM(require("react"), 1);
+var import_react69 = __toESM(require("react"), 1);
 
 // plugins/evm/assets/icons/ExternalUrl.tsx
-var import_react69 = __toESM(require("react"), 1);
+var import_react70 = __toESM(require("react"), 1);
 
 // plugins/evm/assets/icons/Base.tsx
-var import_react70 = __toESM(require("react"), 1);
+var import_react71 = __toESM(require("react"), 1);
 
 // plugins/evm/assets/icons/Bera.tsx
-var import_react71 = __toESM(require("react"), 1);
+var import_react72 = __toESM(require("react"), 1);
 
 // plugins/evm/utils/constants.tsx
 var import_networks3 = require("@reown/appkit/networks");
@@ -2116,15 +2235,15 @@ var getEvmTokenBalance = async (input) => {
 // plugins/evm/core/hooks/useBalance.tsx
 var zeroBalance = { balance: 0, decimals: 6 };
 function useBalance() {
-  const appkitAccountInfo = (0, import_react73.useAppKitAccount)();
+  const appkitAccountInfo = (0, import_react74.useAppKitAccount)();
   const { address: signerAddress } = appkitAccountInfo || {};
-  const { walletProvider } = (0, import_react73.useAppKitProvider)("eip155");
+  const { walletProvider } = (0, import_react74.useAppKitProvider)("eip155");
   const { externalProvider } = useKimaContext();
   const sourceChain = (0, import_react_redux.useSelector)(selectSourceChain);
   const sourceCurrency = (0, import_react_redux.useSelector)(selectSourceCurrency);
   const tokenOptions = (0, import_react_redux.useSelector)(selectTokenOptions);
   const networkOption = (0, import_react_redux.useSelector)(selectNetworkOption);
-  const tokenAddress = (0, import_react72.useMemo)(() => {
+  const tokenAddress = (0, import_react73.useMemo)(() => {
     if (isEmptyObject(tokenOptions) || sourceChain.shortName === "FIAT" /* FIAT */) return "";
     return tokenOptions?.[sourceCurrency]?.[sourceChain.shortName] || "";
   }, [sourceCurrency, sourceChain, tokenOptions]);
@@ -2160,7 +2279,7 @@ function useBalance() {
 
 // plugins/evm/core/hooks/useNativeBalance.ts
 var import_react_query3 = require("@tanstack/react-query");
-var import_react74 = require("@reown/appkit/react");
+var import_react75 = require("@reown/appkit/react");
 
 // plugins/evm/utils/getBalance.ts
 var import_ethers2 = require("ethers");
@@ -2194,9 +2313,9 @@ var getEvmBalance = async (input) => {
 var import_react_redux2 = require("react-redux");
 var useNativeEvmBalance = () => {
   const { externalProvider } = useKimaContext();
-  const appkitAccountInfo = (0, import_react74.useAppKitAccount)();
+  const appkitAccountInfo = (0, import_react75.useAppKitAccount)();
   const { address: appkitAddress } = appkitAccountInfo || {};
-  const { walletProvider } = (0, import_react74.useAppKitProvider)("eip155");
+  const { walletProvider } = (0, import_react75.useAppKitProvider)("eip155");
   const sourceChain = (0, import_react_redux2.useSelector)(selectSourceChain);
   const networkOption = (0, import_react_redux2.useSelector)(selectNetworkOption);
   const walletAddress = externalProvider?.signer?.address || appkitAddress;
@@ -2227,9 +2346,9 @@ var useNativeEvmBalance = () => {
 var useNativeBalance_default = useNativeEvmBalance;
 
 // plugins/evm/core/hooks/useIsWalletReady.tsx
-var import_react75 = require("react");
+var import_react76 = require("react");
 var import_react_redux4 = require("react-redux");
-var import_react76 = require("@reown/appkit/react");
+var import_react77 = require("@reown/appkit/react");
 
 // plugins/evm/utils/switchNetworkEthers.tsx
 var import_ethers3 = require("ethers");
@@ -2330,15 +2449,15 @@ function useIsWalletReady() {
   const { externalProvider } = useKimaContext();
   const backendUrl = (0, import_react_redux4.useSelector)(selectBackendUrl);
   const { data: chains } = useChainData(backendUrl);
-  const { walletProvider: appkitProvider } = (0, import_react76.useAppKitProvider)("eip155");
-  const appkitAccountInfo = (0, import_react76.useAppKitAccount)();
-  const { chainId: walletChainId } = (0, import_react76.useAppKitNetwork)();
+  const { walletProvider: appkitProvider } = (0, import_react77.useAppKitProvider)("eip155");
+  const appkitAccountInfo = (0, import_react77.useAppKitAccount)();
+  const { chainId: walletChainId } = (0, import_react77.useAppKitNetwork)();
   const { address: walletAddress, isConnected: appkitIsConnected } = appkitAccountInfo || {};
   const isConnected = appkitIsConnected && walletAddress !== void 0;
   const sourceChain = (0, import_react_redux4.useSelector)(selectSourceChain);
-  const [isReady, setIsReady] = (0, import_react75.useState)(false);
-  const [statusMessage, setStatusMessage] = (0, import_react75.useState)("Wallet not connected");
-  const switchNetwork = (0, import_react75.useCallback)(async () => {
+  const [isReady, setIsReady] = (0, import_react76.useState)(false);
+  const [statusMessage, setStatusMessage] = (0, import_react76.useState)("Wallet not connected");
+  const switchNetwork = (0, import_react76.useCallback)(async () => {
     console.debug("useIsWalletReady:EVM:Attempting to switch network...", {
       hasProvider: !!appkitProvider,
       sourceChain,
@@ -2358,7 +2477,7 @@ function useIsWalletReady() {
       }
     }
   }, [appkitProvider, sourceChain]);
-  (0, import_react75.useEffect)(() => {
+  (0, import_react76.useEffect)(() => {
     async function checkChainId() {
       if (externalProvider?.type === "evm" && externalProvider?.provider) {
         try {
@@ -2424,7 +2543,7 @@ function useIsWalletReady() {
     }
     checkChainId();
   }, [externalProvider, sourceChain, switchNetwork, walletChainId, isConnected]);
-  (0, import_react75.useEffect)(() => {
+  (0, import_react76.useEffect)(() => {
     if (isConnected) {
       console.debug(
         "useIsWalletReady:EVM: Dispatching source address:",
@@ -2438,10 +2557,10 @@ function useIsWalletReady() {
 var useIsWalletReady_default = useIsWalletReady;
 
 // plugins/evm/core/hooks/useEvmAllowance.tsx
-var import_react77 = require("react");
+var import_react78 = require("react");
 var import_react_redux5 = require("react-redux");
 var import_react_query6 = require("@tanstack/react-query");
-var import_react78 = require("@reown/appkit/react");
+var import_react79 = require("@reown/appkit/react");
 
 // src/hooks/useGetPools.tsx
 var import_react_query5 = require("@tanstack/react-query");
@@ -2620,8 +2739,8 @@ var import_ethers6 = require("ethers");
 var import_viem5 = require("viem");
 function useEvmAllowance() {
   const { externalProvider } = useKimaContext();
-  const { walletProvider: appkitProvider } = (0, import_react78.useAppKitProvider)("eip155");
-  const appkitAccountInfo = (0, import_react78.useAppKitAccount)();
+  const { walletProvider: appkitProvider } = (0, import_react79.useAppKitProvider)("eip155");
+  const appkitAccountInfo = (0, import_react79.useAppKitAccount)();
   const sourceChain = (0, import_react_redux5.useSelector)(selectSourceChain);
   const networkOption = (0, import_react_redux5.useSelector)(selectNetworkOption);
   const { totalFeeUsd, allowanceAmount, decimals } = (0, import_react_redux5.useSelector)(selectServiceFee);
@@ -2634,7 +2753,7 @@ function useEvmAllowance() {
   const { pools } = useGetPools_default(backendUrl, networkOption);
   const walletAddress = externalProvider?.signer?.address || appkitAccountInfo?.address;
   const walletProvider = externalProvider?.provider instanceof import_ethers6.BrowserProvider ? externalProvider.provider : appkitProvider;
-  const [approvalsCount, setApprovalsCount] = (0, import_react77.useState)(0);
+  const [approvalsCount, setApprovalsCount] = (0, import_react78.useState)(0);
   const queryKey = ["evmAllowance", walletAddress, sourceChain, approvalsCount];
   const enabled = !!walletAddress && !!tokenOptions && !!selectedCoin && pools.length > 0 && isEVMChain(sourceChain.shortName) && (!!externalProvider?.provider || !!appkitProvider);
   const {
@@ -2725,9 +2844,9 @@ function useEvmAllowance() {
 }
 
 // plugins/evm/core/hooks/useDisconnectWallet.tsx
-var import_react79 = require("@reown/appkit/react");
+var import_react80 = require("@reown/appkit/react");
 function useDisconnectWallet() {
-  const { disconnect } = (0, import_react79.useDisconnect)();
+  const { disconnect } = (0, import_react80.useDisconnect)();
   return { disconnectWallet: disconnect };
 }
 var useDisconnectWallet_default = useDisconnectWallet;
@@ -2754,7 +2873,7 @@ var EvmPlugin = class extends PluginBase {
     networkOption,
     walletConnectProjectId
   }) => {
-    return /* @__PURE__ */ import_react80.default.createElement(
+    return /* @__PURE__ */ import_react81.default.createElement(
       WalletProvider_default,
       {
         children,
@@ -2769,10 +2888,10 @@ var evmPlugin = new EvmPlugin(store);
 var evm_default = evmPlugin;
 
 // plugins/solana/index.tsx
-var import_react84 = __toESM(require("react"), 1);
+var import_react85 = __toESM(require("react"), 1);
 
 // plugins/solana/features/walletConnect/WalletProvider.tsx
-var import_react81 = __toESM(require("react"), 1);
+var import_react82 = __toESM(require("react"), 1);
 var import_wallet_adapter_react = require("@solana/wallet-adapter-react");
 var import_wallet_adapter_wallets = require("@solana/wallet-adapter-wallets");
 
@@ -2800,7 +2919,7 @@ var WalletProvider2 = ({
   console.info(
     `WalletProvider initialized with projectId: ${walletConnectProjectId}`
   );
-  return /* @__PURE__ */ import_react81.default.createElement(import_wallet_adapter_react.ConnectionProvider, { endpoint }, /* @__PURE__ */ import_react81.default.createElement(
+  return /* @__PURE__ */ import_react82.default.createElement(import_wallet_adapter_react.ConnectionProvider, { endpoint }, /* @__PURE__ */ import_react82.default.createElement(
     import_wallet_adapter_react.WalletProvider,
     {
       wallets: [
@@ -2862,7 +2981,7 @@ function useGetSolBalance() {
 var useGetSolBalance_default = useGetSolBalance;
 
 // plugins/solana/core/hooks/useSolanaAllowance.tsx
-var import_react82 = require("react");
+var import_react83 = require("react");
 var import_react_redux7 = require("react-redux");
 var import_wallet_adapter_react3 = require("@solana/wallet-adapter-react");
 var import_react_query8 = require("@tanstack/react-query");
@@ -2917,7 +3036,7 @@ function useSolanaAllowance() {
   const selectedCoin = (0, import_react_redux7.useSelector)(selectSourceCurrency);
   const tokenOptions = (0, import_react_redux7.useSelector)(selectTokenOptions);
   const { pools } = useGetPools_default(backendUrl, networkOption);
-  const [approvalsCount, setApprovalsCount] = (0, import_react82.useState)(0);
+  const [approvalsCount, setApprovalsCount] = (0, import_react83.useState)(0);
   const isSolanaProvider = sourceChain === "SOL" && externalProvider?.type === "solana" && externalProvider.provider && externalProvider.signer instanceof import_web38.PublicKey;
   const userPublicKey = isSolanaProvider ? externalProvider.signer : sourceChain === "SOL" ? internalPublicKey : void 0;
   const signTransaction = isSolanaProvider && externalProvider.provider.signTransaction ? externalProvider.provider.signTransaction : sourceChain === "SOL" ? internalSignTransaction : void 0;
@@ -3011,7 +3130,7 @@ function useSolanaAllowance() {
 }
 
 // plugins/solana/core/hooks/useIsWalletReady.tsx
-var import_react83 = require("react");
+var import_react84 = require("react");
 var import_wallet_adapter_react4 = require("@solana/wallet-adapter-react");
 var import_react_redux8 = require("react-redux");
 var import_react_redux9 = require("react-redux");
@@ -3025,10 +3144,10 @@ function useIsWalletReady2() {
   const { externalProvider } = useKimaContext();
   const { publicKey: solanaAddress } = (0, import_wallet_adapter_react4.useWallet)();
   const sourceChain = (0, import_react_redux8.useSelector)(selectSourceChain);
-  (0, import_react83.useEffect)(() => {
+  (0, import_react84.useEffect)(() => {
     solanaAddress && sourceChain === "SOL" && dispatch(setSourceAddress(solanaAddress.toBase58()));
   }, [solanaAddress, sourceChain]);
-  return (0, import_react83.useMemo)(() => {
+  return (0, import_react84.useMemo)(() => {
     if (externalProvider && externalProvider.type === "solana")
       return createWalletStatus(
         true,
@@ -3072,7 +3191,7 @@ var SolanaPlugin = class extends PluginBase {
     networkOption,
     walletConnectProjectId
   }) => {
-    return /* @__PURE__ */ import_react84.default.createElement(
+    return /* @__PURE__ */ import_react85.default.createElement(
       WalletProvider_default2,
       {
         networkOption,
@@ -3086,10 +3205,10 @@ var solanaPlugin = new SolanaPlugin(store);
 var solana_default = solanaPlugin;
 
 // plugins/tron/index.tsx
-var import_react89 = __toESM(require("react"), 1);
+var import_react90 = __toESM(require("react"), 1);
 
 // plugins/tron/features/walletConnect/WalletProvider.tsx
-var import_react85 = __toESM(require("react"), 1);
+var import_react86 = __toESM(require("react"), 1);
 var import_tronwallet_adapter_react_hooks = require("@tronweb3/tronwallet-adapter-react-hooks");
 var import_tronwallet_adapter_ledger = require("@tronweb3/tronwallet-adapter-ledger");
 var import_tronwallet_adapter_tronlink = require("@tronweb3/tronwallet-adapter-tronlink");
@@ -3098,7 +3217,7 @@ var import_tronwallet_adapter_tokenpocket = require("@tronweb3/tronwallet-adapte
 var import_tronwallet_abstract_adapter = require("@tronweb3/tronwallet-abstract-adapter");
 var import_react_hot_toast = require("react-hot-toast");
 var WalletProvider3 = ({ children, networkOption }) => {
-  const adapters = (0, import_react85.useMemo)(
+  const adapters = (0, import_react86.useMemo)(
     () => [
       new import_tronwallet_adapter_tronlink.TronLinkAdapter(),
       new import_tronwallet_adapter_ledger.LedgerAdapter({ accountNumber: 2 }),
@@ -3128,7 +3247,7 @@ var WalletProvider3 = ({ children, networkOption }) => {
       adapters[0].switchChain("0x2b6653dc");
     }
   };
-  return /* @__PURE__ */ import_react85.default.createElement(
+  return /* @__PURE__ */ import_react86.default.createElement(
     import_tronwallet_adapter_react_hooks.WalletProvider,
     {
       adapters,
@@ -3141,7 +3260,7 @@ var WalletProvider3 = ({ children, networkOption }) => {
 var WalletProvider_default3 = WalletProvider3;
 
 // plugins/tron/core/hooks/useGetTrxBalance.tsx
-var import_react86 = require("react");
+var import_react87 = require("react");
 var import_react_redux10 = require("react-redux");
 var import_react_query9 = require("@tanstack/react-query");
 
@@ -3180,7 +3299,7 @@ function useGetTronBalance() {
   const networkOption = (0, import_react_redux10.useSelector)(selectNetworkOption);
   const { wallet } = (0, import_tronwallet_adapter_react_hooks2.useWallet)();
   const sourceNetwork = (0, import_react_redux10.useSelector)(selectSourceChain);
-  const tronWeb = (0, import_react86.useMemo)(
+  const tronWeb = (0, import_react87.useMemo)(
     () => networkOption === "testnet" /* testnet */ ? tronWebTestnet : tronWebMainnet,
     [networkOption]
   );
@@ -3202,7 +3321,7 @@ function useGetTronBalance() {
 var useGetTrxBalance_default = useGetTronBalance;
 
 // plugins/tron/core/hooks/useTronAllowance.tsx
-var import_react87 = require("react");
+var import_react88 = require("react");
 var import_react_redux11 = require("react-redux");
 
 // src/utils/ethereum/erc20ABI.json
@@ -3482,9 +3601,9 @@ function useTronAllowance() {
     address: internalUserAddress,
     signTransaction: internalSignTronTransaction
   } = (0, import_tronwallet_adapter_react_hooks3.useWallet)();
-  const [approvalsCount, setApprovalsCount] = (0, import_react87.useState)(0);
+  const [approvalsCount, setApprovalsCount] = (0, import_react88.useState)(0);
   const isTronProvider2 = sourceChain === "TRX" && externalProvider?.type === "tron" && externalProvider.provider.tronWeb instanceof import_tronweb5.TronWeb && typeof externalProvider.signer === "string";
-  const tronWeb = (0, import_react87.useMemo)(() => {
+  const tronWeb = (0, import_react88.useMemo)(() => {
     if (isTronProvider2)
       return externalProvider.provider.tronWeb;
     return networkOption === "mainnet" ? tronWebMainnet : tronWebTestnet;
@@ -3555,7 +3674,7 @@ function useTronAllowance() {
 }
 
 // plugins/tron/core/hooks/useIsWalletReady.tsx
-var import_react88 = require("react");
+var import_react89 = require("react");
 var import_tronwallet_adapter_react_hooks4 = require("@tronweb3/tronwallet-adapter-react-hooks");
 var import_react_redux12 = require("react-redux");
 var import_react_redux13 = require("react-redux");
@@ -3569,10 +3688,10 @@ function useIsWalletReady3() {
   const sourceChain = (0, import_react_redux13.useSelector)(selectSourceChain);
   const { externalProvider } = useKimaContext();
   const { address: internalTronAddress } = (0, import_tronwallet_adapter_react_hooks4.useWallet)();
-  (0, import_react88.useEffect)(() => {
+  (0, import_react89.useEffect)(() => {
     internalTronAddress && sourceChain === "TRX" && dispatch(setSourceAddress(internalTronAddress));
   }, [internalTronAddress, sourceChain]);
-  return (0, import_react88.useMemo)(() => {
+  return (0, import_react89.useMemo)(() => {
     if (externalProvider && externalProvider.type === "tron")
       return createWalletStatus2(
         true,
@@ -3616,7 +3735,7 @@ var TronPlugin = class extends PluginBase {
     networkOption,
     walletConnectProjectId
   }) => {
-    return /* @__PURE__ */ import_react89.default.createElement(
+    return /* @__PURE__ */ import_react90.default.createElement(
       WalletProvider_default3,
       {
         networkOption,
@@ -3636,15 +3755,15 @@ initializePlugins([evm_default, solana_default, tron_default]);
 var import_web39 = require("@solana/web3.js");
 var import_ethers10 = require("ethers");
 var queryClient = new import_react_query11.QueryClient();
-var KimaContext = (0, import_react90.createContext)(void 0);
+var KimaContext = (0, import_react91.createContext)(void 0);
 var useKimaContext = () => {
-  const context = (0, import_react90.useContext)(KimaContext);
+  const context = (0, import_react91.useContext)(KimaContext);
   if (!context) {
     throw new Error("useKimaContext must be used within a KimaProvider");
   }
   return context;
 };
-var InternalKimaProvider = React76.memo(
+var InternalKimaProvider = React77.memo(
   ({ kimaBackendUrl, walletConnectProjectId, children }) => {
     const { data: envOptions, isLoading } = useGetEnvOptions({
       kimaBackendUrl
@@ -3652,12 +3771,12 @@ var InternalKimaProvider = React76.memo(
     console.log("internalkimaprovider: networkoption: ", envOptions?.env);
     const plugins = (0, import_react_redux14.useSelector)(selectAllPlugins, (prev, next) => prev === next);
     console.info("Registered Plugins:", plugins);
-    const WrappedProviders = (0, import_react90.useMemo)(() => {
+    const WrappedProviders = (0, import_react91.useMemo)(() => {
       return plugins.reduce((acc, pluginData) => {
         const plugin = getPluginProvider(pluginData.id);
         if (plugin) {
           const { Provider: Provider3 } = plugin;
-          return /* @__PURE__ */ React76.createElement(
+          return /* @__PURE__ */ React77.createElement(
             Provider3,
             {
               key: plugin.data.id,
@@ -3670,12 +3789,12 @@ var InternalKimaProvider = React76.memo(
         return acc;
       }, children);
     }, [plugins, walletConnectProjectId, isLoading]);
-    return /* @__PURE__ */ React76.createElement(React76.Fragment, null, WrappedProviders);
+    return /* @__PURE__ */ React77.createElement(React77.Fragment, null, WrappedProviders);
   }
 );
 var KimaProvider = ({
   walletConnectProjectId,
-  children = /* @__PURE__ */ React76.createElement(React76.Fragment, null),
+  children = /* @__PURE__ */ React77.createElement(React77.Fragment, null),
   externalProvider,
   kimaBackendUrl = "http://localhost:3001"
 }) => {
@@ -3695,7 +3814,7 @@ var KimaProvider = ({
     sourceAddress,
     kimaBackendUrl
   };
-  return /* @__PURE__ */ React76.createElement(import_react_query11.QueryClientProvider, { client: queryClient }, /* @__PURE__ */ React76.createElement(import_react_redux14.Provider, { store }, /* @__PURE__ */ React76.createElement(KimaContext.Provider, { value: kimaContext }, /* @__PURE__ */ React76.createElement(
+  return /* @__PURE__ */ React77.createElement(import_react_query11.QueryClientProvider, { client: queryClient }, /* @__PURE__ */ React77.createElement(import_react_redux14.Provider, { store }, /* @__PURE__ */ React77.createElement(KimaContext.Provider, { value: kimaContext }, /* @__PURE__ */ React77.createElement(
     InternalKimaProvider,
     {
       kimaBackendUrl,
@@ -3707,17 +3826,17 @@ var KimaProvider = ({
 var KimaProvider_default = KimaProvider;
 
 // src/components/KimaTransactionWidget.tsx
-var import_react132 = __toESM(require("react"), 1);
+var import_react135 = __toESM(require("react"), 1);
 
 // src/components/KimaWidgetWrapper.tsx
-var import_react130 = __toESM(require("react"), 1);
-var import_react_redux50 = require("react-redux");
+var import_react133 = __toESM(require("react"), 1);
+var import_react_redux52 = require("react-redux");
 
 // src/components/TransactionWidget.tsx
-var import_react118 = __toESM(require("react"), 1);
+var import_react121 = __toESM(require("react"), 1);
 
 // src/components/reusable/Progressbar.tsx
-var import_react91 = __toESM(require("react"), 1);
+var import_react92 = __toESM(require("react"), 1);
 var import_react_redux15 = require("react-redux");
 var stepInfo = [
   {
@@ -3738,12 +3857,12 @@ var stepInfo = [
 ];
 var Progressbar = ({ step, errorStep, setFocus, loadingStep }) => {
   const theme = (0, import_react_redux15.useSelector)(selectTheme);
-  return /* @__PURE__ */ import_react91.default.createElement("div", { className: "kima-progressbar" }, /* @__PURE__ */ import_react91.default.createElement(
+  return /* @__PURE__ */ import_react92.default.createElement("div", { className: "kima-progressbar" }, /* @__PURE__ */ import_react92.default.createElement(
     "div",
     {
       className: `value step-${step * 100 / 4}`
     }
-  ), /* @__PURE__ */ import_react91.default.createElement("div", { className: "step-indicators" }, stepInfo.map((item, index) => /* @__PURE__ */ import_react91.default.createElement(
+  ), /* @__PURE__ */ import_react92.default.createElement("div", { className: "step-indicators" }, stepInfo.map((item, index) => /* @__PURE__ */ import_react92.default.createElement(
     "div",
     {
       key: item.title,
@@ -3754,14 +3873,14 @@ var Progressbar = ({ step, errorStep, setFocus, loadingStep }) => {
         if (index < 4) setFocus(index);
       }
     },
-    /* @__PURE__ */ import_react91.default.createElement("div", { className: "step-info" }, step < index && /* @__PURE__ */ import_react91.default.createElement(Lock_default, null), step >= index ? index === loadingStep ? /* @__PURE__ */ import_react91.default.createElement(Loader_default, { className: "loader" }) : index === errorStep ? /* @__PURE__ */ import_react91.default.createElement(Warning_default, null) : /* @__PURE__ */ import_react91.default.createElement(Check_default, null) : null, /* @__PURE__ */ import_react91.default.createElement("span", null, item.title))
+    /* @__PURE__ */ import_react92.default.createElement("div", { className: "step-info" }, step < index && /* @__PURE__ */ import_react92.default.createElement(Lock_default, null), step >= index ? index === loadingStep ? /* @__PURE__ */ import_react92.default.createElement(Loader_default, { className: "loader" }) : index === errorStep ? /* @__PURE__ */ import_react92.default.createElement(Warning_default, null) : /* @__PURE__ */ import_react92.default.createElement(Check_default, null) : null, /* @__PURE__ */ import_react92.default.createElement("span", null, item.title))
   ))));
 };
 var Progressbar_default = Progressbar;
 
 // src/components/reusable/ExternalLink.tsx
-var import_react92 = __toESM(require("react"), 1);
-var ExternalLink = ({ to, children, className, rest }) => /* @__PURE__ */ import_react92.default.createElement(
+var import_react93 = __toESM(require("react"), 1);
+var ExternalLink = ({ to, children, className, rest }) => /* @__PURE__ */ import_react93.default.createElement(
   "a",
   {
     className,
@@ -3775,20 +3894,20 @@ var ExternalLink = ({ to, children, className, rest }) => /* @__PURE__ */ import
 var ExternalLink_default = ExternalLink;
 
 // src/components/reusable/NetworkLabel.tsx
-var import_react93 = __toESM(require("react"), 1);
+var import_react94 = __toESM(require("react"), 1);
 var import_react_redux16 = require("react-redux");
 
 // src/components/reusable/PrimaryButton.tsx
-var import_react96 = __toESM(require("react"), 1);
+var import_react97 = __toESM(require("react"), 1);
 
 // src/assets/loading/180-ring.tsx
-var import_react94 = __toESM(require("react"), 1);
+var import_react95 = __toESM(require("react"), 1);
 var Loading180Ring = ({
   width = 24,
   height = 24,
   fill = "white"
 }) => {
-  return /* @__PURE__ */ import_react94.default.createElement(
+  return /* @__PURE__ */ import_react95.default.createElement(
     "svg",
     {
       width,
@@ -3797,7 +3916,7 @@ var Loading180Ring = ({
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg"
     },
-    /* @__PURE__ */ import_react94.default.createElement("path", { d: "M12,4a8,8,0,0,1,7.89,6.7A1.53,1.53,0,0,0,21.38,12h0a1.5,1.5,0,0,0,1.48-1.75,11,11,0,0,0-21.72,0A1.5,1.5,0,0,0,2.62,12h0a1.53,1.53,0,0,0,1.49-1.3A8,8,0,0,1,12,4Z" }, /* @__PURE__ */ import_react94.default.createElement(
+    /* @__PURE__ */ import_react95.default.createElement("path", { d: "M12,4a8,8,0,0,1,7.89,6.7A1.53,1.53,0,0,0,21.38,12h0a1.5,1.5,0,0,0,1.48-1.75,11,11,0,0,0-21.72,0A1.5,1.5,0,0,0,2.62,12h0a1.53,1.53,0,0,0,1.49-1.3A8,8,0,0,1,12,4Z" }, /* @__PURE__ */ import_react95.default.createElement(
       "animateTransform",
       {
         attributeName: "transform",
@@ -3812,7 +3931,7 @@ var Loading180Ring = ({
 var ring_default = Loading180Ring;
 
 // src/assets/loading/6-dots-scale.tsx
-var import_react95 = __toESM(require("react"), 1);
+var import_react96 = __toESM(require("react"), 1);
 
 // src/components/reusable/PrimaryButton.tsx
 var PrimaryButton = ({
@@ -3823,7 +3942,7 @@ var PrimaryButton = ({
   disabled = false,
   ref
 }) => {
-  return /* @__PURE__ */ import_react96.default.createElement("div", { className: "primary-button-wrapper" }, /* @__PURE__ */ import_react96.default.createElement(
+  return /* @__PURE__ */ import_react97.default.createElement("div", { className: "primary-button-wrapper" }, /* @__PURE__ */ import_react97.default.createElement(
     "button",
     {
       className: `primary-button ${className}`,
@@ -3831,14 +3950,14 @@ var PrimaryButton = ({
       ref,
       disabled
     },
-    isLoading && /* @__PURE__ */ import_react96.default.createElement("div", { className: "loading-indicator" }, /* @__PURE__ */ import_react96.default.createElement(ring_default, { width: 24, height: 24, fill: "white" })),
+    isLoading && /* @__PURE__ */ import_react97.default.createElement("div", { className: "loading-indicator" }, /* @__PURE__ */ import_react97.default.createElement(ring_default, { width: 24, height: 24, fill: "white" })),
     children
   ));
 };
 var PrimaryButton_default = PrimaryButton;
 
 // src/components/reusable/SecondaryButton.tsx
-var import_react97 = __toESM(require("react"), 1);
+var import_react98 = __toESM(require("react"), 1);
 var SecondaryButton = ({
   className,
   clickHandler,
@@ -3847,7 +3966,7 @@ var SecondaryButton = ({
   style,
   disabled = false,
   isLoading
-}) => /* @__PURE__ */ import_react97.default.createElement(
+}) => /* @__PURE__ */ import_react98.default.createElement(
   "button",
   {
     className: `secondary-button ${className} ${theme}`,
@@ -3855,26 +3974,26 @@ var SecondaryButton = ({
     ...style,
     disabled
   },
-  isLoading && /* @__PURE__ */ import_react97.default.createElement("div", { className: "loading-indicator" }, /* @__PURE__ */ import_react97.default.createElement(ring_default, { width: 24, height: 24, fill: "black" })),
+  isLoading && /* @__PURE__ */ import_react98.default.createElement("div", { className: "loading-indicator" }, /* @__PURE__ */ import_react98.default.createElement(ring_default, { width: 24, height: 24, fill: "black" })),
   children
 );
 var SecondaryButton_default = SecondaryButton;
 
 // src/components/reusable/Dropdown.tsx
-var import_react98 = __toESM(require("react"), 1);
+var import_react99 = __toESM(require("react"), 1);
 var import_react_redux17 = require("react-redux");
 var import_react_redux18 = require("react-redux");
 
 // src/components/reusable/WalletButton.tsx
-var import_react104 = __toESM(require("react"), 1);
+var import_react105 = __toESM(require("react"), 1);
 var import_react_redux20 = require("react-redux");
 
 // src/hooks/useGetCurrentPlugin.tsx
-var import_react100 = require("react");
+var import_react101 = require("react");
 var import_react_redux19 = require("react-redux");
 
 // plugins/default/index.tsx
-var import_react99 = __toESM(require("react"), 1);
+var import_react100 = __toESM(require("react"), 1);
 var DefaultPlugin = class extends PluginBase {
   constructor(store2) {
     super({
@@ -3909,7 +4028,7 @@ var DefaultPlugin = class extends PluginBase {
     networkOption,
     walletConnectProjectId
   }) => {
-    return /* @__PURE__ */ import_react99.default.createElement("div", null, children);
+    return /* @__PURE__ */ import_react100.default.createElement("div", null, children);
   };
 };
 var defaultPlugin = new DefaultPlugin(store);
@@ -3917,10 +4036,10 @@ var default_default = defaultPlugin;
 
 // src/hooks/useGetCurrentPlugin.tsx
 var useGetCurrentPlugin = () => {
-  const [currentPlugin, setCurrentPlugin] = (0, import_react100.useState)(default_default);
+  const [currentPlugin, setCurrentPlugin] = (0, import_react101.useState)(default_default);
   const isIndexed = (0, import_react_redux19.useSelector)(selectPluginIsIndexed);
   const sourceChain = (0, import_react_redux19.useSelector)(selectSourceChain);
-  (0, import_react100.useEffect)(() => {
+  (0, import_react101.useEffect)(() => {
     if (!isIndexed) return;
     const plugin = getPlugin(sourceChain.shortName);
     if (plugin) setCurrentPlugin(plugin);
@@ -3976,13 +4095,13 @@ function useBalance2() {
 }
 
 // src/hooks/useWidth.tsx
-var import_react101 = require("react");
+var import_react102 = require("react");
 var useWidth = () => {
-  const [width, setWidth] = (0, import_react101.useState)(0);
+  const [width, setWidth] = (0, import_react102.useState)(0);
   const updateWidth = (width2) => {
     setWidth(width2);
   };
-  (0, import_react101.useEffect)(() => {
+  (0, import_react102.useEffect)(() => {
     const handleResize = () => {
       setWidth(window.innerWidth);
     };
@@ -3996,19 +4115,19 @@ var useWidth_default = useWidth;
 // src/components/reusable/WalletButton.tsx
 var import_wallet_adapter_react6 = require("@solana/wallet-adapter-react");
 var import_tronwallet_adapter_react_hooks6 = require("@tronweb3/tronwallet-adapter-react-hooks");
-var import_react105 = require("@reown/appkit/react");
+var import_react106 = require("@reown/appkit/react");
 
 // src/components/reusable/CopyButton.tsx
-var import_react102 = __toESM(require("react"), 1);
+var import_react103 = __toESM(require("react"), 1);
 var CopyButton = ({ text }) => {
-  const [copyClicked, setCopyClicked] = (0, import_react102.useState)(false);
-  (0, import_react102.useEffect)(() => {
+  const [copyClicked, setCopyClicked] = (0, import_react103.useState)(false);
+  (0, import_react103.useEffect)(() => {
     if (!copyClicked) return;
     setTimeout(() => {
       setCopyClicked(false);
     }, 2e3);
   }, [copyClicked]);
-  return /* @__PURE__ */ import_react102.default.createElement(
+  return /* @__PURE__ */ import_react103.default.createElement(
     "span",
     {
       className: "copy-btn",
@@ -4017,7 +4136,7 @@ var CopyButton = ({ text }) => {
         navigator.clipboard.writeText(text);
       }
     },
-    copyClicked ? /* @__PURE__ */ import_react102.default.createElement(Check_default, null) : /* @__PURE__ */ import_react102.default.createElement(Copy_default, null)
+    copyClicked ? /* @__PURE__ */ import_react103.default.createElement(Check_default, null) : /* @__PURE__ */ import_react103.default.createElement(Copy_default, null)
   );
 };
 var CopyButton_default = CopyButton;
@@ -4043,9 +4162,9 @@ var formatUSD = (amount) => {
 };
 
 // src/hooks/useHideActivityTab.tsx
-var import_react103 = require("react");
+var import_react104 = require("react");
 function useHideWuiListItem(isModalOpen) {
-  (0, import_react103.useEffect)(() => {
+  (0, import_react104.useEffect)(() => {
     const modalSelector = "w3m-modal";
     let observer;
     const hideFirstWuiListItem = (parent) => {
@@ -4117,14 +4236,14 @@ var WalletButton = ({ errorBelow = false }) => {
     /*, connectBitcoinWallet*/
   } = useIsWalletReady4();
   const { balance } = useBalance2();
-  const { open } = (0, import_react105.useAppKit)();
+  const { open } = (0, import_react106.useAppKit)();
   const { width, updateWidth } = useWidth_default();
-  const { open: isModalOpen } = (0, import_react105.useAppKitState)();
+  const { open: isModalOpen } = (0, import_react106.useAppKitState)();
   useHideActivityTab_default(isModalOpen);
   const { kimaBackendUrl } = useKimaContext();
   const { data: envOptions } = useGetEnvOptions({ kimaBackendUrl });
   const networkOption = envOptions?.env || "testnet" /* testnet */;
-  (0, import_react104.useEffect)(() => {
+  (0, import_react105.useEffect)(() => {
     console.info("WalletBalance:", {
       balance,
       walletAddress,
@@ -4133,10 +4252,10 @@ var WalletButton = ({ errorBelow = false }) => {
       externalProvider
     });
   }, [balance, walletAddress, isReady, externalProvider, networkOption]);
-  (0, import_react104.useEffect)(() => {
+  (0, import_react105.useEffect)(() => {
     if (walletAddress) dispatch(setSourceAddress(walletAddress));
   }, [walletAddress]);
-  (0, import_react104.useEffect)(() => {
+  (0, import_react105.useEffect)(() => {
     if (width === 0) {
       updateWidth(window.innerWidth);
     }
@@ -4163,40 +4282,40 @@ var WalletButton = ({ errorBelow = false }) => {
       console.error("Failed to open AppKitModal", error);
     }
   };
-  const errorMessage = (0, import_react104.useMemo)(() => {
+  const errorMessage = (0, import_react105.useMemo)(() => {
     if (!isReady) return statusMessage;
     if (compliantOption && sourceCompliant !== null && !sourceCompliant?.isCompliant)
       return `Source address has ${sourceCompliant?.results?.[0].result?.risk_score} risk`;
     return "";
   }, [isReady, statusMessage, sourceCompliant, compliantOption]);
-  return /* @__PURE__ */ import_react104.default.createElement(
+  return /* @__PURE__ */ import_react105.default.createElement(
     "div",
     {
       className: `wallet-button ${isReady ? "connected" : "disconnected"} ${theme.colorMode} ${errorBelow ? "error-below" : ""}`,
       "data-testid": "connect-wallet-btn"
     },
-    /* @__PURE__ */ import_react104.default.createElement("div", { className: "info-wrapper" }, /* @__PURE__ */ import_react104.default.createElement(
+    /* @__PURE__ */ import_react105.default.createElement("div", { className: "info-wrapper" }, /* @__PURE__ */ import_react105.default.createElement(
       "button",
       {
         className: `${isReady ? "connected" : "disconnected"} ${width < 640 && "shortened"} ${theme.colorMode}`,
         onClick: handleClick
       },
       isReady ? width >= 640 ? `${walletAddress || ""}` : getShortenedAddress(walletAddress || "") : "",
-      !isReady && /* @__PURE__ */ import_react104.default.createElement(Wallet_default, null),
+      !isReady && /* @__PURE__ */ import_react105.default.createElement(Wallet_default, null),
       !isReady && "Connect Wallet"
-    ), isReady && /* @__PURE__ */ import_react104.default.createElement(CopyButton_default, { text: walletAddress })),
-    isReady && balance !== void 0 ? /* @__PURE__ */ import_react104.default.createElement("p", { className: "balance-info" }, formatUSD(balance), " ", selectedCoin, " available") : null
+    ), isReady && /* @__PURE__ */ import_react105.default.createElement(CopyButton_default, { text: walletAddress })),
+    isReady && balance !== void 0 ? /* @__PURE__ */ import_react105.default.createElement("p", { className: "balance-info" }, formatUSD(balance), " ", selectedCoin, " available") : null
   );
 };
 var WalletButton_default = WalletButton;
 
 // src/components/reusable/CoinDropdown.tsx
-var import_react108 = __toESM(require("react"), 1);
+var import_react109 = __toESM(require("react"), 1);
 var import_react_redux23 = require("react-redux");
 var import_react_redux24 = require("react-redux");
 
 // src/hooks/useCurrencyOptions.tsx
-var import_react106 = require("react");
+var import_react107 = require("react");
 var import_react_redux21 = require("react-redux");
 var import_react_redux22 = require("react-redux");
 function useCurrencyOptions(isSourceChain) {
@@ -4207,8 +4326,8 @@ function useCurrencyOptions(isSourceChain) {
   const chain = isSourceChain ? sourceChain : targetChain;
   const transactionOption = (0, import_react_redux21.useSelector)(selectTransactionOption);
   const networks = (0, import_react_redux21.useSelector)(selectNetworks);
-  const output = (0, import_react106.useMemo)(() => {
-    console.log("useCurrencyOptions: networks: ", networks);
+  const output = (0, import_react107.useMemo)(() => {
+    console.log("useCurrencyOptions: networks:", networks, isSourceChain);
     const networkTokenList = networks.find((network) => network.id === chain.id) || networks[0];
     console.log(
       "useCurrencyOptions: networkTokenList: ",
@@ -4216,9 +4335,9 @@ function useCurrencyOptions(isSourceChain) {
       chain
     );
     return !!networks ? { tokenList: networkTokenList?.supportedTokens } : { tokenList: [] };
-  }, [networks]);
+  }, [networks, chain]);
   const { tokenList } = output;
-  (0, import_react106.useEffect)(() => {
+  (0, import_react107.useEffect)(() => {
     if (!tokenList.length) return;
     if (mode === "payment" /* payment */ && !isSourceChain) return;
     const [firstToken] = tokenList;
@@ -4232,7 +4351,7 @@ function useCurrencyOptions(isSourceChain) {
 }
 
 // src/components/reusable/TokenIcon.tsx
-var import_react107 = __toESM(require("react"), 1);
+var import_react108 = __toESM(require("react"), 1);
 var COIN_LIST2 = {
   KEUR: KEUR_default,
   KIMAUSD: USDK_default,
@@ -4240,7 +4359,8 @@ var COIN_LIST2 = {
   USDK: USDK_default,
   USDT: USDT_default,
   WBTC: BTC_default,
-  USD: USD_default
+  USD: USD_default,
+  HONEY: Honey_default
 };
 function TokenIcon({
   symbol,
@@ -4253,22 +4373,22 @@ function TokenIcon({
     console.warn(`Token icon not found for symbol: ${symbol}`);
     return null;
   }
-  return /* @__PURE__ */ import_react107.default.createElement("div", { className: "icon-wrapper" }, /* @__PURE__ */ import_react107.default.createElement(Icon, { width, height }));
+  return /* @__PURE__ */ import_react108.default.createElement("div", { className: "icon-wrapper" }, /* @__PURE__ */ import_react108.default.createElement(Icon, { width, height }));
 }
 
 // src/components/reusable/CoinDropdown.tsx
 var CoinDropdown = ({
   isSourceChain = true
 }) => {
-  const ref = (0, import_react108.useRef)();
+  const ref = (0, import_react109.useRef)();
   const dispatch = (0, import_react_redux24.useDispatch)();
-  const [collapsed, setCollapsed] = (0, import_react108.useState)(true);
+  const [collapsed, setCollapsed] = (0, import_react109.useState)(true);
   const sourceCurrency = (0, import_react_redux23.useSelector)(selectSourceCurrency);
   const targetCurrency = (0, import_react_redux23.useSelector)(selectTargetCurrency);
   const { tokenList } = useCurrencyOptions(isSourceChain);
   const theme = (0, import_react_redux23.useSelector)(selectTheme);
   const tokenSymbol = isSourceChain ? sourceCurrency : targetCurrency;
-  (0, import_react108.useEffect)(() => {
+  (0, import_react109.useEffect)(() => {
     const bodyMouseDowntHandler = (e) => {
       if (ref?.current && !ref.current.contains(e.target)) {
         setCollapsed(true);
@@ -4286,41 +4406,41 @@ var CoinDropdown = ({
       dispatch(setTargetCurrency(symbol));
     }
   };
-  return /* @__PURE__ */ import_react108.default.createElement(
+  return /* @__PURE__ */ import_react109.default.createElement(
     "div",
     {
       className: `coin-dropdown ${theme.colorMode} ${collapsed ? "collapsed" : "toggled"}`,
       onClick: () => setCollapsed((prev) => !prev),
       ref
     },
-    /* @__PURE__ */ import_react108.default.createElement("div", { className: "coin-wrapper" }, /* @__PURE__ */ import_react108.default.createElement(TokenIcon, { symbol: tokenSymbol, width: 24, height: 24 }), /* @__PURE__ */ import_react108.default.createElement("span", { className: "coin" }, tokenSymbol)),
-    /* @__PURE__ */ import_react108.default.createElement(
+    /* @__PURE__ */ import_react109.default.createElement("div", { className: "coin-wrapper" }, /* @__PURE__ */ import_react109.default.createElement(TokenIcon, { symbol: tokenSymbol, width: 24, height: 24 }), /* @__PURE__ */ import_react109.default.createElement("span", { className: "coin" }, tokenSymbol)),
+    /* @__PURE__ */ import_react109.default.createElement(
       "div",
       {
         className: `coin-menu ${theme.colorMode} ${collapsed ? "collapsed" : "toggled"}`
       },
-      tokenList.map((token) => /* @__PURE__ */ import_react108.default.createElement(
+      tokenList.map((token) => /* @__PURE__ */ import_react109.default.createElement(
         "div",
         {
           className: `coin-item ${theme.colorMode}`,
           key: token.symbol,
           onClick: () => handleDropdownItemClick(token.symbol)
         },
-        /* @__PURE__ */ import_react108.default.createElement(TokenIcon, { symbol: token.symbol, width: 24, height: 24 }),
-        /* @__PURE__ */ import_react108.default.createElement("p", null, token.symbol)
+        /* @__PURE__ */ import_react109.default.createElement(TokenIcon, { symbol: token.symbol, width: 24, height: 24 }),
+        /* @__PURE__ */ import_react109.default.createElement("p", null, token.symbol)
       ))
     ),
-    /* @__PURE__ */ import_react108.default.createElement("div", { className: `dropdown-icon ${collapsed ? "toggled" : "collapsed"}` }, /* @__PURE__ */ import_react108.default.createElement(Arrow_default, { fill: "none" }))
+    /* @__PURE__ */ import_react109.default.createElement("div", { className: `dropdown-icon ${collapsed ? "toggled" : "collapsed"}` }, /* @__PURE__ */ import_react109.default.createElement(Arrow_default, { fill: "none" }))
   );
 };
 var CoinDropdown_default = CoinDropdown;
 
 // src/components/reusable/ConfirmDetails.tsx
-var import_react111 = __toESM(require("react"), 1);
+var import_react112 = __toESM(require("react"), 1);
 var import_react_redux26 = require("react-redux");
 
 // src/components/reusable/ChainIcon.tsx
-var import_react109 = __toESM(require("react"), 1);
+var import_react110 = __toESM(require("react"), 1);
 var chainIcons = {
   ETH: Ethereum_default,
   POL: Polygon_default,
@@ -4341,21 +4461,21 @@ function ChainIcon({
   const Icon = chainIcons[symbol];
   if (!Icon) {
     console.warn(`Chain icon not found for symbol: ${symbol}`);
-    return /* @__PURE__ */ import_react109.default.createElement(
+    return /* @__PURE__ */ import_react110.default.createElement(
       "div",
       {
         className: "icon"
       }
     );
   }
-  return /* @__PURE__ */ import_react109.default.createElement("div", { className: "icon" }, /* @__PURE__ */ import_react109.default.createElement(Icon, null));
+  return /* @__PURE__ */ import_react110.default.createElement("div", { className: "icon" }, /* @__PURE__ */ import_react110.default.createElement(Icon, null));
 }
 
 // src/components/reusable/ConfirmDetails.tsx
 var import_react_redux27 = require("react-redux");
 
 // src/components/reusable/FeeDeductionRadioButtons.tsx
-var import_react110 = __toESM(require("react"), 1);
+var import_react111 = __toESM(require("react"), 1);
 var import_react_redux25 = require("react-redux");
 var FeeDeductionRadioButtons = () => {
   const dispatch = (0, import_react_redux25.useDispatch)();
@@ -4370,7 +4490,7 @@ var FeeDeductionRadioButtons = () => {
   const handleChange = (value) => {
     dispatch(setFeeDeduct(value));
   };
-  return /* @__PURE__ */ import_react110.default.createElement("div", { className: `fee-deduction-radio-container ${theme.colorMode}` }, /* @__PURE__ */ import_react110.default.createElement("div", { className: "fee-options" }, /* @__PURE__ */ import_react110.default.createElement("label", { className: "fee-option" }, /* @__PURE__ */ import_react110.default.createElement(
+  return /* @__PURE__ */ import_react111.default.createElement("div", { className: `fee-deduction-radio-container ${theme.colorMode}` }, /* @__PURE__ */ import_react111.default.createElement("div", { className: "fee-options" }, /* @__PURE__ */ import_react111.default.createElement("label", { className: "fee-option" }, /* @__PURE__ */ import_react111.default.createElement(
     "input",
     {
       type: "radio",
@@ -4378,11 +4498,11 @@ var FeeDeductionRadioButtons = () => {
       checked: feeDeduct,
       onChange: () => handleChange(true)
     }
-  ), /* @__PURE__ */ import_react110.default.createElement("span", { className: `radio-label ${theme.colorMode}` }, `Pay $${formatterFloat2.format(
+  ), /* @__PURE__ */ import_react111.default.createElement("span", { className: `radio-label ${theme.colorMode}` }, `Pay $${formatterFloat2.format(
     Number(amount)
   )} ${sourceCurrency} in ${sourceNetwork.name} to receive $${formatterFloat2.format(
     Number(amount) - totalFeeUsd
-  )} ${targetCurrency} in ${targetNetwork.name}`)), /* @__PURE__ */ import_react110.default.createElement("label", { className: "fee-option" }, /* @__PURE__ */ import_react110.default.createElement(
+  )} ${targetCurrency} in ${targetNetwork.name}`)), /* @__PURE__ */ import_react111.default.createElement("label", { className: "fee-option" }, /* @__PURE__ */ import_react111.default.createElement(
     "input",
     {
       type: "radio",
@@ -4390,7 +4510,7 @@ var FeeDeductionRadioButtons = () => {
       checked: !feeDeduct,
       onChange: () => handleChange(false)
     }
-  ), /* @__PURE__ */ import_react110.default.createElement("span", { className: `radio-label ${theme.colorMode}` }, `Pay $${formatterFloat2.format(
+  ), /* @__PURE__ */ import_react111.default.createElement("span", { className: `radio-label ${theme.colorMode}` }, `Pay $${formatterFloat2.format(
     Number(amount) + totalFeeUsd
   )} ${sourceCurrency} in ${sourceNetwork.name} to receive $${formatterFloat2.format(
     Number(amount)
@@ -4415,11 +4535,11 @@ var ConfirmDetails = ({ isApproved }) => {
   const networkOptions3 = (0, import_react_redux26.useSelector)(selectNetworks);
   const transactionOption = (0, import_react_redux26.useSelector)(selectTransactionOption);
   const { walletAddress } = useIsWalletReady4();
-  const originNetworkOption = (0, import_react111.useMemo)(
+  const originNetworkOption = (0, import_react112.useMemo)(
     () => networkOptions3.filter((network) => network.id === originNetwork.id)[0],
     [networkOptions3, originNetwork]
   );
-  const targetNetworkOption = (0, import_react111.useMemo)(
+  const targetNetworkOption = (0, import_react112.useMemo)(
     () => networkOptions3.filter(
       (network) => network.shortName === (mode === "payment" /* payment */ ? transactionOption?.targetChain : targetNetwork.shortName)
     )[0],
@@ -4428,32 +4548,32 @@ var ConfirmDetails = ({ isApproved }) => {
   const sourceCurrency = (0, import_react_redux26.useSelector)(selectSourceCurrency);
   const targetCurrency = (0, import_react_redux26.useSelector)(selectTargetCurrency);
   const { width, updateWidth } = useWidth_default();
-  (0, import_react111.useEffect)(() => {
+  (0, import_react112.useEffect)(() => {
     width === 0 && updateWidth(window.innerWidth);
   }, []);
-  const sourceWalletAddress = (0, import_react111.useMemo)(() => {
+  const sourceWalletAddress = (0, import_react112.useMemo)(() => {
     return width >= 916 ? walletAddress : getShortenedAddress(walletAddress || "");
   }, [width, walletAddress]);
-  const targetWalletAddress = (0, import_react111.useMemo)(() => {
+  const targetWalletAddress = (0, import_react112.useMemo)(() => {
     return getShortenedAddress(
       (mode === "payment" /* payment */ ? transactionOption?.targetAddress : targetAddress) || ""
     );
   }, [mode, transactionOption, targetAddress]);
-  const amountToShow = (0, import_react111.useMemo)(() => {
+  const amountToShow = (0, import_react112.useMemo)(() => {
     if (originNetwork.shortName === "BTC" /* BTC */ || targetNetwork.shortName === "BTC" /* BTC */) {
       return (feeDeduct ? +amount : +amount + totalFeeUsd).toFixed(8);
     }
     return formatterFloat2.format(feeDeduct ? +amount : +amount + totalFeeUsd);
   }, [amount, totalFeeUsd, originNetwork, targetNetwork, feeDeduct]);
-  return /* @__PURE__ */ import_react111.default.createElement("div", { className: `confirm-details ${theme.colorMode}` }, /* @__PURE__ */ import_react111.default.createElement("p", null, "Step ", isApproved ? "2" : "1", "\xA0of 2\xA0\xA0\xA0", isApproved ? "Submit transaction" : originNetwork.shortName === "FIAT" /* FIAT */ ? "Bank Details" : "Approval"), originNetwork.shortName === "FIAT" /* FIAT */ ? /* @__PURE__ */ import_react111.default.createElement("div", null, /* @__PURE__ */ import_react111.default.createElement("div", { className: "detail-item" }, /* @__PURE__ */ import_react111.default.createElement("span", { className: "label" }, "IBAN:"), /* @__PURE__ */ import_react111.default.createElement("span", { className: `kima-card-network-label ${theme.colorMode}` }, /* @__PURE__ */ import_react111.default.createElement(ChainIcon, { symbol: originNetworkOption?.shortName }), "FIAT"), /* @__PURE__ */ import_react111.default.createElement("p", null, "ES6621000418401234567891")), /* @__PURE__ */ import_react111.default.createElement("div", { className: "detail-item" }, /* @__PURE__ */ import_react111.default.createElement("span", { className: "label" }, "Recipient:"), /* @__PURE__ */ import_react111.default.createElement("p", null, "Kima Sandbox")), /* @__PURE__ */ import_react111.default.createElement("div", { className: "detail-item" }, /* @__PURE__ */ import_react111.default.createElement("span", { className: "label" }, "BIC:"), /* @__PURE__ */ import_react111.default.createElement("p", null, "CAIXESBBXXX")), /* @__PURE__ */ import_react111.default.createElement("div", { className: "detail-item" }, /* @__PURE__ */ import_react111.default.createElement("span", { className: "label" }, "Description:"), /* @__PURE__ */ import_react111.default.createElement("p", { className: "signature" }, signature))) : /* @__PURE__ */ import_react111.default.createElement("div", { className: "detail-item" }, /* @__PURE__ */ import_react111.default.createElement("span", { className: "label" }, "Source wallet:"), /* @__PURE__ */ import_react111.default.createElement("div", { className: "network-details" }, /* @__PURE__ */ import_react111.default.createElement("div", { className: "kima-card-network-container" }, /* @__PURE__ */ import_react111.default.createElement("span", { className: `kima-card-network-label ${theme.colorMode}` }, /* @__PURE__ */ import_react111.default.createElement(ChainIcon, { symbol: originNetworkOption?.shortName }), originNetworkOption.name)), /* @__PURE__ */ import_react111.default.createElement("p", { className: theme.colorMode }, width >= 916 ? dAppOption === "LPDrain" /* LPDrain */ ? targetAddress : walletAddress : dAppOption === "LPDrain" /* LPDrain */ ? targetWalletAddress : sourceWalletAddress))), /* @__PURE__ */ import_react111.default.createElement("div", { className: "detail-item amount" }, /* @__PURE__ */ import_react111.default.createElement("span", { className: "label" }, "Transaction", width > 500 && /* @__PURE__ */ import_react111.default.createElement("br", null), "Details:"), /* @__PURE__ */ import_react111.default.createElement("span", { className: "amount-container" }, /* @__PURE__ */ import_react111.default.createElement("div", { className: "amount-details" }, /* @__PURE__ */ import_react111.default.createElement("span", null, "Source Transfer amount"), /* @__PURE__ */ import_react111.default.createElement("div", { className: "coin-details" }, /* @__PURE__ */ import_react111.default.createElement("p", null, feeDeduct ? formatterFloat2.format(Number(amount)) : formatterFloat2.format(Number(amount) + totalFeeUsd), " ", sourceCurrency)), sourceCurrency !== targetCurrency && /* @__PURE__ */ import_react111.default.createElement("div", { className: "coin-details" }, "\u2192 ", targetCurrency)), /* @__PURE__ */ import_react111.default.createElement("div", { className: "amount-details" }, /* @__PURE__ */ import_react111.default.createElement("span", null, "Source Network Fee (", originNetwork.shortName, ")"), /* @__PURE__ */ import_react111.default.createElement("span", { className: "service-fee" }, formatterFloat2.format(sourceNetworkFee?.amount || 0), " ", sourceCurrency)), /* @__PURE__ */ import_react111.default.createElement("div", { className: "amount-details" }, /* @__PURE__ */ import_react111.default.createElement("span", null, "Target Network Fee (", targetNetwork.shortName, ")"), /* @__PURE__ */ import_react111.default.createElement("span", { className: "service-fee" }, formatterFloat2.format(targetNetworkFee?.amount || 0), " ", sourceCurrency)), /* @__PURE__ */ import_react111.default.createElement("div", { className: "amount-details" }, /* @__PURE__ */ import_react111.default.createElement("span", null, "Target Transfer Amount"), /* @__PURE__ */ import_react111.default.createElement("span", { className: "service-fee" }, !feeDeduct ? formatterFloat2.format(Number(amount)) : formatterFloat2.format(Number(amount) - totalFeeUsd), " ", targetCurrency)))), targetNetwork.shortName === "FIAT" /* FIAT */ ? /* @__PURE__ */ import_react111.default.createElement("div", null, /* @__PURE__ */ import_react111.default.createElement("div", { className: "detail-item" }, /* @__PURE__ */ import_react111.default.createElement("span", { className: "label" }, "IBAN:"), /* @__PURE__ */ import_react111.default.createElement("p", null, bankDetails.iban), /* @__PURE__ */ import_react111.default.createElement("span", { className: `kima-card-network-label ${theme.colorMode}` }, /* @__PURE__ */ import_react111.default.createElement(ChainIcon, { symbol: targetNetworkOption?.shortName }), "FIAT")), /* @__PURE__ */ import_react111.default.createElement("div", { className: "detail-item" }, /* @__PURE__ */ import_react111.default.createElement("span", { className: "label" }, "Recipient:"), /* @__PURE__ */ import_react111.default.createElement("p", null, bankDetails.recipient))) : /* @__PURE__ */ import_react111.default.createElement("div", { className: "detail-item" }, /* @__PURE__ */ import_react111.default.createElement("span", { className: "label" }, "Target wallet:"), /* @__PURE__ */ import_react111.default.createElement("div", { className: "network-details" }, /* @__PURE__ */ import_react111.default.createElement("div", { className: "kima-card-network-container" }, /* @__PURE__ */ import_react111.default.createElement("span", { className: `kima-card-network-label ${theme.colorMode}` }, /* @__PURE__ */ import_react111.default.createElement(ChainIcon, { symbol: targetNetworkOption?.shortName }), targetNetworkOption?.name)), /* @__PURE__ */ import_react111.default.createElement("p", { className: theme.colorMode }, width >= 916 ? dAppOption === "LPDrain" /* LPDrain */ ? walletAddress : targetAddress : dAppOption === "LPDrain" /* LPDrain */ ? sourceWalletAddress : targetWalletAddress))), mode === "bridge" /* bridge */ && totalFeeUsd > 0 ? (
+  return /* @__PURE__ */ import_react112.default.createElement("div", { className: `confirm-details ${theme.colorMode}` }, /* @__PURE__ */ import_react112.default.createElement("p", null, "Step ", isApproved ? "2" : "1", "\xA0of 2\xA0\xA0\xA0", isApproved ? "Submit transaction" : originNetwork.shortName === "FIAT" /* FIAT */ ? "Bank Details" : "Approval"), originNetwork.shortName === "FIAT" /* FIAT */ ? /* @__PURE__ */ import_react112.default.createElement("div", null, /* @__PURE__ */ import_react112.default.createElement("div", { className: "detail-item" }, /* @__PURE__ */ import_react112.default.createElement("span", { className: "label" }, "IBAN:"), /* @__PURE__ */ import_react112.default.createElement("span", { className: `kima-card-network-label ${theme.colorMode}` }, /* @__PURE__ */ import_react112.default.createElement(ChainIcon, { symbol: originNetworkOption?.shortName }), "FIAT"), /* @__PURE__ */ import_react112.default.createElement("p", null, "ES6621000418401234567891")), /* @__PURE__ */ import_react112.default.createElement("div", { className: "detail-item" }, /* @__PURE__ */ import_react112.default.createElement("span", { className: "label" }, "Recipient:"), /* @__PURE__ */ import_react112.default.createElement("p", null, "Kima Sandbox")), /* @__PURE__ */ import_react112.default.createElement("div", { className: "detail-item" }, /* @__PURE__ */ import_react112.default.createElement("span", { className: "label" }, "BIC:"), /* @__PURE__ */ import_react112.default.createElement("p", null, "CAIXESBBXXX")), /* @__PURE__ */ import_react112.default.createElement("div", { className: "detail-item" }, /* @__PURE__ */ import_react112.default.createElement("span", { className: "label" }, "Description:"), /* @__PURE__ */ import_react112.default.createElement("p", { className: "signature" }, signature))) : /* @__PURE__ */ import_react112.default.createElement("div", { className: "detail-item" }, /* @__PURE__ */ import_react112.default.createElement("span", { className: "label" }, "Source wallet:"), /* @__PURE__ */ import_react112.default.createElement("div", { className: "network-details" }, /* @__PURE__ */ import_react112.default.createElement("div", { className: "kima-card-network-container" }, /* @__PURE__ */ import_react112.default.createElement("span", { className: `kima-card-network-label ${theme.colorMode}` }, /* @__PURE__ */ import_react112.default.createElement(ChainIcon, { symbol: originNetworkOption?.shortName }), originNetworkOption.name)), /* @__PURE__ */ import_react112.default.createElement("p", { className: theme.colorMode }, width >= 916 ? dAppOption === "LPDrain" /* LPDrain */ ? targetAddress : walletAddress : dAppOption === "LPDrain" /* LPDrain */ ? targetWalletAddress : sourceWalletAddress))), /* @__PURE__ */ import_react112.default.createElement("div", { className: "detail-item amount" }, /* @__PURE__ */ import_react112.default.createElement("span", { className: "label" }, "Transaction", width > 500 && /* @__PURE__ */ import_react112.default.createElement("br", null), "Details:"), /* @__PURE__ */ import_react112.default.createElement("span", { className: "amount-container" }, /* @__PURE__ */ import_react112.default.createElement("div", { className: "amount-details" }, /* @__PURE__ */ import_react112.default.createElement("span", null, "Source Transfer amount"), /* @__PURE__ */ import_react112.default.createElement("div", { className: "coin-details" }, /* @__PURE__ */ import_react112.default.createElement("p", null, feeDeduct ? formatterFloat2.format(Number(amount)) : formatterFloat2.format(Number(amount) + totalFeeUsd), " ", sourceCurrency)), sourceCurrency !== targetCurrency && /* @__PURE__ */ import_react112.default.createElement("div", { className: "coin-details" }, "\u2192 ", targetCurrency)), /* @__PURE__ */ import_react112.default.createElement("div", { className: "amount-details" }, /* @__PURE__ */ import_react112.default.createElement("span", null, "Source Network Fee (", originNetwork.shortName, ")"), /* @__PURE__ */ import_react112.default.createElement("span", { className: "service-fee" }, formatterFloat2.format(sourceNetworkFee?.amount || 0), " ", sourceCurrency)), /* @__PURE__ */ import_react112.default.createElement("div", { className: "amount-details" }, /* @__PURE__ */ import_react112.default.createElement("span", null, "Target Network Fee (", targetNetwork.shortName, ")"), /* @__PURE__ */ import_react112.default.createElement("span", { className: "service-fee" }, formatterFloat2.format(targetNetworkFee?.amount || 0), " ", sourceCurrency)), /* @__PURE__ */ import_react112.default.createElement("div", { className: "amount-details" }, /* @__PURE__ */ import_react112.default.createElement("span", null, "Target Transfer Amount"), /* @__PURE__ */ import_react112.default.createElement("span", { className: "service-fee" }, !feeDeduct ? formatterFloat2.format(Number(amount)) : formatterFloat2.format(Number(amount) - totalFeeUsd), " ", targetCurrency)))), targetNetwork.shortName === "FIAT" /* FIAT */ ? /* @__PURE__ */ import_react112.default.createElement("div", null, /* @__PURE__ */ import_react112.default.createElement("div", { className: "detail-item" }, /* @__PURE__ */ import_react112.default.createElement("span", { className: "label" }, "IBAN:"), /* @__PURE__ */ import_react112.default.createElement("p", null, bankDetails.iban), /* @__PURE__ */ import_react112.default.createElement("span", { className: `kima-card-network-label ${theme.colorMode}` }, /* @__PURE__ */ import_react112.default.createElement(ChainIcon, { symbol: targetNetworkOption?.shortName }), "FIAT")), /* @__PURE__ */ import_react112.default.createElement("div", { className: "detail-item" }, /* @__PURE__ */ import_react112.default.createElement("span", { className: "label" }, "Recipient:"), /* @__PURE__ */ import_react112.default.createElement("p", null, bankDetails.recipient))) : /* @__PURE__ */ import_react112.default.createElement("div", { className: "detail-item" }, /* @__PURE__ */ import_react112.default.createElement("span", { className: "label" }, "Target wallet:"), /* @__PURE__ */ import_react112.default.createElement("div", { className: "network-details" }, /* @__PURE__ */ import_react112.default.createElement("div", { className: "kima-card-network-container" }, /* @__PURE__ */ import_react112.default.createElement("span", { className: `kima-card-network-label ${theme.colorMode}` }, /* @__PURE__ */ import_react112.default.createElement(ChainIcon, { symbol: targetNetworkOption?.shortName }), targetNetworkOption?.name)), /* @__PURE__ */ import_react112.default.createElement("p", { className: theme.colorMode }, width >= 916 ? dAppOption === "LPDrain" /* LPDrain */ ? walletAddress : targetAddress : dAppOption === "LPDrain" /* LPDrain */ ? sourceWalletAddress : targetWalletAddress))), mode === "bridge" /* bridge */ && totalFeeUsd > 0 ? (
     // <FeeDeductionSlider />
-    /* @__PURE__ */ import_react111.default.createElement(FeeDeductionRadioButtons_default, null)
+    /* @__PURE__ */ import_react112.default.createElement(FeeDeductionRadioButtons_default, null)
   ) : null);
 };
 var ConfirmDetails_default = ConfirmDetails;
 
 // src/components/reusable/AddressInput.tsx
-var import_react112 = __toESM(require("react"), 1);
+var import_react113 = __toESM(require("react"), 1);
 var import_react_redux28 = require("react-redux");
 var import_react_redux29 = require("react-redux");
 var AddressInput = ({
@@ -4469,7 +4589,7 @@ var AddressInput = ({
   const isEvm = (chain) => {
     return chain !== "SOL" && chain !== "TRX" && chain !== "BTC";
   };
-  (0, import_react112.useEffect)(() => {
+  (0, import_react113.useEffect)(() => {
     if (mode === "payment" /* payment */) return;
     if (isEvm(sourceChain) && isEvm(targetChain)) {
       dispatch(setTargetAddress(isReady && sourceAddress ? sourceAddress : ""));
@@ -4480,7 +4600,7 @@ var AddressInput = ({
     );
     dispatch(setTargetAddress(""));
   }, [sourceChain, targetChain, sourceAddress, isReady, mode, dispatch]);
-  return /* @__PURE__ */ import_react112.default.createElement(
+  return /* @__PURE__ */ import_react113.default.createElement(
     "input",
     {
       className: `kima-address-input ${theme}`,
@@ -4495,11 +4615,11 @@ var AddressInput = ({
 var AddressInput_default = AddressInput;
 
 // src/components/reusable/CustomCheckbox.tsx
-var import_react113 = __toESM(require("react"), 1);
+var import_react114 = __toESM(require("react"), 1);
 var import_react_redux30 = require("react-redux");
 
 // src/components/reusable/StepBox.tsx
-var import_react114 = __toESM(require("react"), 1);
+var import_react115 = __toESM(require("react"), 1);
 var import_react_redux31 = require("react-redux");
 var stepInfo2 = [
   {
@@ -4522,63 +4642,64 @@ var StepBox = ({ step, errorStep, loadingStep, data }) => {
   const theme = (0, import_react_redux31.useSelector)(selectTheme);
   const explorerUrl = (0, import_react_redux31.useSelector)(selectKimaExplorer);
   const networkOption = (0, import_react_redux31.useSelector)(selectNetworkOption);
-  const networkOptions3 = (0, import_react_redux31.useSelector)(selectNetworks);
-  const originNetworkOption = networkOptions3.find(
-    (network) => network.id === data?.sourceChain
+  const networks = (0, import_react_redux31.useSelector)(selectNetworks);
+  const sourceChain = (0, import_react115.useMemo)(
+    () => networks.find((network) => network.shortName === data?.sourceChain),
+    [data, networks]
   );
-  const targetnNetworkOption = networkOptions3.find(
-    (network) => network.id === data?.targetChain
+  const targetChain = (0, import_react115.useMemo)(
+    () => networks.find((network) => network.shortName === data?.targetChain),
+    [data, networks]
   );
-  const CHAIN_NAMES_TO_EXPLORER = networkOption === "mainnet" /* mainnet */ ? CHAIN_NAMES_TO_EXPLORER_MAINNET : CHAIN_NAMES_TO_EXPLORER_TESTNET;
-  return /* @__PURE__ */ import_react114.default.createElement("div", { className: "kima-stepbox" }, /* @__PURE__ */ import_react114.default.createElement("div", { className: `content-wrapper ${theme.colorMode}` }, stepInfo2.map((item, index) => /* @__PURE__ */ import_react114.default.createElement("div", { key: item.title, className: "step-item" }, /* @__PURE__ */ import_react114.default.createElement(
+  return /* @__PURE__ */ import_react115.default.createElement("div", { className: "kima-stepbox" }, /* @__PURE__ */ import_react115.default.createElement("div", { className: `content-wrapper ${theme.colorMode}` }, stepInfo2.map((item, index) => /* @__PURE__ */ import_react115.default.createElement("div", { key: item.title, className: "step-item" }, /* @__PURE__ */ import_react115.default.createElement(
     "div",
     {
       className: `info-item
                   ${step >= index ? index === loadingStep ? "active" : index === errorStep ? "error" : "completed" : ""} 
                   ${step < index && "locked"} ${theme.colorMode}`
     },
-    step < index && /* @__PURE__ */ import_react114.default.createElement(Lock_default, null),
-    step >= index ? index === loadingStep ? /* @__PURE__ */ import_react114.default.createElement(Loader_default, { className: "loader" }) : index === errorStep ? /* @__PURE__ */ import_react114.default.createElement(Warning_default, null) : /* @__PURE__ */ import_react114.default.createElement(Check_default, null) : null,
-    /* @__PURE__ */ import_react114.default.createElement("p", null, item.title)
-  ), index === 0 && data?.kimaTxHash ? /* @__PURE__ */ import_react114.default.createElement("div", { className: `info-item ${theme.colorMode}` }, /* @__PURE__ */ import_react114.default.createElement("div", { className: "icon" }, /* @__PURE__ */ import_react114.default.createElement(USDK_default, { width: 30, height: 30 })), /* @__PURE__ */ import_react114.default.createElement("p", { className: "chain-name" }, "Kima TX ID:"), /* @__PURE__ */ import_react114.default.createElement("p", null, /* @__PURE__ */ import_react114.default.createElement(
+    step < index && /* @__PURE__ */ import_react115.default.createElement(Lock_default, null),
+    step >= index ? index === loadingStep ? /* @__PURE__ */ import_react115.default.createElement(Loader_default, { className: "loader" }) : index === errorStep ? /* @__PURE__ */ import_react115.default.createElement(Warning_default, null) : /* @__PURE__ */ import_react115.default.createElement(Check_default, null) : null,
+    /* @__PURE__ */ import_react115.default.createElement("p", null, item.title)
+  ), index === 0 && data?.kimaTxHash ? /* @__PURE__ */ import_react115.default.createElement("div", { className: `info-item ${theme.colorMode}` }, /* @__PURE__ */ import_react115.default.createElement("div", { className: "icon" }, /* @__PURE__ */ import_react115.default.createElement(USDK_default, { width: 30, height: 30 })), /* @__PURE__ */ import_react115.default.createElement("p", { className: "chain-name" }, "Kima TX ID:"), /* @__PURE__ */ import_react115.default.createElement("p", null, /* @__PURE__ */ import_react115.default.createElement(
     ExternalLink_default,
     {
       to: `${explorerUrl}/transactions/?tx=${data?.kimaTxHash}`
     },
     getShortenedAddress(data?.kimaTxHash || "")
-  ), /* @__PURE__ */ import_react114.default.createElement(CopyButton_default, { text: data?.kimaTxHash }))) : null, index === 1 && data?.tssPullHash ? /* @__PURE__ */ import_react114.default.createElement(
+  ), /* @__PURE__ */ import_react115.default.createElement(CopyButton_default, { text: data?.kimaTxHash }))) : null, index === 1 && data?.tssPullHash ? /* @__PURE__ */ import_react115.default.createElement(
     "div",
     {
       className: `info-item ${theme.colorMode} source-chain ${step >= 3 ? "paid" : ""}`
     },
-    /* @__PURE__ */ import_react114.default.createElement(ChainIcon, { symbol: originNetworkOption?.id }),
-    /* @__PURE__ */ import_react114.default.createElement("p", { className: "chain-name" }, CHAIN_NAMES_TO_STRING[data?.sourceChain || "ETH" /* ETHEREUM */], " ", "TX ID:"),
-    /* @__PURE__ */ import_react114.default.createElement("p", null, /* @__PURE__ */ import_react114.default.createElement(
+    /* @__PURE__ */ import_react115.default.createElement(ChainIcon, { symbol: data.sourceChain }),
+    /* @__PURE__ */ import_react115.default.createElement("p", { className: "chain-name" }, sourceChain?.name, " TX ID:"),
+    /* @__PURE__ */ import_react115.default.createElement("p", null, /* @__PURE__ */ import_react115.default.createElement(
       ExternalLink_default,
       {
-        to: `https://${CHAIN_NAMES_TO_EXPLORER[data?.sourceChain || "ETH" /* ETHEREUM */]}/${data?.sourceChain === "TRX" /* TRON */ ? "transaction" : "tx"}/${data?.tssPullHash}${data?.sourceChain === "SOL" /* SOLANA */ && networkOption === "testnet" /* testnet */ ? "?cluster=devnet" : ""}`
+        to: `${sourceChain?.blockExplorers?.default.url}/${data?.sourceChain === "TRX" /* TRON */ ? "transaction" : "tx"}/${data?.tssPullHash}${data?.sourceChain === "SOL" /* SOLANA */ && networkOption === "testnet" /* testnet */ ? "?cluster=devnet" : ""}`
       },
       getShortenedAddress(data?.tssPullHash || "")
-    ), /* @__PURE__ */ import_react114.default.createElement(CopyButton_default, { text: data?.tssPullHash || "" }))
-  ) : null, index === 3 && data?.tssReleaseHash ? /* @__PURE__ */ import_react114.default.createElement("div", { className: `info-item ${theme.colorMode} target-chain` }, /* @__PURE__ */ import_react114.default.createElement(ChainIcon, { symbol: targetnNetworkOption?.id }), /* @__PURE__ */ import_react114.default.createElement("p", { className: "chain-name" }, CHAIN_NAMES_TO_STRING[data?.targetChain || "ETH" /* ETHEREUM */], " ", "TX ID:"), /* @__PURE__ */ import_react114.default.createElement("p", null, /* @__PURE__ */ import_react114.default.createElement(
+    ), /* @__PURE__ */ import_react115.default.createElement(CopyButton_default, { text: data?.tssPullHash || "" }))
+  ) : null, index === 3 && data?.tssReleaseHash ? /* @__PURE__ */ import_react115.default.createElement("div", { className: `info-item ${theme.colorMode} target-chain` }, /* @__PURE__ */ import_react115.default.createElement(ChainIcon, { symbol: data.targetChain }), /* @__PURE__ */ import_react115.default.createElement("p", { className: "chain-name" }, targetChain?.name, " TX ID:"), /* @__PURE__ */ import_react115.default.createElement("p", null, /* @__PURE__ */ import_react115.default.createElement(
     ExternalLink_default,
     {
-      to: `https://${CHAIN_NAMES_TO_EXPLORER[data?.targetChain || "ETH" /* ETHEREUM */]}/${data?.targetChain === "TRX" /* TRON */ ? "transaction" : "tx"}/${data?.tssReleaseHash}${data?.targetChain === "SOL" /* SOLANA */ && networkOption === "testnet" /* testnet */ ? "?cluster=devnet" : ""}`
+      to: `${targetChain?.blockExplorers?.default.url}/${data?.targetChain === "TRX" /* TRON */ ? "transaction" : "tx"}/${data?.tssReleaseHash}${data?.targetChain === "SOL" /* SOLANA */ && networkOption === "testnet" /* testnet */ ? "?cluster=devnet" : ""}`
     },
     getShortenedAddress(data?.tssReleaseHash || "")
-  ), /* @__PURE__ */ import_react114.default.createElement(CopyButton_default, { text: data?.tssReleaseHash || "" }))) : null))));
+  ), /* @__PURE__ */ import_react115.default.createElement(CopyButton_default, { text: data?.tssReleaseHash || "" }))) : null))));
 };
 var StepBox_default = StepBox;
 
 // src/components/reusable/BankInput.tsx
-var import_react115 = __toESM(require("react"), 1);
+var import_react116 = __toESM(require("react"), 1);
 var import_react_redux32 = require("react-redux");
 var import_react_redux33 = require("react-redux");
 var BankInput = () => {
   const dispatch = (0, import_react_redux32.useDispatch)();
   const theme = (0, import_react_redux33.useSelector)(selectTheme);
   const bankDetails = (0, import_react_redux33.useSelector)(selectBankDetails);
-  return /* @__PURE__ */ import_react115.default.createElement("div", { className: "bank-input" }, /* @__PURE__ */ import_react115.default.createElement("div", { className: `form-item ${theme.colorMode}` }, /* @__PURE__ */ import_react115.default.createElement("span", { className: "label" }, "IBAN:"), /* @__PURE__ */ import_react115.default.createElement(
+  return /* @__PURE__ */ import_react116.default.createElement("div", { className: "bank-input" }, /* @__PURE__ */ import_react116.default.createElement("div", { className: `form-item ${theme.colorMode}` }, /* @__PURE__ */ import_react116.default.createElement("span", { className: "label" }, "IBAN:"), /* @__PURE__ */ import_react116.default.createElement(
     "input",
     {
       className: "kima-address-input",
@@ -4586,7 +4707,7 @@ var BankInput = () => {
       value: bankDetails.iban,
       onChange: (e) => dispatch(setBankDetails({ ...bankDetails, iban: e.target.value }))
     }
-  )), /* @__PURE__ */ import_react115.default.createElement("div", { className: `form-item ${theme.colorMode}` }, /* @__PURE__ */ import_react115.default.createElement("span", { className: "label" }, "Recipient:"), /* @__PURE__ */ import_react115.default.createElement(
+  )), /* @__PURE__ */ import_react116.default.createElement("div", { className: `form-item ${theme.colorMode}` }, /* @__PURE__ */ import_react116.default.createElement("span", { className: "label" }, "Recipient:"), /* @__PURE__ */ import_react116.default.createElement(
     "input",
     {
       className: "kima-address-input",
@@ -4601,7 +4722,7 @@ var BankInput = () => {
 var BankInput_default = BankInput;
 
 // src/components/reusable/TxButton.tsx
-var import_react116 = __toESM(require("react"), 1);
+var import_react117 = __toESM(require("react"), 1);
 var import_react_redux34 = require("react-redux");
 var import_react_redux35 = require("react-redux");
 var TxButton = ({ theme }) => {
@@ -4610,14 +4731,14 @@ var TxButton = ({ theme }) => {
     dispatch(setPendingTxPopup(true));
   };
   const txCount = (0, import_react_redux35.useSelector)(selectPendingTxs);
-  return /* @__PURE__ */ import_react116.default.createElement(
+  return /* @__PURE__ */ import_react117.default.createElement(
     "button",
     {
       className: `secondary-button tx-button ${theme.colorMode}`,
       onClick: handleClick
     },
     txCount,
-    /* @__PURE__ */ import_react116.default.createElement(
+    /* @__PURE__ */ import_react117.default.createElement(
       ring_default,
       {
         height: 16,
@@ -4630,15 +4751,16 @@ var TxButton = ({ theme }) => {
 var TxButton_default = TxButton;
 
 // src/components/TransactionWidget.tsx
-var import_react_redux36 = require("react-redux");
-var import_react_redux37 = require("react-redux");
 var import_react_redux38 = require("react-redux");
-var import_react_hot_toast2 = require("react-hot-toast");
+var import_react_redux39 = require("react-redux");
+var import_react_redux40 = require("react-redux");
+var import_react_hot_toast3 = require("react-hot-toast");
 
 // src/hooks/useGetTxData.ts
-var import_react117 = require("react");
+var import_react118 = require("react");
 var import_react_query12 = require("@tanstack/react-query");
-var POLLING_INTERVAL_MS = 1e3 * 10;
+
+// src/services/transactionApi.ts
 var emptyStatus = {
   status: "Available" /* AVAILABLE */,
   sourceChain: "",
@@ -4647,7 +4769,7 @@ var emptyStatus = {
   tssReleaseHash: "",
   sourceSymbol: "",
   targetSymbol: "",
-  amount: 0,
+  amount: "",
   kimaTxHash: "",
   failReason: ""
 };
@@ -4692,28 +4814,39 @@ var isFinished = (data) => {
     "UnAvailable" /* UNAVAILABLE */
   ].includes(data.status);
 };
+var getTxData = async ({
+  txId,
+  isLP,
+  backendUrl,
+  refPollForUpdates
+}) => {
+  try {
+    const path = isLP ? "tx/lp" : "tx";
+    const response = await fetchWrapper.get(
+      `${backendUrl}/${path}/${txId}/status`
+    );
+    if (typeof response === "string") throw new Error(response);
+    const data = selectStatus(
+      response
+    );
+    refPollForUpdates.current = !isFinished(data);
+    return data;
+  } catch (error) {
+    console.error(`Error fetching transaction ${txId} data:`, error);
+    throw new Error(
+      `Error fetching transaction ${txId} data: ${JSON.stringify(error)}`
+    );
+  }
+};
+
+// src/hooks/useGetTxData.ts
+var POLLING_INTERVAL_MS = 1e3 * 10;
 var useGetTxData = (txId, dAppOption, backendUrl) => {
-  const refPollForUpdates = (0, import_react117.useRef)(false);
+  const refPollForUpdates = (0, import_react118.useRef)(false);
   const isLP = dAppOption === "LPAdd" /* LPAdd */ || dAppOption === "LPDrain" /* LPDrain */;
   const result = (0, import_react_query12.useQuery)({
     queryKey: ["txData", txId, dAppOption],
-    queryFn: async () => {
-      try {
-        const path = isLP ? "tx/lp" : "tx";
-        const response = await fetchWrapper.get(
-          `${backendUrl}/${path}/${txId}/status`
-        );
-        if (typeof response === "string") throw new Error(response);
-        const data = selectStatus(
-          response
-        );
-        refPollForUpdates.current = !isFinished(data);
-        return data;
-      } catch (error) {
-        console.error(`Error fetching transaction ${txId} data:`, error);
-        return null;
-      }
-    },
+    queryFn: async () => await getTxData({ txId, isLP, backendUrl, refPollForUpdates }),
     // only poll for updates while the transaction is in progress
     refetchInterval: refPollForUpdates.current ? POLLING_INTERVAL_MS : false,
     // 10 sec
@@ -4724,34 +4857,125 @@ var useGetTxData = (txId, dAppOption, backendUrl) => {
 };
 var useGetTxData_default = useGetTxData;
 
+// src/components/reusable/TransactionStatusMessage.tsx
+var import_react119 = __toESM(require("react"), 1);
+var TransactionStatusMessage = ({
+  isCompleted,
+  transactionId
+}) => {
+  return /* @__PURE__ */ import_react119.default.createElement("div", { className: "transaction-status-message" }, /* @__PURE__ */ import_react119.default.createElement("h2", null, isCompleted !== "Completed" /* COMPLETED */ && "Your transaction is currently being processed.", " ", "Please copy the Transaction ID below for future reference. You can use this ID to track the transaction status or resolve any issues if needed."), /* @__PURE__ */ import_react119.default.createElement("span", { className: "transaction-copy" }, /* @__PURE__ */ import_react119.default.createElement("h3", null, transactionId), /* @__PURE__ */ import_react119.default.createElement(CopyButton_default, { text: transactionId })));
+};
+var TransactionStatusMessage_default = TransactionStatusMessage;
+
+// src/components/reusable/TransactionSearch.tsx
+var import_react120 = __toESM(require("react"), 1);
+var import_react_redux36 = require("react-redux");
+var import_react_redux37 = require("react-redux");
+var import_react_hot_toast2 = __toESM(require("react-hot-toast"), 1);
+var TransactionSearch = () => {
+  const theme = (0, import_react_redux36.useSelector)(selectTheme);
+  const backendUrl = (0, import_react_redux36.useSelector)(selectBackendUrl);
+  const dispatch = (0, import_react_redux37.useDispatch)();
+  const [transactionId, setTransactionId] = (0, import_react120.useState)("");
+  const refPollForUpdates = (0, import_react120.useRef)(false);
+  const handleSearch = async () => {
+    if (transactionId.length <= 0)
+      return import_react_hot_toast2.default.error("You must provide a valid transaction id", {
+        icon: /* @__PURE__ */ import_react120.default.createElement(Error_default, null)
+      });
+    try {
+      const data = await getTxData({
+        txId: transactionId,
+        backendUrl,
+        refPollForUpdates,
+        isLP: false
+      });
+      console.log("transaction data: ", data);
+      dispatch(setTxId(transactionId));
+      dispatch(setMode("status" /* status */));
+      dispatch(setSubmitted(true));
+    } catch (error) {
+      console.error("Error searching transaction: ", error);
+      return import_react_hot_toast2.default.error(
+        "Transaction not found. Please check for the proper transaction id.",
+        { icon: /* @__PURE__ */ import_react120.default.createElement(Error_default, null) }
+      );
+    }
+  };
+  return /* @__PURE__ */ import_react120.default.createElement("div", { className: "form-item transaction-search" }, /* @__PURE__ */ import_react120.default.createElement("div", { className: "transaction-input" }, /* @__PURE__ */ import_react120.default.createElement("span", { className: "label" }, "Search Transaction:"), /* @__PURE__ */ import_react120.default.createElement(
+    "input",
+    {
+      className: `${theme.colorMode}`,
+      type: "text",
+      placeholder: "Transaction ID",
+      value: transactionId,
+      onChange: (e) => setTransactionId(e.target.value),
+      spellCheck: false
+    }
+  )), /* @__PURE__ */ import_react120.default.createElement(SecondaryButton_default, { clickHandler: handleSearch }, "Search"));
+};
+var TransactionSearch_default = TransactionSearch;
+
 // src/components/TransactionWidget.tsx
-var import_chains2 = require("viem/chains");
 var TransactionWidget = ({ theme }) => {
-  const [step, setStep] = (0, import_react118.useState)(0);
-  const [focus, setFocus] = (0, import_react118.useState)(-1);
-  const [errorStep, setErrorStep] = (0, import_react118.useState)(-1);
-  const [errorMessage, setErrorMessage] = (0, import_react118.useState)("");
-  const [loadingStep, setLoadingStep] = (0, import_react118.useState)(-1);
-  const [minimized, setMinimized] = (0, import_react118.useState)(false);
-  const dispatch = (0, import_react_redux38.useDispatch)();
-  const mode = (0, import_react_redux37.useSelector)(selectMode);
-  const feeDeduct = (0, import_react_redux37.useSelector)(selectFeeDeduct);
-  const amount = (0, import_react_redux37.useSelector)(selectAmount);
-  const txId = (0, import_react_redux37.useSelector)(selectTxId);
-  const dAppOption = (0, import_react_redux37.useSelector)(selectDappOption);
-  const { totalFeeUsd } = (0, import_react_redux37.useSelector)(selectServiceFee);
-  const transactionOption = (0, import_react_redux37.useSelector)(selectTransactionOption);
+  const [step, setStep] = (0, import_react121.useState)(0);
+  const [focus, setFocus] = (0, import_react121.useState)(-1);
+  const [errorStep, setErrorStep] = (0, import_react121.useState)(-1);
+  const [errorMessage, setErrorMessage] = (0, import_react121.useState)("");
+  const [loadingStep, setLoadingStep] = (0, import_react121.useState)(-1);
+  const [minimized, setMinimized] = (0, import_react121.useState)(false);
+  const dispatch = (0, import_react_redux40.useDispatch)();
+  const mode = (0, import_react_redux39.useSelector)(selectMode);
+  const feeDeduct = (0, import_react_redux39.useSelector)(selectFeeDeduct);
+  const amount = (0, import_react_redux39.useSelector)(selectAmount);
+  const txId = (0, import_react_redux39.useSelector)(selectTxId);
+  const dAppOption = (0, import_react_redux39.useSelector)(selectDappOption);
+  const { totalFeeUsd } = (0, import_react_redux39.useSelector)(selectServiceFee);
+  const transactionOption = (0, import_react_redux39.useSelector)(selectTransactionOption);
+  const sourceChain = (0, import_react_redux39.useSelector)(selectSourceChain);
+  const targetChain = (0, import_react_redux39.useSelector)(selectTargetChain);
+  const sourceSymbol = (0, import_react_redux39.useSelector)(selectSourceCurrency);
+  const targetSymbol = (0, import_react_redux39.useSelector)(selectTargetCurrency);
+  const networks = (0, import_react_redux39.useSelector)(selectNetworks);
   const { successHandler, closeHandler } = useKimaContext();
-  const backendUrl = (0, import_react_redux37.useSelector)(selectBackendUrl);
-  const { data } = useGetTxData_default(txId, dAppOption, backendUrl);
+  const backendUrl = (0, import_react_redux39.useSelector)(selectBackendUrl);
+  const { data, error } = useGetTxData_default(txId, dAppOption, backendUrl);
+  const transactionSourceChain = (0, import_react121.useMemo)(
+    () => networks.find(
+      (network) => mode === "status" /* status */ ? network.shortName === data?.sourceChain : sourceChain
+    ),
+    [data, mode]
+  );
+  const transactionTargetChain = (0, import_react121.useMemo)(
+    () => networks.find(
+      (network) => mode === "status" /* status */ ? network.shortName === data?.targetChain : targetChain
+    ),
+    [data, mode]
+  );
+  const isValidTxId = (0, import_react121.useMemo)(() => {
+    return !(!txId || typeof txId === "string" && txId.length === 0 || typeof txId === "number" && txId < 0);
+  }, [txId]);
+  const isEmptyStatus = (0, import_react121.useMemo)(() => {
+    if (!data) return true;
+    return data?.amount === "";
+  }, [data]);
   const { data: chainData } = useChainData(backendUrl);
-  (0, import_react118.useEffect)(() => {
+  (0, import_react121.useEffect)(() => {
     if (!data || data.status !== "Completed" /* COMPLETED */) return;
     successHandler && successHandler({
       txId
     });
   }, [data]);
-  (0, import_react118.useEffect)(() => {
+  (0, import_react121.useEffect)(() => {
+    if (error)
+      import_react_hot_toast3.toast.error(
+        "The provided transaction id is not valid, please use a different one or contact support for further assistance",
+        {
+          icon: /* @__PURE__ */ import_react121.default.createElement(Error_default, null)
+        }
+      );
+  }, [error]);
+  (0, import_react121.useEffect)(() => {
     if (!data) {
       setStep(0);
       setLoadingStep(0);
@@ -4771,7 +4995,7 @@ var TransactionWidget = ({ theme }) => {
       setErrorStep(1);
       setLoadingStep(-1);
       console.log(data.failReason);
-      import_react_hot_toast2.toast.error("Unavailable", { icon: /* @__PURE__ */ import_react118.default.createElement(Error_default, null) });
+      import_react_hot_toast3.toast.error("Unavailable", { icon: /* @__PURE__ */ import_react121.default.createElement(Error_default, null) });
       setErrorMessage("Unavailable");
     } else if (status === "KeySigned" /* KEYSIGNED */) {
       setStep(3);
@@ -4784,8 +5008,8 @@ var TransactionWidget = ({ theme }) => {
       setErrorStep(3);
       setLoadingStep(-1);
       console.log(data.failReason);
-      import_react_hot_toast2.toast.error("Failed to release tokens to target!", {
-        icon: /* @__PURE__ */ import_react118.default.createElement(Error_default, null)
+      import_react_hot_toast3.toast.error("Failed to release tokens to target!", {
+        icon: /* @__PURE__ */ import_react121.default.createElement(Error_default, null)
       });
       setErrorMessage("Failed to release tokens to target!");
     } else if (status === "FailedToPull" /* FAILEDTOPULL */) {
@@ -4793,7 +5017,7 @@ var TransactionWidget = ({ theme }) => {
       setErrorStep(1);
       setLoadingStep(-1);
       console.log(data.failReason);
-      import_react_hot_toast2.toast.error("Failed to pull tokens from source!", { icon: /* @__PURE__ */ import_react118.default.createElement(Error_default, null) });
+      import_react_hot_toast3.toast.error("Failed to pull tokens from source!", { icon: /* @__PURE__ */ import_react121.default.createElement(Error_default, null) });
       setErrorMessage("Failed to pull tokens from source!");
     } else if (status === "Completed" /* COMPLETED */) {
       setStep(4);
@@ -4803,29 +5027,32 @@ var TransactionWidget = ({ theme }) => {
   const resetForm = () => {
     if (mode !== "payment" /* payment */) {
       if (transactionOption?.sourceChain) {
-        const sourceChain = chainData?.find(
+        const sourceChain2 = chainData?.find(
           (currentChain) => currentChain.shortName === transactionOption.sourceChain
         );
-        dispatch(setSourceChain(sourceChain || import_chains2.arbitrumSepolia));
+        dispatch(setSourceChain(sourceChain2));
       } else {
-        dispatch(setSourceChain(import_chains2.arbitrumSepolia));
+        dispatch(setSourceChain(networks[0]));
       }
       if (transactionOption?.sourceChain) {
-        const targetChain = chainData?.find(
+        const targetChain2 = chainData?.find(
           (currentChain) => currentChain.shortName === transactionOption.targetChain
         );
-        dispatch(setTargetChain(targetChain || import_chains2.arbitrumSepolia));
+        dispatch(setTargetChain(targetChain2));
       } else {
-        dispatch(setTargetChain(import_chains2.arbitrumSepolia));
+        dispatch(setTargetChain(networks[0]));
       }
       dispatch(setTargetAddress(transactionOption?.targetAddress || ""));
       dispatch(setTargetCurrency(transactionOption?.currency || ""));
       dispatch(setAmount(transactionOption?.amount.toString() || ""));
     }
     dispatch(setSubmitted(false));
+    dispatch(
+      setMode(transactionOption ? "payment" /* payment */ : "bridge" /* bridge */)
+    );
     closeHandler && closeHandler(0);
   };
-  return /* @__PURE__ */ import_react118.default.createElement(import_react_redux36.Provider, { store }, /* @__PURE__ */ import_react118.default.createElement(
+  return /* @__PURE__ */ import_react121.default.createElement(import_react_redux38.Provider, { store }, /* @__PURE__ */ import_react121.default.createElement(
     "div",
     {
       className: `kima-card transaction-card ${theme.colorMode} ${minimized ? "minimized" : ""}`,
@@ -4833,11 +5060,21 @@ var TransactionWidget = ({ theme }) => {
         background: theme.colorMode === "light" /* light */ ? theme.backgroundColorLight : theme.backgroundColorDark
       }
     },
-    /* @__PURE__ */ import_react118.default.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ import_react118.default.createElement("div", { className: "topbar" }, /* @__PURE__ */ import_react118.default.createElement("div", { className: "title" }, /* @__PURE__ */ import_react118.default.createElement("h3", { className: "transaction" }, "Transferring", " ", data?.amount && data.sourceChain && data.sourceSymbol && data.targetChain && data.targetSymbol && /* @__PURE__ */ import_react118.default.createElement("div", null, formatterFloat2.format(
-      mode === "status" /* status */ ? data.amount : feeDeduct ? +amount || 0 + totalFeeUsd : +amount || 0 - totalFeeUsd
-    ), " ", data?.sourceSymbol, " ", /* @__PURE__ */ import_react118.default.createElement("div", { className: "title-icon" }, /* @__PURE__ */ import_react118.default.createElement(ChainIcon, { symbol: data.sourceChain })), " ", "(", data?.sourceChain, ") \u2192", " ", formatterFloat2.format(
-      mode === "status" /* status */ ? data.amount : feeDeduct ? +amount - totalFeeUsd || 0 : +amount || 0
-    ), " ", data?.targetSymbol, " ", /* @__PURE__ */ import_react118.default.createElement("div", { className: "title-icon" }, /* @__PURE__ */ import_react118.default.createElement(ChainIcon, { symbol: data.targetChain })), " ", "(", data?.targetChain, ")"))), !minimized ? /* @__PURE__ */ import_react118.default.createElement("div", { className: "control-buttons" }, /* @__PURE__ */ import_react118.default.createElement(
+    /* @__PURE__ */ import_react121.default.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ import_react121.default.createElement("div", { className: "topbar" }, /* @__PURE__ */ import_react121.default.createElement("div", { className: "title" }, isValidTxId && !error ? /* @__PURE__ */ import_react121.default.createElement("h3", { className: "transaction" }, mode !== "status" /* status */ ? data?.status === "Completed" /* COMPLETED */ ? "TRANSFERRED" : "TRANSFERING" : isEmptyStatus ? "GETTING TRANSACTION STATUS" : data?.status === "Completed" /* COMPLETED */ ? "TRANSFERRED" : "TRANSFERING", /* @__PURE__ */ import_react121.default.createElement("div", null, mode !== "status" /* status */ ? Number(amount) !== 0 ? formatterFloat2.format(
+      feeDeduct ? Number(amount) : Number(amount) + totalFeeUsd
+    ) : "" : data?.amount || "", " ", mode !== "status" /* status */ ? `(${sourceSymbol})` : isEmptyStatus ? "" : `(${data?.sourceSymbol})`, /* @__PURE__ */ import_react121.default.createElement("div", { className: "title-icon" }, /* @__PURE__ */ import_react121.default.createElement(
+      ChainIcon,
+      {
+        symbol: transactionSourceChain?.shortName
+      }
+    )), " ", mode !== "status" /* status */ ? `(${transactionSourceChain?.shortName})` : isEmptyStatus ? "" : `(${data?.sourceChain})`, " ", mode !== "status" /* status */ ? `\u2192 ` : isEmptyStatus ? "" : `\u2192 `, mode !== "status" /* status */ ? Number(amount) !== 0 ? formatterFloat2.format(
+      feeDeduct ? Number(amount) - totalFeeUsd : Number(amount)
+    ) : "" : data?.amount || "", " ", mode !== "status" /* status */ ? `(${targetSymbol})${" "}` : isEmptyStatus ? "" : `(${data?.targetSymbol})${" "}`, /* @__PURE__ */ import_react121.default.createElement("div", { className: "title-icon" }, /* @__PURE__ */ import_react121.default.createElement(
+      ChainIcon,
+      {
+        symbol: transactionTargetChain?.shortName
+      }
+    )), " ", mode !== "status" /* status */ ? `(${transactionTargetChain?.shortName})${" "}` : isEmptyStatus ? "" : `(${data?.targetChain}) ${" "}`)) : /* @__PURE__ */ import_react121.default.createElement("div", null, /* @__PURE__ */ import_react121.default.createElement("h3", { className: "transaction" }, "Transaction Status"))), !minimized ? /* @__PURE__ */ import_react121.default.createElement("div", { className: "control-buttons" }, /* @__PURE__ */ import_react121.default.createElement(
       "button",
       {
         className: "icon-button minimize",
@@ -4845,9 +5082,9 @@ var TransactionWidget = ({ theme }) => {
           setMinimized(true);
         }
       },
-      /* @__PURE__ */ import_react118.default.createElement(Minimize_default, null)
-    ), loadingStep < 0 ? /* @__PURE__ */ import_react118.default.createElement("button", { className: "reset-button", onClick: resetForm }, "Reset") : null) : /* @__PURE__ */ import_react118.default.createElement("div", { className: "control-buttons" }, /* @__PURE__ */ import_react118.default.createElement("div", { className: "maximize", onClick: () => setMinimized(false) }, "View")))),
-    /* @__PURE__ */ import_react118.default.createElement("div", { className: "kima-card-content" }, /* @__PURE__ */ import_react118.default.createElement(
+      /* @__PURE__ */ import_react121.default.createElement(Minimize_default, null)
+    ), !isValidTxId || loadingStep < 0 || error ? /* @__PURE__ */ import_react121.default.createElement("button", { className: "reset-button", onClick: resetForm }, "Reset") : null) : /* @__PURE__ */ import_react121.default.createElement("div", { className: "control-buttons" }, /* @__PURE__ */ import_react121.default.createElement("div", { className: "maximize", onClick: () => setMinimized(false) }, "View")))),
+    isValidTxId && !error ? /* @__PURE__ */ import_react121.default.createElement("div", { className: "kima-card-content" }, /* @__PURE__ */ import_react121.default.createElement("div", { className: "transaction-content" }, /* @__PURE__ */ import_react121.default.createElement(
       Progressbar_default,
       {
         step,
@@ -4856,7 +5093,7 @@ var TransactionWidget = ({ theme }) => {
         setFocus,
         loadingStep
       }
-    ), /* @__PURE__ */ import_react118.default.createElement(
+    ), /* @__PURE__ */ import_react121.default.createElement(
       StepBox_default,
       {
         step,
@@ -4864,9 +5101,15 @@ var TransactionWidget = ({ theme }) => {
         loadingStep,
         data
       }
-    )),
-    /* @__PURE__ */ import_react118.default.createElement(
-      import_react_hot_toast2.Toaster,
+    )), !error && !isEmptyStatus && /* @__PURE__ */ import_react121.default.createElement(
+      TransactionStatusMessage_default,
+      {
+        isCompleted: data?.status,
+        transactionId: txId.toString()
+      }
+    )) : /* @__PURE__ */ import_react121.default.createElement("div", { className: "kima-card-content" }, /* @__PURE__ */ import_react121.default.createElement("h4", { className: "subtitle" }, "You can follow the status of a previous submitted transaction by entering the provided transaction id"), /* @__PURE__ */ import_react121.default.createElement("div", { className: "single-form" }, /* @__PURE__ */ import_react121.default.createElement(TransactionSearch_default, null))),
+    /* @__PURE__ */ import_react121.default.createElement(
+      import_react_hot_toast3.Toaster,
       {
         position: "top-right",
         reverseOrder: false,
@@ -4874,7 +5117,7 @@ var TransactionWidget = ({ theme }) => {
           position: "absolute"
         },
         toastOptions: {
-          duration: 10 * 1e3,
+          duration: 5 * 1e3,
           style: {
             fontFamily: "Manrope",
             position: "relative",
@@ -4886,27 +5129,28 @@ var TransactionWidget = ({ theme }) => {
             fontSize: "1em",
             borderRadius: "50px",
             border: "1px solid #B900004D",
-            background: theme.colorMode === "light" /* light */ ? "#F7F8F9" : "#242732"
+            background: theme.colorMode === "light" /* light */ ? "#F7F8F9" : "#242732",
+            fontWeight: "bolder"
           }
         }
       }
     ),
-    /* @__PURE__ */ import_react118.default.createElement("div", { className: "floating-footer" }, /* @__PURE__ */ import_react118.default.createElement("div", { className: `items ${theme.colorMode}` }, /* @__PURE__ */ import_react118.default.createElement("span", null, "Powered by"), /* @__PURE__ */ import_react118.default.createElement(FooterLogo_default, { fill: "black" }), /* @__PURE__ */ import_react118.default.createElement("strong", null, "Network")))
+    /* @__PURE__ */ import_react121.default.createElement("div", { className: "floating-footer status" }, /* @__PURE__ */ import_react121.default.createElement("div", { className: `items ${theme.colorMode}` }, /* @__PURE__ */ import_react121.default.createElement("span", null, "Powered by"), /* @__PURE__ */ import_react121.default.createElement(FooterLogo_default, { fill: "black" }), /* @__PURE__ */ import_react121.default.createElement("strong", null, "Network")))
   ));
 };
 
 // src/components/TransferWidget.tsx
-var import_react129 = __toESM(require("react"), 1);
-var import_react_redux49 = require("react-redux");
+var import_react132 = __toESM(require("react"), 1);
+var import_react_redux51 = require("react-redux");
 
 // src/components/reusable/SingleForm.tsx
-var import_react120 = __toESM(require("react"), 1);
-var import_react_hot_toast3 = require("react-hot-toast");
-var import_react_redux41 = require("react-redux");
+var import_react123 = __toESM(require("react"), 1);
+var import_react_hot_toast4 = require("react-hot-toast");
+var import_react_redux43 = require("react-redux");
 
 // src/hooks/useGetFees.tsx
 var import_react_query13 = require("@tanstack/react-query");
-var import_react_redux39 = require("react-redux");
+var import_react_redux41 = require("react-redux");
 
 // src/services/feesApi.ts
 var getFees = async (amount, deductFee, originChain, originSymbol, targetChain, backendUrl) => {
@@ -4931,7 +5175,7 @@ var getFees = async (amount, deductFee, originChain, originSymbol, targetChain,
 
 // src/hooks/useGetFees.tsx
 var useGetFees = (amount, deductFees, sourceNetwork, sourceSymbol, targetNetwork, backendUrl) => {
-  const mode = (0, import_react_redux39.useSelector)(selectMode);
+  const mode = (0, import_react_redux41.useSelector)(selectMode);
   const feeDeductWithMode = mode === "payment" /* payment */ ? false : deductFees;
   return (0, import_react_query13.useQuery)({
     queryKey: ["fees", amount, feeDeductWithMode, sourceNetwork, targetNetwork],
@@ -4962,24 +5206,25 @@ var useGetFees = (amount, deductFees, sourceNetwork, sourceSymbol, targetNetwork
 var useGetFees_default = useGetFees;
 
 // src/components/primary/NetworkSelector.tsx
-var import_react119 = __toESM(require("react"), 1);
-var import_react_redux40 = require("react-redux");
+var import_react122 = __toESM(require("react"), 1);
+var import_react_redux42 = require("react-redux");
 var NetworkSelector = ({ type }) => {
-  const [collapsed, setCollapsed] = (0, import_react119.useState)(true);
-  const ref = (0, import_react119.useRef)(null);
-  const dispatch = (0, import_react_redux40.useDispatch)();
-  const theme = (0, import_react_redux40.useSelector)(selectTheme);
-  const networkOptions3 = (0, import_react_redux40.useSelector)(selectNetworks);
-  const sourceNetwork = (0, import_react_redux40.useSelector)(selectSourceChain);
-  const targetNetwork = (0, import_react_redux40.useSelector)(selectTargetChain);
-  const excludedSourceNetworks = (0, import_react_redux40.useSelector)(selectExcludedSourceNetworks);
-  const excludedTargetNetworks = (0, import_react_redux40.useSelector)(selectExcludedTargetNetworks);
+  const [collapsed, setCollapsed] = (0, import_react122.useState)(true);
+  const ref = (0, import_react122.useRef)(null);
+  const dispatch = (0, import_react_redux42.useDispatch)();
+  const theme = (0, import_react_redux42.useSelector)(selectTheme);
+  const networkOptions3 = (0, import_react_redux42.useSelector)(selectNetworks);
+  const sourceNetwork = (0, import_react_redux42.useSelector)(selectSourceChain);
+  const targetNetwork = (0, import_react_redux42.useSelector)(selectTargetChain);
+  const excludedSourceNetworks = (0, import_react_redux42.useSelector)(selectExcludedSourceNetworks);
+  const excludedTargetNetworks = (0, import_react_redux42.useSelector)(selectExcludedTargetNetworks);
   const { switchChainHandler } = useKimaContext();
   const isSourceSelector = type === "source";
-  const networks = (0, import_react119.useMemo)(() => {
+  const networks = (0, import_react122.useMemo)(() => {
     if (isSourceSelector) {
       return networkOptions3.filter(
-        (network) => !excludedSourceNetworks.includes(network.shortName)
+        (network) => !excludedSourceNetworks.includes(network.shortName) && network.shortName !== "BERA"
+        // temporary disabled as source chain
       );
     }
     return networkOptions3.filter(
@@ -4992,14 +5237,14 @@ var NetworkSelector = ({ type }) => {
     excludedSourceNetworks,
     excludedTargetNetworks
   ]);
-  const selectedNetwork = (0, import_react119.useMemo)(() => {
+  const selectedNetwork = (0, import_react122.useMemo)(() => {
     const selected = isSourceSelector ? sourceNetwork : targetNetwork;
     return networks.find((network) => network.id === selected.id) || {
       shortName: "",
       name: isSourceSelector ? "Select Source Network" : "Select Target Network"
     };
   }, [networks, sourceNetwork, targetNetwork, isSourceSelector]);
-  (0, import_react119.useEffect)(() => {
+  (0, import_react122.useEffect)(() => {
     if (!networks.length || selectedNetwork.shortName) return;
     const fallbackNetwork = networks[0];
     if (isSourceSelector) {
@@ -5021,7 +5266,7 @@ var NetworkSelector = ({ type }) => {
     }
     setCollapsed(true);
   };
-  (0, import_react119.useEffect)(() => {
+  (0, import_react122.useEffect)(() => {
     const handleOutsideClick = (e) => {
       if (ref.current && !ref.current.contains(e.target)) {
         setCollapsed(true);
@@ -5032,20 +5277,20 @@ var NetworkSelector = ({ type }) => {
       document.removeEventListener("mousedown", handleOutsideClick);
     };
   }, []);
-  return /* @__PURE__ */ import_react119.default.createElement(
+  return /* @__PURE__ */ import_react122.default.createElement(
     "div",
     {
       className: `network-dropdown ${theme?.colorMode ?? ""} ${collapsed ? "collapsed" : "toggled"}`,
       onClick: () => setCollapsed((prev) => !prev),
       ref
     },
-    /* @__PURE__ */ import_react119.default.createElement("div", { className: "network-wrapper" }, /* @__PURE__ */ import_react119.default.createElement(ChainIcon, { symbol: selectedNetwork.shortName }), /* @__PURE__ */ import_react119.default.createElement("span", null, selectedNetwork.name)),
-    /* @__PURE__ */ import_react119.default.createElement(
+    /* @__PURE__ */ import_react122.default.createElement("div", { className: "network-wrapper" }, /* @__PURE__ */ import_react122.default.createElement(ChainIcon, { symbol: selectedNetwork.shortName }), /* @__PURE__ */ import_react122.default.createElement("span", null, selectedNetwork.name)),
+    /* @__PURE__ */ import_react122.default.createElement(
       "div",
       {
         className: `network-menu custom-scrollbar ${theme?.colorMode ?? ""} ${collapsed ? "collapsed" : "toggled"}`
       },
-      networks.filter((network) => network.shortName !== selectedNetwork.shortName).map((network) => /* @__PURE__ */ import_react119.default.createElement(
+      networks.filter((network) => network.shortName !== selectedNetwork.shortName).map((network) => /* @__PURE__ */ import_react122.default.createElement(
         "div",
         {
           key: network.id,
@@ -5055,36 +5300,46 @@ var NetworkSelector = ({ type }) => {
             handleNetworkChange(network);
           }
         },
-        /* @__PURE__ */ import_react119.default.createElement(ChainIcon, { symbol: network.shortName }),
-        /* @__PURE__ */ import_react119.default.createElement("p", null, network.name)
+        /* @__PURE__ */ import_react122.default.createElement(ChainIcon, { symbol: network.shortName }),
+        /* @__PURE__ */ import_react122.default.createElement("p", null, network.name)
       ))
     ),
-    /* @__PURE__ */ import_react119.default.createElement("div", { className: `dropdown-icon ${collapsed ? "toggled" : "collapsed"}` }, /* @__PURE__ */ import_react119.default.createElement(Arrow_default, { fill: "none" }))
+    /* @__PURE__ */ import_react122.default.createElement("div", { className: `dropdown-icon ${collapsed ? "toggled" : "collapsed"}` }, /* @__PURE__ */ import_react122.default.createElement(Arrow_default, { fill: "none" }))
   );
 };
-var NetworkSelector_default = import_react119.default.memo(NetworkSelector);
+var NetworkSelector_default = import_react122.default.memo(NetworkSelector);
 
 // src/components/reusable/SingleForm.tsx
 var SingleForm = ({
+  allowance,
   balance,
-  decimals
+  decimals,
+  formStep,
+  onBack,
+  onCancelApprove,
+  onNext,
+  getButtonLabel,
+  isApproving,
+  isSigning,
+  isSubmitting,
+  isCancellingApprove
 }) => {
-  const dispatch = (0, import_react_redux41.useDispatch)();
-  const mode = (0, import_react_redux41.useSelector)(selectMode);
-  const theme = (0, import_react_redux41.useSelector)(selectTheme);
-  const feeDeduct = (0, import_react_redux41.useSelector)(selectFeeDeduct);
-  const { totalFeeUsd } = (0, import_react_redux41.useSelector)(selectServiceFee);
-  const compliantOption = (0, import_react_redux41.useSelector)(selectCompliantOption);
-  const targetCompliant = (0, import_react_redux41.useSelector)(selectTargetCompliant);
-  const transactionOption = (0, import_react_redux41.useSelector)(selectTransactionOption);
-  const sourceNetwork = (0, import_react_redux41.useSelector)(selectSourceChain);
-  const targetNetwork = (0, import_react_redux41.useSelector)(selectTargetChain);
+  const dispatch = (0, import_react_redux43.useDispatch)();
+  const mode = (0, import_react_redux43.useSelector)(selectMode);
+  const theme = (0, import_react_redux43.useSelector)(selectTheme);
+  const feeDeduct = (0, import_react_redux43.useSelector)(selectFeeDeduct);
+  const { totalFeeUsd } = (0, import_react_redux43.useSelector)(selectServiceFee);
+  const compliantOption = (0, import_react_redux43.useSelector)(selectCompliantOption);
+  const targetCompliant = (0, import_react_redux43.useSelector)(selectTargetCompliant);
+  const transactionOption = (0, import_react_redux43.useSelector)(selectTransactionOption);
+  const sourceNetwork = (0, import_react_redux43.useSelector)(selectSourceChain);
+  const targetNetwork = (0, import_react_redux43.useSelector)(selectTargetChain);
   const { isReady } = useIsWalletReady4();
-  const [amountValue, setAmountValue] = (0, import_react120.useState)("");
-  const amount = (0, import_react_redux41.useSelector)(selectAmount);
-  const sourceCurrency = (0, import_react_redux41.useSelector)(selectSourceCurrency);
-  const targetCurrency = (0, import_react_redux41.useSelector)(selectTargetCurrency);
-  const backendUrl = (0, import_react_redux41.useSelector)(selectBackendUrl);
+  const [amountValue, setAmountValue] = (0, import_react123.useState)("");
+  const amount = (0, import_react_redux43.useSelector)(selectAmount);
+  const sourceCurrency = (0, import_react_redux43.useSelector)(selectSourceCurrency);
+  const targetCurrency = (0, import_react_redux43.useSelector)(selectTargetCurrency);
+  const backendUrl = (0, import_react_redux43.useSelector)(selectBackendUrl);
   const {
     data: fees,
     isLoading,
@@ -5097,57 +5352,57 @@ var SingleForm = ({
     targetNetwork.shortName,
     backendUrl
   );
-  (0, import_react120.useEffect)(() => {
+  (0, import_react123.useEffect)(() => {
     if (fees) {
       dispatch(setServiceFee(fees));
     }
   }, [fees, dispatch]);
   const TargetIcon = COIN_LIST[targetCurrency || "USDK"]?.icon || COIN_LIST["USDK"].icon;
-  const errorMessage = (0, import_react120.useMemo)(
+  const errorMessage = (0, import_react123.useMemo)(
     () => compliantOption && targetCompliant !== null && !targetCompliant?.isCompliant ? `Target address has ${targetCompliant.results?.[0].result.risk_score} risk` : "",
     [compliantOption, targetCompliant]
   );
-  const maxValue = (0, import_react120.useMemo)(() => {
+  const maxValue = (0, import_react123.useMemo)(() => {
     if (!balance) return 0;
     if (totalFeeUsd < 0) return balance;
     const amountMinusFees = preciseSubtraction(balance, totalFeeUsd);
     return amountMinusFees > 0 ? amountMinusFees : 0;
   }, [balance, totalFeeUsd, feeDeduct]);
-  (0, import_react120.useEffect)(() => {
+  (0, import_react123.useEffect)(() => {
     if (!errorMessage) return;
-    import_react_hot_toast3.toast.error(errorMessage);
+    import_react_hot_toast4.toast.error(errorMessage);
   }, [errorMessage]);
-  (0, import_react120.useEffect)(() => {
+  (0, import_react123.useEffect)(() => {
     if (amountValue && amount != "") return;
     setAmountValue(amount);
   }, [amount]);
-  (0, import_react120.useEffect)(() => {
+  (0, import_react123.useEffect)(() => {
     if (!feeDeduct && maxValue < +amountValue) {
       setAmountValue(maxValue.toString());
       dispatch(setAmount(maxValue.toString()));
     }
   }, [feeDeduct]);
-  return /* @__PURE__ */ import_react120.default.createElement("div", { className: "single-form" }, /* @__PURE__ */ import_react120.default.createElement("div", { className: "form-item" }, /* @__PURE__ */ import_react120.default.createElement("span", { className: "label" }, "Source Network:"), /* @__PURE__ */ import_react120.default.createElement("div", { className: "items" }, /* @__PURE__ */ import_react120.default.createElement(NetworkSelector_default, { type: "source" }), /* @__PURE__ */ import_react120.default.createElement(CoinDropdown_default, null))), /* @__PURE__ */ import_react120.default.createElement(
+  return /* @__PURE__ */ import_react123.default.createElement("div", { className: "single-form" }, /* @__PURE__ */ import_react123.default.createElement("div", { className: "form-item" }, /* @__PURE__ */ import_react123.default.createElement("span", { className: "label" }, "Source Network:"), /* @__PURE__ */ import_react123.default.createElement("div", { className: "items" }, /* @__PURE__ */ import_react123.default.createElement(NetworkSelector_default, { type: "source" }), /* @__PURE__ */ import_react123.default.createElement(CoinDropdown_default, null))), /* @__PURE__ */ import_react123.default.createElement(
     "div",
     {
       className: `dynamic-area ${sourceNetwork.shortName === "FIAT" /* FIAT */ ? "reverse" : "1"}`
     },
-    /* @__PURE__ */ import_react120.default.createElement(
+    /* @__PURE__ */ import_react123.default.createElement(
       "div",
       {
         className: `form-item wallet-button-item ${isReady && "connected"}`
       },
-      /* @__PURE__ */ import_react120.default.createElement("span", { className: "label" }, "Wallet:"),
-      /* @__PURE__ */ import_react120.default.createElement(WalletButton_default, null)
+      /* @__PURE__ */ import_react123.default.createElement("span", { className: "label" }, "Wallet:"),
+      /* @__PURE__ */ import_react123.default.createElement(WalletButton_default, null)
     ),
-    mode === "bridge" /* bridge */ && /* @__PURE__ */ import_react120.default.createElement("div", { className: "form-item" }, /* @__PURE__ */ import_react120.default.createElement("span", { className: "label" }, "Target Network:"), /* @__PURE__ */ import_react120.default.createElement("div", { className: "items" }, /* @__PURE__ */ import_react120.default.createElement(NetworkSelector_default, { type: "target" }), /* @__PURE__ */ import_react120.default.createElement(CoinDropdown_default, { isSourceChain: false })))
-  ), mode === "bridge" /* bridge */ && sourceNetwork.shortName !== "FIAT" /* FIAT */ ? targetNetwork.shortName === "FIAT" /* FIAT */ ? /* @__PURE__ */ import_react120.default.createElement(BankInput_default, null) : /* @__PURE__ */ import_react120.default.createElement("div", { className: `form-item ${theme.colorMode}` }, /* @__PURE__ */ import_react120.default.createElement("span", { className: "label" }, "Target Address:"), /* @__PURE__ */ import_react120.default.createElement(
+    mode === "bridge" /* bridge */ && /* @__PURE__ */ import_react123.default.createElement("div", { className: "form-item" }, /* @__PURE__ */ import_react123.default.createElement("span", { className: "label" }, "Target Network:"), /* @__PURE__ */ import_react123.default.createElement("div", { className: "items" }, /* @__PURE__ */ import_react123.default.createElement(NetworkSelector_default, { type: "target" }), /* @__PURE__ */ import_react123.default.createElement(CoinDropdown_default, { isSourceChain: false })))
+  ), mode === "bridge" /* bridge */ && sourceNetwork.shortName !== "FIAT" /* FIAT */ ? targetNetwork.shortName === "FIAT" /* FIAT */ ? /* @__PURE__ */ import_react123.default.createElement(BankInput_default, null) : /* @__PURE__ */ import_react123.default.createElement("div", { className: `form-item ${theme.colorMode}` }, /* @__PURE__ */ import_react123.default.createElement("span", { className: "label" }, "Target Address:"), /* @__PURE__ */ import_react123.default.createElement(
     AddressInput_default,
     {
       theme: theme.colorMode,
       placeholder: "Target address"
     }
-  )) : null, mode === "bridge" /* bridge */ ? /* @__PURE__ */ import_react120.default.createElement("div", { className: `form-item ${theme.colorMode}` }, /* @__PURE__ */ import_react120.default.createElement("span", { className: "label" }, "Amount:"), /* @__PURE__ */ import_react120.default.createElement("div", { className: `amount-label-container items ${theme.colorMode}` }, /* @__PURE__ */ import_react120.default.createElement(
+  )) : null, mode === "bridge" /* bridge */ ? /* @__PURE__ */ import_react123.default.createElement("div", { className: `form-item ${theme.colorMode}` }, /* @__PURE__ */ import_react123.default.createElement("span", { className: "label" }, "Amount:"), /* @__PURE__ */ import_react123.default.createElement("div", { className: `amount-label-container items ${theme.colorMode}` }, /* @__PURE__ */ import_react123.default.createElement(
     "input",
     {
       className: `${theme.colorMode}`,
@@ -5167,7 +5422,7 @@ var SingleForm = ({
         }
       }
     }
-  ), /* @__PURE__ */ import_react120.default.createElement(
+  ), /* @__PURE__ */ import_react123.default.createElement(
     "span",
     {
       className: "max-button",
@@ -5177,7 +5432,7 @@ var SingleForm = ({
       }
     },
     "Max"
-  ))) : /* @__PURE__ */ import_react120.default.createElement("div", { className: `form-item ${theme.colorMode}` }, /* @__PURE__ */ import_react120.default.createElement("span", { className: "label" }, "Amount:"), /* @__PURE__ */ import_react120.default.createElement("div", { className: `amount-label-container items ${theme.colorMode}` }, /* @__PURE__ */ import_react120.default.createElement(
+  ))) : /* @__PURE__ */ import_react123.default.createElement("div", { className: `form-item ${theme.colorMode}` }, /* @__PURE__ */ import_react123.default.createElement("span", { className: "label" }, "Amount:"), /* @__PURE__ */ import_react123.default.createElement("div", { className: `amount-label-container items ${theme.colorMode}` }, /* @__PURE__ */ import_react123.default.createElement(
     "input",
     {
       className: `${theme.colorMode}`,
@@ -5192,7 +5447,7 @@ var SingleForm = ({
       },
       disabled: transactionOption?.amount !== void 0
     }
-  ), /* @__PURE__ */ import_react120.default.createElement("div", { className: `coin-wrapper ${theme.colorMode}` }, /* @__PURE__ */ import_react120.default.createElement("div", { className: "icon-wrapper" }, /* @__PURE__ */ import_react120.default.createElement(TargetIcon, null)), targetCurrency))));
+  ), /* @__PURE__ */ import_react123.default.createElement("div", { className: `coin-wrapper ${theme.colorMode}` }, /* @__PURE__ */ import_react123.default.createElement("div", { className: "icon-wrapper" }, /* @__PURE__ */ import_react123.default.createElement(TargetIcon, null)), targetCurrency))));
 };
 var SingleForm_default = SingleForm;
 
@@ -5238,23 +5493,23 @@ function useAllowance({
 }
 
 // src/components/TransferWidget.tsx
-var import_react_hot_toast4 = require("react-hot-toast");
+var import_react_hot_toast5 = require("react-hot-toast");
 
 // plugins/solana/components/SolanaWalletConnectModal.tsx
-var import_react123 = __toESM(require("react"), 1);
-var import_react_redux44 = require("react-redux");
+var import_react126 = __toESM(require("react"), 1);
+var import_react_redux46 = require("react-redux");
 
 // plugins/solana/components/SolanaWalletSelect.tsx
-var import_react121 = __toESM(require("react"), 1);
-var import_react_redux42 = require("react-redux");
+var import_react124 = __toESM(require("react"), 1);
+var import_react_redux44 = require("react-redux");
 var import_wallet_adapter_react7 = require("@solana/wallet-adapter-react");
 var import_wallet_adapter_base = require("@solana/wallet-adapter-base");
 var SolanaWalletSelect = () => {
-  const theme = (0, import_react_redux42.useSelector)(selectTheme);
-  const dispatch = (0, import_react_redux42.useDispatch)();
-  const sliderRef = (0, import_react121.useRef)();
+  const theme = (0, import_react_redux44.useSelector)(selectTheme);
+  const dispatch = (0, import_react_redux44.useDispatch)();
+  const sliderRef = (0, import_react124.useRef)();
   const { wallet, wallets, select, connect, connected } = (0, import_wallet_adapter_react7.useWallet)();
-  const [detected, undetected] = (0, import_react121.useMemo)(() => {
+  const [detected, undetected] = (0, import_react124.useMemo)(() => {
     const detected2 = [];
     const undetected2 = [];
     for (const wallet2 of wallets) {
@@ -5266,7 +5521,7 @@ var SolanaWalletSelect = () => {
     }
     return [detected2, undetected2];
   }, [wallets]);
-  (0, import_react121.useEffect)(() => {
+  (0, import_react124.useEffect)(() => {
     let isDown = false;
     let startX;
     let scrollLeft;
@@ -5292,54 +5547,54 @@ var SolanaWalletSelect = () => {
       sliderRef.current.scrollLeft = scrollLeft - walk;
     });
   }, []);
-  const handleWalletClick = (0, import_react121.useCallback)(
+  const handleWalletClick = (0, import_react124.useCallback)(
     (walletName) => {
       select(walletName);
     },
     [select]
   );
-  (0, import_react121.useEffect)(() => {
+  (0, import_react124.useEffect)(() => {
     if (connected) return;
     if (wallet) {
       connect();
       dispatch(setSolanaConnectModal(false));
     }
   }, [wallet]);
-  return /* @__PURE__ */ import_react121.default.createElement("div", { className: `wallet-select` }, /* @__PURE__ */ import_react121.default.createElement("div", { className: "slide-area hide-scrollbar", ref: sliderRef }, /* @__PURE__ */ import_react121.default.createElement("div", { className: "wallet-container" }, detected.map((wallet2, index) => /* @__PURE__ */ import_react121.default.createElement(
+  return /* @__PURE__ */ import_react124.default.createElement("div", { className: `wallet-select` }, /* @__PURE__ */ import_react124.default.createElement("div", { className: "slide-area hide-scrollbar", ref: sliderRef }, /* @__PURE__ */ import_react124.default.createElement("div", { className: "wallet-container" }, detected.map((wallet2, index) => /* @__PURE__ */ import_react124.default.createElement(
     "div",
     {
       className: `card-item ${theme.colorMode}`,
       onClick: () => handleWalletClick(wallet2.adapter.name),
       key: `${wallet2.adapter.name}-${index}`
     },
-    /* @__PURE__ */ import_react121.default.createElement("div", { className: "wallet-item" }, /* @__PURE__ */ import_react121.default.createElement("img", { src: wallet2.adapter.icon, alt: wallet2.adapter.name }), /* @__PURE__ */ import_react121.default.createElement("span", null, wallet2.adapter.name))
-  )), undetected.map((wallet2, index) => /* @__PURE__ */ import_react121.default.createElement(
+    /* @__PURE__ */ import_react124.default.createElement("div", { className: "wallet-item" }, /* @__PURE__ */ import_react124.default.createElement("img", { src: wallet2.adapter.icon, alt: wallet2.adapter.name }), /* @__PURE__ */ import_react124.default.createElement("span", null, wallet2.adapter.name))
+  )), undetected.map((wallet2, index) => /* @__PURE__ */ import_react124.default.createElement(
     ExternalLink_default,
     {
       to: wallet2.adapter.url,
       className: `card-item ${theme.colorMode}`,
       key: `${wallet2.adapter.name}-${index}`
     },
-    /* @__PURE__ */ import_react121.default.createElement("div", { className: "wallet-item" }, /* @__PURE__ */ import_react121.default.createElement("img", { src: wallet2.adapter.icon, alt: wallet2.adapter.name }), /* @__PURE__ */ import_react121.default.createElement("span", null, "Install ", wallet2.adapter.name))
+    /* @__PURE__ */ import_react124.default.createElement("div", { className: "wallet-item" }, /* @__PURE__ */ import_react124.default.createElement("img", { src: wallet2.adapter.icon, alt: wallet2.adapter.name }), /* @__PURE__ */ import_react124.default.createElement("span", null, "Install ", wallet2.adapter.name))
   )))));
 };
 var SolanaWalletSelect_default = SolanaWalletSelect;
 
 // plugins/solana/components/AccountDetailsModal.tsx
-var import_react122 = __toESM(require("react"), 1);
-var import_react_redux43 = require("react-redux");
+var import_react125 = __toESM(require("react"), 1);
+var import_react_redux45 = require("react-redux");
 var import_wallet_adapter_react8 = require("@solana/wallet-adapter-react");
 var AccountDetailsModal = () => {
-  const dispatch = (0, import_react_redux43.useDispatch)();
-  const theme = (0, import_react_redux43.useSelector)(selectTheme);
-  const networkOption = (0, import_react_redux43.useSelector)(selectNetworkOption);
-  const sourceChain = (0, import_react_redux43.useSelector)(selectSourceChain);
-  const accountDetailsModal = (0, import_react_redux43.useSelector)(selectAccountDetailsModal);
+  const dispatch = (0, import_react_redux45.useDispatch)();
+  const theme = (0, import_react_redux45.useSelector)(selectTheme);
+  const networkOption = (0, import_react_redux45.useSelector)(selectNetworkOption);
+  const sourceChain = (0, import_react_redux45.useSelector)(selectSourceChain);
+  const accountDetailsModal = (0, import_react_redux45.useSelector)(selectAccountDetailsModal);
   const { walletAddress } = useIsWalletReady_default2();
   const { disconnect: solanaWalletDisconnect } = (0, import_wallet_adapter_react8.useWallet)();
   const { balance: solBalance } = useGetSolBalance_default();
   const networkDetails = networkOptions2[0];
-  const explorerUrl = (0, import_react122.useMemo)(() => {
+  const explorerUrl = (0, import_react125.useMemo)(() => {
     return `https://solscan.io/account/address/${walletAddress}?cluster=${networkOption === "mainnet" ? "mainnet" : "devnet"}`;
   }, [walletAddress, networkOption]);
   const handleDisconnect = () => {
@@ -5347,46 +5602,46 @@ var AccountDetailsModal = () => {
     dispatch(setAccountDetailsModal(false));
   };
   if (sourceChain !== "SOL") return;
-  return /* @__PURE__ */ import_react122.default.createElement(
+  return /* @__PURE__ */ import_react125.default.createElement(
     "div",
     {
       className: `kima-modal ${theme.colorMode} ${accountDetailsModal && "open"}`
     },
-    /* @__PURE__ */ import_react122.default.createElement("div", { className: "modal-overlay" }),
-    /* @__PURE__ */ import_react122.default.createElement("div", { className: `modal-content-container ${theme.colorMode}` }, /* @__PURE__ */ import_react122.default.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ import_react122.default.createElement("div", { className: "topbar" }, /* @__PURE__ */ import_react122.default.createElement("div", { className: "title" }, /* @__PURE__ */ import_react122.default.createElement("h3", null, "Account Details")), /* @__PURE__ */ import_react122.default.createElement("div", { className: "control-buttons" }, /* @__PURE__ */ import_react122.default.createElement(
+    /* @__PURE__ */ import_react125.default.createElement("div", { className: "modal-overlay" }),
+    /* @__PURE__ */ import_react125.default.createElement("div", { className: `modal-content-container ${theme.colorMode}` }, /* @__PURE__ */ import_react125.default.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ import_react125.default.createElement("div", { className: "topbar" }, /* @__PURE__ */ import_react125.default.createElement("div", { className: "title" }, /* @__PURE__ */ import_react125.default.createElement("h3", null, "Account Details")), /* @__PURE__ */ import_react125.default.createElement("div", { className: "control-buttons" }, /* @__PURE__ */ import_react125.default.createElement(
       "button",
       {
         className: "cross-icon-button",
         onClick: () => dispatch(setAccountDetailsModal(false))
       },
-      /* @__PURE__ */ import_react122.default.createElement(
+      /* @__PURE__ */ import_react125.default.createElement(
         Cross_default,
         {
           fill: theme.colorMode === "light" ? "black" : "white"
         }
       )
-    )))), /* @__PURE__ */ import_react122.default.createElement("div", { className: "modal-content" }, /* @__PURE__ */ import_react122.default.createElement("div", { className: "summary" }, networkDetails && /* @__PURE__ */ import_react122.default.createElement(networkDetails.icon, { width: 60, height: 60 }), /* @__PURE__ */ import_react122.default.createElement("div", { className: "address" }, /* @__PURE__ */ import_react122.default.createElement("h2", null, getShortenedAddress(walletAddress || "")), /* @__PURE__ */ import_react122.default.createElement(CopyButton_default, { text: walletAddress })), /* @__PURE__ */ import_react122.default.createElement("h3", null, solBalance, " $SOL")), /* @__PURE__ */ import_react122.default.createElement(SecondaryButton_default, { className: "block-explorer" }, /* @__PURE__ */ import_react122.default.createElement(ExternalLink_default, { className: "link", to: explorerUrl }, /* @__PURE__ */ import_react122.default.createElement(Explorer_default, { fill: "#778DA3" }), /* @__PURE__ */ import_react122.default.createElement("p", null, "Block explorer"), /* @__PURE__ */ import_react122.default.createElement(ExternalUrl_default, { fill: "#778DA3" }))), /* @__PURE__ */ import_react122.default.createElement(PrimaryButton_default, { clickHandler: handleDisconnect }, "Discconect")))
+    )))), /* @__PURE__ */ import_react125.default.createElement("div", { className: "modal-content" }, /* @__PURE__ */ import_react125.default.createElement("div", { className: "summary" }, networkDetails && /* @__PURE__ */ import_react125.default.createElement(networkDetails.icon, { width: 60, height: 60 }), /* @__PURE__ */ import_react125.default.createElement("div", { className: "address" }, /* @__PURE__ */ import_react125.default.createElement("h2", null, getShortenedAddress(walletAddress || "")), /* @__PURE__ */ import_react125.default.createElement(CopyButton_default, { text: walletAddress })), /* @__PURE__ */ import_react125.default.createElement("h3", null, solBalance, " $SOL")), /* @__PURE__ */ import_react125.default.createElement(SecondaryButton_default, { className: "block-explorer" }, /* @__PURE__ */ import_react125.default.createElement(ExternalLink_default, { className: "link", to: explorerUrl }, /* @__PURE__ */ import_react125.default.createElement(Explorer_default, { fill: "#778DA3" }), /* @__PURE__ */ import_react125.default.createElement("p", null, "Block explorer"), /* @__PURE__ */ import_react125.default.createElement(ExternalUrl_default, { fill: "#778DA3" }))), /* @__PURE__ */ import_react125.default.createElement(PrimaryButton_default, { clickHandler: handleDisconnect }, "Discconect")))
   );
 };
 var AccountDetailsModal_default = AccountDetailsModal;
 
 // plugins/solana/components/SolanaWalletConnectModal.tsx
 var SolanaWalletConnectModal = () => {
-  const dispatch = (0, import_react_redux44.useDispatch)();
-  const theme = (0, import_react_redux44.useSelector)(selectTheme);
-  const connectModal = (0, import_react_redux44.useSelector)(selectSolanaConnectModal);
-  return /* @__PURE__ */ import_react123.default.createElement("div", null, /* @__PURE__ */ import_react123.default.createElement(AccountDetailsModal_default, null), /* @__PURE__ */ import_react123.default.createElement(
+  const dispatch = (0, import_react_redux46.useDispatch)();
+  const theme = (0, import_react_redux46.useSelector)(selectTheme);
+  const connectModal = (0, import_react_redux46.useSelector)(selectSolanaConnectModal);
+  return /* @__PURE__ */ import_react126.default.createElement("div", null, /* @__PURE__ */ import_react126.default.createElement(AccountDetailsModal_default, null), /* @__PURE__ */ import_react126.default.createElement(
     "div",
     {
       className: `kima-modal wallet-connect ${connectModal ? "open" : ""}`
     },
-    /* @__PURE__ */ import_react123.default.createElement("div", { className: `modal-content-container ${theme.colorMode}` }, /* @__PURE__ */ import_react123.default.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ import_react123.default.createElement("div", { className: "topbar" }, /* @__PURE__ */ import_react123.default.createElement("div", { className: "title" }, /* @__PURE__ */ import_react123.default.createElement("h3", null, "Connect Wallet")), /* @__PURE__ */ import_react123.default.createElement("div", { className: "control-buttons" }, /* @__PURE__ */ import_react123.default.createElement(
+    /* @__PURE__ */ import_react126.default.createElement("div", { className: `modal-content-container ${theme.colorMode}` }, /* @__PURE__ */ import_react126.default.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ import_react126.default.createElement("div", { className: "topbar" }, /* @__PURE__ */ import_react126.default.createElement("div", { className: "title" }, /* @__PURE__ */ import_react126.default.createElement("h3", null, "Connect Wallet")), /* @__PURE__ */ import_react126.default.createElement("div", { className: "control-buttons" }, /* @__PURE__ */ import_react126.default.createElement(
       "button",
       {
         className: "cross-icon-button",
         onClick: () => dispatch(setSolanaConnectModal(false))
       },
-      /* @__PURE__ */ import_react123.default.createElement(
+      /* @__PURE__ */ import_react126.default.createElement(
         Cross_default,
         {
           width: 30,
@@ -5394,34 +5649,34 @@ var SolanaWalletConnectModal = () => {
           fill: theme.colorMode === "light" ? "black" : "white"
         }
       )
-    )))), /* @__PURE__ */ import_react123.default.createElement("div", { className: "modal-content" }, /* @__PURE__ */ import_react123.default.createElement(SolanaWalletSelect_default, null)))
+    )))), /* @__PURE__ */ import_react126.default.createElement("div", { className: "modal-content" }, /* @__PURE__ */ import_react126.default.createElement(SolanaWalletSelect_default, null)))
   ));
 };
 var SolanaWalletConnectModal_default = SolanaWalletConnectModal;
 
 // plugins/tron/components/TronWalletConnectModal.tsx
-var import_react126 = __toESM(require("react"), 1);
-var import_react_redux47 = require("react-redux");
+var import_react129 = __toESM(require("react"), 1);
+var import_react_redux49 = require("react-redux");
 
 // plugins/tron/components/AccountDetailsModal.tsx
-var import_react124 = __toESM(require("react"), 1);
-var import_react_redux45 = require("react-redux");
+var import_react127 = __toESM(require("react"), 1);
+var import_react_redux47 = require("react-redux");
 var import_tronwallet_adapter_react_hooks7 = require("@tronweb3/tronwallet-adapter-react-hooks");
 var AccountDetailsModal2 = () => {
-  const dispatch = (0, import_react_redux45.useDispatch)();
-  const theme = (0, import_react_redux45.useSelector)(selectTheme);
-  const networkOption = (0, import_react_redux45.useSelector)(selectNetworkOption);
-  const accountDetailsModal = (0, import_react_redux45.useSelector)(selectAccountDetailsModal);
-  const sourcheChain = (0, import_react_redux45.useSelector)(selectSourceChain);
+  const dispatch = (0, import_react_redux47.useDispatch)();
+  const theme = (0, import_react_redux47.useSelector)(selectTheme);
+  const networkOption = (0, import_react_redux47.useSelector)(selectNetworkOption);
+  const accountDetailsModal = (0, import_react_redux47.useSelector)(selectAccountDetailsModal);
+  const sourcheChain = (0, import_react_redux47.useSelector)(selectSourceChain);
   const { walletAddress } = useIsWalletReady_default3();
   const { disconnect: tronWalletDisconnect } = (0, import_tronwallet_adapter_react_hooks7.useWallet)();
   const { balance: tronBalance } = useGetTrxBalance_default();
-  const selectedNetwork = (0, import_react_redux45.useSelector)(selectSourceChain);
-  const networkDetails = (0, import_react124.useMemo)(
+  const selectedNetwork = (0, import_react_redux47.useSelector)(selectSourceChain);
+  const networkDetails = (0, import_react127.useMemo)(
     () => networkOptions.find(({ id }) => id === selectedNetwork),
     [selectedNetwork]
   );
-  const explorerUrl = (0, import_react124.useMemo)(() => {
+  const explorerUrl = (0, import_react127.useMemo)(() => {
     return `https://${networkOption === "testnet" && "nile."}tronscan.io/#/address/${walletAddress}`;
   }, [walletAddress, networkOption]);
   const handleDisconnect = () => {
@@ -5429,38 +5684,38 @@ var AccountDetailsModal2 = () => {
     dispatch(setAccountDetailsModal(false));
   };
   if (sourcheChain !== "TRX") return;
-  return /* @__PURE__ */ import_react124.default.createElement(
+  return /* @__PURE__ */ import_react127.default.createElement(
     "div",
     {
       className: `kima-modal ${theme.colorMode} ${accountDetailsModal && "open"}`
     },
-    /* @__PURE__ */ import_react124.default.createElement("div", { className: "modal-overlay" }),
-    /* @__PURE__ */ import_react124.default.createElement("div", { className: `modal-content-container ${theme.colorMode}` }, /* @__PURE__ */ import_react124.default.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ import_react124.default.createElement("div", { className: "topbar" }, /* @__PURE__ */ import_react124.default.createElement("div", { className: "title" }, /* @__PURE__ */ import_react124.default.createElement("h3", null, "Account Details")), /* @__PURE__ */ import_react124.default.createElement("div", { className: "control-buttons" }, /* @__PURE__ */ import_react124.default.createElement(
+    /* @__PURE__ */ import_react127.default.createElement("div", { className: "modal-overlay" }),
+    /* @__PURE__ */ import_react127.default.createElement("div", { className: `modal-content-container ${theme.colorMode}` }, /* @__PURE__ */ import_react127.default.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ import_react127.default.createElement("div", { className: "topbar" }, /* @__PURE__ */ import_react127.default.createElement("div", { className: "title" }, /* @__PURE__ */ import_react127.default.createElement("h3", null, "Account Details")), /* @__PURE__ */ import_react127.default.createElement("div", { className: "control-buttons" }, /* @__PURE__ */ import_react127.default.createElement(
       "button",
       {
         className: "cross-icon-button",
         onClick: () => dispatch(setAccountDetailsModal(false))
       },
-      /* @__PURE__ */ import_react124.default.createElement(
+      /* @__PURE__ */ import_react127.default.createElement(
         Cross_default,
         {
           fill: theme.colorMode === "light" ? "black" : "white"
         }
       )
-    )))), /* @__PURE__ */ import_react124.default.createElement("div", { className: "modal-content" }, /* @__PURE__ */ import_react124.default.createElement("div", { className: "summary" }, networkDetails && /* @__PURE__ */ import_react124.default.createElement(networkDetails.icon, { width: 60, height: 60 }), /* @__PURE__ */ import_react124.default.createElement("div", { className: "address" }, /* @__PURE__ */ import_react124.default.createElement("h2", null, getShortenedAddress(walletAddress || "")), /* @__PURE__ */ import_react124.default.createElement(CopyButton_default, { text: walletAddress })), /* @__PURE__ */ import_react124.default.createElement("h3", null, tronBalance, " ", selectedNetwork)), /* @__PURE__ */ import_react124.default.createElement(SecondaryButton_default, { className: "block-explorer" }, /* @__PURE__ */ import_react124.default.createElement(ExternalLink_default, { className: "link", to: explorerUrl }, /* @__PURE__ */ import_react124.default.createElement(Explorer_default, { fill: "#778DA3" }), /* @__PURE__ */ import_react124.default.createElement("p", null, "Block explorer"), /* @__PURE__ */ import_react124.default.createElement(ExternalUrl_default, { fill: "#778DA3" }))), /* @__PURE__ */ import_react124.default.createElement(PrimaryButton_default, { clickHandler: handleDisconnect }, "Disconnect")))
+    )))), /* @__PURE__ */ import_react127.default.createElement("div", { className: "modal-content" }, /* @__PURE__ */ import_react127.default.createElement("div", { className: "summary" }, networkDetails && /* @__PURE__ */ import_react127.default.createElement(networkDetails.icon, { width: 60, height: 60 }), /* @__PURE__ */ import_react127.default.createElement("div", { className: "address" }, /* @__PURE__ */ import_react127.default.createElement("h2", null, getShortenedAddress(walletAddress || "")), /* @__PURE__ */ import_react127.default.createElement(CopyButton_default, { text: walletAddress })), /* @__PURE__ */ import_react127.default.createElement("h3", null, tronBalance, " ", selectedNetwork)), /* @__PURE__ */ import_react127.default.createElement(SecondaryButton_default, { className: "block-explorer" }, /* @__PURE__ */ import_react127.default.createElement(ExternalLink_default, { className: "link", to: explorerUrl }, /* @__PURE__ */ import_react127.default.createElement(Explorer_default, { fill: "#778DA3" }), /* @__PURE__ */ import_react127.default.createElement("p", null, "Block explorer"), /* @__PURE__ */ import_react127.default.createElement(ExternalUrl_default, { fill: "#778DA3" }))), /* @__PURE__ */ import_react127.default.createElement(PrimaryButton_default, { clickHandler: handleDisconnect }, "Disconnect")))
   );
 };
 var AccountDetailsModal_default2 = AccountDetailsModal2;
 
 // plugins/tron/components/TronWalletSelect.tsx
-var import_react125 = __toESM(require("react"), 1);
-var import_react_redux46 = require("react-redux");
+var import_react128 = __toESM(require("react"), 1);
+var import_react_redux48 = require("react-redux");
 var import_tronwallet_adapter_react_hooks8 = require("@tronweb3/tronwallet-adapter-react-hooks");
 var import_tronwallet_abstract_adapter2 = require("@tronweb3/tronwallet-abstract-adapter");
 var TronWalletSelect = () => {
-  const theme = (0, import_react_redux46.useSelector)(selectTheme);
-  const sliderRef = (0, import_react125.useRef)();
-  const dispatch = (0, import_react_redux46.useDispatch)();
+  const theme = (0, import_react_redux48.useSelector)(selectTheme);
+  const sliderRef = (0, import_react128.useRef)();
+  const dispatch = (0, import_react_redux48.useDispatch)();
   const {
     wallets,
     select,
@@ -5468,7 +5723,7 @@ var TronWalletSelect = () => {
     connect,
     connected
   } = (0, import_tronwallet_adapter_react_hooks8.useWallet)();
-  const [detected, undetected] = (0, import_react125.useMemo)(() => {
+  const [detected, undetected] = (0, import_react128.useMemo)(() => {
     const detected2 = [];
     const undetected2 = [];
     for (const wallet of wallets) {
@@ -5480,7 +5735,7 @@ var TronWalletSelect = () => {
     }
     return [detected2, undetected2];
   }, [wallets]);
-  (0, import_react125.useEffect)(() => {
+  (0, import_react128.useEffect)(() => {
     let isDown = false;
     let startX;
     let scrollLeft;
@@ -5506,62 +5761,62 @@ var TronWalletSelect = () => {
       sliderRef.current.scrollLeft = scrollLeft - walk;
     });
   }, []);
-  (0, import_react125.useEffect)(() => {
+  (0, import_react128.useEffect)(() => {
     connected && dispatch(setTronConnectModal(false));
   }, [connected]);
   const connectWallet = async (walletName) => {
     currentWallet?.adapter.name === walletName ? await connect() : select(walletName);
   };
-  return /* @__PURE__ */ import_react125.default.createElement("div", { className: `wallet-select` }, /* @__PURE__ */ import_react125.default.createElement("div", { className: "slide-area hide-scrollbar", ref: sliderRef }, /* @__PURE__ */ import_react125.default.createElement("div", { className: "wallet-container" }, detected.map((wallet, index) => /* @__PURE__ */ import_react125.default.createElement(
+  return /* @__PURE__ */ import_react128.default.createElement("div", { className: `wallet-select` }, /* @__PURE__ */ import_react128.default.createElement("div", { className: "slide-area hide-scrollbar", ref: sliderRef }, /* @__PURE__ */ import_react128.default.createElement("div", { className: "wallet-container" }, detected.map((wallet, index) => /* @__PURE__ */ import_react128.default.createElement(
     "div",
     {
       className: `card-item ${theme.colorMode}`,
       onClick: () => connectWallet(wallet.adapter.name),
       key: `${wallet.adapter.name}-${index}`
     },
-    /* @__PURE__ */ import_react125.default.createElement("div", { className: "wallet-item" }, /* @__PURE__ */ import_react125.default.createElement("img", { src: wallet.adapter.icon, alt: wallet.adapter.name }), /* @__PURE__ */ import_react125.default.createElement("span", null, wallet.adapter.name))
-  )), undetected.map((wallet, index) => /* @__PURE__ */ import_react125.default.createElement(
+    /* @__PURE__ */ import_react128.default.createElement("div", { className: "wallet-item" }, /* @__PURE__ */ import_react128.default.createElement("img", { src: wallet.adapter.icon, alt: wallet.adapter.name }), /* @__PURE__ */ import_react128.default.createElement("span", null, wallet.adapter.name))
+  )), undetected.map((wallet, index) => /* @__PURE__ */ import_react128.default.createElement(
     ExternalLink_default,
     {
       to: wallet.adapter.url,
       className: `card-item ${theme.colorMode}`,
       key: `${wallet.adapter.name}-${index}`
     },
-    /* @__PURE__ */ import_react125.default.createElement("div", { className: "wallet-item" }, /* @__PURE__ */ import_react125.default.createElement("img", { src: wallet.adapter.icon, alt: wallet.adapter.name }), /* @__PURE__ */ import_react125.default.createElement("span", null, "Install ", wallet.adapter.name))
+    /* @__PURE__ */ import_react128.default.createElement("div", { className: "wallet-item" }, /* @__PURE__ */ import_react128.default.createElement("img", { src: wallet.adapter.icon, alt: wallet.adapter.name }), /* @__PURE__ */ import_react128.default.createElement("span", null, "Install ", wallet.adapter.name))
   )))));
 };
 var TronWalletSelect_default = TronWalletSelect;
 
 // plugins/tron/components/TronWalletConnectModal.tsx
 var TronWalletConnectModal = () => {
-  const dispatch = (0, import_react_redux47.useDispatch)();
-  const theme = (0, import_react_redux47.useSelector)(selectTheme);
-  const connectModal = (0, import_react_redux47.useSelector)(selectTronConnectModal);
-  return /* @__PURE__ */ import_react126.default.createElement("div", null, /* @__PURE__ */ import_react126.default.createElement(AccountDetailsModal_default2, null), /* @__PURE__ */ import_react126.default.createElement(
+  const dispatch = (0, import_react_redux49.useDispatch)();
+  const theme = (0, import_react_redux49.useSelector)(selectTheme);
+  const connectModal = (0, import_react_redux49.useSelector)(selectTronConnectModal);
+  return /* @__PURE__ */ import_react129.default.createElement("div", null, /* @__PURE__ */ import_react129.default.createElement(AccountDetailsModal_default2, null), /* @__PURE__ */ import_react129.default.createElement(
     "div",
     {
       className: `kima-modal wallet-connect ${theme.colorMode} ${connectModal ? "open" : ""}`
     },
-    /* @__PURE__ */ import_react126.default.createElement("div", { className: "modal-overlay" }),
-    /* @__PURE__ */ import_react126.default.createElement("div", { className: `modal-content-container ${theme.colorMode}` }, /* @__PURE__ */ import_react126.default.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ import_react126.default.createElement("div", { className: "topbar" }, /* @__PURE__ */ import_react126.default.createElement("div", { className: "title" }, /* @__PURE__ */ import_react126.default.createElement("h3", null, "Connect Wallet")), /* @__PURE__ */ import_react126.default.createElement("div", { className: "control-buttons" }, /* @__PURE__ */ import_react126.default.createElement(
+    /* @__PURE__ */ import_react129.default.createElement("div", { className: "modal-overlay" }),
+    /* @__PURE__ */ import_react129.default.createElement("div", { className: `modal-content-container ${theme.colorMode}` }, /* @__PURE__ */ import_react129.default.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ import_react129.default.createElement("div", { className: "topbar" }, /* @__PURE__ */ import_react129.default.createElement("div", { className: "title" }, /* @__PURE__ */ import_react129.default.createElement("h3", null, "Connect Wallet")), /* @__PURE__ */ import_react129.default.createElement("div", { className: "control-buttons" }, /* @__PURE__ */ import_react129.default.createElement(
       "button",
       {
         className: "icon-button",
         onClick: () => dispatch(setTronConnectModal(false))
       },
-      /* @__PURE__ */ import_react126.default.createElement(
+      /* @__PURE__ */ import_react129.default.createElement(
         Cross_default,
         {
           fill: theme.colorMode === "light" ? "black" : "white"
         }
       )
-    )))), /* @__PURE__ */ import_react126.default.createElement("div", { className: "modal-content" }, /* @__PURE__ */ import_react126.default.createElement(TronWalletSelect_default, null)))
+    )))), /* @__PURE__ */ import_react129.default.createElement("div", { className: "modal-content" }, /* @__PURE__ */ import_react129.default.createElement(TronWalletSelect_default, null)))
   ));
 };
 var TronWalletConnectModal_default = TronWalletConnectModal;
 
 // src/hooks/useValidateTransaction.tsx
-var import_react127 = require("react");
+var import_react130 = require("react");
 var useValidateTransaction = ({
   allowance,
   isApproved,
@@ -5580,7 +5835,7 @@ var useValidateTransaction = ({
   mode,
   pools
 }) => {
-  const maxValue = (0, import_react127.useMemo)(() => {
+  const maxValue = (0, import_react130.useMemo)(() => {
     if (!balance) return 0;
     if (totalFeeUsd < 0) return balance;
     const amountMinusFees = preciseSubtraction(balance, totalFeeUsd);
@@ -5672,8 +5927,8 @@ var useValidateTransaction = ({
 var useValidateTransaction_default = useValidateTransaction;
 
 // src/hooks/useSubmitTransaction.tsx
-var import_react128 = require("react");
-var import_react_redux48 = require("react-redux");
+var import_react131 = require("react");
+var import_react_redux50 = require("react-redux");
 var useSubmitTransaction = ({
   amount,
   totalFee,
@@ -5686,8 +5941,8 @@ var useSubmitTransaction = ({
   backendUrl,
   decimals
 }) => {
-  const dispatch = (0, import_react_redux48.useDispatch)();
-  const [isSubmitting, setSubmitting] = (0, import_react128.useState)(false);
+  const dispatch = (0, import_react_redux50.useDispatch)();
+  const [isSubmitting, setSubmitting] = (0, import_react131.useState)(false);
   const submitTransaction = async () => {
     try {
       setSubmitting(true);
@@ -5804,36 +6059,36 @@ var TransferWidget = ({
   titleOption,
   paymentTitleOption
 }) => {
-  const dispatch = (0, import_react_redux49.useDispatch)();
-  const mainRef = (0, import_react129.useRef)(null);
-  const [formStep, setFormStep] = (0, import_react129.useState)(0);
-  const dAppOption = (0, import_react_redux49.useSelector)(selectDappOption);
-  const mode = (0, import_react_redux49.useSelector)(selectMode);
-  const transactionOption = (0, import_react_redux49.useSelector)(selectTransactionOption);
-  const backendUrl = (0, import_react_redux49.useSelector)(selectBackendUrl);
-  const sourceAddress = (0, import_react_redux49.useSelector)(selectSourceAddress);
-  const targetAddress = (0, import_react_redux49.useSelector)(selectTargetAddress);
-  const sourceChain = (0, import_react_redux49.useSelector)(selectSourceChain);
-  const targetChain = (0, import_react_redux49.useSelector)(selectTargetChain);
-  const sourceCurrency = (0, import_react_redux49.useSelector)(selectSourceCurrency);
-  const targetCurrency = (0, import_react_redux49.useSelector)(selectTargetCurrency);
-  const amount = (0, import_react_redux49.useSelector)(selectAmount);
+  const dispatch = (0, import_react_redux51.useDispatch)();
+  const mainRef = (0, import_react132.useRef)(null);
+  const [formStep, setFormStep] = (0, import_react132.useState)(0);
+  const dAppOption = (0, import_react_redux51.useSelector)(selectDappOption);
+  const mode = (0, import_react_redux51.useSelector)(selectMode);
+  const transactionOption = (0, import_react_redux51.useSelector)(selectTransactionOption);
+  const backendUrl = (0, import_react_redux51.useSelector)(selectBackendUrl);
+  const sourceAddress = (0, import_react_redux51.useSelector)(selectSourceAddress);
+  const targetAddress = (0, import_react_redux51.useSelector)(selectTargetAddress);
+  const sourceChain = (0, import_react_redux51.useSelector)(selectSourceChain);
+  const targetChain = (0, import_react_redux51.useSelector)(selectTargetChain);
+  const sourceCurrency = (0, import_react_redux51.useSelector)(selectSourceCurrency);
+  const targetCurrency = (0, import_react_redux51.useSelector)(selectTargetCurrency);
+  const amount = (0, import_react_redux51.useSelector)(selectAmount);
   const {
     totalFeeUsd,
     totalFee,
     targetNetworkFee,
     submitAmount,
     decimals: feeDecimals
-  } = (0, import_react_redux49.useSelector)(selectServiceFee);
-  const compliantOption = (0, import_react_redux49.useSelector)(selectCompliantOption);
-  const networkOptions3 = (0, import_react_redux49.useSelector)(selectNetworkOption);
-  const feeDeduct = (0, import_react_redux49.useSelector)(selectFeeDeduct);
+  } = (0, import_react_redux51.useSelector)(selectServiceFee);
+  const compliantOption = (0, import_react_redux51.useSelector)(selectCompliantOption);
+  const networkOptions3 = (0, import_react_redux51.useSelector)(selectNetworkOption);
+  const feeDeduct = (0, import_react_redux51.useSelector)(selectFeeDeduct);
   const { keplrHandler, closeHandler } = useKimaContext();
-  const [isCancellingApprove, setCancellingApprove] = (0, import_react129.useState)(false);
-  const [isApproving, setApproving] = (0, import_react129.useState)(false);
-  const [isSigning, setSigning] = (0, import_react129.useState)(false);
-  const pendingTxs = (0, import_react_redux49.useSelector)(selectPendingTxs);
-  const networks = (0, import_react_redux49.useSelector)(selectNetworks);
+  const [isCancellingApprove, setCancellingApprove] = (0, import_react132.useState)(false);
+  const [isApproving, setApproving] = (0, import_react132.useState)(false);
+  const [isSigning, setSigning] = (0, import_react132.useState)(false);
+  const pendingTxs = (0, import_react_redux51.useSelector)(selectPendingTxs);
+  const networks = (0, import_react_redux51.useSelector)(selectNetworks);
   const { width: windowWidth } = useWidth_default();
   const { disconnectWallet } = useDisconnectWallet4();
   const { balance } = useBalance2();
@@ -5885,7 +6140,7 @@ var TransferWidget = ({
   const handleSubmit = async () => {
     const { error, message: validationMessage } = validate(true);
     if (error === "ValidationError" /* Error */) {
-      return import_react_hot_toast4.toast.error(validationMessage, { icon: /* @__PURE__ */ import_react129.default.createElement(Error_default, null) });
+      return import_react_hot_toast5.toast.error(validationMessage, { icon: /* @__PURE__ */ import_react132.default.createElement(Error_default, null) });
     }
     if (error === "ApprovalNeeded" /* ApprovalNeeded */) {
       return approve();
@@ -5895,7 +6150,7 @@ var TransferWidget = ({
       return;
     }
     const { success, message: submitMessage } = await submitTransaction();
-    if (!success) return import_react_hot_toast4.toast.error(submitMessage, { icon: /* @__PURE__ */ import_react129.default.createElement(Error_default, null) });
+    if (!success) return import_react_hot_toast5.toast.error(submitMessage, { icon: /* @__PURE__ */ import_react132.default.createElement(Error_default, null) });
   };
   const onNext = () => {
     const { error, message } = validate();
@@ -5905,7 +6160,7 @@ var TransferWidget = ({
     if (error !== "ValidationError" /* Error */ && formStep > 0) {
       return handleSubmit();
     }
-    import_react_hot_toast4.toast.error(message, { icon: /* @__PURE__ */ import_react129.default.createElement(Error_default, null) });
+    import_react_hot_toast5.toast.error(message, { icon: /* @__PURE__ */ import_react132.default.createElement(Error_default, null) });
     mainRef.current?.click();
   };
   const onBack = () => {
@@ -5958,10 +6213,10 @@ var TransferWidget = ({
     await disconnectWallet();
     closeHandler && closeHandler(0);
   };
-  (0, import_react129.useEffect)(() => {
+  (0, import_react132.useEffect)(() => {
     dispatch(setTheme(theme));
   }, [theme]);
-  return /* @__PURE__ */ import_react129.default.createElement(
+  return /* @__PURE__ */ import_react132.default.createElement(
     "div",
     {
       className: `kima-card ${theme.colorMode}`,
@@ -5969,14 +6224,14 @@ var TransferWidget = ({
         background: theme.colorMode === "light" /* light */ ? theme.backgroundColorLight : theme.backgroundColorDark
       }
     },
-    mode === "payment" /* payment */ && !transactionOption && /* @__PURE__ */ import_react129.default.createElement("h2", { className: "invalid-option-banner" }, "We're unable to process your payment. Please ensure the necessary transaction details are provided. Contact support if the issue persists."),
-    /* @__PURE__ */ import_react129.default.createElement("div", { className: "transfer-card" }, /* @__PURE__ */ import_react129.default.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ import_react129.default.createElement("div", { className: "topbar" }, /* @__PURE__ */ import_react129.default.createElement("div", { className: "title" }, /* @__PURE__ */ import_react129.default.createElement("h3", null, formStep === 0 ? titleOption?.initialTitle ? titleOption.initialTitle : mode === "payment" /* payment */ ? "New Purchase" : "New Transfer" : titleOption?.confirmTitle ? titleOption.confirmTitle : mode === "payment" /* payment */ ? "Confirm Purchase" : "Transfer Details")), /* @__PURE__ */ import_react129.default.createElement("div", { className: "control-buttons" }, pendingTxs > 0 ? /* @__PURE__ */ import_react129.default.createElement(TxButton_default, { theme }) : null, /* @__PURE__ */ import_react129.default.createElement(
+    mode === "payment" /* payment */ && !transactionOption && /* @__PURE__ */ import_react132.default.createElement("h2", { className: "invalid-option-banner" }, "We're unable to process your payment. Please ensure the necessary transaction details are provided. Contact support if the issue persists."),
+    /* @__PURE__ */ import_react132.default.createElement("div", { className: "transfer-card" }, /* @__PURE__ */ import_react132.default.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ import_react132.default.createElement("div", { className: "topbar" }, /* @__PURE__ */ import_react132.default.createElement("div", { className: "title" }, /* @__PURE__ */ import_react132.default.createElement("h3", null, formStep === 0 ? titleOption?.initialTitle ? titleOption.initialTitle : mode === "payment" /* payment */ ? "New Purchase" : "New Transfer" : titleOption?.confirmTitle ? titleOption.confirmTitle : mode === "payment" /* payment */ ? "Confirm Purchase" : "Transfer Details")), /* @__PURE__ */ import_react132.default.createElement("div", { className: "control-buttons" }, pendingTxs > 0 ? /* @__PURE__ */ import_react132.default.createElement(TxButton_default, { theme }) : null, /* @__PURE__ */ import_react132.default.createElement(
       ExternalLink_default,
       {
         to: helpURL ? helpURL : "https://docs.kima.network/kima-network/try-kima-with-the-demo-app"
       },
-      /* @__PURE__ */ import_react129.default.createElement("div", { className: "menu-button" }, "I need help")
-    ), formStep === 0 && mode !== "payment" /* payment */ && /* @__PURE__ */ import_react129.default.createElement(
+      /* @__PURE__ */ import_react132.default.createElement("div", { className: "menu-button" }, "I need help")
+    ), formStep === 0 && mode !== "payment" /* payment */ && /* @__PURE__ */ import_react132.default.createElement(
       "button",
       {
         className: "reset-button",
@@ -5984,12 +6239,49 @@ var TransferWidget = ({
         disabled: isApproving || isSubmitting || isSigning
       },
       "Reset"
-    ))), mode === "payment" /* payment */ && paymentTitleOption?.title && /* @__PURE__ */ import_react129.default.createElement("h4", { className: "subtitle" }, paymentTitleOption.title)), /* @__PURE__ */ import_react129.default.createElement("div", { className: "kima-card-content", ref: mainRef }, formStep === 0 ? /* @__PURE__ */ import_react129.default.createElement(SingleForm_default, { ...{ balance, decimals } }) : /* @__PURE__ */ import_react129.default.createElement(ConfirmDetails_default, { isApproved })), /* @__PURE__ */ import_react129.default.createElement(
+    ))), mode === "payment" /* payment */ && paymentTitleOption?.title && /* @__PURE__ */ import_react132.default.createElement("h4", { className: "subtitle" }, paymentTitleOption.title)), /* @__PURE__ */ import_react132.default.createElement("div", { className: "kima-card-content", ref: mainRef }, formStep === 0 ? /* @__PURE__ */ import_react132.default.createElement(
+      SingleForm_default,
+      {
+        ...{
+          allowance,
+          balance,
+          decimals,
+          formStep,
+          onBack,
+          onCancelApprove,
+          onNext,
+          getButtonLabel,
+          isApproving,
+          isSigning,
+          isSubmitting,
+          isCancellingApprove
+        }
+      }
+    ) : /* @__PURE__ */ import_react132.default.createElement(
+      ConfirmDetails_default,
+      {
+        ...{
+          allowance,
+          balance,
+          decimals,
+          formStep,
+          onBack,
+          onCancelApprove,
+          onNext,
+          getButtonLabel,
+          isApproving,
+          isSigning,
+          isSubmitting,
+          isCancellingApprove,
+          isApproved
+        }
+      }
+    )), /* @__PURE__ */ import_react132.default.createElement(
       "div",
       {
         className: `kima-card-footer ${mode === "bridge" /* bridge */ && formStep !== 0 && "confirm"}`
       },
-      /* @__PURE__ */ import_react129.default.createElement("div", { className: `button-group` }, formStep !== 0 && /* @__PURE__ */ import_react129.default.createElement(
+      /* @__PURE__ */ import_react132.default.createElement("div", { className: `button-group` }, formStep !== 0 && /* @__PURE__ */ import_react132.default.createElement(
         SecondaryButton_default,
         {
           clickHandler: onBack,
@@ -5997,7 +6289,7 @@ var TransferWidget = ({
           disabled: isApproving || isSubmitting || isSigning
         },
         formStep > 0 ? "Back" : "Cancel"
-      ), allowance > 0 && formStep !== 0 ? /* @__PURE__ */ import_react129.default.createElement(
+      ), allowance > 0 && formStep !== 0 ? /* @__PURE__ */ import_react132.default.createElement(
         SecondaryButton_default,
         {
           clickHandler: onCancelApprove,
@@ -6006,7 +6298,7 @@ var TransferWidget = ({
           disabled: isCancellingApprove || isApproving || isSubmitting || isSigning
         },
         isCancellingApprove ? "Cancelling Approval" : "Cancel Approve"
-      ) : null, /* @__PURE__ */ import_react129.default.createElement(
+      ) : null, /* @__PURE__ */ import_react132.default.createElement(
         PrimaryButton_default,
         {
           clickHandler: onNext,
@@ -6015,8 +6307,8 @@ var TransferWidget = ({
         },
         getButtonLabel()
       ))
-    ), /* @__PURE__ */ import_react129.default.createElement(SolanaWalletConnectModal_default, null), /* @__PURE__ */ import_react129.default.createElement(TronWalletConnectModal_default, null), /* @__PURE__ */ import_react129.default.createElement(
-      import_react_hot_toast4.Toaster,
+    ), /* @__PURE__ */ import_react132.default.createElement(SolanaWalletConnectModal_default, null), /* @__PURE__ */ import_react132.default.createElement(TronWalletConnectModal_default, null), /* @__PURE__ */ import_react132.default.createElement(
+      import_react_hot_toast5.Toaster,
       {
         position: "top-right",
         reverseOrder: false,
@@ -6040,12 +6332,12 @@ var TransferWidget = ({
           }
         }
       }
-    ), /* @__PURE__ */ import_react129.default.createElement("div", { className: "floating-footer" }, /* @__PURE__ */ import_react129.default.createElement("div", { className: `items ${theme.colorMode}` }, /* @__PURE__ */ import_react129.default.createElement("span", null, "Powered by"), /* @__PURE__ */ import_react129.default.createElement(FooterLogo_default, { width: 50, fill: "black" }), /* @__PURE__ */ import_react129.default.createElement("strong", null, "Network"))))
+    ), /* @__PURE__ */ import_react132.default.createElement("div", { className: "floating-footer" }, /* @__PURE__ */ import_react132.default.createElement("div", { className: `items ${theme.colorMode}` }, /* @__PURE__ */ import_react132.default.createElement("span", null, "Powered by"), /* @__PURE__ */ import_react132.default.createElement(FooterLogo_default, { width: 50, fill: "black" }), /* @__PURE__ */ import_react132.default.createElement("strong", null, "Network"))))
   );
 };
 
 // src/components/KimaWidgetWrapper.tsx
-var import_react131 = require("@reown/appkit/react");
+var import_react134 = require("@reown/appkit/react");
 var KimaWidgetWrapper = ({
   mode,
   txId,
@@ -6060,14 +6352,14 @@ var KimaWidgetWrapper = ({
   excludedTargetNetworks = []
 }) => {
   const { kimaBackendUrl } = useKimaContext();
-  const submitted = (0, import_react_redux50.useSelector)(selectSubmitted);
-  const dispatch = (0, import_react_redux50.useDispatch)();
-  const { setThemeMode, setThemeVariables } = (0, import_react131.useAppKitTheme)();
+  const submitted = (0, import_react_redux52.useSelector)(selectSubmitted);
+  const dispatch = (0, import_react_redux52.useDispatch)();
+  const { setThemeMode, setThemeVariables } = (0, import_react134.useAppKitTheme)();
   const { data: chainData } = useChainData(kimaBackendUrl);
   const { data: envOptions } = useGetEnvOptions({ kimaBackendUrl });
   const networkOption = envOptions?.env;
   const kimaExplorer = envOptions?.kimaExplorer || "https://explorer.sardis.kima.network";
-  (0, import_react130.useEffect)(() => {
+  (0, import_react133.useEffect)(() => {
     dispatch(setTheme(theme));
     setThemeMode(theme.colorMode === "light" /* light */ ? "light" : "dark");
     setThemeVariables({
@@ -6103,15 +6395,15 @@ var KimaWidgetWrapper = ({
         "Config error: KimaTransactionWidget.transactionOption is required in payment mode"
       );
     } else if (mode === "status" /* status */) {
-      dispatch(setTxId(txId || 1));
+      dispatch(setTxId(txId || -1));
       dispatch(setSubmitted(true));
     }
   }, [theme, transactionOption, mode, networkOption, chainData]);
-  (0, import_react130.useEffect)(() => {
+  (0, import_react133.useEffect)(() => {
     if (!chainData?.length) return;
     indexPluginsByChain(chainData);
   }, [chainData]);
-  return submitted ? /* @__PURE__ */ import_react130.default.createElement(TransactionWidget, { theme }) : /* @__PURE__ */ import_react130.default.createElement(
+  return submitted ? /* @__PURE__ */ import_react133.default.createElement(TransactionWidget, { theme }) : /* @__PURE__ */ import_react133.default.createElement(
     TransferWidget,
     {
       theme,
@@ -6124,7 +6416,7 @@ var KimaWidgetWrapper = ({
 var KimaWidgetWrapper_default = KimaWidgetWrapper;
 
 // src/components/KimaTransactionWidget.tsx
-var import_react_redux51 = require("react-redux");
+var import_react_redux53 = require("react-redux");
 var KimaTransactionWidget = ({
   mode,
   txId,
@@ -6138,19 +6430,19 @@ var KimaTransactionWidget = ({
   excludedSourceNetworks = [],
   excludedTargetNetworks = []
 }) => {
-  const dispatch = (0, import_react_redux51.useDispatch)();
+  const dispatch = (0, import_react_redux53.useDispatch)();
   const { kimaBackendUrl } = useKimaContext();
   const { isLoading: isLoadingEnvs } = useGetEnvOptions({
     kimaBackendUrl
   });
   const { data: chainData, isLoading: isLoadingChainData } = useChainData(kimaBackendUrl);
-  (0, import_react132.useEffect)(() => {
+  (0, import_react135.useEffect)(() => {
     if (!isLoadingChainData && chainData) {
       dispatch(setSourceChain(chainData[0]));
       dispatch(setTargetChain(chainData[1]));
     }
   }, [chainData]);
-  return isLoadingEnvs || isLoadingChainData ? /* @__PURE__ */ import_react132.default.createElement(ring_default, null) : /* @__PURE__ */ import_react132.default.createElement(
+  return isLoadingEnvs || isLoadingChainData ? /* @__PURE__ */ import_react135.default.createElement(ring_default, null) : /* @__PURE__ */ import_react135.default.createElement(
     KimaWidgetWrapper_default,
     {
       ...{