@kimafinance/kima-transaction-widget 1.4.6 → 1.4.8

package/dist/index.js

@@ -1,7 +1,7 @@
 "use client";
 
 // src/KimaProvider.tsx
-import * as React81 from "react";
+import * as React49 from "react";
 import { createContext, useContext, useMemo as useMemo7 } from "react";
 import { Provider, useSelector as useSelector16 } from "react-redux";
 
@@ -1358,6 +1358,84 @@ var KimaNetwork = ({ width = 120, height = 15, ...rest }) => {
 };
 var KimaNetwork_default = KimaNetwork;
 
+// src/assets/icons/CFX.tsx
+import React40 from "react";
+var CFX = ({ width = 30, height = 30, ...rest }) => {
+  return /* @__PURE__ */ React40.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width,
+      height,
+      viewBox: "0 0 1766.6 2212",
+      fill: "none",
+      ...rest
+    },
+    /* @__PURE__ */ React40.createElement("g", null, /* @__PURE__ */ React40.createElement("g", null, /* @__PURE__ */ React40.createElement(
+      "polygon",
+      {
+        fill: "#181818",
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        points: "0,1309.5 879.5,426.3 1766.6,1317.2 1766.6,892.7 887.1,0 1,895.7"
+      }
+    ), /* @__PURE__ */ React40.createElement(
+      "polygon",
+      {
+        fill: "#181818",
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        points: "203.6,1528.4 875.6,2212 1555.4,1528.4 1348,1317.2 879.5,1789.6 626,1528.4 1090.7,1052.2 882.4,845.8"
+      }
+    )))
+  );
+};
+var CFX_default = CFX;
+
+// src/assets/icons/EURC.tsx
+import React41 from "react";
+var EURC = ({ width = 100, height = 100, ...rest }) => {
+  return /* @__PURE__ */ React41.createElement(
+    "svg",
+    {
+      width,
+      height,
+      viewBox: "0 0 100 100",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      xlinkHref: "http://www.w3.org/1999/xlink"
+    },
+    /* @__PURE__ */ React41.createElement(
+      "path",
+      {
+        d: "M50 100C77.7085 100 100 77.7085 100 50C100 22.2915 77.7085 0 50 0C22.2915 0 0 22.2915 0 50C0 77.7085 22.2915 100 50 100Z",
+        fill: "#2775CA"
+      }
+    ),
+    /* @__PURE__ */ React41.createElement("rect", { width: "100", height: "100", fill: "url(#pattern0_1506_393)" }),
+    /* @__PURE__ */ React41.createElement("defs", null, /* @__PURE__ */ React41.createElement(
+      "pattern",
+      {
+        id: "pattern0_1506_393",
+        patternContentUnits: "objectBoundingBox",
+        width: "1",
+        height: "1"
+      },
+      /* @__PURE__ */ React41.createElement("use", { xlinkHref: "#image0_1506_393", transform: "scale(0.005)" })
+    ), /* @__PURE__ */ React41.createElement(
+      "image",
+      {
+        id: "image0_1506_393",
+        width: "200",
+        height: "200",
+        preserveAspectRatio: "none",
+        xlinkHref: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAPH0lEQVR4Xu2dP44sSRGH9wJcAgnN4wDcgBOszSnQe2OiZ2LhcoFBHAHhg9DMrjAWY611AAeDdXad1UoMEz2T83p+WdWdGRn/Mis+6ZNW+6ajqrszKjMjs6o/+yxR5eb2Lz95d/vw+c2Hh7ub9/ffvfrh4bHbl9e+u73/+LPbv/2cYuPxkiQkz4lw/5Hd+CU8Jc9TMmbiJJ5QA7y5/eLLqoFGlc41kybR4nRV9uwZpH16LzREw/eZJM2cxvjYsFY0kyVp5YYm0tiADibNo/BzSQ7MaWK90VBSSpaHz/HzSg7CUnMKbZ8m+fj5JQtymldkYoyZ1bD1yGGUvDn8WoDDVKIczQrYhGSPYW/2KBOQPYa/2aMEBb+o1NH399/h95M4UX05aSjx+0qMeNlCXn0haTxzfmIMfgHpHOL3mAiTvcb85iReCfyg07nF7zcZAD/cdA3xe046yX1TBzA3QvKoPsh0afH7Ty6AH156DLEdJEBuFUlzO/0OucEwLebCIjDVI3RSK++wnRySjQ8mTZ89+qbH6gNJ0w2x3RwC/BDS9JLYfpYG3/xs/u5P/3786p/fP/7yt19V/xZNOkc6Vzpn/LepPMpwq3rjk/iv//7wuAU1PvzbKH77/Y94uicin/M1sT0tBb7Z6P7iN39//OHH/2H7qvjpr++r13pL53QNSnp6j/ja6GK7WgJ8k5F9/8dvsC1dJGKC/Or3X+NpXoT+HmOEdbX9W7Osc7T0FluskCCFWYZfyzxDeIYV8j//41tsJ12slCAF6kUxZjSnX3GPvreqdyi1x4oJUgg/9Jp571b1ZoIo1XgKKydIIXJJG9vdFOCbiOJeuXaEIyQIQUNRPE4Usf2FBk8+ghoNpnCUBClE7U2wHYYkYsVKGzxeBFvWQUbBYwYw/g7gjZN2kxbBtIlcFuWWrXvAY3qL7TEUeLKe/uGv/8HvUgU8bjQtiFYSxnYZAjxJT7WhPU4zbdGgOcPevixJ8LieYvt0JdITDzWhRobHm03tYRcez81I6yPVyTlIV0ktpt8qvqHmEDRK74rt1AU8KQ+lVsSRKF+0plrl4Cgr8NheTYkwtKKruzS0mIjHWVkqCWvMUSJM3l0flo0nY+3oJkNkhTnGqNJzlAhJgu3WBDwJa6WTA+MfWen5nHuSeNyuW52EoZITTLpiRtwqEkFJvJME268qeHBLJSfk3l/aDEpejLwn7tiOVfC+x0OK7DX6lALjmmqxNlId1FApMG7aphQY11Jsz6J43j4rwYoLftZKFUcwrpWqZV88mJUSRL7ZZzZpB/MoniV1bNcieM09JBYCs+eQV6IncZu0a8xFqoMYKFGxysm4nhL323jdnYjtewivuccoWcbVV6IMjDEtFJ2LYHALR8lhlZ2jwy1arMWYFmI7Z+Ex9xjdYerVbR/Z0eGwy85piblIFVTZ0YcNzLwTl947JTddIEhqdOW/qQFFn0+NbnTEeBZie+8GA2o7CsaL7MjQhBpjxJ5yFIynLbb3Lqwf4TM6tMJ40dS674LAY3k6gvVQa+gh2BhM2xGiDz8kqj3XiLIYOjpMxnjaYrtvwrq0O9J7RC7nSix09hLh8xgZPloPHVklXwyiLZcoV01UYhFtFO9edeQ5yBhLVc4NVVUQRaf5IBuNkBwFPDdruVivY2H7v4j18IqL9YSuxZGhohaePcnI54GxNO0aZuGLNeX2Hl6rr5eU2OWqBZ6rpVyosIGxNMU82AVfqCkXz6viltIPOtAAz9lSLhhHU8yDTSy3lnC7X+vxaYuzgOdtJbeqZTqMbtl6Ur1IUS4Yx1sNaEGRhp/SC4ueJWAuGEdTzIcKfIGW3CGJ9bj0mlJc+52Rsk9LAq/hKXeOZtmLYD68wXJ4xQXjeCqxCMhNeG5xo4DxrOSCcdS8NMyiBZPqBUpy4DYmDUe3UxAYkyMXr9tdub0IxlHz0qJh9cdKcq+8GMdT7hddwHhcRxYlMZaVHCy3n2BevIJ/qCWHSL3HSKPUeJoHtzfDOFZyLy4YR0vMixM09sI/1JIDxvB0BIwlaQ+WV2Q0fEJvzUOs7v3grH1EWzXnol09ar2jL8I6Egerahb97g3mR+jhldUH02JrI0Ssdh3vEe0p9qHnoVsT9eqPlOSAMTzlgnG0xOFLpLkbygFjaIn5YZIgsw+vuAt1Hj0gJUqkHmNLDlZzp7fJYTRB5+BVr9+SC8ZJn+XehoxxNHyTIFY/xskBY3iJQ5dWrK54M8r9TDGOiueVLKsV9F401gy4hp5UTiwHjKHk3acEqf9RXM743XPnKcoh0vwpqpxt8CZzuvNKVvWPCnJWTzGGljQWviYH+vIxDlfqwUwahoO9WF04TROEA8aQljsG9mTFJOGAMTR8To7AFSyMIe2s4PuYXQ4YQ8NTgljdA9KL9kOoZwbfy+xy7prEGCpSJcviET+coYzmOJOzYBkFqy0rlnIm6hhDw9OjgCxKvJzt4RhD0pnB97KC0dpH8fRga4sE4ZR4MYaUM4PvZSV7MSlWUKm3+p8KUpmyF4whIXexLwImDcLRXkx2KFglSJRJGGesG4EV5x1oL3TRxRjiWiUIB4whIadYEAF8Hyvai3aV8+TREoSkJOHe9GTNEXqOIgeMoWHIBIm0h4lTYTHp/heTA8bQMGSCRNrFy6nARbjnezZ7sbqIZoJcMRPERs6wF2NoGDJBTCZgjWaC2JgJ0sHsCZJzkH4zQTrIBDmemSAdWM5BZlo8jHThkJYDxtAwZIJYVShm3NW7au/EAWNoGDJBCIwhLWd9Iwr4XlaQA8YQ94gr6cWZwfeygr1c+0UuEU8JYrDdPcpmxSLnfKKw6q7eXkyGmlYJEmW7OznjvKOw8t6sXiy2u59umLK45ZZTKsUYEs4871i5gkX2YtKT0j3pFg9t4DRMjCEh59lcUcD3spJR2kclJUjUx/5oPLSBYs6IydXSUc5aFMbQMPSD47SGFLNN0FeedxTDrqJHThACY0hJcyLqTXrkQMUJjNNj9N/3kJIDxtDwsAnCkQvGSWs5YAxx3zy82qDUG3Wc2Sq3F8E46Vs5zwmw+FGlU4m3YPEDOpxSr8UH0SrniyQosTBW+knOGplJ0QJ/Crr6AwV7sdzV2yIXjGPhDL9RSHLAGBq+SY6oCUJgDE859XrCsifc6uksj98rB4yhIeZH2ASJ9uVywThaXipjW2zP6JEzvCIwjoaYHyYJssJEl7sabzFcbN1nZrITtkEOVkmO+UEJcod/pCEHjOHp1hCmFe0vtxd8vbUcMIaGVLTC/Ai75YQwqVp0OALGkpJ2HvSCMSyNPJrA3HgF/1DD1mEAgnG8HQFjjRq5se3JwepCiXnxCv6hlhwwhrejP6UgVYLl9ByE9/oMB4yhJebFKxYr6iSHiA9jG2U0SbgFAwJjWco9b4yj4u0XX2JevGI1D+FefTGOt9zh4jm0k7U3UbhDqsKMvYdZuR9X0JHqBUpyiFKePPfSukMvtF9tK1no/1ED4Q6nztG6jaBV7ueFcbTEfKiIPMwiME4EZwLP3VouGEfF8x28e1gNs7jDk4hzEXIGtNdhrsmde1hVr64OrwrVC5XkgnGiGJkIdyZywThaYh7sgi/UkjvZ9J5k7sntFbWhcf/W3MZSzv1AhGWvh3mwi8X9IUUuGCeKI1tRNLB6zvE1uWAcNVuHV4UqgJLcHZ0ExopkBLwrVkUuZqXdDx29RwEDaMrFbPLGkHoSbklTgijFjJFhJ8bSFNv/VSyHWSP1fYwVTe5NViPgOXjKxeTZu8Xe4VWhCqQoF4v7LCTk3JPfi+WEtkXO864KGEtTbPfN3BjdI0JyK1pE1KrWltxtNpcwvdo2OjK3tEz0zXs/esCAmo6AsWZw5KJAieZdur3kCBhLU2zv3WBATUfH6xhvRqnR0+dAV1EyciFiy9EyN8ZTtWVryTWstp4UR8F4qa2jYDxNsa2zwcCajl6BIu74PYojk3IC46kq0XsULEu+5OhQK+KkdXW5GxELGE9dbml3j+oAyo4yU2VrdkcqVoTHdhhs38NYz0XIUSy3KhxVibI1xlRXuvcoVAdSdnSoRWRPoueUyfFBofcoWPyeITrafROZJPJO+71o9R6F6oAGSpATdzlHJ+SEx7yDxPYsjsdchJQgyvbvmR0t5RYwroXYltXAA1soMR8hvK5cKygFxjVRct2jheoEDJRKEiLyPqZoji7enoOxrcT2q47V44FQicpJIcvA113k877D9mvCxomYyH0AwBY55NpXar5BuFSsXsR2a4ZH2bc4civnFlnl+qTkBYhw3ZGsXda9RnVChkqUG8/J3kS21yBc742/9CBqS6oTM1T6akccsRys8YAJz2EVie3UDc+hFilZ3TonwtMItZXuhQt4HGuxjbqDJ2it9JzkHO8roYYSW0X2cJ1zvIjtMwR4kh5qMssTVPa0eFYXHtNDbJehwJP10IKZhl9aw6hzolw8sD2G48bwUUGX1Ji8b4HHjaYFrpWqM4cf4WMFnriXWpP3cyLfA28BHtNTbIehwZP3VHuIEXFfl+T+qS2iLaxi+5sCfBOejjyk7RoRE0Szque4p2pTbHfT4HXvyCVHHpS9x1ESJGJhAtvcdFg/MqhVSY6QIBg/grRAje1tSt7d3n/ENxdBqWHXygkSbThVnKZi1QptHMM3GcXRkvCKCRKldLslXXCxfS2B101WrXJ7lJUSJGqP8WqUHbpaVG84oL2JskKChE8McvXkKFRvPKitC40RE6RlHYS2h0TYWNjkUZKjUH0Awd37CbXIY/W9uZXlLziJeLTkKESfk+xJDY/uvJuhoZWhVrSV7w59HrgQhcjVrdTXZatVvURdJ0n9XG6dY5SoK+6pvcuskEsTce9Waiu2iWQD/NDSY4jtILkAfnjpwlo/WHoVcvK+vjkZFwA/1HQN8XtOBsAPN51b/H4TAbLKNb/4nSYKzLpF5dAedT+VF9mbTKT3TxAcmdzLFdpjbzSMxMaXk3qZ6xoxyWGXv/idJAHx/r2SQ5rzjPnIHkVf/MyTCckeRcHsMdYje5RBc/J9HPIGrXZzQ+GByeHXBXMYlZyTyfKQSZG0cZqvHGHPV+6RSkZZLlloe072FIkmp0n+DEnzdI75lJAkBC9l5DuXxHk65ukW5ewZktk4Jc6Tzw34aXhDCdSTROXvn16bSWDL/wHsQpzQgNCUNwAAAABJRU5ErkJggg=="
+      }
+    ))
+  );
+};
+var EURC_default = EURC;
+
 // src/utils/constants.tsx
 import {
   arbitrum,
@@ -1366,9 +1444,12 @@ import {
   avalancheFuji,
   base,
   baseSepolia,
+  berachain,
   berachainBepolia,
   bsc,
   bscTestnet,
+  confluxESpace,
+  confluxESpaceTestnet,
   mainnet,
   optimism,
   optimismSepolia,
@@ -1392,6 +1473,7 @@ var ChainName = /* @__PURE__ */ ((ChainName2) => {
   ChainName2["FIAT"] = "FIAT";
   ChainName2["BTC"] = "BTC";
   ChainName2["BERA"] = "BERA";
+  ChainName2["CFX"] = "CFX";
   return ChainName2;
 })(ChainName || {});
 var CHAIN_NAMES_TO_APPKIT_NETWORK_MAINNET = {
@@ -1402,7 +1484,9 @@ var CHAIN_NAMES_TO_APPKIT_NETWORK_MAINNET = {
   ["BSC" /* BSC */]: bsc,
   ["OPT" /* OPTIMISM */]: optimism,
   ["ARB" /* ARBITRUM */]: arbitrum,
-  ["ZKE" /* POLYGON_ZKEVM */]: polygonZkEvm
+  ["ZKE" /* POLYGON_ZKEVM */]: polygonZkEvm,
+  ["BERA" /* BERA */]: berachain,
+  ["CFX" /* CFX */]: confluxESpace
 };
 var CHAIN_NAMES_TO_APPKIT_NETWORK_TESTNET = {
   ["ETH" /* ETHEREUM */]: sepolia,
@@ -1413,7 +1497,8 @@ var CHAIN_NAMES_TO_APPKIT_NETWORK_TESTNET = {
   ["OPT" /* OPTIMISM */]: optimismSepolia,
   ["ARB" /* ARBITRUM */]: arbitrumSepolia,
   ["ZKE" /* POLYGON_ZKEVM */]: polygonZkEvmCardona,
-  ["BERA" /* BERA */]: berachainBepolia
+  ["BERA" /* BERA */]: berachainBepolia,
+  ["CFX" /* CFX */]: confluxESpaceTestnet
 };
 var CHAIN_NAMES_TO_STRING = {
   ["ETH" /* ETHEREUM */]: "Ethereum",
@@ -1428,7 +1513,8 @@ var CHAIN_NAMES_TO_STRING = {
   ["FIAT" /* FIAT */]: "Pay with FIAT",
   ["BTC" /* BTC */]: "Bitcoin",
   ["BASE" /* BASE */]: "Base",
-  ["BERA" /* BERA */]: "Bera"
+  ["BERA" /* BERA */]: "Bera",
+  ["CFX" /* CFX */]: "Conflux"
 };
 var CHAIN_STRING_TO_NAME = {
   ["Ethereum"]: "ETH" /* ETHEREUM */,
@@ -1443,7 +1529,8 @@ var CHAIN_STRING_TO_NAME = {
   ["Pay with FIAT"]: "FIAT" /* FIAT */,
   ["Bitcoin"]: "BTC" /* BTC */,
   ["Base"]: "BASE" /* BASE */,
-  ["Bera"]: "BERA" /* BERA */
+  ["Bera"]: "BERA" /* BERA */,
+  ["Conflux"]: "CFX" /* CFX */
 };
 var networkOptions = [
   {
@@ -1467,6 +1554,11 @@ var networkOptions = [
     label: "Bitcoin",
     icon: BTC_default
   },
+  {
+    id: "CFX" /* CFX */,
+    label: "Conflux",
+    icon: CFX_default
+  },
   {
     id: "ETH" /* ETHEREUM */,
     label: "Ethereum",
@@ -1510,7 +1602,7 @@ var networkOptions = [
 ];
 var CLUSTER = "devnet";
 var SOLANA_HOST = clusterApiUrl(CLUSTER);
-var isEVMChain = (chainId) => chainId === "ETH" /* ETHEREUM */ || chainId === "POL" /* POLYGON */ || chainId === "AVX" /* AVALANCHE */ || chainId === "BSC" /* BSC */ || chainId === "OPT" /* OPTIMISM */ || chainId === "ARB" /* ARBITRUM */ || chainId === "ZKE" /* POLYGON_ZKEVM */ || chainId === "BASE" /* BASE */ || chainId === "BERA" /* BERA */;
+var isEVMChain = (chainId) => chainId === "ETH" /* ETHEREUM */ || chainId === "POL" /* POLYGON */ || chainId === "AVX" /* AVALANCHE */ || chainId === "BSC" /* BSC */ || chainId === "OPT" /* OPTIMISM */ || chainId === "ARB" /* ARBITRUM */ || chainId === "ZKE" /* POLYGON_ZKEVM */ || chainId === "BASE" /* BASE */ || chainId === "BERA" /* BERA */ || chainId === "CFX" /* CFX */;
 var lightDemoAccounts = {
   EVM: "0x1150bd27bA25fa13806C98324F201dfe815A4502",
   // EVM: '0x10962c43ea1bfE1186Dbf59985Df4E1ce94Ca4a9', // personal for testing
@@ -1519,7 +1611,15 @@ var lightDemoAccounts = {
   TRX: "TBVn4bsBN4DhtZ7D3vEVpAyqkvdFn7zmpU"
   // TRX: 'TL6yGtzbHfQdBRFYh4TLFoU5iiPMmpQtur' // personal for testing
 };
-var lightDemoNetworks = ["ARB", "AVX", "BASE", "OPT", "BSC", "SOL", "TRX"];
+var lightDemoNetworks = [
+  "ARB",
+  "AVX",
+  "BASE",
+  "OPT",
+  "BSC",
+  "SOL",
+  "TRX"
+];
 
 // src/interface.tsx
 var NetworkOptions = /* @__PURE__ */ ((NetworkOptions4) => {
@@ -2072,7 +2172,7 @@ var useGetEnvOptions = ({
 };
 
 // plugins/evm/index.tsx
-import React75 from "react";
+import React43 from "react";
 
 // plugins/PluginBase.ts
 var PluginBase = class {
@@ -2109,7 +2209,7 @@ var PluginBase = class {
 };
 
 // plugins/evm/features/walletConnect/WalletProvider.tsx
-import React40, { useEffect, useState } from "react";
+import React42, { useEffect, useState } from "react";
 
 // plugins/evm/config/modalConfig.ts
 import { createAppKit } from "@reown/appkit/react";
@@ -2128,7 +2228,9 @@ import {
   optimismSepolia as optimismSepolia2,
   polygon as polygon2,
   polygonAmoy as polygonAmoy2,
-  sepolia as sepolia3
+  sepolia as sepolia3,
+  confluxESpace as confluxESpace2,
+  confluxESpaceTestnet as confluxESpaceTestnet2
 } from "@reown/appkit/networks";
 import { EthersAdapter } from "@reown/appkit-adapter-ethers";
 var appkitMainnetChains = [
@@ -2138,7 +2240,8 @@ var appkitMainnetChains = [
   base2,
   arbitrum2,
   optimism2,
-  avalanche2
+  avalanche2,
+  confluxESpace2
 ];
 var appkitTestnetChains = [
   sepolia3,
@@ -2148,7 +2251,8 @@ var appkitTestnetChains = [
   arbitrumSepolia3,
   optimismSepolia2,
   avalancheFuji2,
-  berachainBepolia2
+  berachainBepolia2,
+  confluxESpaceTestnet2
 ];
 var metadata = {
   name: "Kima Transaction Widget",
@@ -2197,9 +2301,9 @@ var WalletProvider = ({
     }
   }, [networkOption, isLoading, walletConnectProjectId]);
   if (!isReady) {
-    return /* @__PURE__ */ React40.createElement(React40.Fragment, null);
+    return /* @__PURE__ */ React42.createElement(React42.Fragment, null);
   }
-  return /* @__PURE__ */ React40.createElement(React40.Fragment, null, children);
+  return /* @__PURE__ */ React42.createElement(React42.Fragment, null, children);
 };
 var WalletProvider_default = WalletProvider;
 
@@ -2242,135 +2346,6 @@ var selectCCTransactionIdSeed = (state) => state.option.ccTransactionIdSeed;
 var selectCCTransactionStatus = (state) => state.option.ccTransactionStatus;
 var selectCCTransactionRetrying = (state) => state.option.ccTransactionRetrying;
 
-// plugins/evm/utils/constants.tsx
-import { clusterApiUrl as clusterApiUrl2 } from "@solana/web3.js";
-
-// plugins/evm/assets/icons/Cross.tsx
-import React41 from "react";
-
-// plugins/evm/assets/icons/Minimize.tsx
-import React42 from "react";
-
-// plugins/evm/assets/icons/FooterLogo.tsx
-import React43 from "react";
-
-// plugins/evm/assets/icons/Check.tsx
-import React44 from "react";
-
-// plugins/evm/assets/icons/Warning.tsx
-import React45 from "react";
-
-// plugins/evm/assets/icons/ArrowRight.tsx
-import React46 from "react";
-
-// plugins/evm/assets/icons/Arrow.tsx
-import React47 from "react";
-
-// plugins/evm/assets/icons/Lock.tsx
-import React48 from "react";
-
-// plugins/evm/assets/icons/Ethereum.tsx
-import React49 from "react";
-
-// plugins/evm/assets/icons/Solana.tsx
-import React50 from "react";
-
-// plugins/evm/assets/icons/Polygon.tsx
-import React51 from "react";
-
-// plugins/evm/assets/icons/Polygon_zkEVM.tsx
-import React52 from "react";
-
-// plugins/evm/assets/icons/Loader.tsx
-import React53 from "react";
-
-// plugins/evm/assets/icons/Error.tsx
-import React54 from "react";
-
-// plugins/evm/assets/icons/Avalanche.tsx
-import React55 from "react";
-
-// plugins/evm/assets/icons/Arbitrum.tsx
-import React56 from "react";
-
-// plugins/evm/assets/icons/Optimism.tsx
-import React57 from "react";
-
-// plugins/evm/assets/icons/USDC.tsx
-import React58 from "react";
-
-// plugins/evm/assets/icons/USDT.tsx
-import React59 from "react";
-
-// plugins/evm/assets/icons/USDK.tsx
-import React60 from "react";
-
-// plugins/evm/assets/icons/Fuse.tsx
-import React61 from "react";
-
-// plugins/evm/assets/icons/Celo.tsx
-import React62 from "react";
-
-// plugins/evm/assets/icons/GoodDollar.tsx
-import React63 from "react";
-
-// plugins/evm/assets/icons/Copy.tsx
-import React64 from "react";
-
-// plugins/evm/assets/icons/Bank.tsx
-import React65 from "react";
-
-// plugins/evm/assets/icons/BSC.tsx
-import React66 from "react";
-
-// plugins/evm/assets/icons/KEUR.tsx
-import React67 from "react";
-
-// plugins/evm/assets/icons/Tron.tsx
-import React68 from "react";
-
-// plugins/evm/assets/icons/BTC.tsx
-import React69 from "react";
-
-// plugins/evm/assets/icons/Wallet.tsx
-import React70 from "react";
-
-// plugins/evm/assets/icons/Explorer.tsx
-import React71 from "react";
-
-// plugins/evm/assets/icons/ExternalUrl.tsx
-import React72 from "react";
-
-// plugins/evm/assets/icons/Base.tsx
-import React73 from "react";
-
-// plugins/evm/assets/icons/Bera.tsx
-import React74 from "react";
-
-// plugins/evm/utils/constants.tsx
-import {
-  arbitrum as arbitrum3,
-  arbitrumSepolia as arbitrumSepolia4,
-  avalanche as avalanche3,
-  avalancheFuji as avalancheFuji3,
-  base as base3,
-  baseSepolia as baseSepolia3,
-  bsc as bsc3,
-  bscTestnet as bscTestnet3,
-  mainnet as mainnet3,
-  optimism as optimism3,
-  optimismSepolia as optimismSepolia3,
-  polygon as polygon3,
-  polygonAmoy as polygonAmoy3,
-  polygonZkEvm as polygonZkEvm2,
-  polygonZkEvmCardona as polygonZkEvmCardona2,
-  sepolia as sepolia4,
-  berachainTestnetbArtio
-} from "@reown/appkit/networks";
-var CLUSTER2 = "devnet";
-var SOLANA_HOST2 = clusterApiUrl2(CLUSTER2);
-var isEVMChain2 = (chainId) => chainId === "ETH" /* ETHEREUM */ || chainId === "POL" /* POLYGON */ || chainId === "AVX" /* AVALANCHE */ || chainId === "BSC" /* BSC */ || chainId === "OPT" /* OPTIMISM */ || chainId === "ARB" /* ARBITRUM */ || chainId === "ZKE" /* POLYGON_ZKEVM */ || chainId === "BASE" /* BASE */ || chainId === "BERA" /* BERA */;
-
 // plugins/evm/core/hooks/useEvmProvider.ts
 import { useAppKitAccount, useAppKitProvider } from "@reown/appkit/react";
 import { BrowserProvider, JsonRpcSigner } from "ethers";
@@ -2586,7 +2561,7 @@ function useBalance() {
   const { pools } = useGetPools_default(backendUrl, networkOption);
   const { walletAddress, walletProvider } = useEvmProvider();
   const userAddress = mode === "light" /* light */ ? lightDemoAccounts.EVM : walletAddress;
-  const enabled = !!userAddress && !!tokenOptions && !!selectedCoin && pools.length > 0 && isEVMChain2(sourceChain.shortName) && (!!walletProvider || mode === "light" /* light */);
+  const enabled = !!userAddress && !!tokenOptions && !!selectedCoin && pools.length > 0 && isEVMChain(sourceChain.shortName) && (!!walletProvider || mode === "light" /* light */);
   const { data: allowanceData } = useQuery3({
     queryKey: [
       "evmAllowance",
@@ -2805,23 +2780,22 @@ function useIsWalletReady() {
   const [statusMessage, setStatusMessage] = useState2("Wallet not connected");
   const [connectedAddress, setConnectedAddress] = useState2("");
   const switchNetwork = useCallback(async () => {
+    if (!sourceChain || !appKitModel) return;
+    if (sourceChain.compatibility !== "EVM" /* EVM */) return;
     logger_default.debug("useIsWalletReady:EVM:Attempting to switch network...", {
       hasProvider: !!appkitProvider,
       sourceChain,
       modalExists: appKitModel !== null,
       modal: appKitModel
     });
-    if (sourceChain && appKitModel !== null) {
-      logger_default.debug("useIsWalletReady:EVM:switching network...");
-      try {
-        appKitModel.switchNetwork(sourceChain);
-        logger_default.debug(
-          "useIsWalletReady:EVM:Network switch successful to:",
-          sourceChain.name
-        );
-      } catch (e) {
-        logger_default.error("useIsWalletReady:EVM:Network switch failed:", e);
-      }
+    try {
+      appKitModel.switchNetwork(sourceChain);
+      logger_default.debug(
+        "useIsWalletReady:EVM:Network switch successful to:",
+        sourceChain.name
+      );
+    } catch (e) {
+      logger_default.warn("useIsWalletReady:EVM:Network switch failed:", e);
     }
   }, [appkitProvider, sourceChain]);
   useEffect2(() => {
@@ -3053,7 +3027,7 @@ var EvmPlugin = class extends PluginBase {
     walletConnectProjectId,
     isLoading
   }) => {
-    return /* @__PURE__ */ React75.createElement(
+    return /* @__PURE__ */ React43.createElement(
       WalletProvider_default,
       {
         children,
@@ -3069,10 +3043,10 @@ var evmPlugin = new EvmPlugin(store);
 var evm_default = evmPlugin;
 
 // plugins/solana/index.tsx
-import React77 from "react";
+import React45 from "react";
 
 // plugins/solana/features/walletConnect/WalletProvider.tsx
-import React76 from "react";
+import React44 from "react";
 import {
   ConnectionProvider,
   WalletProvider as SolanaWalletProvider
@@ -3087,9 +3061,9 @@ import {
 } from "@solana/wallet-adapter-wallets";
 
 // plugins/solana/utils/constants.tsx
-import { clusterApiUrl as clusterApiUrl3 } from "@solana/web3.js";
+import { clusterApiUrl as clusterApiUrl2 } from "@solana/web3.js";
 function getHostEndpoint(networkOption) {
-  return networkOption === "mainnet" ? "https://solana-rpc.publicnode.com" : clusterApiUrl3("devnet");
+  return networkOption === "mainnet" ? "https://solana-rpc.publicnode.com" : clusterApiUrl2("devnet");
 }
 var networkOptions2 = [
   {
@@ -3110,7 +3084,7 @@ var WalletProvider2 = ({
   logger_default.debug(
     `WalletProvider initialized with projectId: ${walletConnectProjectId}`
   );
-  return /* @__PURE__ */ React76.createElement(ConnectionProvider, { endpoint }, /* @__PURE__ */ React76.createElement(
+  return /* @__PURE__ */ React44.createElement(ConnectionProvider, { endpoint }, /* @__PURE__ */ React44.createElement(
     SolanaWalletProvider,
     {
       autoConnect: false,
@@ -3198,6 +3172,16 @@ var getTokenAllowance2 = async ({
     );
     const accountInfo = await connection.getParsedAccountInfo(tokenAccountAddress);
     const parsedAccountInfo = accountInfo?.value?.data;
+    if (!parsedAccountInfo) {
+      logger_default.warn(
+        `Sol:getTokenAllowance: No token ${selectedCoin} account info found for ${userPublicKey.toBase58()}`
+      );
+      return {
+        allowance: BigInt(0),
+        balance: BigInt(0),
+        decimals: 0
+      };
+    }
     return {
       allowance: parsedAccountInfo.parsed?.info?.delegate === poolAddress ? BigInt(parsedAccountInfo.parsed?.info?.delegatedAmount?.amount ?? 0) : BigInt(0),
       balance: BigInt(parsedAccountInfo.parsed?.info?.tokenAmount?.amount ?? 0),
@@ -3457,7 +3441,7 @@ var SolanaPlugin = class extends PluginBase {
     networkOption,
     walletConnectProjectId
   }) => {
-    return /* @__PURE__ */ React77.createElement(
+    return /* @__PURE__ */ React45.createElement(
       WalletProvider_default2,
       {
         networkOption,
@@ -3471,10 +3455,10 @@ var solanaPlugin = new SolanaPlugin(store);
 var solana_default = solanaPlugin;
 
 // plugins/tron/index.tsx
-import React79 from "react";
+import React47 from "react";
 
 // plugins/tron/features/walletConnect/WalletProvider.tsx
-import React78, { useMemo as useMemo3 } from "react";
+import React46, { useMemo as useMemo3 } from "react";
 import { WalletProvider as TronWalletProviderBase } from "@tronweb3/tronwallet-adapter-react-hooks";
 import { LedgerAdapter } from "@tronweb3/tronwallet-adapter-ledger";
 import { TronLinkAdapter } from "@tronweb3/tronwallet-adapter-tronlink";
@@ -3516,7 +3500,7 @@ var WalletProvider3 = ({ children, networkOption }) => {
       adapters[0].switchChain("0x2b6653dc");
     }
   };
-  return /* @__PURE__ */ React78.createElement(
+  return /* @__PURE__ */ React46.createElement(
     TronWalletProviderBase,
     {
       adapters,
@@ -4074,7 +4058,7 @@ var TronPlugin = class extends PluginBase {
     networkOption,
     walletConnectProjectId
   }) => {
-    return /* @__PURE__ */ React79.createElement(
+    return /* @__PURE__ */ React47.createElement(
       WalletProvider_default3,
       {
         networkOption,
@@ -4088,7 +4072,7 @@ var tronPlugin = new TronPlugin(store);
 var tron_default = tronPlugin;
 
 // plugins/credit-card/index.tsx
-import React80 from "react";
+import React48 from "react";
 
 // plugins/credit-card/core/hooks/useIsProviderReady.tsx
 import { useDispatch as useDispatch5, useSelector as useSelector15 } from "react-redux";
@@ -4098,12 +4082,10 @@ var useIsProviderReady = () => {
   const dispatch = useDispatch5();
   const sourceChain = useSelector15(selectSourceChain);
   useEffect5(() => {
-    if (sourceChain.compatibility === "CC" /* CC */) {
-      logger_default.debug("CC:useIsProviderReady: dispatching changes from fiat...");
-      dispatch(setSourceAddress(""));
-      dispatch(setSourceCurrency("USD"));
-      setIsReady(true);
-    }
+    if (!sourceChain || sourceChain.shortName !== "CC") return;
+    logger_default.debug("CC:useIsProviderReady: dispatching changes from fiat...");
+    dispatch(setSourceAddress(""));
+    setIsReady(true);
   }, [sourceChain]);
   return { isReady, statusMessage: "", walletAddres: "" };
 };
@@ -4146,7 +4128,7 @@ var CreditCardPlugin = class extends PluginBase {
     return chain.compatibility === "CC";
   };
   Provider = ({ children }) => {
-    return /* @__PURE__ */ React80.createElement(React80.Fragment, null, children);
+    return /* @__PURE__ */ React48.createElement(React48.Fragment, null, children);
   };
 };
 var creditCardPlugin = new CreditCardPlugin(store);
@@ -4167,7 +4149,7 @@ var useKimaContext = () => {
   }
   return context;
 };
-var InternalKimaProvider = React81.memo(
+var InternalKimaProvider = React49.memo(
   ({ kimaBackendUrl, walletConnectProjectId, children, logLevel }) => {
     const { data: envOptions, isLoading } = useGetEnvOptions({
       kimaBackendUrl
@@ -4181,7 +4163,7 @@ var InternalKimaProvider = React81.memo(
         const plugin = getPluginProvider(pluginData.id);
         if (plugin) {
           const { Provider: Provider3 } = plugin;
-          return /* @__PURE__ */ React81.createElement(
+          return /* @__PURE__ */ React49.createElement(
             Provider3,
             {
               key: plugin.data.id,
@@ -4195,12 +4177,12 @@ var InternalKimaProvider = React81.memo(
         return acc;
       }, children);
     }, [plugins, walletConnectProjectId, envOptions, isLoading]);
-    return /* @__PURE__ */ React81.createElement(React81.Fragment, null, WrappedProviders);
+    return /* @__PURE__ */ React49.createElement(React49.Fragment, null, WrappedProviders);
   }
 );
 var KimaProvider = ({
   walletConnectProjectId,
-  children = /* @__PURE__ */ React81.createElement(React81.Fragment, null),
+  children = /* @__PURE__ */ React49.createElement(React49.Fragment, null),
   externalProvider,
   kimaBackendUrl = "http://localhost:3001",
   logLevel,
@@ -4235,7 +4217,7 @@ var KimaProvider = ({
     errorHandler,
     switchChainHandler
   };
-  return /* @__PURE__ */ React81.createElement(QueryClientProvider, { client: queryClient }, /* @__PURE__ */ React81.createElement(Provider, { store }, /* @__PURE__ */ React81.createElement(KimaContext.Provider, { value: kimaContext }, /* @__PURE__ */ React81.createElement(
+  return /* @__PURE__ */ React49.createElement(QueryClientProvider, { client: queryClient }, /* @__PURE__ */ React49.createElement(Provider, { store }, /* @__PURE__ */ React49.createElement(KimaContext.Provider, { value: kimaContext }, /* @__PURE__ */ React49.createElement(
     InternalKimaProvider,
     {
       kimaBackendUrl,
@@ -4247,17 +4229,17 @@ var KimaProvider = ({
 var KimaProvider_default = KimaProvider;
 
 // src/components/KimaTransactionWidget.tsx
-import React120, { useEffect as useEffect24, useState as useState18 } from "react";
+import React88, { useEffect as useEffect24, useState as useState18 } from "react";
 
 // src/components/KimaWidgetWrapper.tsx
-import React118, { useEffect as useEffect23 } from "react";
+import React86, { useEffect as useEffect23 } from "react";
 import { useDispatch as useDispatch27, useSelector as useSelector47 } from "react-redux";
 
 // src/components/TransactionWidget.tsx
-import React105, { useEffect as useEffect15, useMemo as useMemo12, useState as useState11 } from "react";
+import React73, { useEffect as useEffect15, useMemo as useMemo12, useState as useState11 } from "react";
 
 // src/components/reusable/Progressbar.tsx
-import React82 from "react";
+import React50 from "react";
 import { useSelector as useSelector17 } from "react-redux";
 var stepInfo = [
   {
@@ -4278,12 +4260,12 @@ var stepInfo = [
 ];
 var Progressbar = ({ step, errorStep, setFocus, loadingStep }) => {
   const theme = useSelector17(selectTheme);
-  return /* @__PURE__ */ React82.createElement("div", { className: "kima-progressbar" }, /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React50.createElement("div", { className: "kima-progressbar" }, /* @__PURE__ */ React50.createElement(
     "div",
     {
       className: `value step-${step * 100 / 4}`
     }
-  ), /* @__PURE__ */ React82.createElement("div", { className: "step-indicators" }, stepInfo.map((item, index) => /* @__PURE__ */ React82.createElement(
+  ), /* @__PURE__ */ React50.createElement("div", { className: "step-indicators" }, stepInfo.map((item, index) => /* @__PURE__ */ React50.createElement(
     "div",
     {
       key: item.title,
@@ -4294,14 +4276,14 @@ var Progressbar = ({ step, errorStep, setFocus, loadingStep }) => {
         if (index < 4) setFocus(index);
       }
     },
-    /* @__PURE__ */ React82.createElement("div", { className: "step-info" }, step < index && /* @__PURE__ */ React82.createElement(Lock_default, null), step >= index ? index === loadingStep ? /* @__PURE__ */ React82.createElement(Loader_default, { className: "loader" }) : index === errorStep ? /* @__PURE__ */ React82.createElement(Warning_default, null) : /* @__PURE__ */ React82.createElement(Check_default, null) : null, /* @__PURE__ */ React82.createElement("span", null, item.title))
+    /* @__PURE__ */ React50.createElement("div", { className: "step-info" }, step < index && /* @__PURE__ */ React50.createElement(Lock_default, null), step >= index ? index === loadingStep ? /* @__PURE__ */ React50.createElement(Loader_default, { className: "loader" }) : index === errorStep ? /* @__PURE__ */ React50.createElement(Warning_default, null) : /* @__PURE__ */ React50.createElement(Check_default, null) : null, /* @__PURE__ */ React50.createElement("span", null, item.title))
   ))));
 };
 var Progressbar_default = Progressbar;
 
 // src/components/reusable/ExternalLink.tsx
-import React83 from "react";
-var ExternalLink = ({ to, children, className, rest }) => /* @__PURE__ */ React83.createElement(
+import React51 from "react";
+var ExternalLink = ({ to, children, className, rest }) => /* @__PURE__ */ React51.createElement(
   "a",
   {
     className,
@@ -4315,20 +4297,20 @@ var ExternalLink = ({ to, children, className, rest }) => /* @__PURE__ */ React8
 var ExternalLink_default = ExternalLink;
 
 // src/components/reusable/NetworkLabel.tsx
-import React84 from "react";
+import React52 from "react";
 import { useSelector as useSelector18 } from "react-redux";
 
 // src/components/reusable/PrimaryButton.tsx
-import React87 from "react";
+import React55 from "react";
 
 // src/assets/loading/180-ring.tsx
-import React85 from "react";
+import React53 from "react";
 var Loading180Ring = ({
   width = 24,
   height = 24,
   fill = "white"
 }) => {
-  return /* @__PURE__ */ React85.createElement(
+  return /* @__PURE__ */ React53.createElement(
     "svg",
     {
       width,
@@ -4337,7 +4319,7 @@ var Loading180Ring = ({
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg"
     },
-    /* @__PURE__ */ React85.createElement("path", { d: "M12,4a8,8,0,0,1,7.89,6.7A1.53,1.53,0,0,0,21.38,12h0a1.5,1.5,0,0,0,1.48-1.75,11,11,0,0,0-21.72,0A1.5,1.5,0,0,0,2.62,12h0a1.53,1.53,0,0,0,1.49-1.3A8,8,0,0,1,12,4Z" }, /* @__PURE__ */ React85.createElement(
+    /* @__PURE__ */ React53.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__ */ React53.createElement(
       "animateTransform",
       {
         attributeName: "transform",
@@ -4352,7 +4334,7 @@ var Loading180Ring = ({
 var ring_default = Loading180Ring;
 
 // src/assets/loading/6-dots-scale.tsx
-import React86 from "react";
+import React54 from "react";
 
 // src/components/reusable/PrimaryButton.tsx
 var PrimaryButton = ({
@@ -4363,7 +4345,7 @@ var PrimaryButton = ({
   disabled = false,
   ref
 }) => {
-  return /* @__PURE__ */ React87.createElement("div", { className: "primary-button-wrapper" }, /* @__PURE__ */ React87.createElement(
+  return /* @__PURE__ */ React55.createElement("div", { className: "primary-button-wrapper" }, /* @__PURE__ */ React55.createElement(
     "button",
     {
       className: `primary-button ${className}`,
@@ -4371,14 +4353,14 @@ var PrimaryButton = ({
       ref,
       disabled
     },
-    isLoading && /* @__PURE__ */ React87.createElement("div", { className: "loading-indicator" }, /* @__PURE__ */ React87.createElement(ring_default, { width: 24, height: 24, fill: "white" })),
+    isLoading && /* @__PURE__ */ React55.createElement("div", { className: "loading-indicator" }, /* @__PURE__ */ React55.createElement(ring_default, { width: 24, height: 24, fill: "white" })),
     children
   ));
 };
 var PrimaryButton_default = PrimaryButton;
 
 // src/components/reusable/SecondaryButton.tsx
-import React88 from "react";
+import React56 from "react";
 var SecondaryButton = ({
   className,
   clickHandler,
@@ -4387,7 +4369,7 @@ var SecondaryButton = ({
   style,
   disabled = false,
   isLoading
-}) => /* @__PURE__ */ React88.createElement(
+}) => /* @__PURE__ */ React56.createElement(
   "button",
   {
     className: `secondary-button ${className} ${theme}`,
@@ -4395,18 +4377,18 @@ var SecondaryButton = ({
     ...style,
     disabled
   },
-  isLoading && /* @__PURE__ */ React88.createElement("div", { className: "loading-indicator" }, /* @__PURE__ */ React88.createElement(ring_default, { width: 24, height: 24, fill: "black" })),
+  isLoading && /* @__PURE__ */ React56.createElement("div", { className: "loading-indicator" }, /* @__PURE__ */ React56.createElement(ring_default, { width: 24, height: 24, fill: "black" })),
   children
 );
 var SecondaryButton_default = SecondaryButton;
 
 // src/components/reusable/Dropdown.tsx
-import React89 from "react";
+import React57 from "react";
 import { useDispatch as useDispatch6 } from "react-redux";
 import { useSelector as useSelector19 } from "react-redux";
 
 // src/components/reusable/WalletButton.tsx
-import React92, { useEffect as useEffect10, useMemo as useMemo8 } from "react";
+import React60, { useEffect as useEffect10, useMemo as useMemo8 } from "react";
 import { useDispatch as useDispatch7, useSelector as useSelector21 } from "react-redux";
 
 // src/hooks/useGetCurrentPlugin.tsx
@@ -4414,7 +4396,7 @@ import { useEffect as useEffect6, useState as useState5 } from "react";
 import { useSelector as useSelector20 } from "react-redux";
 
 // plugins/default/index.tsx
-import React90 from "react";
+import React58 from "react";
 var DefaultPlugin = class extends PluginBase {
   constructor(store2) {
     super({
@@ -4449,7 +4431,7 @@ var DefaultPlugin = class extends PluginBase {
     networkOption,
     walletConnectProjectId
   }) => {
-    return /* @__PURE__ */ React90.createElement("div", null, children);
+    return /* @__PURE__ */ React58.createElement("div", null, children);
   };
 };
 var defaultPlugin = new DefaultPlugin(store);
@@ -4542,7 +4524,7 @@ import { useWallet as useTronWallet2 } from "@tronweb3/tronwallet-adapter-react-
 import { useAppKit, useAppKitState } from "@reown/appkit/react";
 
 // src/components/reusable/CopyButton.tsx
-import React91, { useEffect as useEffect8, useState as useState7 } from "react";
+import React59, { useEffect as useEffect8, useState as useState7 } from "react";
 var CopyButton = ({ text }) => {
   const [copyClicked, setCopyClicked] = useState7(false);
   useEffect8(() => {
@@ -4551,7 +4533,7 @@ var CopyButton = ({ text }) => {
       setCopyClicked(false);
     }, 2e3);
   }, [copyClicked]);
-  return /* @__PURE__ */ React91.createElement(
+  return /* @__PURE__ */ React59.createElement(
     "span",
     {
       className: "copy-btn",
@@ -4560,7 +4542,7 @@ var CopyButton = ({ text }) => {
         navigator.clipboard.writeText(text);
       }
     },
-    copyClicked ? /* @__PURE__ */ React91.createElement(Check_default, null) : /* @__PURE__ */ React91.createElement(Copy_default, null)
+    copyClicked ? /* @__PURE__ */ React59.createElement(Check_default, null) : /* @__PURE__ */ React59.createElement(Copy_default, null)
   );
 };
 var CopyButton_default = CopyButton;
@@ -4786,13 +4768,13 @@ var WalletButton = ({
     }
     dispatch(setSourceAddress(connectedAddress));
   }, [isReady]);
-  return /* @__PURE__ */ React92.createElement(
+  return /* @__PURE__ */ React60.createElement(
     "div",
     {
       className: `wallet-button ${isConnected ? "connected" : "disconnected"} ${theme.colorMode} ${errorBelow ? "error-below" : ""}`,
       "data-testid": "connect-wallet-btn"
     },
-    /* @__PURE__ */ React92.createElement("div", { className: "info-wrapper" }, /* @__PURE__ */ React92.createElement(
+    /* @__PURE__ */ React60.createElement("div", { className: "info-wrapper" }, /* @__PURE__ */ React60.createElement(
       "button",
       {
         className: `${isConnected ? "connected" : "disconnected"} ${width < 640 && "shortened"} ${theme.colorMode}`,
@@ -4802,16 +4784,16 @@ var WalletButton = ({
       isConnected && !placeholder ? width >= 640 ? `${connectedAddress || ""}` : getShortenedAddress(connectedAddress || "") : "",
       !isConnected && mode === "light" /* light */ && "Select Network to Load Account",
       !isConnected && mode !== "light" /* light */ && initialSelection && "Select Network to Connect",
-      !isConnected && mode !== "light" /* light */ && !initialSelection && /* @__PURE__ */ React92.createElement(Wallet_default, null),
+      !isConnected && mode !== "light" /* light */ && !initialSelection && /* @__PURE__ */ React60.createElement(Wallet_default, null),
       !isConnected && mode !== "light" /* light */ && !initialSelection && "Connect Wallet"
-    ), isConnected && !placeholder && /* @__PURE__ */ React92.createElement(CopyButton_default, { text: connectedAddress })),
-    isConnected && !placeholder && balance !== void 0 && decimals !== void 0 ? /* @__PURE__ */ React92.createElement("p", { className: "balance-info" }, formatUSD(bigIntToNumber({ value: balance, decimals })), " ", selectedCoin, " available") : null
+    ), isConnected && !placeholder && /* @__PURE__ */ React60.createElement(CopyButton_default, { text: connectedAddress })),
+    isConnected && !placeholder && balance !== void 0 && decimals !== void 0 ? /* @__PURE__ */ React60.createElement("p", { className: "balance-info" }, formatUSD(bigIntToNumber({ value: balance, decimals })), " ", selectedCoin, " available") : null
   );
 };
 var WalletButton_default = WalletButton;
 
 // src/components/reusable/CoinDropdown.tsx
-import React94, { useEffect as useEffect12, useRef, useState as useState8 } from "react";
+import React62, { useEffect as useEffect12, useRef, useState as useState8 } from "react";
 import { useSelector as useSelector23 } from "react-redux";
 import { useDispatch as useDispatch9 } from "react-redux";
 
@@ -4819,25 +4801,61 @@ import { useDispatch as useDispatch9 } from "react-redux";
 import { useEffect as useEffect11, useMemo as useMemo9 } from "react";
 import { useSelector as useSelector22 } from "react-redux";
 import { useDispatch as useDispatch8 } from "react-redux";
+var emptyTokenList = { tokenList: [] };
 function useCurrencyOptions(isSourceChain) {
   const dispatch = useDispatch8();
   const mode = useSelector22(selectMode);
   const sourceChain = useSelector22(selectSourceChain);
+  const sourceSymbol = useSelector22(selectSourceCurrency);
   const targetChain = useSelector22(selectTargetChain);
-  const chain = isSourceChain ? sourceChain : targetChain;
   const transactionOption = useSelector22(selectTransactionOption);
-  const networks = useSelector22(selectNetworks);
   const output = useMemo9(() => {
-    logger_default.debug("useCurrencyOptions: networks: ", networks);
-    const networkTokenList = networks.find((network) => network.id === chain.id) || networks[0];
-    logger_default.debug("useCurrencyOptions: networkTokenList: ", networkTokenList, chain);
-    return !!networks ? { tokenList: networkTokenList?.supportedTokens } : { tokenList: [] };
-  }, [networks, chain]);
+    const chain = isSourceChain ? sourceChain : targetChain;
+    const location = isSourceChain ? "origin" : "target";
+    if (!chain) {
+      logger_default.debug(`useCurrencyOptions(${location}): no chain selected`, {
+        chain,
+        sourceSymbol
+      });
+      return emptyTokenList;
+    }
+    if (isSourceChain) return { tokenList: chain.supportedTokens };
+    if (!sourceSymbol) {
+      logger_default.debug(`useCurrencyOptions(${location}): no sourceSymbol selected`, {
+        chain,
+        sourceSymbol
+      });
+      return { tokenList: chain.supportedTokens };
+    }
+    const sourceToken = sourceChain.supportedTokens.find(
+      (t) => t.symbol === sourceSymbol
+    );
+    if (!sourceToken) {
+      logger_default.debug(
+        `useCurrencyOptions(${location}): source token ${sourceSymbol ?? "undefined"} not found`,
+        { sourceChain, sourceSymbol }
+      );
+      return { tokenList: chain.supportedTokens };
+    }
+    const tokenList2 = chain.supportedTokens.filter(
+      (token) => token.peggedTo === sourceToken.peggedTo
+    );
+    logger_default.debug(`useCurrencyOptions(${location}): updated token list `, {
+      tokenList: tokenList2,
+      sourceSymbol,
+      sourceToken,
+      chain
+    });
+    return { tokenList: tokenList2 };
+  }, [sourceChain, sourceSymbol, targetChain, isSourceChain]);
   const { tokenList } = output;
   useEffect11(() => {
     if (!tokenList.length) return;
     if (mode === "payment" /* payment */ && !isSourceChain) return;
     const [firstToken] = tokenList;
+    logger_default.debug(
+      `useCurrencyOptions: seting default currency to ${firstToken.symbol}`
+    );
     if (isSourceChain) {
       dispatch(setSourceCurrency(firstToken.symbol));
     } else {
@@ -4848,16 +4866,19 @@ function useCurrencyOptions(isSourceChain) {
 }
 
 // src/components/reusable/TokenIcon.tsx
-import React93 from "react";
+import React61 from "react";
 var COIN_LIST = {
+  EUR: KEUR_default,
+  EURC: EURC_default,
+  EURK: KEUR_default,
+  HONEY: Honey_default,
   KEUR: KEUR_default,
   KIMAUSD: USDK_default,
   USDC: USDC_default,
   USDK: USDK_default,
-  USDT: USDT_default,
-  WBTC: BTC_default,
   USD: USD_default,
-  HONEY: Honey_default
+  USDT: USDT_default,
+  WBTC: BTC_default
 };
 function TokenIcon({
   symbol,
@@ -4870,7 +4891,7 @@ function TokenIcon({
     logger_default.warn(`Token icon not found for symbol: ${symbol}`);
     return null;
   }
-  return /* @__PURE__ */ React93.createElement("div", { className: "icon-wrapper" }, /* @__PURE__ */ React93.createElement(Icon, { width, height }));
+  return /* @__PURE__ */ React61.createElement("div", { className: "icon-wrapper" }, /* @__PURE__ */ React61.createElement(Icon, { width, height }));
 }
 
 // src/components/reusable/CoinDropdown.tsx
@@ -4903,67 +4924,69 @@ var CoinDropdown = ({
       dispatch(setTargetCurrency(symbol));
     }
   };
-  return /* @__PURE__ */ React94.createElement(
+  return /* @__PURE__ */ React62.createElement(
     "div",
     {
       className: `coin-dropdown ${theme.colorMode} ${collapsed ? "collapsed" : "toggled"}`,
       onClick: () => setCollapsed((prev) => !prev),
       ref
     },
-    /* @__PURE__ */ React94.createElement("div", { className: "coin-wrapper" }, /* @__PURE__ */ React94.createElement(TokenIcon, { symbol: tokenSymbol, width: 24, height: 24 }), /* @__PURE__ */ React94.createElement("span", { className: "coin" }, tokenSymbol)),
-    /* @__PURE__ */ React94.createElement(
+    /* @__PURE__ */ React62.createElement("div", { className: "coin-wrapper" }, /* @__PURE__ */ React62.createElement(TokenIcon, { symbol: tokenSymbol, width: 24, height: 24 }), /* @__PURE__ */ React62.createElement("span", { className: "coin" }, tokenSymbol)),
+    /* @__PURE__ */ React62.createElement(
       "div",
       {
         className: `coin-menu ${theme.colorMode} ${collapsed ? "collapsed" : "toggled"}`
       },
-      tokenList.map((token) => /* @__PURE__ */ React94.createElement(
+      tokenList.map((token) => /* @__PURE__ */ React62.createElement(
         "div",
         {
           className: `coin-item ${theme.colorMode}`,
           key: token.symbol,
           onClick: () => handleDropdownItemClick(token.symbol)
         },
-        /* @__PURE__ */ React94.createElement(TokenIcon, { symbol: token.symbol, width: 24, height: 24 }),
-        /* @__PURE__ */ React94.createElement("p", null, token.symbol)
+        /* @__PURE__ */ React62.createElement(TokenIcon, { symbol: token.symbol, width: 24, height: 24 }),
+        /* @__PURE__ */ React62.createElement("p", null, token.symbol)
       ))
     ),
-    /* @__PURE__ */ React94.createElement("div", { className: `dropdown-icon ${collapsed ? "toggled" : "collapsed"}` }, /* @__PURE__ */ React94.createElement(Arrow_default, { fill: "none" }))
+    /* @__PURE__ */ React62.createElement("div", { className: `dropdown-icon ${collapsed ? "toggled" : "collapsed"}` }, /* @__PURE__ */ React62.createElement(Arrow_default, { fill: "none" }))
   );
 };
 var CoinDropdown_default = CoinDropdown;
 
 // src/components/reusable/ConfirmDetails.tsx
-import React97, { useEffect as useEffect13, useMemo as useMemo10, useState as useState9 } from "react";
+import React65, { useEffect as useEffect13, useMemo as useMemo10, useState as useState9 } from "react";
 import { useSelector as useSelector25 } from "react-redux";
 
 // src/components/reusable/ChainIcon.tsx
-import React95 from "react";
+import React63 from "react";
 var chainIcons = {
-  ETH: Ethereum_default,
-  POL: Polygon_default,
+  ARB: Arbitrum_default,
   AVX: Avalanche_default,
+  BANK: Bank_default,
   BASE: Base_default,
+  BERA: Bera_default,
   BSC: BSC_default,
   BTC: BTC_default,
-  ARB: Arbitrum_default,
+  CC: CreditCard_default,
+  CFX: CFX_default,
+  ETH: Ethereum_default,
+  FIAT: Bank_default,
+  POL: Polygon_default,
   OPT: Optimism_default,
-  TRX: Tron_default,
   SOL: Solana_default,
-  FIAT: Bank_default,
-  BERA: Bera_default,
-  CC: CreditCard_default
+  TRX: Tron_default
 };
 function ChainIcon({ symbol }) {
   const Icon = symbol === "FIAT" ? chainIcons["CC"] : chainIcons[symbol];
   if (!Icon) {
-    logger_default.warn(`Chain icon not found for symbol: ${symbol}`);
-    return /* @__PURE__ */ React95.createElement("div", null);
+    if (symbol) logger_default.warn(`Chain icon not found for symbol: ${symbol}`);
+    return /* @__PURE__ */ React63.createElement("div", null);
   }
-  return /* @__PURE__ */ React95.createElement("div", { className: "icon" }, /* @__PURE__ */ React95.createElement(Icon, null));
+  return /* @__PURE__ */ React63.createElement("div", { className: "icon" }, /* @__PURE__ */ React63.createElement(Icon, null));
 }
 
 // src/components/reusable/FeeDeductionRadioButtons.tsx
-import React96 from "react";
+import React64 from "react";
 import { useDispatch as useDispatch10, useSelector as useSelector24 } from "react-redux";
 var FeeDeductionRadioButtons = ({ disabled }) => {
   const dispatch = useDispatch10();
@@ -4980,7 +5003,7 @@ var FeeDeductionRadioButtons = ({ disabled }) => {
   const handleChange = (value) => {
     dispatch(setFeeDeduct(value));
   };
-  return /* @__PURE__ */ React96.createElement("div", { className: `fee-deduction-radio-container ${theme.colorMode}` }, /* @__PURE__ */ React96.createElement("div", { className: "fee-options" }, Number(amount) - totalFee > 0 && /* @__PURE__ */ React96.createElement("label", { className: `fee-option ${disabled ? "disabled" : ""}` }, /* @__PURE__ */ React96.createElement(
+  return /* @__PURE__ */ React64.createElement("div", { className: `fee-deduction-radio-container ${theme.colorMode}` }, /* @__PURE__ */ React64.createElement("div", { className: "fee-options" }, Number(amount) - totalFee > 0 && /* @__PURE__ */ React64.createElement("label", { className: `fee-option ${disabled ? "disabled" : ""}` }, /* @__PURE__ */ React64.createElement(
     "input",
     {
       type: "radio",
@@ -4989,11 +5012,11 @@ var FeeDeductionRadioButtons = ({ disabled }) => {
       disabled,
       onChange: () => handleChange(true)
     }
-  ), /* @__PURE__ */ React96.createElement("span", { className: `radio-label ${theme.colorMode}` }, `Pay $${formatterFloat.format(
+  ), /* @__PURE__ */ React64.createElement("span", { className: `radio-label ${theme.colorMode}` }, `Pay $${formatterFloat.format(
     Number(amount)
   )} ${sourceCurrency} in ${sourceNetwork.name} to receive $${formatterFloat.format(
     Number(amount) - totalFee
-  )} ${targetCurrency} in ${targetNetwork.name}`)), /* @__PURE__ */ React96.createElement("label", { className: `fee-option ${disabled ? "disabled" : ""}` }, /* @__PURE__ */ React96.createElement(
+  )} ${targetCurrency} in ${targetNetwork.name}`)), /* @__PURE__ */ React64.createElement("label", { className: `fee-option ${disabled ? "disabled" : ""}` }, /* @__PURE__ */ React64.createElement(
     "input",
     {
       type: "radio",
@@ -5002,7 +5025,7 @@ var FeeDeductionRadioButtons = ({ disabled }) => {
       disabled,
       onChange: () => handleChange(false)
     }
-  ), /* @__PURE__ */ React96.createElement("span", { className: `radio-label ${theme.colorMode}` }, `Pay $${formatterFloat.format(
+  ), /* @__PURE__ */ React64.createElement("span", { className: `radio-label ${theme.colorMode}` }, `Pay $${formatterFloat.format(
     Number(amount) + totalFee
   )} ${sourceCurrency} in ${sourceNetwork.name} to receive $${formatterFloat.format(
     Number(amount)
@@ -5031,10 +5054,6 @@ var ConfirmDetails = ({
   const [feeCollapsed, setFeeCollapsed] = useState9(true);
   const transactionOption = useSelector25(selectTransactionOption);
   const { connectedAddress } = useIsWalletReady4();
-  const originNetworkOption = useMemo10(
-    () => networkOptions3.filter((network) => network.id === originNetwork.id)[0],
-    [networkOptions3, originNetwork]
-  );
   const targetNetworkOption = useMemo10(
     () => networkOptions3.filter(
       (network) => network.shortName === (mode === "payment" /* payment */ ? transactionOption?.targetChain : targetNetwork.shortName)
@@ -5047,13 +5066,13 @@ var ConfirmDetails = ({
   useEffect13(() => {
     width === 0 && updateWidth(window.innerWidth);
   }, []);
-  return /* @__PURE__ */ React97.createElement("div", { className: `confirm-details ${theme.colorMode}` }, /* @__PURE__ */ React97.createElement("p", null, "Step ", isApproved ? "2" : "1", "\xA0of 2\xA0\xA0\xA0", isApproved ? "Submit transaction" : originNetwork.shortName === "FIAT" /* FIAT */ ? "Bank Details" : "Approval"), originNetwork.shortName === "FIAT" /* FIAT */ ? /* @__PURE__ */ React97.createElement("div", null, /* @__PURE__ */ React97.createElement("div", { className: "detail-item" }, /* @__PURE__ */ React97.createElement("span", { className: "label" }, "IBAN:"), /* @__PURE__ */ React97.createElement("span", { className: `kima-card-network-label ${theme.colorMode}` }, /* @__PURE__ */ React97.createElement(ChainIcon, { symbol: originNetworkOption?.shortName }), "FIAT"), /* @__PURE__ */ React97.createElement("p", null, "ES6621000418401234567891")), /* @__PURE__ */ React97.createElement("div", { className: "detail-item" }, /* @__PURE__ */ React97.createElement("span", { className: "label" }, "Recipient:"), /* @__PURE__ */ React97.createElement("p", null, "Kima Sandbox")), /* @__PURE__ */ React97.createElement("div", { className: "detail-item" }, /* @__PURE__ */ React97.createElement("span", { className: "label" }, "BIC:"), /* @__PURE__ */ React97.createElement("p", null, "CAIXESBBXXX")), /* @__PURE__ */ React97.createElement("div", { className: "detail-item" }, /* @__PURE__ */ React97.createElement("span", { className: "label" }, "Description:"), /* @__PURE__ */ React97.createElement("p", { className: "signature" }, signature))) : /* @__PURE__ */ React97.createElement("div", { className: "detail-item" }, /* @__PURE__ */ React97.createElement("span", { className: "label" }, "Source ", originNetwork.shortName !== "CC" && "wallet", ":"), /* @__PURE__ */ React97.createElement("div", { className: "network-details" }, /* @__PURE__ */ React97.createElement("div", { className: "kima-card-network-container" }, /* @__PURE__ */ React97.createElement("span", { className: `kima-card-network-label ${theme.colorMode}` }, /* @__PURE__ */ React97.createElement(ChainIcon, { symbol: originNetworkOption?.shortName }), originNetworkOption.name)), originNetwork.shortName !== "CC" && /* @__PURE__ */ React97.createElement("p", { className: theme.colorMode }, dAppOption === "LPDrain" /* LPDrain */ ? targetAddress : connectedAddress))), /* @__PURE__ */ React97.createElement("div", { className: "detail-item amount" }, /* @__PURE__ */ React97.createElement("span", { className: "amount-container" }, /* @__PURE__ */ React97.createElement("div", { className: "amount-details" }, /* @__PURE__ */ React97.createElement("span", null, "Amount to Transfer "), /* @__PURE__ */ React97.createElement("div", { className: "coin-details" }, /* @__PURE__ */ React97.createElement("p", null, formatBigInt(txValues.allowanceAmount), " ", sourceCurrency))), /* @__PURE__ */ React97.createElement("div", { className: "amount-details" }, /* @__PURE__ */ React97.createElement("span", null, "Total Fees"), /* @__PURE__ */ React97.createElement(
+  return /* @__PURE__ */ React65.createElement("div", { className: `confirm-details ${theme.colorMode}` }, /* @__PURE__ */ React65.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__ */ React65.createElement("div", null, /* @__PURE__ */ React65.createElement("div", { className: "detail-item" }, /* @__PURE__ */ React65.createElement("span", { className: "label" }, "IBAN:"), /* @__PURE__ */ React65.createElement("span", { className: `kima-card-network-label ${theme.colorMode}` }, /* @__PURE__ */ React65.createElement(ChainIcon, { symbol: originNetwork?.shortName }), "FIAT"), /* @__PURE__ */ React65.createElement("p", null, "ES6621000418401234567891")), /* @__PURE__ */ React65.createElement("div", { className: "detail-item" }, /* @__PURE__ */ React65.createElement("span", { className: "label" }, "Recipient:"), /* @__PURE__ */ React65.createElement("p", null, "Kima Sandbox")), /* @__PURE__ */ React65.createElement("div", { className: "detail-item" }, /* @__PURE__ */ React65.createElement("span", { className: "label" }, "BIC:"), /* @__PURE__ */ React65.createElement("p", null, "CAIXESBBXXX")), /* @__PURE__ */ React65.createElement("div", { className: "detail-item" }, /* @__PURE__ */ React65.createElement("span", { className: "label" }, "Description:"), /* @__PURE__ */ React65.createElement("p", { className: "signature" }, signature))) : /* @__PURE__ */ React65.createElement("div", { className: "detail-item" }, /* @__PURE__ */ React65.createElement("span", { className: "label" }, "Source ", originNetwork.shortName !== "CC" && "wallet", ":"), /* @__PURE__ */ React65.createElement("div", { className: "network-details" }, /* @__PURE__ */ React65.createElement("div", { className: "kima-card-network-container" }, /* @__PURE__ */ React65.createElement("span", { className: `kima-card-network-label ${theme.colorMode}` }, /* @__PURE__ */ React65.createElement(ChainIcon, { symbol: originNetwork?.shortName }), originNetwork.name)), originNetwork.shortName !== "CC" && /* @__PURE__ */ React65.createElement("p", { className: theme.colorMode }, dAppOption === "LPDrain" /* LPDrain */ ? targetAddress : connectedAddress))), /* @__PURE__ */ React65.createElement("div", { className: "detail-item amount" }, /* @__PURE__ */ React65.createElement("span", { className: "amount-container" }, /* @__PURE__ */ React65.createElement("div", { className: "amount-details" }, /* @__PURE__ */ React65.createElement("span", null, "Amount to Transfer "), /* @__PURE__ */ React65.createElement("div", { className: "coin-details" }, /* @__PURE__ */ React65.createElement("p", null, formatBigInt(txValues.allowanceAmount), " ", sourceCurrency))), /* @__PURE__ */ React65.createElement("div", { className: "amount-details" }, /* @__PURE__ */ React65.createElement("span", null, "Total Fees"), /* @__PURE__ */ React65.createElement(
     "div",
     {
       className: "fee-collapse",
       onClick: () => setFeeCollapsed(!feeCollapsed)
     },
-    /* @__PURE__ */ React97.createElement(
+    /* @__PURE__ */ React65.createElement(
       MiniArrow_default,
       {
         width: 15,
@@ -5064,16 +5083,16 @@ var ConfirmDetails = ({
         }
       }
     ),
-    /* @__PURE__ */ React97.createElement("span", { className: "service-fee" }, formatBigInt(totalFee), " ", sourceCurrency)
-  )), /* @__PURE__ */ React97.createElement("div", { className: `fee-breakdown ${feeCollapsed ? "collapsed" : ""}` }, /* @__PURE__ */ React97.createElement("div", { className: "amount-details" }, /* @__PURE__ */ React97.createElement("span", null, originNetwork.shortName === "CC" ? "Credit Card Processing Fee" : `Source Network Fee (${originNetwork.shortName})`), /* @__PURE__ */ React97.createElement("span", { className: "service-fee" }, formatBigInt(sourceFee), " ", sourceCurrency)), /* @__PURE__ */ React97.createElement("div", { className: "amount-details" }, /* @__PURE__ */ React97.createElement("span", null, "Target Network Fee (", targetNetwork.shortName, ")"), /* @__PURE__ */ React97.createElement("span", { className: "service-fee" }, formatBigInt(targetFee), " ", targetCurrency)), /* @__PURE__ */ React97.createElement("div", { className: "amount-details" }, /* @__PURE__ */ React97.createElement("span", null, "KIMA Service Fee"), /* @__PURE__ */ React97.createElement("span", { className: "service-fee" }, formatBigInt(kimaFee), " ", sourceCurrency))), /* @__PURE__ */ React97.createElement("div", { className: "amount-details" }, /* @__PURE__ */ React97.createElement("span", null, "Target Transfer Amount"), /* @__PURE__ */ React97.createElement("span", { className: "service-fee" }, formatBigInt(txValues.submitAmount), " ", targetCurrency)))), targetNetwork.shortName === "FIAT" /* FIAT */ ? /* @__PURE__ */ React97.createElement("div", null, /* @__PURE__ */ React97.createElement("div", { className: "detail-item" }, /* @__PURE__ */ React97.createElement("span", { className: "label" }, "IBAN:"), /* @__PURE__ */ React97.createElement("p", null, bankDetails.iban), /* @__PURE__ */ React97.createElement("span", { className: `kima-card-network-label ${theme.colorMode}` }, /* @__PURE__ */ React97.createElement(ChainIcon, { symbol: targetNetworkOption?.shortName }), "FIAT")), /* @__PURE__ */ React97.createElement("div", { className: "detail-item" }, /* @__PURE__ */ React97.createElement("span", { className: "label" }, "Recipient:"), /* @__PURE__ */ React97.createElement("p", null, bankDetails.recipient))) : /* @__PURE__ */ React97.createElement("div", { className: "detail-item" }, /* @__PURE__ */ React97.createElement("span", { className: "label" }, "Target wallet:"), /* @__PURE__ */ React97.createElement("div", { className: "network-details" }, /* @__PURE__ */ React97.createElement("div", { className: "kima-card-network-container" }, /* @__PURE__ */ React97.createElement("span", { className: `kima-card-network-label ${theme.colorMode}` }, /* @__PURE__ */ React97.createElement(ChainIcon, { symbol: targetNetworkOption?.shortName }), targetNetworkOption?.name)), /* @__PURE__ */ React97.createElement("p", { className: theme.colorMode }, mode === "light" /* light */ ? targetNetwork.shortName === "SOL" ? lightDemoAccounts.SOL : targetNetwork.shortName === "TRX" ? lightDemoAccounts.TRX : lightDemoAccounts.EVM : dAppOption === "LPDrain" /* LPDrain */ ? connectedAddress : targetAddress))), mode === "bridge" /* bridge */ && BigInt(totalFee.value) > BigInt(0) ? (
+    /* @__PURE__ */ React65.createElement("span", { className: "service-fee" }, formatBigInt(totalFee), " ", sourceCurrency)
+  )), /* @__PURE__ */ React65.createElement("div", { className: `fee-breakdown ${feeCollapsed ? "collapsed" : ""}` }, /* @__PURE__ */ React65.createElement("div", { className: "amount-details" }, /* @__PURE__ */ React65.createElement("span", null, originNetwork.shortName === "CC" ? "Credit Card Processing Fee" : `Source Network Fee (${originNetwork.shortName})`), /* @__PURE__ */ React65.createElement("span", { className: "service-fee" }, formatBigInt(sourceFee), " ", sourceCurrency)), /* @__PURE__ */ React65.createElement("div", { className: "amount-details" }, /* @__PURE__ */ React65.createElement("span", null, "Target Network Fee (", targetNetwork.shortName, ")"), /* @__PURE__ */ React65.createElement("span", { className: "service-fee" }, formatBigInt(targetFee), " ", targetCurrency)), /* @__PURE__ */ React65.createElement("div", { className: "amount-details" }, /* @__PURE__ */ React65.createElement("span", null, "KIMA Service Fee"), /* @__PURE__ */ React65.createElement("span", { className: "service-fee" }, formatBigInt(kimaFee), " ", sourceCurrency))), /* @__PURE__ */ React65.createElement("div", { className: "amount-details" }, /* @__PURE__ */ React65.createElement("span", null, "Target Transfer Amount"), /* @__PURE__ */ React65.createElement("span", { className: "service-fee" }, formatBigInt(txValues.submitAmount), " ", targetCurrency)))), targetNetwork.shortName === "FIAT" /* FIAT */ ? /* @__PURE__ */ React65.createElement("div", null, /* @__PURE__ */ React65.createElement("div", { className: "detail-item" }, /* @__PURE__ */ React65.createElement("span", { className: "label" }, "IBAN:"), /* @__PURE__ */ React65.createElement("p", null, bankDetails.iban), /* @__PURE__ */ React65.createElement("span", { className: `kima-card-network-label ${theme.colorMode}` }, /* @__PURE__ */ React65.createElement(ChainIcon, { symbol: targetNetworkOption?.shortName }), "FIAT")), /* @__PURE__ */ React65.createElement("div", { className: "detail-item" }, /* @__PURE__ */ React65.createElement("span", { className: "label" }, "Recipient:"), /* @__PURE__ */ React65.createElement("p", null, bankDetails.recipient))) : /* @__PURE__ */ React65.createElement("div", { className: "detail-item" }, /* @__PURE__ */ React65.createElement("span", { className: "label" }, "Target wallet:"), /* @__PURE__ */ React65.createElement("div", { className: "network-details" }, /* @__PURE__ */ React65.createElement("div", { className: "kima-card-network-container" }, /* @__PURE__ */ React65.createElement("span", { className: `kima-card-network-label ${theme.colorMode}` }, /* @__PURE__ */ React65.createElement(ChainIcon, { symbol: targetNetworkOption?.shortName }), targetNetworkOption?.name)), /* @__PURE__ */ React65.createElement("p", { className: theme.colorMode }, mode === "light" /* light */ ? targetNetwork.shortName === "SOL" ? lightDemoAccounts.SOL : targetNetwork.shortName === "TRX" ? lightDemoAccounts.TRX : lightDemoAccounts.EVM : dAppOption === "LPDrain" /* LPDrain */ ? connectedAddress : targetAddress))), mode === "bridge" /* bridge */ && BigInt(totalFee.value) > BigInt(0) ? (
     // <FeeDeductionSlider />
-    /* @__PURE__ */ React97.createElement(FeeDeductionRadioButtons_default, { disabled: feeOptionDisabled })
+    /* @__PURE__ */ React65.createElement(FeeDeductionRadioButtons_default, { disabled: feeOptionDisabled })
   ) : null);
 };
 var ConfirmDetails_default = ConfirmDetails;
 
 // src/components/reusable/AddressInput.tsx
-import React98, { useEffect as useEffect14 } from "react";
+import React66, { useEffect as useEffect14 } from "react";
 import { useDispatch as useDispatch11, useSelector as useSelector26 } from "react-redux";
 var AddressInput = ({
   theme,
@@ -5112,7 +5131,7 @@ var AddressInput = ({
     mode,
     dispatch
   ]);
-  return /* @__PURE__ */ React98.createElement(
+  return /* @__PURE__ */ React66.createElement(
     "input",
     {
       className: `kima-address-input ${theme}`,
@@ -5127,11 +5146,11 @@ var AddressInput = ({
 var AddressInput_default = AddressInput;
 
 // src/components/reusable/CustomCheckbox.tsx
-import React99 from "react";
+import React67 from "react";
 import { useSelector as useSelector27 } from "react-redux";
 
 // src/components/reusable/StepBox.tsx
-import React100, { useMemo as useMemo11 } from "react";
+import React68, { useMemo as useMemo11 } from "react";
 import { useSelector as useSelector28 } from "react-redux";
 var stepInfo2 = [
   {
@@ -5163,61 +5182,61 @@ var StepBox = ({ step, errorStep, loadingStep, data }) => {
     () => networks.find((network) => network.shortName === data?.targetChain),
     [data, networks]
   );
-  return /* @__PURE__ */ React100.createElement("div", { className: "kima-stepbox" }, /* @__PURE__ */ React100.createElement("div", { className: `content-wrapper ${theme.colorMode}` }, stepInfo2.map((item, index) => /* @__PURE__ */ React100.createElement("div", { key: item.title, className: "step-item" }, /* @__PURE__ */ React100.createElement(
+  return /* @__PURE__ */ React68.createElement("div", { className: "kima-stepbox" }, /* @__PURE__ */ React68.createElement("div", { className: `content-wrapper ${theme.colorMode}` }, stepInfo2.map((item, index) => /* @__PURE__ */ React68.createElement("div", { key: item.title, className: "step-item" }, /* @__PURE__ */ React68.createElement(
     "div",
     {
       className: `info-item
                   ${step >= index ? index === loadingStep ? "active" : index === errorStep ? "error" : "completed" : ""} 
                   ${step < index && "locked"} ${theme.colorMode}`
     },
-    step < index && /* @__PURE__ */ React100.createElement(Lock_default, null),
-    step >= index ? index === loadingStep ? /* @__PURE__ */ React100.createElement(Loader_default, { className: "loader" }) : index === errorStep ? /* @__PURE__ */ React100.createElement(Warning_default, null) : /* @__PURE__ */ React100.createElement(Check_default, null) : null,
-    /* @__PURE__ */ React100.createElement("p", null, item.title)
-  ), index === 0 && data?.kimaTxHash ? /* @__PURE__ */ React100.createElement("div", { className: `info-item ${theme.colorMode}` }, /* @__PURE__ */ React100.createElement("div", { className: "icon" }, /* @__PURE__ */ React100.createElement(USDK_default, { width: 30, height: 30 })), /* @__PURE__ */ React100.createElement("p", { className: "chain-name" }, "Kima TX Hash:"), /* @__PURE__ */ React100.createElement("p", null, /* @__PURE__ */ React100.createElement(
+    step < index && /* @__PURE__ */ React68.createElement(Lock_default, null),
+    step >= index ? index === loadingStep ? /* @__PURE__ */ React68.createElement(Loader_default, { className: "loader" }) : index === errorStep ? /* @__PURE__ */ React68.createElement(Warning_default, null) : /* @__PURE__ */ React68.createElement(Check_default, null) : null,
+    /* @__PURE__ */ React68.createElement("p", null, item.title)
+  ), index === 0 && data?.kimaTxHash ? /* @__PURE__ */ React68.createElement("div", { className: `info-item ${theme.colorMode}` }, /* @__PURE__ */ React68.createElement("div", { className: "icon" }, /* @__PURE__ */ React68.createElement(USDK_default, { width: 30, height: 30 })), /* @__PURE__ */ React68.createElement("p", { className: "chain-name" }, "Kima TX Hash:"), /* @__PURE__ */ React68.createElement("p", null, /* @__PURE__ */ React68.createElement(
     ExternalLink_default,
     {
       to: `${explorerUrl}/transactions/?tx=${data?.kimaTxHash}`
     },
     getShortenedAddress(data?.kimaTxHash || "")
-  ), /* @__PURE__ */ React100.createElement(CopyButton_default, { text: data?.kimaTxHash }))) : null, index === 1 && data?.tssPullHash && sourceChain?.shortName !== "CC" ? /* @__PURE__ */ React100.createElement(
+  ), /* @__PURE__ */ React68.createElement(CopyButton_default, { text: data?.kimaTxHash }))) : null, index === 1 && data?.tssPullHash && sourceChain?.shortName !== "CC" ? /* @__PURE__ */ React68.createElement(
     "div",
     {
       className: `info-item ${theme.colorMode} source-chain ${step >= 3 ? "paid" : ""}`
     },
-    /* @__PURE__ */ React100.createElement(ChainIcon, { symbol: data.sourceChain }),
-    /* @__PURE__ */ React100.createElement("p", { className: "chain-name" }, sourceChain?.name, " TX Hash:"),
-    /* @__PURE__ */ React100.createElement("p", null, /* @__PURE__ */ React100.createElement(
+    /* @__PURE__ */ React68.createElement(ChainIcon, { symbol: data.sourceChain }),
+    /* @__PURE__ */ React68.createElement("p", { className: "chain-name" }, sourceChain?.name, " TX Hash:"),
+    /* @__PURE__ */ React68.createElement("p", null, /* @__PURE__ */ React68.createElement(
       ExternalLink_default,
       {
         to: `${sourceChain?.blockExplorers?.default.url}/${data?.sourceChain === "TRX" /* TRON */ ? "#/transaction" : "tx"}/${data?.tssPullHash}${data?.sourceChain === "SOL" /* SOLANA */ && networkOption === "testnet" /* testnet */ ? "?cluster=devnet" : ""}`
       },
       getShortenedAddress(data?.tssPullHash || "")
-    ), /* @__PURE__ */ React100.createElement(CopyButton_default, { text: data?.tssPullHash || "" }))
-  ) : null, index === 3 && data?.tssRefundHash ? /* @__PURE__ */ React100.createElement("div", { className: `info-item ${theme.colorMode} target-chain` }, /* @__PURE__ */ React100.createElement(ChainIcon, { symbol: data.sourceChain }), /* @__PURE__ */ React100.createElement("p", { className: "chain-name" }, sourceChain?.name, " TX Hash:"), /* @__PURE__ */ React100.createElement("p", null, /* @__PURE__ */ React100.createElement(
+    ), /* @__PURE__ */ React68.createElement(CopyButton_default, { text: data?.tssPullHash || "" }))
+  ) : null, index === 3 && data?.tssRefundHash ? /* @__PURE__ */ React68.createElement("div", { className: `info-item ${theme.colorMode} target-chain` }, /* @__PURE__ */ React68.createElement(ChainIcon, { symbol: data.sourceChain }), /* @__PURE__ */ React68.createElement("p", { className: "chain-name" }, sourceChain?.name, " TX Hash:"), /* @__PURE__ */ React68.createElement("p", null, /* @__PURE__ */ React68.createElement(
     ExternalLink_default,
     {
       to: `${sourceChain?.blockExplorers?.default.url}/${data?.sourceChain === "TRX" /* TRON */ ? "#/transaction" : "tx"}/${data?.tssRefundHash}${data?.sourceChain === "SOL" /* SOLANA */ && networkOption === "testnet" /* testnet */ ? "?cluster=devnet" : ""}`
     },
     getShortenedAddress(data?.tssRefundHash || "")
-  ), /* @__PURE__ */ React100.createElement(CopyButton_default, { text: data?.tssRefundHash || "" }))) : null, index === 3 && data?.tssReleaseHash ? /* @__PURE__ */ React100.createElement("div", { className: `info-item ${theme.colorMode} target-chain` }, /* @__PURE__ */ React100.createElement(ChainIcon, { symbol: data.targetChain }), /* @__PURE__ */ React100.createElement("p", { className: "chain-name" }, targetChain?.name, " TX Hash:"), /* @__PURE__ */ React100.createElement("p", null, /* @__PURE__ */ React100.createElement(
+  ), /* @__PURE__ */ React68.createElement(CopyButton_default, { text: data?.tssRefundHash || "" }))) : null, index === 3 && data?.tssReleaseHash ? /* @__PURE__ */ React68.createElement("div", { className: `info-item ${theme.colorMode} target-chain` }, /* @__PURE__ */ React68.createElement(ChainIcon, { symbol: data.targetChain }), /* @__PURE__ */ React68.createElement("p", { className: "chain-name" }, targetChain?.name, " TX Hash:"), /* @__PURE__ */ React68.createElement("p", null, /* @__PURE__ */ React68.createElement(
     ExternalLink_default,
     {
       to: `${targetChain?.blockExplorers?.default.url}/${data?.targetChain === "TRX" /* TRON */ ? "#/transaction" : "tx"}/${data?.tssReleaseHash}${data?.targetChain === "SOL" /* SOLANA */ && networkOption === "testnet" /* testnet */ ? "?cluster=devnet" : ""}`
     },
     getShortenedAddress(data?.tssReleaseHash || "")
-  ), /* @__PURE__ */ React100.createElement(CopyButton_default, { text: data?.tssReleaseHash || "" }))) : null))));
+  ), /* @__PURE__ */ React68.createElement(CopyButton_default, { text: data?.tssReleaseHash || "" }))) : null))));
 };
 var StepBox_default = StepBox;
 
 // src/components/reusable/BankInput.tsx
-import React101 from "react";
+import React69 from "react";
 import { useDispatch as useDispatch12 } from "react-redux";
 import { useSelector as useSelector29 } from "react-redux";
 var BankInput = () => {
   const dispatch = useDispatch12();
   const theme = useSelector29(selectTheme);
   const bankDetails = useSelector29(selectBankDetails);
-  return /* @__PURE__ */ React101.createElement("div", { className: "bank-input" }, /* @__PURE__ */ React101.createElement("div", { className: `form-item ${theme.colorMode}` }, /* @__PURE__ */ React101.createElement("span", { className: "label" }, "IBAN:"), /* @__PURE__ */ React101.createElement(
+  return /* @__PURE__ */ React69.createElement("div", { className: "bank-input" }, /* @__PURE__ */ React69.createElement("div", { className: `form-item ${theme.colorMode}` }, /* @__PURE__ */ React69.createElement("span", { className: "label" }, "IBAN:"), /* @__PURE__ */ React69.createElement(
     "input",
     {
       className: "kima-address-input",
@@ -5225,7 +5244,7 @@ var BankInput = () => {
       value: bankDetails.iban,
       onChange: (e) => dispatch(setBankDetails({ ...bankDetails, iban: e.target.value }))
     }
-  )), /* @__PURE__ */ React101.createElement("div", { className: `form-item ${theme.colorMode}` }, /* @__PURE__ */ React101.createElement("span", { className: "label" }, "Recipient:"), /* @__PURE__ */ React101.createElement(
+  )), /* @__PURE__ */ React69.createElement("div", { className: `form-item ${theme.colorMode}` }, /* @__PURE__ */ React69.createElement("span", { className: "label" }, "Recipient:"), /* @__PURE__ */ React69.createElement(
     "input",
     {
       className: "kima-address-input",
@@ -5240,7 +5259,7 @@ var BankInput = () => {
 var BankInput_default = BankInput;
 
 // src/components/reusable/TxButton.tsx
-import React102 from "react";
+import React70 from "react";
 import { useDispatch as useDispatch13 } from "react-redux";
 import { useSelector as useSelector30 } from "react-redux";
 var TxButton = ({ theme }) => {
@@ -5249,14 +5268,14 @@ var TxButton = ({ theme }) => {
     dispatch(setPendingTxPopup(true));
   };
   const txCount = useSelector30(selectPendingTxs);
-  return /* @__PURE__ */ React102.createElement(
+  return /* @__PURE__ */ React70.createElement(
     "button",
     {
       className: `secondary-button tx-button ${theme.colorMode}`,
       onClick: handleClick
     },
     txCount,
-    /* @__PURE__ */ React102.createElement(
+    /* @__PURE__ */ React70.createElement(
       ring_default,
       {
         height: 16,
@@ -5383,17 +5402,17 @@ var useGetTxData = (txId, dAppOption, backendUrl) => {
 var useGetTxData_default = useGetTxData;
 
 // src/components/reusable/TransactionStatusMessage.tsx
-import React103 from "react";
+import React71 from "react";
 var TransactionStatusMessage = ({
   isCompleted,
   transactionId
 }) => {
-  return /* @__PURE__ */ React103.createElement("div", { className: "transaction-status-message" }, /* @__PURE__ */ React103.createElement("h2", null, isCompleted !== "Completed" /* COMPLETED */ && "Your transaction is currently being processed.", " ", "Please copy the Transaction ID below for future reference. You can use this ID to track the transaction status or resolve any issues if needed."), /* @__PURE__ */ React103.createElement("span", { className: "transaction-copy" }, /* @__PURE__ */ React103.createElement("h3", null, transactionId), /* @__PURE__ */ React103.createElement(CopyButton_default, { text: transactionId })));
+  return /* @__PURE__ */ React71.createElement("div", { className: "transaction-status-message" }, /* @__PURE__ */ React71.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__ */ React71.createElement("span", { className: "transaction-copy" }, /* @__PURE__ */ React71.createElement("h3", null, transactionId), /* @__PURE__ */ React71.createElement(CopyButton_default, { text: transactionId })));
 };
 var TransactionStatusMessage_default = TransactionStatusMessage;
 
 // src/components/reusable/TransactionSearch.tsx
-import React104, { useRef as useRef3, useState as useState10 } from "react";
+import React72, { useRef as useRef3, useState as useState10 } from "react";
 import { useSelector as useSelector31 } from "react-redux";
 import { useDispatch as useDispatch14 } from "react-redux";
 import toast2 from "react-hot-toast";
@@ -5406,7 +5425,7 @@ var TransactionSearch = () => {
   const handleSearch = async () => {
     if (transactionId.length <= 0)
       return toast2.error("You must provide a valid transaction id", {
-        icon: /* @__PURE__ */ React104.createElement(Error_default, null)
+        icon: /* @__PURE__ */ React72.createElement(Error_default, null)
       });
     try {
       const data = await getTxData({
@@ -5423,11 +5442,11 @@ var TransactionSearch = () => {
       logger_default.error("Error searching transaction: ", error);
       return toast2.error(
         "Transaction not found. Please check for the proper transaction id.",
-        { icon: /* @__PURE__ */ React104.createElement(Error_default, null) }
+        { icon: /* @__PURE__ */ React72.createElement(Error_default, null) }
       );
     }
   };
-  return /* @__PURE__ */ React104.createElement("div", { className: "form-item transaction-search" }, /* @__PURE__ */ React104.createElement("div", { className: "transaction-input" }, /* @__PURE__ */ React104.createElement("span", { className: "label" }, "Search Transaction:"), /* @__PURE__ */ React104.createElement(
+  return /* @__PURE__ */ React72.createElement("div", { className: "form-item transaction-search" }, /* @__PURE__ */ React72.createElement("div", { className: "transaction-input" }, /* @__PURE__ */ React72.createElement("span", { className: "label" }, "Search Transaction:"), /* @__PURE__ */ React72.createElement(
     "input",
     {
       className: `${theme.colorMode}`,
@@ -5437,7 +5456,7 @@ var TransactionSearch = () => {
       onChange: (e) => setTransactionId(e.target.value),
       spellCheck: false
     }
-  )), /* @__PURE__ */ React104.createElement(SecondaryButton_default, { clickHandler: handleSearch }, "Search"));
+  )), /* @__PURE__ */ React72.createElement(SecondaryButton_default, { clickHandler: handleSearch }, "Search"));
 };
 var TransactionSearch_default = TransactionSearch;
 
@@ -5497,7 +5516,7 @@ var TransactionWidget = ({ theme }) => {
       toast3.error(
         "The provided transaction id is not valid, please use a different one or contact support for further assistance",
         {
-          icon: /* @__PURE__ */ React105.createElement(Error_default, null)
+          icon: /* @__PURE__ */ React73.createElement(Error_default, null)
         }
       );
   }, [error]);
@@ -5521,7 +5540,7 @@ var TransactionWidget = ({ theme }) => {
       setErrorStep(1);
       setLoadingStep(-1);
       logger_default.error("transaction failed:", data.failReason);
-      toast3.error("Unavailable", { icon: /* @__PURE__ */ React105.createElement(Error_default, null) });
+      toast3.error("Unavailable", { icon: /* @__PURE__ */ React73.createElement(Error_default, null) });
       setErrorMessage("Unavailable");
     } else if (status === "Paid" /* PAID */) {
       setStep(3);
@@ -5532,7 +5551,7 @@ var TransactionWidget = ({ theme }) => {
       toast3.error(
         "Failed to release tokens to target! Starting refund process.",
         {
-          icon: /* @__PURE__ */ React105.createElement(Error_default, null)
+          icon: /* @__PURE__ */ React73.createElement(Error_default, null)
         }
       );
       setErrorMessage(
@@ -5543,7 +5562,7 @@ var TransactionWidget = ({ theme }) => {
       setErrorStep(3);
       setLoadingStep(-1);
       toast3.error("Failed to refund tokens to source!", {
-        icon: /* @__PURE__ */ React105.createElement(Error_default, null)
+        icon: /* @__PURE__ */ React73.createElement(Error_default, null)
       });
       setErrorMessage("Failed to refund tokens to source!");
     } else if (status === "RefundCompleted" /* REFUNDCOMPLETED */) {
@@ -5551,7 +5570,7 @@ var TransactionWidget = ({ theme }) => {
       setErrorStep(3);
       setLoadingStep(-1);
       toast3.success("Refund completed!", {
-        icon: /* @__PURE__ */ React105.createElement(Error_default, null)
+        icon: /* @__PURE__ */ React73.createElement(Error_default, null)
       });
       setErrorMessage("Refund completed!");
     } else if (status === "FailedToPay" /* FAILEDTOPAY */) {
@@ -5560,7 +5579,7 @@ var TransactionWidget = ({ theme }) => {
       setLoadingStep(-1);
       logger_default.error("transaction failed:", data.failReason);
       toast3.error("Failed to release tokens to target!", {
-        icon: /* @__PURE__ */ React105.createElement(Error_default, null)
+        icon: /* @__PURE__ */ React73.createElement(Error_default, null)
       });
       setErrorMessage("Failed to release tokens to target!");
     } else if (status === "FailedToPull" /* FAILEDTOPULL */) {
@@ -5568,7 +5587,7 @@ var TransactionWidget = ({ theme }) => {
       setErrorStep(1);
       setLoadingStep(-1);
       logger_default.error("transaction failed:", data.failReason);
-      toast3.error("Failed to pull tokens from source!", { icon: /* @__PURE__ */ React105.createElement(Error_default, null) });
+      toast3.error("Failed to pull tokens from source!", { icon: /* @__PURE__ */ React73.createElement(Error_default, null) });
       setErrorMessage("Failed to pull tokens from source!");
     } else if (status === "Completed" /* COMPLETED */) {
       setStep(4);
@@ -5629,7 +5648,7 @@ var TransactionWidget = ({ theme }) => {
     dispatch(setTxId(-1));
     dispatch(setSubmitted(false));
   };
-  return /* @__PURE__ */ React105.createElement(Provider2, { store }, /* @__PURE__ */ React105.createElement(
+  return /* @__PURE__ */ React73.createElement(Provider2, { store }, /* @__PURE__ */ React73.createElement(
     "div",
     {
       className: `kima-card transaction-card ${theme.colorMode} ${minimized ? "minimized" : ""}`,
@@ -5637,17 +5656,17 @@ var TransactionWidget = ({ theme }) => {
         background: theme.colorMode === "light" /* light */ ? theme.backgroundColorLight : theme.backgroundColorDark
       }
     },
-    /* @__PURE__ */ React105.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ React105.createElement("div", { className: "topbar" }, /* @__PURE__ */ React105.createElement("div", { className: "title" }, isValidTxId && !error ? /* @__PURE__ */ React105.createElement("div", { className: "transaction-title" }, mode !== "status" /* status */ ? data?.status === "Completed" /* COMPLETED */ ? "Transferred " : "Transfering " : isEmptyStatus ? "Fetching transaction status " : data?.status === "Completed" /* COMPLETED */ ? "Transfered " : "Transfering ", mode !== "status" /* status */ ? Number(amount) !== 0 ? transactionSourceChain?.shortName === "CC" ? bigIntToNumber(txValues.allowanceAmount).toFixed(2) : formatBigInt(txValues.allowanceAmount) : "" : data?.amount || "", " ", mode !== "status" /* status */ ? `${sourceSymbol} ` : isEmptyStatus ? "" : `(${data?.sourceSymbol})`, /* @__PURE__ */ React105.createElement("div", { className: "title-icon" }, /* @__PURE__ */ React105.createElement(
+    /* @__PURE__ */ React73.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ React73.createElement("div", { className: "topbar" }, /* @__PURE__ */ React73.createElement("div", { className: "title" }, isValidTxId && !error ? /* @__PURE__ */ React73.createElement("div", { className: "transaction-title" }, mode !== "status" /* status */ ? data?.status === "Completed" /* COMPLETED */ ? "Transferred " : "Transfering " : isEmptyStatus ? "Fetching transaction status " : data?.status === "Completed" /* COMPLETED */ ? "Transfered " : "Transfering ", mode !== "status" /* status */ ? Number(amount) !== 0 ? transactionSourceChain?.shortName === "CC" ? bigIntToNumber(txValues.allowanceAmount).toFixed(2) : formatBigInt(txValues.allowanceAmount) : "" : data?.amount || "", " ", mode !== "status" /* status */ ? `${sourceSymbol} ` : isEmptyStatus ? "" : `(${data?.sourceSymbol})`, /* @__PURE__ */ React73.createElement("div", { className: "title-icon" }, /* @__PURE__ */ React73.createElement(
       ChainIcon,
       {
         symbol: transactionSourceChain?.shortName
       }
-    )), " ", mode !== "status" /* status */ ? `${transactionSourceChain?.name}` : isEmptyStatus ? "" : `${data?.sourceChain === "FIAT" ? "CC" : data?.sourceChain}`, " ", mode !== "status" /* status */ ? `\u2192 ` : isEmptyStatus ? "" : `\u2192 `, mode !== "status" /* status */ ? Number(amount) !== 0 ? transactionSourceChain?.shortName === "CC" ? bigIntToNumber(txValues.submitAmount).toFixed(2) : formatBigInt(txValues.submitAmount) : "" : data?.amount || "", " ", mode !== "status" /* status */ ? `${targetSymbol}${" "}` : isEmptyStatus ? "" : `${data?.targetSymbol}${" "}`, /* @__PURE__ */ React105.createElement("div", { className: "title-icon" }, /* @__PURE__ */ React105.createElement(
+    )), " ", mode !== "status" /* status */ ? `${transactionSourceChain?.name}` : isEmptyStatus ? "" : `${data?.sourceChain === "FIAT" ? "CC" : data?.sourceChain}`, " ", mode !== "status" /* status */ ? `\u2192 ` : isEmptyStatus ? "" : `\u2192 `, mode !== "status" /* status */ ? Number(amount) !== 0 ? transactionSourceChain?.shortName === "CC" ? bigIntToNumber(txValues.submitAmount).toFixed(2) : formatBigInt(txValues.submitAmount) : "" : data?.amount || "", " ", mode !== "status" /* status */ ? `${targetSymbol}${" "}` : isEmptyStatus ? "" : `${data?.targetSymbol}${" "}`, /* @__PURE__ */ React73.createElement("div", { className: "title-icon" }, /* @__PURE__ */ React73.createElement(
       ChainIcon,
       {
         symbol: transactionTargetChain?.shortName
       }
-    )), " ", mode !== "status" /* status */ ? `${transactionTargetChain?.name}${" "}` : isEmptyStatus ? "" : `${data?.targetChain} ${" "}`) : /* @__PURE__ */ React105.createElement("div", null, /* @__PURE__ */ React105.createElement("h3", { className: "transaction" }, "Transaction Status"))), !minimized ? /* @__PURE__ */ React105.createElement("div", { className: "control-buttons" }, /* @__PURE__ */ React105.createElement(
+    )), " ", mode !== "status" /* status */ ? `${transactionTargetChain?.name}${" "}` : isEmptyStatus ? "" : `${data?.targetChain} ${" "}`) : /* @__PURE__ */ React73.createElement("div", null, /* @__PURE__ */ React73.createElement("h3", { className: "transaction" }, "Transaction Status"))), !minimized ? /* @__PURE__ */ React73.createElement("div", { className: "control-buttons" }, /* @__PURE__ */ React73.createElement(
       "button",
       {
         className: "icon-button minimize",
@@ -5655,9 +5674,9 @@ var TransactionWidget = ({ theme }) => {
           setMinimized(true);
         }
       },
-      /* @__PURE__ */ React105.createElement(Minimize_default, null)
-    ), !isValidTxId || loadingStep < 0 || error ? /* @__PURE__ */ React105.createElement("button", { className: "reset-button", onClick: resetForm }, "Reset") : null) : /* @__PURE__ */ React105.createElement("div", { className: "control-buttons" }, /* @__PURE__ */ React105.createElement("div", { className: "maximize", onClick: () => setMinimized(false) }, "View")))),
-    isValidTxId && !error ? /* @__PURE__ */ React105.createElement("div", { className: "kima-card-content" }, /* @__PURE__ */ React105.createElement("div", { className: "transaction-content" }, /* @__PURE__ */ React105.createElement(
+      /* @__PURE__ */ React73.createElement(Minimize_default, null)
+    ), !isValidTxId || loadingStep < 0 || error ? /* @__PURE__ */ React73.createElement("button", { className: "reset-button", onClick: resetForm }, "Reset") : null) : /* @__PURE__ */ React73.createElement("div", { className: "control-buttons" }, /* @__PURE__ */ React73.createElement("div", { className: "maximize", onClick: () => setMinimized(false) }, "View")))),
+    isValidTxId && !error ? /* @__PURE__ */ React73.createElement("div", { className: "kima-card-content" }, /* @__PURE__ */ React73.createElement("div", { className: "transaction-content" }, /* @__PURE__ */ React73.createElement(
       Progressbar_default,
       {
         step,
@@ -5666,7 +5685,7 @@ var TransactionWidget = ({ theme }) => {
         setFocus,
         loadingStep
       }
-    ), /* @__PURE__ */ React105.createElement(
+    ), /* @__PURE__ */ React73.createElement(
       StepBox_default,
       {
         step,
@@ -5674,14 +5693,14 @@ var TransactionWidget = ({ theme }) => {
         loadingStep,
         data
       }
-    )), !error && !isEmptyStatus && /* @__PURE__ */ React105.createElement(
+    )), !error && !isEmptyStatus && /* @__PURE__ */ React73.createElement(
       TransactionStatusMessage_default,
       {
         isCompleted: data?.status,
         transactionId: txId.toString()
       }
-    )) : /* @__PURE__ */ React105.createElement("div", { className: "kima-card-content" }, /* @__PURE__ */ React105.createElement("h4", { className: "subtitle" }, "You can follow the status of a previous submitted transaction by entering the provided transaction id"), /* @__PURE__ */ React105.createElement("div", { className: "single-form" }, /* @__PURE__ */ React105.createElement(TransactionSearch_default, null))),
-    /* @__PURE__ */ React105.createElement(
+    )) : /* @__PURE__ */ React73.createElement("div", { className: "kima-card-content" }, /* @__PURE__ */ React73.createElement("h4", { className: "subtitle" }, "You can follow the status of a previous submitted transaction by entering the provided transaction id"), /* @__PURE__ */ React73.createElement("div", { className: "single-form" }, /* @__PURE__ */ React73.createElement(TransactionSearch_default, null))),
+    /* @__PURE__ */ React73.createElement(
       Toaster,
       {
         position: "top-right",
@@ -5708,21 +5727,21 @@ var TransactionWidget = ({ theme }) => {
         }
       }
     ),
-    /* @__PURE__ */ React105.createElement("div", { className: "floating-footer status" }, /* @__PURE__ */ React105.createElement("div", { className: `items ${theme.colorMode}` }, /* @__PURE__ */ React105.createElement("span", null, "Powered by"), /* @__PURE__ */ React105.createElement(KimaNetwork_default, null)))
+    /* @__PURE__ */ React73.createElement("div", { className: "floating-footer status" }, /* @__PURE__ */ React73.createElement("div", { className: `items ${theme.colorMode}` }, /* @__PURE__ */ React73.createElement("span", null, "Powered by"), /* @__PURE__ */ React73.createElement(KimaNetwork_default, null)))
   ));
 };
 
 // src/components/TransferWidget.tsx
-import React116, { useEffect as useEffect21, useState as useState16, useRef as useRef8, useMemo as useMemo21, useCallback as useCallback3 } from "react";
+import React84, { useEffect as useEffect21, useState as useState16, useRef as useRef8, useMemo as useMemo21, useCallback as useCallback3 } from "react";
 import { useDispatch as useDispatch26, useSelector as useSelector45 } from "react-redux";
 
 // src/components/reusable/SingleForm.tsx
-import React107, { useEffect as useEffect17, useMemo as useMemo14, useState as useState13 } from "react";
+import React75, { useEffect as useEffect17, useMemo as useMemo14, useState as useState13 } from "react";
 import { toast as toast4 } from "react-hot-toast";
 import { useDispatch as useDispatch17, useSelector as useSelector35 } from "react-redux";
 
 // src/components/primary/NetworkSelector.tsx
-import React106, { useState as useState12, useMemo as useMemo13, useRef as useRef4, useEffect as useEffect16 } from "react";
+import React74, { useState as useState12, useMemo as useMemo13, useRef as useRef4, useEffect as useEffect16 } from "react";
 import { useSelector as useSelector33, useDispatch as useDispatch16 } from "react-redux";
 var NetworkSelector = ({
   type,
@@ -5736,6 +5755,7 @@ var NetworkSelector = ({
   const networkOptions3 = useSelector33(selectNetworks);
   const mode = useSelector33(selectMode);
   const sourceNetwork = useSelector33(selectSourceChain);
+  const sourceSymbol = useSelector33(selectSourceCurrency);
   const targetNetwork = useSelector33(selectTargetChain);
   const { switchChainHandler } = useKimaContext();
   const isOriginSelector = type === "origin";
@@ -5743,9 +5763,18 @@ var NetworkSelector = ({
     return networkOptions3.filter((network) => {
       const isSameAsSource = isOriginSelector ? false : network.shortName === sourceNetwork.shortName;
       const isAllowedInLightMode = mode !== "light" /* light */ || lightDemoNetworks.includes(network.shortName);
-      return network.supportedLocations.includes(type) && !isSameAsSource && isAllowedInLightMode;
+      const sourceToken = sourceNetwork.supportedTokens.find(
+        (t) => t.symbol === sourceSymbol
+      );
+      let supportsSourceCurrency = true;
+      if (!isOriginSelector && !!sourceToken) {
+        supportsSourceCurrency = network.supportedTokens.some(
+          (token) => token.peggedTo === sourceToken?.peggedTo
+        );
+      }
+      return network.supportedLocations.includes(type) && !isSameAsSource && supportsSourceCurrency && isAllowedInLightMode;
     });
-  }, [networkOptions3, sourceNetwork, type, mode]);
+  }, [networkOptions3, sourceNetwork, sourceSymbol, type, mode]);
   const selectedNetwork = useMemo13(() => {
     if (initialSelection) {
       return {
@@ -5818,20 +5847,20 @@ var NetworkSelector = ({
       dispatch(setTargetAddress(lightDemoAccounts.TRX));
     }
   }, [sourceNetwork, targetNetwork, mode]);
-  return /* @__PURE__ */ React106.createElement(
+  return /* @__PURE__ */ React74.createElement(
     "div",
     {
       className: `network-dropdown ${theme?.colorMode ?? ""} ${collapsed ? "collapsed" : "toggled"}`,
       onClick: () => setCollapsed((prev) => !prev),
       ref
     },
-    /* @__PURE__ */ React106.createElement("div", { className: "network-wrapper" }, /* @__PURE__ */ React106.createElement(ChainIcon, { symbol: selectedNetwork.shortName }), /* @__PURE__ */ React106.createElement("span", null, selectedNetwork.name)),
-    /* @__PURE__ */ React106.createElement(
+    /* @__PURE__ */ React74.createElement("div", { className: "network-wrapper" }, /* @__PURE__ */ React74.createElement(ChainIcon, { symbol: selectedNetwork.shortName }), /* @__PURE__ */ React74.createElement("span", null, selectedNetwork.name)),
+    /* @__PURE__ */ React74.createElement(
       "div",
       {
         className: `network-menu custom-scrollbar ${theme?.colorMode ?? ""} ${collapsed ? "collapsed" : "toggled"}`
       },
-      networks.filter((network) => network.shortName !== selectedNetwork.shortName).map((network) => /* @__PURE__ */ React106.createElement(
+      networks.filter((network) => network.shortName !== selectedNetwork.shortName).map((network) => /* @__PURE__ */ React74.createElement(
         "div",
         {
           key: network.id,
@@ -5843,15 +5872,15 @@ var NetworkSelector = ({
             }
           }
         },
-        network.disabled ? /* @__PURE__ */ React106.createElement(Warning_default, { width: 25, height: 25 }) : /* @__PURE__ */ React106.createElement(ChainIcon, { symbol: network.shortName }),
-        /* @__PURE__ */ React106.createElement("p", null, network.name),
-        network.disabled && /* @__PURE__ */ React106.createElement("span", { className: "tooltip" }, "Temporarily unavailable")
+        network.disabled ? /* @__PURE__ */ React74.createElement(Warning_default, { width: 25, height: 25 }) : /* @__PURE__ */ React74.createElement(ChainIcon, { symbol: network.shortName }),
+        /* @__PURE__ */ React74.createElement("p", null, network.name),
+        network.disabled && /* @__PURE__ */ React74.createElement("span", { className: "tooltip" }, "Temporarily unavailable")
       ))
     ),
-    /* @__PURE__ */ React106.createElement("div", { className: `dropdown-icon ${collapsed ? "toggled" : "collapsed"}` }, /* @__PURE__ */ React106.createElement(Arrow_default, { fill: "none" }))
+    /* @__PURE__ */ React74.createElement("div", { className: `dropdown-icon ${collapsed ? "toggled" : "collapsed"}` }, /* @__PURE__ */ React74.createElement(Arrow_default, { fill: "none" }))
   );
 };
-var NetworkSelector_default = React106.memo(NetworkSelector);
+var NetworkSelector_default = React74.memo(NetworkSelector);
 
 // src/components/reusable/SingleForm.tsx
 import { parseUnits as parseUnits2 } from "viem";
@@ -6019,6 +6048,12 @@ var SingleForm = ({
     const intAmount = parseUnits2(amount, totalFee.decimals);
     return balance - intAmount;
   }, [balance, totalFee, feeDeduct]);
+  const feeCurrency = useMemo14(() => {
+    const sourceToken = sourceNetwork.supportedTokens.find(
+      (t) => t.symbol === sourceCurrency
+    );
+    return sourceToken?.peggedTo ?? "USD";
+  }, [sourceNetwork, sourceCurrency]);
   useEffect17(() => {
     if (!errorMessage) return;
     toast4.error(errorMessage);
@@ -6054,7 +6089,7 @@ var SingleForm = ({
   const isConnected = useMemo14(() => {
     return isReady && !initialSelection.sourceSelection;
   }, [isReady, initialSelection]);
-  return /* @__PURE__ */ React107.createElement("div", { className: "single-form" }, /* @__PURE__ */ React107.createElement("div", { className: "form-item" }, /* @__PURE__ */ React107.createElement("span", { className: "label" }, "Source Network:"), /* @__PURE__ */ React107.createElement("div", { className: "items" }, /* @__PURE__ */ React107.createElement(
+  return /* @__PURE__ */ React75.createElement("div", { className: "single-form" }, /* @__PURE__ */ React75.createElement("div", { className: "form-item" }, /* @__PURE__ */ React75.createElement("span", { className: "label" }, "Source Network:"), /* @__PURE__ */ React75.createElement("div", { className: "items" }, /* @__PURE__ */ React75.createElement(
     NetworkSelector_default,
     {
       type: "origin",
@@ -6063,20 +6098,20 @@ var SingleForm = ({
         setInitialSelection
       }
     }
-  ), /* @__PURE__ */ React107.createElement(CoinDropdown_default, null))), /* @__PURE__ */ React107.createElement(
+  ), /* @__PURE__ */ React75.createElement(CoinDropdown_default, null))), /* @__PURE__ */ React75.createElement(
     "div",
     {
       className: `dynamic-area ${sourceNetwork.shortName === "FIAT" /* FIAT */ ? "reverse" : "1"}`
     },
-    sourceNetwork.compatibility !== "CC" /* CC */ && /* @__PURE__ */ React107.createElement(
+    sourceNetwork.compatibility !== "CC" /* CC */ && /* @__PURE__ */ React75.createElement(
       "div",
       {
         className: `form-item wallet-button-item ${isConnected && "connected"}`
       },
-      /* @__PURE__ */ React107.createElement("span", { className: "label" }, "Wallet:"),
-      /* @__PURE__ */ React107.createElement(WalletButton_default, { initialSelection: initialSelection.sourceSelection })
+      /* @__PURE__ */ React75.createElement("span", { className: "label" }, "Wallet:"),
+      /* @__PURE__ */ React75.createElement(WalletButton_default, { initialSelection: initialSelection.sourceSelection })
     ),
-    mode !== "payment" /* payment */ && /* @__PURE__ */ React107.createElement("div", { className: "form-item" }, /* @__PURE__ */ React107.createElement("span", { className: "label" }, "Target Network:"), /* @__PURE__ */ React107.createElement("div", { className: "items" }, /* @__PURE__ */ React107.createElement(
+    mode !== "payment" /* payment */ && /* @__PURE__ */ React75.createElement("div", { className: "form-item" }, /* @__PURE__ */ React75.createElement("span", { className: "label" }, "Target Network:"), /* @__PURE__ */ React75.createElement("div", { className: "items" }, /* @__PURE__ */ React75.createElement(
       NetworkSelector_default,
       {
         type: "target",
@@ -6085,29 +6120,29 @@ var SingleForm = ({
           setInitialSelection
         }
       }
-    ), /* @__PURE__ */ React107.createElement(CoinDropdown_default, { isSourceChain: false })))
-  ), mode === "bridge" /* bridge */ && sourceNetwork.shortName !== "FIAT" /* FIAT */ ? targetNetwork.shortName === "FIAT" /* FIAT */ ? /* @__PURE__ */ React107.createElement(BankInput_default, null) : /* @__PURE__ */ React107.createElement("div", { className: `form-item ${theme.colorMode}` }, /* @__PURE__ */ React107.createElement("span", { className: "label" }, "Target Address:"), /* @__PURE__ */ React107.createElement(
+    ), /* @__PURE__ */ React75.createElement(CoinDropdown_default, { isSourceChain: false })))
+  ), mode === "bridge" /* bridge */ && sourceNetwork.shortName !== "FIAT" /* FIAT */ ? targetNetwork.shortName === "FIAT" /* FIAT */ ? /* @__PURE__ */ React75.createElement(BankInput_default, null) : /* @__PURE__ */ React75.createElement("div", { className: `form-item ${theme.colorMode}` }, /* @__PURE__ */ React75.createElement("span", { className: "label" }, "Target Address:"), /* @__PURE__ */ React75.createElement(
     AddressInput_default,
     {
       theme: theme.colorMode,
       placeholder: "Target address",
       initialSelection
     }
-  )) : null, mode === "light" /* light */ && /* @__PURE__ */ React107.createElement(
+  )) : null, mode === "light" /* light */ && /* @__PURE__ */ React75.createElement(
     "div",
     {
       className: `form-item wallet-button-item ${!initialSelection.targetSelection && "connected"}`,
       style: { display: "flex", alignItems: "center" }
     },
-    /* @__PURE__ */ React107.createElement("span", { className: "label" }, "Target Wallet:"),
-    /* @__PURE__ */ React107.createElement(
+    /* @__PURE__ */ React75.createElement("span", { className: "label" }, "Target Wallet:"),
+    /* @__PURE__ */ React75.createElement(
       WalletButton_default,
       {
         initialSelection: initialSelection.targetSelection,
         placeholder: true
       }
     )
-  ), mode === "bridge" /* bridge */ && /* @__PURE__ */ React107.createElement("div", { className: `form-item ${theme.colorMode}` }, /* @__PURE__ */ React107.createElement("span", { className: "label" }, "Amount:"), /* @__PURE__ */ React107.createElement("div", { className: `amount-label-container items ${theme.colorMode}` }, /* @__PURE__ */ React107.createElement(
+  ), mode === "bridge" /* bridge */ && /* @__PURE__ */ React75.createElement("div", { className: `form-item ${theme.colorMode}` }, /* @__PURE__ */ React75.createElement("span", { className: "label" }, "Amount:"), /* @__PURE__ */ React75.createElement("div", { className: `amount-label-container items ${theme.colorMode}` }, /* @__PURE__ */ React75.createElement(
     "input",
     {
       className: `${theme.colorMode}`,
@@ -6116,7 +6151,7 @@ var SingleForm = ({
       value: amountValue || "",
       onChange: (e) => onAmountChange(e.target.value)
     }
-  ), /* @__PURE__ */ React107.createElement("div", { className: "max-disclaimer" }, sourceNetwork.shortName !== "CC" && /* @__PURE__ */ React107.createElement("span", { className: "max-button", onClick: onMaxClick }, "Max"), +totalFee !== -1 && /* @__PURE__ */ React107.createElement("p", { className: "fee-amount" }, "Est fees:", " ", /* @__PURE__ */ React107.createElement("span", { className: `${isLoadingFees ? "loading" : ""}` }, " ", isLoadingFees ? "" : `$ ${formatBigInt(totalFee)} USD`))))));
+  ), /* @__PURE__ */ React75.createElement("div", { className: "max-disclaimer" }, sourceNetwork.shortName !== "CC" && /* @__PURE__ */ React75.createElement("span", { className: "max-button", onClick: onMaxClick }, "Max"), +totalFee !== -1 && /* @__PURE__ */ React75.createElement("p", { className: "fee-amount" }, "Est fees:", " ", /* @__PURE__ */ React75.createElement("span", { className: `${isLoadingFees ? "loading" : ""}` }, " ", isLoadingFees ? "" : `$ ${formatBigInt(totalFee)} ${feeCurrency}`))))));
 };
 var SingleForm_default = SingleForm;
 
@@ -6165,11 +6200,11 @@ function useAllowance2({
 import { toast as toast5, Toaster as Toaster2 } from "react-hot-toast";
 
 // plugins/solana/components/SolanaWalletConnectModal.tsx
-import React110 from "react";
+import React78 from "react";
 import { useDispatch as useDispatch20, useSelector as useSelector38 } from "react-redux";
 
 // plugins/solana/components/SolanaWalletSelect.tsx
-import React108, { useCallback as useCallback2, useEffect as useEffect18, useMemo as useMemo15, useRef as useRef5 } from "react";
+import React76, { useCallback as useCallback2, useEffect as useEffect18, useMemo as useMemo15, useRef as useRef5 } from "react";
 import { useDispatch as useDispatch18, useSelector as useSelector36 } from "react-redux";
 import { useWallet as useWallet7 } from "@solana/wallet-adapter-react";
 import { WalletReadyState } from "@solana/wallet-adapter-base";
@@ -6243,28 +6278,28 @@ var SolanaWalletSelect = () => {
     }
     dispatch(setSolanaConnectModal(false));
   }, [wallet, sourceChain]);
-  return /* @__PURE__ */ React108.createElement("div", { className: `wallet-select` }, /* @__PURE__ */ React108.createElement("div", { className: "slide-area hide-scrollbar", ref: sliderRef }, /* @__PURE__ */ React108.createElement("div", { className: "wallet-container" }, detected.map((wallet2, index) => /* @__PURE__ */ React108.createElement(
+  return /* @__PURE__ */ React76.createElement("div", { className: `wallet-select` }, /* @__PURE__ */ React76.createElement("div", { className: "slide-area hide-scrollbar", ref: sliderRef }, /* @__PURE__ */ React76.createElement("div", { className: "wallet-container" }, detected.map((wallet2, index) => /* @__PURE__ */ React76.createElement(
     "div",
     {
       className: `card-item ${theme.colorMode}`,
       onClick: () => handleWalletClick(wallet2.adapter.name),
       key: `${wallet2.adapter.name}-${index}`
     },
-    /* @__PURE__ */ React108.createElement("div", { className: "wallet-item" }, /* @__PURE__ */ React108.createElement("img", { src: wallet2.adapter.icon, alt: wallet2.adapter.name }), /* @__PURE__ */ React108.createElement("span", null, wallet2.adapter.name))
-  )), undetected.map((wallet2, index) => /* @__PURE__ */ React108.createElement(
+    /* @__PURE__ */ React76.createElement("div", { className: "wallet-item" }, /* @__PURE__ */ React76.createElement("img", { src: wallet2.adapter.icon, alt: wallet2.adapter.name }), /* @__PURE__ */ React76.createElement("span", null, wallet2.adapter.name))
+  )), undetected.map((wallet2, index) => /* @__PURE__ */ React76.createElement(
     ExternalLink_default,
     {
       to: wallet2.adapter.url,
       className: `card-item ${theme.colorMode}`,
       key: `${wallet2.adapter.name}-${index}`
     },
-    /* @__PURE__ */ React108.createElement("div", { className: "wallet-item" }, /* @__PURE__ */ React108.createElement("img", { src: wallet2.adapter.icon, alt: wallet2.adapter.name }), /* @__PURE__ */ React108.createElement("span", null, "Install ", wallet2.adapter.name))
+    /* @__PURE__ */ React76.createElement("div", { className: "wallet-item" }, /* @__PURE__ */ React76.createElement("img", { src: wallet2.adapter.icon, alt: wallet2.adapter.name }), /* @__PURE__ */ React76.createElement("span", null, "Install ", wallet2.adapter.name))
   )))));
 };
 var SolanaWalletSelect_default = SolanaWalletSelect;
 
 // plugins/solana/components/AccountDetailsModal.tsx
-import React109, { useMemo as useMemo16 } from "react";
+import React77, { useMemo as useMemo16 } from "react";
 import { useDispatch as useDispatch19, useSelector as useSelector37 } from "react-redux";
 import { useWallet as useSolanaWallet3 } from "@solana/wallet-adapter-react";
 var AccountDetailsModal = () => {
@@ -6285,25 +6320,25 @@ var AccountDetailsModal = () => {
     dispatch(setAccountDetailsModal(false));
   };
   if (sourceChain.shortName !== "SOL") return;
-  return /* @__PURE__ */ React109.createElement(
+  return /* @__PURE__ */ React77.createElement(
     "div",
     {
       className: `kima-modal ${theme.colorMode} ${accountDetailsModal && "open"}`
     },
-    /* @__PURE__ */ React109.createElement("div", { className: "modal-overlay" }),
-    /* @__PURE__ */ React109.createElement("div", { className: `modal-content-container ${theme.colorMode}` }, /* @__PURE__ */ React109.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ React109.createElement("div", { className: "topbar" }, /* @__PURE__ */ React109.createElement("div", { className: "title" }, /* @__PURE__ */ React109.createElement("h3", null, "Account Details")), /* @__PURE__ */ React109.createElement("div", { className: "control-buttons" }, /* @__PURE__ */ React109.createElement(
+    /* @__PURE__ */ React77.createElement("div", { className: "modal-overlay" }),
+    /* @__PURE__ */ React77.createElement("div", { className: `modal-content-container ${theme.colorMode}` }, /* @__PURE__ */ React77.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ React77.createElement("div", { className: "topbar" }, /* @__PURE__ */ React77.createElement("div", { className: "title" }, /* @__PURE__ */ React77.createElement("h3", null, "Account Details")), /* @__PURE__ */ React77.createElement("div", { className: "control-buttons" }, /* @__PURE__ */ React77.createElement(
       "button",
       {
         className: "cross-icon-button",
         onClick: () => dispatch(setAccountDetailsModal(false))
       },
-      /* @__PURE__ */ React109.createElement(
+      /* @__PURE__ */ React77.createElement(
         Cross_default,
         {
           fill: theme.colorMode === "light" ? "black" : "white"
         }
       )
-    )))), /* @__PURE__ */ React109.createElement("div", { className: "modal-content" }, /* @__PURE__ */ React109.createElement("div", { className: "summary" }, networkDetails && /* @__PURE__ */ React109.createElement(networkDetails.icon, { width: 60, height: 60 }), /* @__PURE__ */ React109.createElement("div", { className: "address" }, /* @__PURE__ */ React109.createElement("h2", null, getShortenedAddress(walletAddress || "")), /* @__PURE__ */ React109.createElement(CopyButton_default, { text: walletAddress })), /* @__PURE__ */ React109.createElement("h3", null, formatterFloat.format(Number(solBalance)), " $SOL")), /* @__PURE__ */ React109.createElement(SecondaryButton_default, { className: "block-explorer" }, /* @__PURE__ */ React109.createElement(ExternalLink_default, { className: "link", to: explorerUrl }, /* @__PURE__ */ React109.createElement(Explorer_default, { fill: "#778DA3" }), /* @__PURE__ */ React109.createElement("p", null, "Block explorer"), /* @__PURE__ */ React109.createElement(ExternalUrl_default, { fill: "#778DA3" }))), /* @__PURE__ */ React109.createElement(PrimaryButton_default, { clickHandler: handleDisconnect }, "Discconect")))
+    )))), /* @__PURE__ */ React77.createElement("div", { className: "modal-content" }, /* @__PURE__ */ React77.createElement("div", { className: "summary" }, networkDetails && /* @__PURE__ */ React77.createElement(networkDetails.icon, { width: 60, height: 60 }), /* @__PURE__ */ React77.createElement("div", { className: "address" }, /* @__PURE__ */ React77.createElement("h2", null, getShortenedAddress(walletAddress || "")), /* @__PURE__ */ React77.createElement(CopyButton_default, { text: walletAddress })), /* @__PURE__ */ React77.createElement("h3", null, formatterFloat.format(Number(solBalance)), " $SOL")), /* @__PURE__ */ React77.createElement(SecondaryButton_default, { className: "block-explorer" }, /* @__PURE__ */ React77.createElement(ExternalLink_default, { className: "link", to: explorerUrl }, /* @__PURE__ */ React77.createElement(Explorer_default, { fill: "#778DA3" }), /* @__PURE__ */ React77.createElement("p", null, "Block explorer"), /* @__PURE__ */ React77.createElement(ExternalUrl_default, { fill: "#778DA3" }))), /* @__PURE__ */ React77.createElement(PrimaryButton_default, { clickHandler: handleDisconnect }, "Discconect")))
   );
 };
 var AccountDetailsModal_default = AccountDetailsModal;
@@ -6313,18 +6348,18 @@ var SolanaWalletConnectModal = () => {
   const dispatch = useDispatch20();
   const theme = useSelector38(selectTheme);
   const connectModal = useSelector38(selectSolanaConnectModal);
-  return /* @__PURE__ */ React110.createElement("div", null, /* @__PURE__ */ React110.createElement(AccountDetailsModal_default, null), /* @__PURE__ */ React110.createElement(
+  return /* @__PURE__ */ React78.createElement("div", null, /* @__PURE__ */ React78.createElement(AccountDetailsModal_default, null), /* @__PURE__ */ React78.createElement(
     "div",
     {
       className: `kima-modal wallet-connect ${connectModal ? "open" : ""}`
     },
-    /* @__PURE__ */ React110.createElement("div", { className: `modal-content-container ${theme.colorMode}` }, /* @__PURE__ */ React110.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ React110.createElement("div", { className: "topbar" }, /* @__PURE__ */ React110.createElement("div", { className: "title" }, /* @__PURE__ */ React110.createElement("h3", null, "Connect Wallet")), /* @__PURE__ */ React110.createElement("div", { className: "control-buttons" }, /* @__PURE__ */ React110.createElement(
+    /* @__PURE__ */ React78.createElement("div", { className: `modal-content-container ${theme.colorMode}` }, /* @__PURE__ */ React78.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ React78.createElement("div", { className: "topbar" }, /* @__PURE__ */ React78.createElement("div", { className: "title" }, /* @__PURE__ */ React78.createElement("h3", null, "Connect Wallet")), /* @__PURE__ */ React78.createElement("div", { className: "control-buttons" }, /* @__PURE__ */ React78.createElement(
       "button",
       {
         className: "cross-icon-button",
         onClick: () => dispatch(setSolanaConnectModal(false))
       },
-      /* @__PURE__ */ React110.createElement(
+      /* @__PURE__ */ React78.createElement(
         Cross_default,
         {
           width: 30,
@@ -6332,17 +6367,17 @@ var SolanaWalletConnectModal = () => {
           fill: theme.colorMode === "light" ? "black" : "white"
         }
       )
-    )))), /* @__PURE__ */ React110.createElement("div", { className: "modal-content" }, /* @__PURE__ */ React110.createElement(SolanaWalletSelect_default, null)))
+    )))), /* @__PURE__ */ React78.createElement("div", { className: "modal-content" }, /* @__PURE__ */ React78.createElement(SolanaWalletSelect_default, null)))
   ));
 };
 var SolanaWalletConnectModal_default = SolanaWalletConnectModal;
 
 // plugins/tron/components/TronWalletConnectModal.tsx
-import React113 from "react";
+import React81 from "react";
 import { useDispatch as useDispatch23, useSelector as useSelector41 } from "react-redux";
 
 // plugins/tron/components/AccountDetailsModal.tsx
-import React111, { useMemo as useMemo17 } from "react";
+import React79, { useMemo as useMemo17 } from "react";
 import { useDispatch as useDispatch21, useSelector as useSelector39 } from "react-redux";
 import { useWallet as useTronWallet3 } from "@tronweb3/tronwallet-adapter-react-hooks";
 var AccountDetailsModal2 = () => {
@@ -6367,31 +6402,31 @@ var AccountDetailsModal2 = () => {
     dispatch(setAccountDetailsModal(false));
   };
   if (sourcheChain.shortName !== "TRX") return;
-  return /* @__PURE__ */ React111.createElement(
+  return /* @__PURE__ */ React79.createElement(
     "div",
     {
       className: `kima-modal ${theme.colorMode} ${accountDetailsModal && "open"}`
     },
-    /* @__PURE__ */ React111.createElement("div", { className: "modal-overlay" }),
-    /* @__PURE__ */ React111.createElement("div", { className: `modal-content-container ${theme.colorMode}` }, /* @__PURE__ */ React111.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ React111.createElement("div", { className: "topbar" }, /* @__PURE__ */ React111.createElement("div", { className: "title" }, /* @__PURE__ */ React111.createElement("h3", null, "Account Details")), /* @__PURE__ */ React111.createElement("div", { className: "control-buttons" }, /* @__PURE__ */ React111.createElement(
+    /* @__PURE__ */ React79.createElement("div", { className: "modal-overlay" }),
+    /* @__PURE__ */ React79.createElement("div", { className: `modal-content-container ${theme.colorMode}` }, /* @__PURE__ */ React79.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ React79.createElement("div", { className: "topbar" }, /* @__PURE__ */ React79.createElement("div", { className: "title" }, /* @__PURE__ */ React79.createElement("h3", null, "Account Details")), /* @__PURE__ */ React79.createElement("div", { className: "control-buttons" }, /* @__PURE__ */ React79.createElement(
       "button",
       {
         className: "cross-icon-button",
         onClick: () => dispatch(setAccountDetailsModal(false))
       },
-      /* @__PURE__ */ React111.createElement(
+      /* @__PURE__ */ React79.createElement(
         Cross_default,
         {
           fill: theme.colorMode === "light" ? "black" : "white"
         }
       )
-    )))), /* @__PURE__ */ React111.createElement("div", { className: "modal-content" }, /* @__PURE__ */ React111.createElement("div", { className: "summary" }, networkDetails && /* @__PURE__ */ React111.createElement(networkDetails.icon, { width: 60, height: 60 }), /* @__PURE__ */ React111.createElement("div", { className: "address" }, /* @__PURE__ */ React111.createElement("h2", null, getShortenedAddress(connectedAddress || "")), /* @__PURE__ */ React111.createElement(CopyButton_default, { text: connectedAddress })), /* @__PURE__ */ React111.createElement("h3", null, formatterFloat.format(Number(tronBalance)), " ", selectedNetwork.shortName)), /* @__PURE__ */ React111.createElement(SecondaryButton_default, { className: "block-explorer" }, /* @__PURE__ */ React111.createElement(ExternalLink_default, { className: "link", to: explorerUrl }, /* @__PURE__ */ React111.createElement(Explorer_default, { fill: "#778DA3" }), /* @__PURE__ */ React111.createElement("p", null, "Block explorer"), /* @__PURE__ */ React111.createElement(ExternalUrl_default, { fill: "#778DA3" }))), /* @__PURE__ */ React111.createElement(PrimaryButton_default, { clickHandler: handleDisconnect }, "Disconnect")))
+    )))), /* @__PURE__ */ React79.createElement("div", { className: "modal-content" }, /* @__PURE__ */ React79.createElement("div", { className: "summary" }, networkDetails && /* @__PURE__ */ React79.createElement(networkDetails.icon, { width: 60, height: 60 }), /* @__PURE__ */ React79.createElement("div", { className: "address" }, /* @__PURE__ */ React79.createElement("h2", null, getShortenedAddress(connectedAddress || "")), /* @__PURE__ */ React79.createElement(CopyButton_default, { text: connectedAddress })), /* @__PURE__ */ React79.createElement("h3", null, formatterFloat.format(Number(tronBalance)), " ", selectedNetwork.shortName)), /* @__PURE__ */ React79.createElement(SecondaryButton_default, { className: "block-explorer" }, /* @__PURE__ */ React79.createElement(ExternalLink_default, { className: "link", to: explorerUrl }, /* @__PURE__ */ React79.createElement(Explorer_default, { fill: "#778DA3" }), /* @__PURE__ */ React79.createElement("p", null, "Block explorer"), /* @__PURE__ */ React79.createElement(ExternalUrl_default, { fill: "#778DA3" }))), /* @__PURE__ */ React79.createElement(PrimaryButton_default, { clickHandler: handleDisconnect }, "Disconnect")))
   );
 };
 var AccountDetailsModal_default2 = AccountDetailsModal2;
 
 // plugins/tron/components/TronWalletSelect.tsx
-import React112, { useEffect as useEffect19, useMemo as useMemo18, useRef as useRef6 } from "react";
+import React80, { useEffect as useEffect19, useMemo as useMemo18, useRef as useRef6 } from "react";
 import { useDispatch as useDispatch22, useSelector as useSelector40 } from "react-redux";
 import { useWallet as useWallet8 } from "@tronweb3/tronwallet-adapter-react-hooks";
 import { AdapterState } from "@tronweb3/tronwallet-abstract-adapter";
@@ -6450,22 +6485,22 @@ var TronWalletSelect = () => {
   const connectWallet = async (walletName) => {
     currentWallet?.adapter.name === walletName ? await connect() : select(walletName);
   };
-  return /* @__PURE__ */ React112.createElement("div", { className: `wallet-select` }, /* @__PURE__ */ React112.createElement("div", { className: "slide-area hide-scrollbar", ref: sliderRef }, /* @__PURE__ */ React112.createElement("div", { className: "wallet-container" }, detected.map((wallet, index) => /* @__PURE__ */ React112.createElement(
+  return /* @__PURE__ */ React80.createElement("div", { className: `wallet-select` }, /* @__PURE__ */ React80.createElement("div", { className: "slide-area hide-scrollbar", ref: sliderRef }, /* @__PURE__ */ React80.createElement("div", { className: "wallet-container" }, detected.map((wallet, index) => /* @__PURE__ */ React80.createElement(
     "div",
     {
       className: `card-item ${theme.colorMode}`,
       onClick: () => connectWallet(wallet.adapter.name),
       key: `${wallet.adapter.name}-${index}`
     },
-    /* @__PURE__ */ React112.createElement("div", { className: "wallet-item" }, /* @__PURE__ */ React112.createElement("img", { src: wallet.adapter.icon, alt: wallet.adapter.name }), /* @__PURE__ */ React112.createElement("span", null, wallet.adapter.name))
-  )), undetected.map((wallet, index) => /* @__PURE__ */ React112.createElement(
+    /* @__PURE__ */ React80.createElement("div", { className: "wallet-item" }, /* @__PURE__ */ React80.createElement("img", { src: wallet.adapter.icon, alt: wallet.adapter.name }), /* @__PURE__ */ React80.createElement("span", null, wallet.adapter.name))
+  )), undetected.map((wallet, index) => /* @__PURE__ */ React80.createElement(
     ExternalLink_default,
     {
       to: wallet.adapter.url,
       className: `card-item ${theme.colorMode}`,
       key: `${wallet.adapter.name}-${index}`
     },
-    /* @__PURE__ */ React112.createElement("div", { className: "wallet-item" }, /* @__PURE__ */ React112.createElement("img", { src: wallet.adapter.icon, alt: wallet.adapter.name }), /* @__PURE__ */ React112.createElement("span", null, "Install ", wallet.adapter.name))
+    /* @__PURE__ */ React80.createElement("div", { className: "wallet-item" }, /* @__PURE__ */ React80.createElement("img", { src: wallet.adapter.icon, alt: wallet.adapter.name }), /* @__PURE__ */ React80.createElement("span", null, "Install ", wallet.adapter.name))
   )))));
 };
 var TronWalletSelect_default = TronWalletSelect;
@@ -6475,25 +6510,25 @@ var TronWalletConnectModal = () => {
   const dispatch = useDispatch23();
   const theme = useSelector41(selectTheme);
   const connectModal = useSelector41(selectTronConnectModal);
-  return /* @__PURE__ */ React113.createElement("div", null, /* @__PURE__ */ React113.createElement(AccountDetailsModal_default2, null), /* @__PURE__ */ React113.createElement(
+  return /* @__PURE__ */ React81.createElement("div", null, /* @__PURE__ */ React81.createElement(AccountDetailsModal_default2, null), /* @__PURE__ */ React81.createElement(
     "div",
     {
       className: `kima-modal wallet-connect ${theme.colorMode} ${connectModal ? "open" : ""}`
     },
-    /* @__PURE__ */ React113.createElement("div", { className: "modal-overlay" }),
-    /* @__PURE__ */ React113.createElement("div", { className: `modal-content-container ${theme.colorMode}` }, /* @__PURE__ */ React113.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ React113.createElement("div", { className: "topbar" }, /* @__PURE__ */ React113.createElement("div", { className: "title" }, /* @__PURE__ */ React113.createElement("h3", null, "Connect Wallet")), /* @__PURE__ */ React113.createElement("div", { className: "control-buttons" }, /* @__PURE__ */ React113.createElement(
+    /* @__PURE__ */ React81.createElement("div", { className: "modal-overlay" }),
+    /* @__PURE__ */ React81.createElement("div", { className: `modal-content-container ${theme.colorMode}` }, /* @__PURE__ */ React81.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ React81.createElement("div", { className: "topbar" }, /* @__PURE__ */ React81.createElement("div", { className: "title" }, /* @__PURE__ */ React81.createElement("h3", null, "Connect Wallet")), /* @__PURE__ */ React81.createElement("div", { className: "control-buttons" }, /* @__PURE__ */ React81.createElement(
       "button",
       {
         className: "icon-button",
         onClick: () => dispatch(setTronConnectModal(false))
       },
-      /* @__PURE__ */ React113.createElement(
+      /* @__PURE__ */ React81.createElement(
         Cross_default,
         {
           fill: theme.colorMode === "light" ? "black" : "white"
         }
       )
-    )))), /* @__PURE__ */ React113.createElement("div", { className: "modal-content" }, /* @__PURE__ */ React113.createElement(TronWalletSelect_default, null)))
+    )))), /* @__PURE__ */ React81.createElement("div", { className: "modal-content" }, /* @__PURE__ */ React81.createElement(TronWalletSelect_default, null)))
   ));
 };
 var TronWalletConnectModal_default = TronWalletConnectModal;
@@ -6810,7 +6845,7 @@ function useDisconnectWallet5() {
 }
 
 // src/components/reusable/WarningModal.tsx
-import React114 from "react";
+import React82 from "react";
 var WarningModal = ({
   message,
   cancelButtonText = "Cancel",
@@ -6818,14 +6853,14 @@ var WarningModal = ({
   onAcknowledge,
   onCancel
 }) => {
-  return /* @__PURE__ */ React114.createElement("div", { className: "warning-modal-overlay" }, /* @__PURE__ */ React114.createElement("div", { className: "warning-modal" }, /* @__PURE__ */ React114.createElement("h3", null, "Warning"), /* @__PURE__ */ React114.createElement("p", null, message), /* @__PURE__ */ React114.createElement("div", { className: "warning-modal-buttons" }, /* @__PURE__ */ React114.createElement(
+  return /* @__PURE__ */ React82.createElement("div", { className: "warning-modal-overlay" }, /* @__PURE__ */ React82.createElement("div", { className: "warning-modal" }, /* @__PURE__ */ React82.createElement("h3", null, "Warning"), /* @__PURE__ */ React82.createElement("p", null, message), /* @__PURE__ */ React82.createElement("div", { className: "warning-modal-buttons" }, /* @__PURE__ */ React82.createElement(
     SecondaryButton_default,
     {
       className: "warning-modal-cancel",
       clickHandler: onCancel
     },
     cancelButtonText
-  ), /* @__PURE__ */ React114.createElement(
+  ), /* @__PURE__ */ React82.createElement(
     PrimaryButton_default,
     {
       className: "warning-modal-acknowledge",
@@ -6837,7 +6872,7 @@ var WarningModal = ({
 var WarningModal_default = WarningModal;
 
 // src/components/reusable/CCWidget.tsx
-import React115, { useEffect as useEffect20, useMemo as useMemo20, useRef as useRef7, useState as useState15 } from "react";
+import React83, { useEffect as useEffect20, useMemo as useMemo20, useRef as useRef7, useState as useState15 } from "react";
 import { useSelector as useSelector44, useDispatch as useDispatch25 } from "react-redux";
 import { v4 as uuidv4 } from "uuid";
 
@@ -6871,6 +6906,7 @@ var CCWidget = ({ submitCallback }) => {
   const backendUrl = useSelector44(selectBackendUrl);
   const ccTransactionStatus = useSelector44(selectCCTransactionStatus);
   const networkOption = useSelector44(selectNetworkOption);
+  const sourceCurrency = useSelector44(selectSourceCurrency);
   const { transactionValues } = useSelector44(selectServiceFee);
   const randomUserIdRef = useRef7(uuidv4());
   const ccTransactionIdSeedRef = useRef7(uuidv4());
@@ -6922,12 +6958,12 @@ var CCWidget = ({ submitCallback }) => {
   useEffect20(() => {
     if (error) dispatch(setCCTransactionStatus("error-id"));
   }, [dispatch, error]);
-  return /* @__PURE__ */ React115.createElement("div", { className: `cc-widget ${isLoading ? "loading" : ""}` }, (isLoading || isTransactionIdLoading || isEnvLoading || ccTransactionStatus === "success") && /* @__PURE__ */ React115.createElement("div", { className: "cc-widget-loader" }, /* @__PURE__ */ React115.createElement(ring_default, { width: 50, height: 50, fill: "#86b8ce" })), /* @__PURE__ */ React115.createElement(
+  return /* @__PURE__ */ React83.createElement("div", { className: `cc-widget ${isLoading ? "loading" : ""}` }, (isLoading || isTransactionIdLoading || isEnvLoading || ccTransactionStatus === "success") && /* @__PURE__ */ React83.createElement("div", { className: "cc-widget-loader" }, /* @__PURE__ */ React83.createElement(ring_default, { width: 50, height: 50, fill: "#86b8ce" })), /* @__PURE__ */ React83.createElement(
     "iframe",
     {
       width: isLoading || isTransactionIdLoading || ccTransactionStatus === "success" || error ? 0 : "100%",
       height: isLoading || isTransactionIdLoading || ccTransactionStatus === "success" || error ? 0 : "100%",
-      src: `${baseUrl}/widgets/kyc?partner=${partnerId}&user_uuid=${randomUserIdRef.current}&amount=${allowanceAmount}&currency=USD&trx_uuid=${data?.transactionId}&postmessage=true`,
+      src: `${baseUrl}/widgets/kyc?partner=${partnerId}&user_uuid=${randomUserIdRef.current}&amount=${allowanceAmount}&currency=${sourceCurrency}&trx_uuid=${data?.transactionId}&postmessage=true`,
       loading: "lazy",
       title: "Credit Card Widget",
       allow: "camera; clipboard-write",
@@ -7072,14 +7108,14 @@ var TransferWidget = ({
     try {
       await submitTransaction(signature);
     } catch (err) {
-      toast5.error("Failed to submit transaction", { icon: /* @__PURE__ */ React116.createElement(Error_default, null) });
+      toast5.error("Failed to submit transaction", { icon: /* @__PURE__ */ React84.createElement(Error_default, null) });
       dispatch(setCCTransactionStatus("error-generic"));
     }
   }, [signature, submitTransaction]);
   const handleSubmit = async () => {
     const { error: error2, message: validationMessage } = validate(true);
     if (error2 === "ValidationError" /* Error */) {
-      return toast5.error(validationMessage, { icon: /* @__PURE__ */ React116.createElement(Error_default, null) });
+      return toast5.error(validationMessage, { icon: /* @__PURE__ */ React84.createElement(Error_default, null) });
     }
     if (sourceChain.shortName === "CC") {
       dispatch(setCCTransactionStatus("initialized"));
@@ -7128,7 +7164,7 @@ var TransferWidget = ({
     if (error2 !== "ValidationError" /* Error */ && formStep > 0) {
       return handleSubmit();
     }
-    toast5.error(validationMessage, { icon: /* @__PURE__ */ React116.createElement(Error_default, null) });
+    toast5.error(validationMessage, { icon: /* @__PURE__ */ React84.createElement(Error_default, null) });
     mainRef.current?.click();
   };
   const onBack = () => {
@@ -7203,7 +7239,7 @@ var TransferWidget = ({
     }
     await disconnectWallet();
   };
-  return /* @__PURE__ */ React116.createElement(
+  return /* @__PURE__ */ React84.createElement(
     "div",
     {
       className: `kima-card ${theme.colorMode}`,
@@ -7211,7 +7247,7 @@ var TransferWidget = ({
         background: theme.colorMode === "light" /* light */ ? theme.backgroundColorLight : theme.backgroundColorDark
       }
     },
-    resetModalOpen && /* @__PURE__ */ React116.createElement(
+    resetModalOpen && /* @__PURE__ */ React84.createElement(
       WarningModal_default,
       {
         message: "Are you sure you want to reset the widget?",
@@ -7223,7 +7259,7 @@ var TransferWidget = ({
         onCancel: () => setResetModalOpen(false)
       }
     ),
-    warningModalOpen && /* @__PURE__ */ React116.createElement(
+    warningModalOpen && /* @__PURE__ */ React84.createElement(
       WarningModal_default,
       {
         message: warningModalOpen.message,
@@ -7237,14 +7273,14 @@ var TransferWidget = ({
         }
       }
     ),
-    mode === "payment" /* payment */ && !transactionOption && /* @__PURE__ */ React116.createElement("h2", { className: "invalid-option-banner" }, "We're unable to process your payment. Please ensure the necessary transaction details are provided. Contact support if the issue persists."),
-    /* @__PURE__ */ React116.createElement("div", { className: "transfer-card" }, /* @__PURE__ */ React116.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ React116.createElement("div", { className: "topbar" }, /* @__PURE__ */ React116.createElement("div", { className: "title" }, /* @__PURE__ */ React116.createElement("h3", { style: { marginRight: "5px" } }, formStep === 0 ? titleOption?.initialTitle ? titleOption.initialTitle : mode === "payment" /* payment */ ? "New Purchase" : "New Transfer" : titleOption?.confirmTitle ? titleOption.confirmTitle : mode === "payment" /* payment */ ? "Confirm Purchase" : "Transfer Details")), /* @__PURE__ */ React116.createElement("div", { className: "control-buttons" }, pendingTxs > 0 ? /* @__PURE__ */ React116.createElement(TxButton_default, { theme }) : null, /* @__PURE__ */ React116.createElement(
+    mode === "payment" /* payment */ && !transactionOption && /* @__PURE__ */ React84.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__ */ React84.createElement("div", { className: "transfer-card" }, /* @__PURE__ */ React84.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ React84.createElement("div", { className: "topbar" }, /* @__PURE__ */ React84.createElement("div", { className: "title" }, /* @__PURE__ */ React84.createElement("h3", { style: { marginRight: "5px" } }, formStep === 0 ? titleOption?.initialTitle ? titleOption.initialTitle : mode === "payment" /* payment */ ? "New Purchase" : "New Transfer" : titleOption?.confirmTitle ? titleOption.confirmTitle : mode === "payment" /* payment */ ? "Confirm Purchase" : "Transfer Details")), /* @__PURE__ */ React84.createElement("div", { className: "control-buttons" }, pendingTxs > 0 ? /* @__PURE__ */ React84.createElement(TxButton_default, { theme }) : null, /* @__PURE__ */ React84.createElement(
       ExternalLink_default,
       {
         to: helpURL ? helpURL : networkOption === "testnet" /* testnet */ ? "https://docs.kima.network/kima-network/try-kima-with-the-demo-app" : "https://support.kima.network"
       },
-      /* @__PURE__ */ React116.createElement("div", { className: "menu-button" }, "I need help")
-    ), sourceChain.shortName === "CC" && formStep > 0 && /* @__PURE__ */ React116.createElement(ExternalLink_default, { to: "https://docs.kima.network/kima-network/supported-fiat#unsupported-countries-credit-cards" }, /* @__PURE__ */ React116.createElement("div", { className: "menu-button" }, "Unsupported Countries")), formStep === 0 && mode !== "payment" /* payment */ && /* @__PURE__ */ React116.createElement(
+      /* @__PURE__ */ React84.createElement("div", { className: "menu-button" }, "I need help")
+    ), sourceChain.shortName === "CC" && formStep > 0 && /* @__PURE__ */ React84.createElement(ExternalLink_default, { to: "https://docs.kima.network/kima-network/supported-fiat#unsupported-countries-credit-cards" }, /* @__PURE__ */ React84.createElement("div", { className: "menu-button" }, "Unsupported Countries")), formStep === 0 && mode !== "payment" /* payment */ && /* @__PURE__ */ React84.createElement(
       "button",
       {
         className: "reset-button",
@@ -7252,7 +7288,7 @@ var TransferWidget = ({
         disabled: isApproving || isSubmitting || isSigning
       },
       "Reset"
-    ))), mode === "payment" /* payment */ && paymentTitleOption?.title && /* @__PURE__ */ React116.createElement("h4", { className: "subtitle" }, paymentTitleOption.title)), /* @__PURE__ */ React116.createElement("div", { className: "kima-card-content", ref: mainRef }, formStep === 0 ? /* @__PURE__ */ React116.createElement(
+    ))), mode === "payment" /* payment */ && paymentTitleOption?.title && /* @__PURE__ */ React84.createElement("h4", { className: "subtitle" }, paymentTitleOption.title)), /* @__PURE__ */ React84.createElement("div", { className: "kima-card-content", ref: mainRef }, formStep === 0 ? /* @__PURE__ */ React84.createElement(
       SingleForm_default,
       {
         ...{
@@ -7265,7 +7301,7 @@ var TransferWidget = ({
           setInitialSelection
         }
       }
-    ) : ccTransactionStatus !== "idle" ? /* @__PURE__ */ React116.createElement(CCWidget_default, { submitCallback: submit }) : /* @__PURE__ */ React116.createElement(
+    ) : ccTransactionStatus !== "idle" ? /* @__PURE__ */ React84.createElement(CCWidget_default, { submitCallback: submit }) : /* @__PURE__ */ React84.createElement(
       ConfirmDetails_default,
       {
         ...{
@@ -7273,12 +7309,12 @@ var TransferWidget = ({
           feeOptionDisabled
         }
       }
-    )), /* @__PURE__ */ React116.createElement(
+    )), /* @__PURE__ */ React84.createElement(
       "div",
       {
         className: `kima-card-footer ${mode === "bridge" /* bridge */ && formStep !== 0 && "confirm"}`
       },
-      /* @__PURE__ */ React116.createElement("div", { className: `button-group` }, isBackButtonEnabled && /* @__PURE__ */ React116.createElement(
+      /* @__PURE__ */ React84.createElement("div", { className: `button-group` }, isBackButtonEnabled && /* @__PURE__ */ React84.createElement(
         SecondaryButton_default,
         {
           clickHandler: onBack,
@@ -7286,7 +7322,7 @@ var TransferWidget = ({
           disabled: isApproving || isSubmitting || isSigning
         },
         formStep > 0 && ccTransactionStatus !== "initialized" ? "Back" : "Cancel"
-      ), !!allowance && allowance > 0 && formStep !== 0 && sourceChain.shortName !== "CC" && mode !== "light" /* light */ ? /* @__PURE__ */ React116.createElement(
+      ), !!allowance && allowance > 0 && formStep !== 0 && sourceChain.shortName !== "CC" && mode !== "light" /* light */ ? /* @__PURE__ */ React84.createElement(
         SecondaryButton_default,
         {
           clickHandler: onCancelApprove,
@@ -7295,7 +7331,7 @@ var TransferWidget = ({
           disabled: isCancellingApprove || isApproving || isSubmitting || isSigning
         },
         isCancellingApprove ? "Cancelling Approval" : "Cancel Approve"
-      ) : null, isSubmitButtonEnabled && /* @__PURE__ */ React116.createElement(
+      ) : null, isSubmitButtonEnabled && /* @__PURE__ */ React84.createElement(
         PrimaryButton_default,
         {
           clickHandler: onNext,
@@ -7304,7 +7340,7 @@ var TransferWidget = ({
         },
         getButtonLabel()
       ))
-    ), /* @__PURE__ */ React116.createElement(SolanaWalletConnectModal_default, null), /* @__PURE__ */ React116.createElement(TronWalletConnectModal_default, null), /* @__PURE__ */ React116.createElement(
+    ), /* @__PURE__ */ React84.createElement(SolanaWalletConnectModal_default, null), /* @__PURE__ */ React84.createElement(TronWalletConnectModal_default, null), /* @__PURE__ */ React84.createElement(
       Toaster2,
       {
         position: "top-right",
@@ -7329,7 +7365,7 @@ var TransferWidget = ({
           }
         }
       }
-    ), /* @__PURE__ */ React116.createElement("div", { className: "floating-footer" }, /* @__PURE__ */ React116.createElement("div", { className: `items ${theme.colorMode}` }, /* @__PURE__ */ React116.createElement("span", null, "Powered by"), /* @__PURE__ */ React116.createElement(KimaNetwork_default, null))))
+    ), /* @__PURE__ */ React84.createElement("div", { className: "floating-footer" }, /* @__PURE__ */ React84.createElement("div", { className: `items ${theme.colorMode}` }, /* @__PURE__ */ React84.createElement("span", null, "Powered by"), /* @__PURE__ */ React84.createElement(KimaNetwork_default, null))))
   );
 };
 
@@ -7368,7 +7404,7 @@ var useDebugCode = (sequence = ["D", "E", "B", "U", "G"]) => {
 };
 
 // src/components/ErrorWidget.tsx
-import React117 from "react";
+import React85 from "react";
 import { useSelector as useSelector46 } from "react-redux";
 var ErrorWidget = ({
   theme,
@@ -7381,7 +7417,7 @@ var ErrorWidget = ({
   const ccTransactionId = useSelector46(selectCCTransactionId);
   const isCreditCardSource = sourceChain.shortName === "CC";
   const isRetrying = useSelector46(selectCCTransactionRetrying);
-  return /* @__PURE__ */ React117.createElement(
+  return /* @__PURE__ */ React85.createElement(
     "div",
     {
       className: `kima-card ${theme.colorMode}`,
@@ -7389,7 +7425,7 @@ var ErrorWidget = ({
         background: theme.colorMode === "light" /* light */ ? theme.backgroundColorLight : theme.backgroundColorDark
       }
     },
-    /* @__PURE__ */ React117.createElement("div", { className: "transfer-card" }, /* @__PURE__ */ React117.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ React117.createElement("div", { className: "topbar" }, /* @__PURE__ */ React117.createElement("div", { className: "title" }, /* @__PURE__ */ React117.createElement("h3", null, title))), /* @__PURE__ */ React117.createElement("h4", { className: "subtitle" })), /* @__PURE__ */ React117.createElement("div", { className: "kima-card-content error" }, isCreditCardSource && !isRetrying && /* @__PURE__ */ React117.createElement(Error_default, { width: 40, height: 40 }), message && message !== "" && /* @__PURE__ */ React117.createElement("h2", null, message), isCreditCardSource && /* @__PURE__ */ React117.createElement(
+    /* @__PURE__ */ React85.createElement("div", { className: "transfer-card" }, /* @__PURE__ */ React85.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ React85.createElement("div", { className: "topbar" }, /* @__PURE__ */ React85.createElement("div", { className: "title" }, /* @__PURE__ */ React85.createElement("h3", null, title))), /* @__PURE__ */ React85.createElement("h4", { className: "subtitle" })), /* @__PURE__ */ React85.createElement("div", { className: "kima-card-content error" }, isCreditCardSource && !isRetrying && /* @__PURE__ */ React85.createElement(Error_default, { width: 40, height: 40 }), message && message !== "" && /* @__PURE__ */ React85.createElement("h2", null, message), isCreditCardSource && /* @__PURE__ */ React85.createElement(
       "div",
       {
         style: {
@@ -7398,8 +7434,8 @@ var ErrorWidget = ({
           flexDirection: "column"
         }
       },
-      isRetrying ? /* @__PURE__ */ React117.createElement("p", null, "The transaction is being retried in the background. This may take a few moments. If the issue persists, please contact support and provide the transaction ID below for reference.") : /* @__PURE__ */ React117.createElement("p", null, "This credit card transaction has failed. Please check the details and try again. If the issue persists, please contact support and provide the transaction ID below for reference."),
-      ccTransactionId && /* @__PURE__ */ React117.createElement(
+      isRetrying ? /* @__PURE__ */ React85.createElement("p", null, "The transaction is being retried in the background. This may take a few moments. If the issue persists, please contact support and provide the transaction ID below for reference.") : /* @__PURE__ */ React85.createElement("p", null, "This credit card transaction has failed. Please check the details and try again. If the issue persists, please contact support and provide the transaction ID below for reference."),
+      ccTransactionId && /* @__PURE__ */ React85.createElement(
         "div",
         {
           style: {
@@ -7409,7 +7445,7 @@ var ErrorWidget = ({
             justifyContent: "center"
           }
         },
-        /* @__PURE__ */ React117.createElement(
+        /* @__PURE__ */ React85.createElement(
           "code",
           {
             style: {
@@ -7420,10 +7456,10 @@ var ErrorWidget = ({
           },
           ccTransactionId
         ),
-        /* @__PURE__ */ React117.createElement(CopyButton_default, { text: ccTransactionId })
+        /* @__PURE__ */ React85.createElement(CopyButton_default, { text: ccTransactionId })
       ),
-      isRetrying && /* @__PURE__ */ React117.createElement(ring_default, { width: 30, height: 30, fill: "#86b8ce" })
-    )), backButtonEnabled && /* @__PURE__ */ React117.createElement(
+      isRetrying && /* @__PURE__ */ React85.createElement(ring_default, { width: 30, height: 30, fill: "#86b8ce" })
+    )), backButtonEnabled && /* @__PURE__ */ React85.createElement(
       "div",
       {
         style: {
@@ -7432,8 +7468,8 @@ var ErrorWidget = ({
           marginTop: 16
         }
       },
-      /* @__PURE__ */ React117.createElement(PrimaryButton_default, { clickHandler: backButtonFunction }, "Back")
-    ), /* @__PURE__ */ React117.createElement("div", { className: "kima-card-footer" }), /* @__PURE__ */ React117.createElement("div", { className: "floating-footer" }, /* @__PURE__ */ React117.createElement("div", { className: `items ${theme.colorMode}` }, /* @__PURE__ */ React117.createElement("span", null, "Powered by"), /* @__PURE__ */ React117.createElement(FooterLogo_default, { width: 50, fill: "black" }), /* @__PURE__ */ React117.createElement("strong", null, "Network"))))
+      /* @__PURE__ */ React85.createElement(PrimaryButton_default, { clickHandler: backButtonFunction }, "Back")
+    ), /* @__PURE__ */ React85.createElement("div", { className: "kima-card-footer" }), /* @__PURE__ */ React85.createElement("div", { className: "floating-footer" }, /* @__PURE__ */ React85.createElement("div", { className: `items ${theme.colorMode}` }, /* @__PURE__ */ React85.createElement("span", null, "Powered by"), /* @__PURE__ */ React85.createElement(FooterLogo_default, { width: 50, fill: "black" }), /* @__PURE__ */ React85.createElement("strong", null, "Network"))))
   );
 };
 var ErrorWidget_default = ErrorWidget;
@@ -7511,9 +7547,9 @@ var KimaWidgetWrapper = ({
     console.log("widget wrapper", submitted, ccTransactionStatus);
     if (submitted) {
       logger_default.debug("will return transaction widget on cc success");
-      return /* @__PURE__ */ React118.createElement(TransactionWidget, { theme });
+      return /* @__PURE__ */ React86.createElement(TransactionWidget, { theme });
     } else if (ccTransactionStatus === "error-id") {
-      return /* @__PURE__ */ React118.createElement(
+      return /* @__PURE__ */ React86.createElement(
         ErrorWidget_default,
         {
           theme,
@@ -7527,7 +7563,7 @@ var KimaWidgetWrapper = ({
         }
       );
     } else if (ccTransactionStatus === "error-generic") {
-      return /* @__PURE__ */ React118.createElement(
+      return /* @__PURE__ */ React86.createElement(
         ErrorWidget_default,
         {
           theme,
@@ -7541,7 +7577,7 @@ var KimaWidgetWrapper = ({
         }
       );
     }
-    return /* @__PURE__ */ React118.createElement(
+    return /* @__PURE__ */ React86.createElement(
       TransferWidget,
       {
         theme,
@@ -7551,7 +7587,7 @@ var KimaWidgetWrapper = ({
       }
     );
   }
-  return submitted ? /* @__PURE__ */ React118.createElement(TransactionWidget, { theme }) : /* @__PURE__ */ React118.createElement(
+  return submitted ? /* @__PURE__ */ React86.createElement(TransactionWidget, { theme }) : /* @__PURE__ */ React86.createElement(
     TransferWidget,
     {
       theme,
@@ -7567,9 +7603,9 @@ var KimaWidgetWrapper_default = KimaWidgetWrapper;
 import { useDispatch as useDispatch28 } from "react-redux";
 
 // src/SkeletonLoader.tsx
-import React119 from "react";
+import React87 from "react";
 var SkeletonLoader = ({ theme }) => {
-  return /* @__PURE__ */ React119.createElement(
+  return /* @__PURE__ */ React87.createElement(
     "div",
     {
       className: `kima-card ${theme.colorMode}`,
@@ -7577,7 +7613,7 @@ var SkeletonLoader = ({ theme }) => {
         background: theme.colorMode === "light" /* light */ ? theme.backgroundColorLight : theme.backgroundColorDark
       }
     },
-    /* @__PURE__ */ React119.createElement("div", { className: "transfer-card" }, /* @__PURE__ */ React119.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ React119.createElement("div", { className: "topbar" }, /* @__PURE__ */ React119.createElement("div", { className: "title skeleton" }, /* @__PURE__ */ React119.createElement("h3", null))), /* @__PURE__ */ React119.createElement("h4", { className: "subtitle" })), /* @__PURE__ */ React119.createElement("div", { className: "kima-card-content skeleton" }, /* @__PURE__ */ React119.createElement("div", { className: "skeleton" }), /* @__PURE__ */ React119.createElement("div", { className: "skeleton" }), /* @__PURE__ */ React119.createElement("div", { className: "skeleton" }), /* @__PURE__ */ React119.createElement("div", { className: "skeleton" }), /* @__PURE__ */ React119.createElement("div", { className: "skeleton" })), /* @__PURE__ */ React119.createElement("div", { className: `kima-card-footer` }, /* @__PURE__ */ React119.createElement("div", { className: `button-group skeleton` }, /* @__PURE__ */ React119.createElement("div", { className: "skeleton" }))), /* @__PURE__ */ React119.createElement("div", { className: "floating-footer" }, /* @__PURE__ */ React119.createElement("div", { className: `items ${theme.colorMode}` }, /* @__PURE__ */ React119.createElement("span", null, "Powered by"), /* @__PURE__ */ React119.createElement(FooterLogo_default, { width: 50, fill: "black" }), /* @__PURE__ */ React119.createElement("strong", null, "Network"))))
+    /* @__PURE__ */ React87.createElement("div", { className: "transfer-card" }, /* @__PURE__ */ React87.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ React87.createElement("div", { className: "topbar" }, /* @__PURE__ */ React87.createElement("div", { className: "title skeleton" }, /* @__PURE__ */ React87.createElement("h3", null))), /* @__PURE__ */ React87.createElement("h4", { className: "subtitle" })), /* @__PURE__ */ React87.createElement("div", { className: "kima-card-content skeleton" }, /* @__PURE__ */ React87.createElement("div", { className: "skeleton" }), /* @__PURE__ */ React87.createElement("div", { className: "skeleton" }), /* @__PURE__ */ React87.createElement("div", { className: "skeleton" }), /* @__PURE__ */ React87.createElement("div", { className: "skeleton" }), /* @__PURE__ */ React87.createElement("div", { className: "skeleton" })), /* @__PURE__ */ React87.createElement("div", { className: `kima-card-footer` }, /* @__PURE__ */ React87.createElement("div", { className: `button-group skeleton` }, /* @__PURE__ */ React87.createElement("div", { className: "skeleton" }))), /* @__PURE__ */ React87.createElement("div", { className: "floating-footer" }, /* @__PURE__ */ React87.createElement("div", { className: `items ${theme.colorMode}` }, /* @__PURE__ */ React87.createElement("span", null, "Powered by"), /* @__PURE__ */ React87.createElement(FooterLogo_default, { width: 50, fill: "black" }), /* @__PURE__ */ React87.createElement("strong", null, "Network"))))
   );
 };
 var SkeletonLoader_default = SkeletonLoader;
@@ -7622,11 +7658,11 @@ var KimaTransactionWidget = ({
     }
   }, [theme?.colorMode]);
   if (!hydrated || !theme?.colorMode)
-    return /* @__PURE__ */ React120.createElement(ring_default, { width: 20, height: 20, fill: "#86b8ce" });
+    return /* @__PURE__ */ React88.createElement(ring_default, { width: 20, height: 20, fill: "#86b8ce" });
   if (isLoadingEnvs || isLoadingChainData)
-    return /* @__PURE__ */ React120.createElement(SkeletonLoader_default, { theme });
+    return /* @__PURE__ */ React88.createElement(SkeletonLoader_default, { theme });
   if (envOptionsError || !envOptions)
-    return /* @__PURE__ */ React120.createElement(
+    return /* @__PURE__ */ React88.createElement(
       ErrorWidget_default,
       {
         theme,
@@ -7635,7 +7671,7 @@ var KimaTransactionWidget = ({
       }
     );
   if (chainDataError || !chainData)
-    return /* @__PURE__ */ React120.createElement(
+    return /* @__PURE__ */ React88.createElement(
       ErrorWidget_default,
       {
         theme,
@@ -7643,7 +7679,7 @@ var KimaTransactionWidget = ({
         message: "There was an error loading the chain data from the backend. Please check that the backend is running properly and the widget points to the corresponding url." /* ChainLoadingError */
       }
     );
-  return /* @__PURE__ */ React120.createElement(
+  return /* @__PURE__ */ React88.createElement(
     KimaWidgetWrapper_default,
     {
       ...{