@kimafinance/kima-transaction-widget 1.4.7 → 1.4.8

package/dist/index.cjs

@@ -45,8 +45,8 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/KimaProvider.tsx
-var React48 = __toESM(require("react"), 1);
-var import_react59 = require("react");
+var React49 = __toESM(require("react"), 1);
+var import_react60 = require("react");
 var import_react_redux19 = require("react-redux");
 
 // src/store/index.tsx
@@ -1436,6 +1436,50 @@ var CFX = ({ width = 30, height = 30, ...rest }) => {
 };
 var CFX_default = CFX;
 
+// src/assets/icons/EURC.tsx
+var import_react41 = __toESM(require("react"), 1);
+var EURC = ({ width = 100, height = 100, ...rest }) => {
+  return /* @__PURE__ */ import_react41.default.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__ */ import_react41.default.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__ */ import_react41.default.createElement("rect", { width: "100", height: "100", fill: "url(#pattern0_1506_393)" }),
+    /* @__PURE__ */ import_react41.default.createElement("defs", null, /* @__PURE__ */ import_react41.default.createElement(
+      "pattern",
+      {
+        id: "pattern0_1506_393",
+        patternContentUnits: "objectBoundingBox",
+        width: "1",
+        height: "1"
+      },
+      /* @__PURE__ */ import_react41.default.createElement("use", { xlinkHref: "#image0_1506_393", transform: "scale(0.005)" })
+    ), /* @__PURE__ */ import_react41.default.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
 var import_networks = require("@reown/appkit/networks");
 var ChainName = /* @__PURE__ */ ((ChainName2) => {
@@ -2151,7 +2195,7 @@ var useGetEnvOptions = ({
 };
 
 // plugins/evm/index.tsx
-var import_react48 = __toESM(require("react"), 1);
+var import_react49 = __toESM(require("react"), 1);
 
 // plugins/PluginBase.ts
 var PluginBase = class {
@@ -2188,10 +2232,10 @@ var PluginBase = class {
 };
 
 // plugins/evm/features/walletConnect/WalletProvider.tsx
-var import_react42 = __toESM(require("react"), 1);
+var import_react43 = __toESM(require("react"), 1);
 
 // plugins/evm/config/modalConfig.ts
-var import_react41 = require("@reown/appkit/react");
+var import_react42 = require("@reown/appkit/react");
 var import_networks2 = require("@reown/appkit/networks");
 var import_appkit_adapter_ethers = require("@reown/appkit-adapter-ethers");
 var appkitMainnetChains = [
@@ -2228,7 +2272,7 @@ var setupAppKit = (projectId, networkOption) => {
     return appKitModel;
   }
   const networks = networkOption === "mainnet" /* mainnet */ ? appkitMainnetChains : appkitTestnetChains;
-  appKitModel = (0, import_react41.createAppKit)({
+  appKitModel = (0, import_react42.createAppKit)({
     adapters: [new import_appkit_adapter_ethers.EthersAdapter()],
     metadata,
     networks,
@@ -2254,17 +2298,17 @@ var WalletProvider = ({
   walletConnectProjectId,
   isLoading
 }) => {
-  const [isReady, setIsReady] = (0, import_react42.useState)(false);
-  (0, import_react42.useEffect)(() => {
+  const [isReady, setIsReady] = (0, import_react43.useState)(false);
+  (0, import_react43.useEffect)(() => {
     if (!isLoading && networkOption) {
       setupAppKit(walletConnectProjectId, networkOption);
       setIsReady(true);
     }
   }, [networkOption, isLoading, walletConnectProjectId]);
   if (!isReady) {
-    return /* @__PURE__ */ import_react42.default.createElement(import_react42.default.Fragment, null);
+    return /* @__PURE__ */ import_react43.default.createElement(import_react43.default.Fragment, null);
   }
-  return /* @__PURE__ */ import_react42.default.createElement(import_react42.default.Fragment, null, children);
+  return /* @__PURE__ */ import_react43.default.createElement(import_react43.default.Fragment, null, children);
 };
 var WalletProvider_default = WalletProvider;
 
@@ -2308,12 +2352,12 @@ var selectCCTransactionStatus = (state) => state.option.ccTransactionStatus;
 var selectCCTransactionRetrying = (state) => state.option.ccTransactionRetrying;
 
 // plugins/evm/core/hooks/useEvmProvider.ts
-var import_react43 = require("@reown/appkit/react");
+var import_react44 = require("@reown/appkit/react");
 var import_ethers = require("ethers");
 var useEvmProvider = () => {
   const { externalProvider } = useKimaContext();
-  const { walletProvider: appkitProvider } = (0, import_react43.useAppKitProvider)("eip155");
-  const appkitAccountInfo = (0, import_react43.useAppKitAccount)();
+  const { walletProvider: appkitProvider } = (0, import_react44.useAppKitProvider)("eip155");
+  const appkitAccountInfo = (0, import_react44.useAppKitAccount)();
   const walletAddress = externalProvider?.signer instanceof import_ethers.JsonRpcSigner && externalProvider.signer.address || appkitAccountInfo?.address;
   const walletProvider = externalProvider?.provider instanceof import_ethers.BrowserProvider ? externalProvider.provider : appkitProvider;
   return {
@@ -2547,7 +2591,7 @@ function useBalance() {
 
 // plugins/evm/core/hooks/useNativeBalance.ts
 var import_react_query4 = require("@tanstack/react-query");
-var import_react44 = require("@reown/appkit/react");
+var import_react45 = require("@reown/appkit/react");
 
 // plugins/evm/utils/getBalance.ts
 var import_ethers3 = require("ethers");
@@ -2581,9 +2625,9 @@ var getEvmBalance = async (input) => {
 var import_react_redux2 = require("react-redux");
 var useNativeEvmBalance = () => {
   const { externalProvider } = useKimaContext();
-  const appkitAccountInfo = (0, import_react44.useAppKitAccount)();
+  const appkitAccountInfo = (0, import_react45.useAppKitAccount)();
   const { address: appkitAddress } = appkitAccountInfo || {};
-  const { walletProvider } = (0, import_react44.useAppKitProvider)("eip155");
+  const { walletProvider } = (0, import_react45.useAppKitProvider)("eip155");
   const sourceChain = (0, import_react_redux2.useSelector)(selectSourceChain);
   const networkOption = (0, import_react_redux2.useSelector)(selectNetworkOption);
   const walletAddress = externalProvider?.signer?.address || appkitAddress;
@@ -2614,9 +2658,9 @@ var useNativeEvmBalance = () => {
 var useNativeBalance_default = useNativeEvmBalance;
 
 // plugins/evm/core/hooks/useIsWalletReady.tsx
-var import_react45 = require("react");
+var import_react46 = require("react");
 var import_react_redux4 = require("react-redux");
-var import_react46 = require("@reown/appkit/react");
+var import_react47 = require("@reown/appkit/react");
 
 // plugins/evm/utils/switchNetworkEthers.tsx
 var import_ethers4 = require("ethers");
@@ -2724,36 +2768,35 @@ function useIsWalletReady() {
   const backendUrl = (0, import_react_redux4.useSelector)(selectBackendUrl);
   const mode = (0, import_react_redux4.useSelector)(selectMode);
   const { data: chains } = useChainData(backendUrl);
-  const { walletProvider: appkitProvider } = (0, import_react46.useAppKitProvider)("eip155");
-  const appkitAccountInfo = (0, import_react46.useAppKitAccount)();
-  const { chainId: walletChainId } = (0, import_react46.useAppKitNetwork)();
+  const { walletProvider: appkitProvider } = (0, import_react47.useAppKitProvider)("eip155");
+  const appkitAccountInfo = (0, import_react47.useAppKitAccount)();
+  const { chainId: walletChainId } = (0, import_react47.useAppKitNetwork)();
   const { address: walletAddress, isConnected: appkitIsConnected } = appkitAccountInfo || {};
   const isConnected = appkitIsConnected && walletAddress !== void 0;
   const sourceChain = (0, import_react_redux4.useSelector)(selectSourceChain);
-  const [isReady, setIsReady] = (0, import_react45.useState)(false);
-  const [statusMessage, setStatusMessage] = (0, import_react45.useState)("Wallet not connected");
-  const [connectedAddress, setConnectedAddress] = (0, import_react45.useState)("");
-  const switchNetwork = (0, import_react45.useCallback)(async () => {
+  const [isReady, setIsReady] = (0, import_react46.useState)(false);
+  const [statusMessage, setStatusMessage] = (0, import_react46.useState)("Wallet not connected");
+  const [connectedAddress, setConnectedAddress] = (0, import_react46.useState)("");
+  const switchNetwork = (0, import_react46.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]);
-  (0, import_react45.useEffect)(() => {
+  (0, import_react46.useEffect)(() => {
     const resolveConnection = async () => {
       if (mode === "light" /* light */) {
         const demoAddress = lightDemoAccounts.EVM;
@@ -2946,9 +2989,9 @@ function useEvmAllowance() {
 }
 
 // plugins/evm/core/hooks/useDisconnectWallet.tsx
-var import_react47 = require("@reown/appkit/react");
+var import_react48 = require("@reown/appkit/react");
 function useDisconnectWallet() {
-  const { disconnect } = (0, import_react47.useDisconnect)();
+  const { disconnect } = (0, import_react48.useDisconnect)();
   return { disconnectWallet: disconnect };
 }
 var useDisconnectWallet_default = useDisconnectWallet;
@@ -2976,7 +3019,7 @@ var EvmPlugin = class extends PluginBase {
     walletConnectProjectId,
     isLoading
   }) => {
-    return /* @__PURE__ */ import_react48.default.createElement(
+    return /* @__PURE__ */ import_react49.default.createElement(
       WalletProvider_default,
       {
         children,
@@ -2992,10 +3035,10 @@ var evmPlugin = new EvmPlugin(store);
 var evm_default = evmPlugin;
 
 // plugins/solana/index.tsx
-var import_react51 = __toESM(require("react"), 1);
+var import_react52 = __toESM(require("react"), 1);
 
 // plugins/solana/features/walletConnect/WalletProvider.tsx
-var import_react49 = __toESM(require("react"), 1);
+var import_react50 = __toESM(require("react"), 1);
 var import_wallet_adapter_react = require("@solana/wallet-adapter-react");
 var import_wallet_adapter_wallets = require("@solana/wallet-adapter-wallets");
 
@@ -3023,7 +3066,7 @@ var WalletProvider2 = ({
   logger_default.debug(
     `WalletProvider initialized with projectId: ${walletConnectProjectId}`
   );
-  return /* @__PURE__ */ import_react49.default.createElement(import_wallet_adapter_react.ConnectionProvider, { endpoint }, /* @__PURE__ */ import_react49.default.createElement(
+  return /* @__PURE__ */ import_react50.default.createElement(import_wallet_adapter_react.ConnectionProvider, { endpoint }, /* @__PURE__ */ import_react50.default.createElement(
     import_wallet_adapter_react.WalletProvider,
     {
       autoConnect: false,
@@ -3111,6 +3154,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),
@@ -3289,7 +3342,7 @@ function useSolanaAllowance() {
 }
 
 // plugins/solana/core/hooks/useIsWalletReady.tsx
-var import_react50 = require("react");
+var import_react51 = require("react");
 var import_wallet_adapter_react4 = require("@solana/wallet-adapter-react");
 var import_react_redux10 = require("react-redux");
 var import_react_redux11 = require("react-redux");
@@ -3304,7 +3357,7 @@ function useIsWalletReady2() {
   const { externalProvider } = useKimaContext();
   const { publicKey: solanaAddress } = (0, import_wallet_adapter_react4.useWallet)();
   const sourceChain = (0, import_react_redux10.useSelector)(selectSourceChain);
-  (0, import_react50.useEffect)(() => {
+  (0, import_react51.useEffect)(() => {
     if (sourceChain.shortName !== "SOL") return;
     if (mode === "light" /* light */) {
       dispatch(setSourceAddress(lightDemoAccounts.SOL));
@@ -3312,7 +3365,7 @@ function useIsWalletReady2() {
     }
     solanaAddress && dispatch(setSourceAddress(solanaAddress.toBase58()));
   }, [mode, solanaAddress, sourceChain]);
-  return (0, import_react50.useMemo)(() => {
+  return (0, import_react51.useMemo)(() => {
     if (mode === "light" /* light */)
       return createWalletStatus(
         true,
@@ -3366,7 +3419,7 @@ var SolanaPlugin = class extends PluginBase {
     networkOption,
     walletConnectProjectId
   }) => {
-    return /* @__PURE__ */ import_react51.default.createElement(
+    return /* @__PURE__ */ import_react52.default.createElement(
       WalletProvider_default2,
       {
         networkOption,
@@ -3380,10 +3433,10 @@ var solanaPlugin = new SolanaPlugin(store);
 var solana_default = solanaPlugin;
 
 // plugins/tron/index.tsx
-var import_react56 = __toESM(require("react"), 1);
+var import_react57 = __toESM(require("react"), 1);
 
 // plugins/tron/features/walletConnect/WalletProvider.tsx
-var import_react52 = __toESM(require("react"), 1);
+var import_react53 = __toESM(require("react"), 1);
 var import_tronwallet_adapter_react_hooks = require("@tronweb3/tronwallet-adapter-react-hooks");
 var import_tronwallet_adapter_ledger = require("@tronweb3/tronwallet-adapter-ledger");
 var import_tronwallet_adapter_tronlink = require("@tronweb3/tronwallet-adapter-tronlink");
@@ -3392,7 +3445,7 @@ var import_tronwallet_adapter_tokenpocket = require("@tronweb3/tronwallet-adapte
 var import_tronwallet_abstract_adapter = require("@tronweb3/tronwallet-abstract-adapter");
 var import_react_hot_toast = require("react-hot-toast");
 var WalletProvider3 = ({ children, networkOption }) => {
-  const adapters = (0, import_react52.useMemo)(
+  const adapters = (0, import_react53.useMemo)(
     () => [
       new import_tronwallet_adapter_tronlink.TronLinkAdapter(),
       new import_tronwallet_adapter_ledger.LedgerAdapter({ accountNumber: 2 }),
@@ -3422,7 +3475,7 @@ var WalletProvider3 = ({ children, networkOption }) => {
       adapters[0].switchChain("0x2b6653dc");
     }
   };
-  return /* @__PURE__ */ import_react52.default.createElement(
+  return /* @__PURE__ */ import_react53.default.createElement(
     import_tronwallet_adapter_react_hooks.WalletProvider,
     {
       adapters,
@@ -3436,7 +3489,7 @@ var WalletProvider3 = ({ children, networkOption }) => {
 var WalletProvider_default3 = WalletProvider3;
 
 // plugins/tron/core/hooks/useGetTrxBalance.tsx
-var import_react53 = require("react");
+var import_react54 = require("react");
 var import_react_redux12 = require("react-redux");
 var import_react_query10 = require("@tanstack/react-query");
 
@@ -3475,7 +3528,7 @@ function useGetTronBalance() {
   const networkOption = (0, import_react_redux12.useSelector)(selectNetworkOption);
   const { wallet } = (0, import_tronwallet_adapter_react_hooks2.useWallet)();
   const sourceNetwork = (0, import_react_redux12.useSelector)(selectSourceChain);
-  const tronWeb = (0, import_react53.useMemo)(
+  const tronWeb = (0, import_react54.useMemo)(
     () => networkOption === "testnet" /* testnet */ ? tronWebTestnet : tronWebMainnet,
     [networkOption]
   );
@@ -3504,7 +3557,7 @@ var import_react_query12 = require("@tanstack/react-query");
 var import_react_redux13 = require("react-redux");
 var import_tronweb4 = require("tronweb");
 var import_tronwallet_adapter_react_hooks3 = require("@tronweb3/tronwallet-adapter-react-hooks");
-var import_react54 = require("react");
+var import_react55 = require("react");
 var useTronProvider = () => {
   const { externalProvider } = useKimaContext();
   const networkOption = (0, import_react_redux13.useSelector)(selectNetworkOption);
@@ -3515,7 +3568,7 @@ var useTronProvider = () => {
     signMessage: internalSignMessage
   } = (0, import_tronwallet_adapter_react_hooks3.useWallet)();
   const isTronProvider2 = sourceChain.shortName === "TRX" && externalProvider?.type === "tron" && externalProvider.provider.tronWeb instanceof import_tronweb4.TronWeb && typeof externalProvider.signer === "string";
-  const tronWeb = (0, import_react54.useMemo)(() => {
+  const tronWeb = (0, import_react55.useMemo)(() => {
     if (isTronProvider2)
       return externalProvider.provider.tronWeb;
     return networkOption === "mainnet" ? tronWebMainnet : tronWebTestnet;
@@ -3903,7 +3956,7 @@ function useTronAllowance() {
 }
 
 // plugins/tron/core/hooks/useIsWalletReady.tsx
-var import_react55 = require("react");
+var import_react56 = require("react");
 var import_tronwallet_adapter_react_hooks4 = require("@tronweb3/tronwallet-adapter-react-hooks");
 var import_react_redux16 = require("react-redux");
 var import_react_redux17 = require("react-redux");
@@ -3918,7 +3971,7 @@ function useIsWalletReady3() {
   const sourceChain = (0, import_react_redux17.useSelector)(selectSourceChain);
   const { externalProvider } = useKimaContext();
   const { address: internalTronAddress } = (0, import_tronwallet_adapter_react_hooks4.useWallet)();
-  (0, import_react55.useEffect)(() => {
+  (0, import_react56.useEffect)(() => {
     if (sourceChain.shortName !== "TRX") return;
     if (mode === "light" /* light */) {
       dispatch(setSourceAddress(lightDemoAccounts.TRX));
@@ -3926,7 +3979,7 @@ function useIsWalletReady3() {
     }
     internalTronAddress && dispatch(setSourceAddress(internalTronAddress));
   }, [mode, internalTronAddress, sourceChain]);
-  return (0, import_react55.useMemo)(() => {
+  return (0, import_react56.useMemo)(() => {
     if (mode === "light" /* light */)
       return createWalletStatus2(
         true,
@@ -3980,7 +4033,7 @@ var TronPlugin = class extends PluginBase {
     networkOption,
     walletConnectProjectId
   }) => {
-    return /* @__PURE__ */ import_react56.default.createElement(
+    return /* @__PURE__ */ import_react57.default.createElement(
       WalletProvider_default3,
       {
         networkOption,
@@ -3994,22 +4047,20 @@ var tronPlugin = new TronPlugin(store);
 var tron_default = tronPlugin;
 
 // plugins/credit-card/index.tsx
-var import_react58 = __toESM(require("react"), 1);
+var import_react59 = __toESM(require("react"), 1);
 
 // plugins/credit-card/core/hooks/useIsProviderReady.tsx
 var import_react_redux18 = require("react-redux");
-var import_react57 = require("react");
+var import_react58 = require("react");
 var useIsProviderReady = () => {
-  const [isReady, setIsReady] = (0, import_react57.useState)(false);
+  const [isReady, setIsReady] = (0, import_react58.useState)(false);
   const dispatch = (0, import_react_redux18.useDispatch)();
   const sourceChain = (0, import_react_redux18.useSelector)(selectSourceChain);
-  (0, import_react57.useEffect)(() => {
-    if (sourceChain.compatibility === "CC" /* CC */) {
-      logger_default.debug("CC:useIsProviderReady: dispatching changes from fiat...");
-      dispatch(setSourceAddress(""));
-      dispatch(setSourceCurrency("USD"));
-      setIsReady(true);
-    }
+  (0, import_react58.useEffect)(() => {
+    if (!sourceChain || sourceChain.shortName !== "CC") return;
+    logger_default.debug("CC:useIsProviderReady: dispatching changes from fiat...");
+    dispatch(setSourceAddress(""));
+    setIsReady(true);
   }, [sourceChain]);
   return { isReady, statusMessage: "", walletAddres: "" };
 };
@@ -4052,7 +4103,7 @@ var CreditCardPlugin = class extends PluginBase {
     return chain.compatibility === "CC";
   };
   Provider = ({ children }) => {
-    return /* @__PURE__ */ import_react58.default.createElement(import_react58.default.Fragment, null, children);
+    return /* @__PURE__ */ import_react59.default.createElement(import_react59.default.Fragment, null, children);
   };
 };
 var creditCardPlugin = new CreditCardPlugin(store);
@@ -4065,15 +4116,15 @@ initializePlugins([evm_default, solana_default, tron_default, credit_card_defaul
 var import_web310 = require("@solana/web3.js");
 var import_ethers5 = require("ethers");
 var queryClient = new import_react_query13.QueryClient();
-var KimaContext = (0, import_react59.createContext)(void 0);
+var KimaContext = (0, import_react60.createContext)(void 0);
 var useKimaContext = () => {
-  const context = (0, import_react59.useContext)(KimaContext);
+  const context = (0, import_react60.useContext)(KimaContext);
   if (!context) {
     throw new Error("useKimaContext must be used within a KimaProvider");
   }
   return context;
 };
-var InternalKimaProvider = React48.memo(
+var InternalKimaProvider = React49.memo(
   ({ kimaBackendUrl, walletConnectProjectId, children, logLevel }) => {
     const { data: envOptions, isLoading } = useGetEnvOptions({
       kimaBackendUrl
@@ -4082,12 +4133,12 @@ var InternalKimaProvider = React48.memo(
     logger_default.debug("internalkimaprovider: isLoading: ", isLoading);
     const plugins = (0, import_react_redux19.useSelector)(selectAllPlugins, (prev, next) => prev === next);
     logger_default.debug("Registered Plugins:", plugins);
-    const WrappedProviders = (0, import_react59.useMemo)(() => {
+    const WrappedProviders = (0, import_react60.useMemo)(() => {
       return plugins.reduce((acc, pluginData) => {
         const plugin = getPluginProvider(pluginData.id);
         if (plugin) {
           const { Provider: Provider3 } = plugin;
-          return /* @__PURE__ */ React48.createElement(
+          return /* @__PURE__ */ React49.createElement(
             Provider3,
             {
               key: plugin.data.id,
@@ -4101,12 +4152,12 @@ var InternalKimaProvider = React48.memo(
         return acc;
       }, children);
     }, [plugins, walletConnectProjectId, envOptions, isLoading]);
-    return /* @__PURE__ */ React48.createElement(React48.Fragment, null, WrappedProviders);
+    return /* @__PURE__ */ React49.createElement(React49.Fragment, null, WrappedProviders);
   }
 );
 var KimaProvider = ({
   walletConnectProjectId,
-  children = /* @__PURE__ */ React48.createElement(React48.Fragment, null),
+  children = /* @__PURE__ */ React49.createElement(React49.Fragment, null),
   externalProvider,
   kimaBackendUrl = "http://localhost:3001",
   logLevel,
@@ -4141,7 +4192,7 @@ var KimaProvider = ({
     errorHandler,
     switchChainHandler
   };
-  return /* @__PURE__ */ React48.createElement(import_react_query13.QueryClientProvider, { client: queryClient }, /* @__PURE__ */ React48.createElement(import_react_redux19.Provider, { store }, /* @__PURE__ */ React48.createElement(KimaContext.Provider, { value: kimaContext }, /* @__PURE__ */ React48.createElement(
+  return /* @__PURE__ */ React49.createElement(import_react_query13.QueryClientProvider, { client: queryClient }, /* @__PURE__ */ React49.createElement(import_react_redux19.Provider, { store }, /* @__PURE__ */ React49.createElement(KimaContext.Provider, { value: kimaContext }, /* @__PURE__ */ React49.createElement(
     InternalKimaProvider,
     {
       kimaBackendUrl,
@@ -4153,17 +4204,17 @@ var KimaProvider = ({
 var KimaProvider_default = KimaProvider;
 
 // src/components/KimaTransactionWidget.tsx
-var import_react108 = __toESM(require("react"), 1);
+var import_react109 = __toESM(require("react"), 1);
 
 // src/components/KimaWidgetWrapper.tsx
-var import_react105 = __toESM(require("react"), 1);
+var import_react106 = __toESM(require("react"), 1);
 var import_react_redux58 = require("react-redux");
 
 // src/components/TransactionWidget.tsx
-var import_react89 = __toESM(require("react"), 1);
+var import_react90 = __toESM(require("react"), 1);
 
 // src/components/reusable/Progressbar.tsx
-var import_react60 = __toESM(require("react"), 1);
+var import_react61 = __toESM(require("react"), 1);
 var import_react_redux20 = require("react-redux");
 var stepInfo = [
   {
@@ -4184,12 +4235,12 @@ var stepInfo = [
 ];
 var Progressbar = ({ step, errorStep, setFocus, loadingStep }) => {
   const theme = (0, import_react_redux20.useSelector)(selectTheme);
-  return /* @__PURE__ */ import_react60.default.createElement("div", { className: "kima-progressbar" }, /* @__PURE__ */ import_react60.default.createElement(
+  return /* @__PURE__ */ import_react61.default.createElement("div", { className: "kima-progressbar" }, /* @__PURE__ */ import_react61.default.createElement(
     "div",
     {
       className: `value step-${step * 100 / 4}`
     }
-  ), /* @__PURE__ */ import_react60.default.createElement("div", { className: "step-indicators" }, stepInfo.map((item, index) => /* @__PURE__ */ import_react60.default.createElement(
+  ), /* @__PURE__ */ import_react61.default.createElement("div", { className: "step-indicators" }, stepInfo.map((item, index) => /* @__PURE__ */ import_react61.default.createElement(
     "div",
     {
       key: item.title,
@@ -4200,14 +4251,14 @@ var Progressbar = ({ step, errorStep, setFocus, loadingStep }) => {
         if (index < 4) setFocus(index);
       }
     },
-    /* @__PURE__ */ import_react60.default.createElement("div", { className: "step-info" }, step < index && /* @__PURE__ */ import_react60.default.createElement(Lock_default, null), step >= index ? index === loadingStep ? /* @__PURE__ */ import_react60.default.createElement(Loader_default, { className: "loader" }) : index === errorStep ? /* @__PURE__ */ import_react60.default.createElement(Warning_default, null) : /* @__PURE__ */ import_react60.default.createElement(Check_default, null) : null, /* @__PURE__ */ import_react60.default.createElement("span", null, item.title))
+    /* @__PURE__ */ import_react61.default.createElement("div", { className: "step-info" }, step < index && /* @__PURE__ */ import_react61.default.createElement(Lock_default, null), step >= index ? index === loadingStep ? /* @__PURE__ */ import_react61.default.createElement(Loader_default, { className: "loader" }) : index === errorStep ? /* @__PURE__ */ import_react61.default.createElement(Warning_default, null) : /* @__PURE__ */ import_react61.default.createElement(Check_default, null) : null, /* @__PURE__ */ import_react61.default.createElement("span", null, item.title))
   ))));
 };
 var Progressbar_default = Progressbar;
 
 // src/components/reusable/ExternalLink.tsx
-var import_react61 = __toESM(require("react"), 1);
-var ExternalLink = ({ to, children, className, rest }) => /* @__PURE__ */ import_react61.default.createElement(
+var import_react62 = __toESM(require("react"), 1);
+var ExternalLink = ({ to, children, className, rest }) => /* @__PURE__ */ import_react62.default.createElement(
   "a",
   {
     className,
@@ -4221,20 +4272,20 @@ var ExternalLink = ({ to, children, className, rest }) => /* @__PURE__ */ import
 var ExternalLink_default = ExternalLink;
 
 // src/components/reusable/NetworkLabel.tsx
-var import_react62 = __toESM(require("react"), 1);
+var import_react63 = __toESM(require("react"), 1);
 var import_react_redux21 = require("react-redux");
 
 // src/components/reusable/PrimaryButton.tsx
-var import_react65 = __toESM(require("react"), 1);
+var import_react66 = __toESM(require("react"), 1);
 
 // src/assets/loading/180-ring.tsx
-var import_react63 = __toESM(require("react"), 1);
+var import_react64 = __toESM(require("react"), 1);
 var Loading180Ring = ({
   width = 24,
   height = 24,
   fill = "white"
 }) => {
-  return /* @__PURE__ */ import_react63.default.createElement(
+  return /* @__PURE__ */ import_react64.default.createElement(
     "svg",
     {
       width,
@@ -4243,7 +4294,7 @@ var Loading180Ring = ({
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg"
     },
-    /* @__PURE__ */ import_react63.default.createElement("path", { d: "M12,4a8,8,0,0,1,7.89,6.7A1.53,1.53,0,0,0,21.38,12h0a1.5,1.5,0,0,0,1.48-1.75,11,11,0,0,0-21.72,0A1.5,1.5,0,0,0,2.62,12h0a1.53,1.53,0,0,0,1.49-1.3A8,8,0,0,1,12,4Z" }, /* @__PURE__ */ import_react63.default.createElement(
+    /* @__PURE__ */ import_react64.default.createElement("path", { d: "M12,4a8,8,0,0,1,7.89,6.7A1.53,1.53,0,0,0,21.38,12h0a1.5,1.5,0,0,0,1.48-1.75,11,11,0,0,0-21.72,0A1.5,1.5,0,0,0,2.62,12h0a1.53,1.53,0,0,0,1.49-1.3A8,8,0,0,1,12,4Z" }, /* @__PURE__ */ import_react64.default.createElement(
       "animateTransform",
       {
         attributeName: "transform",
@@ -4258,7 +4309,7 @@ var Loading180Ring = ({
 var ring_default = Loading180Ring;
 
 // src/assets/loading/6-dots-scale.tsx
-var import_react64 = __toESM(require("react"), 1);
+var import_react65 = __toESM(require("react"), 1);
 
 // src/components/reusable/PrimaryButton.tsx
 var PrimaryButton = ({
@@ -4269,7 +4320,7 @@ var PrimaryButton = ({
   disabled = false,
   ref
 }) => {
-  return /* @__PURE__ */ import_react65.default.createElement("div", { className: "primary-button-wrapper" }, /* @__PURE__ */ import_react65.default.createElement(
+  return /* @__PURE__ */ import_react66.default.createElement("div", { className: "primary-button-wrapper" }, /* @__PURE__ */ import_react66.default.createElement(
     "button",
     {
       className: `primary-button ${className}`,
@@ -4277,14 +4328,14 @@ var PrimaryButton = ({
       ref,
       disabled
     },
-    isLoading && /* @__PURE__ */ import_react65.default.createElement("div", { className: "loading-indicator" }, /* @__PURE__ */ import_react65.default.createElement(ring_default, { width: 24, height: 24, fill: "white" })),
+    isLoading && /* @__PURE__ */ import_react66.default.createElement("div", { className: "loading-indicator" }, /* @__PURE__ */ import_react66.default.createElement(ring_default, { width: 24, height: 24, fill: "white" })),
     children
   ));
 };
 var PrimaryButton_default = PrimaryButton;
 
 // src/components/reusable/SecondaryButton.tsx
-var import_react66 = __toESM(require("react"), 1);
+var import_react67 = __toESM(require("react"), 1);
 var SecondaryButton = ({
   className,
   clickHandler,
@@ -4293,7 +4344,7 @@ var SecondaryButton = ({
   style,
   disabled = false,
   isLoading
-}) => /* @__PURE__ */ import_react66.default.createElement(
+}) => /* @__PURE__ */ import_react67.default.createElement(
   "button",
   {
     className: `secondary-button ${className} ${theme}`,
@@ -4301,26 +4352,26 @@ var SecondaryButton = ({
     ...style,
     disabled
   },
-  isLoading && /* @__PURE__ */ import_react66.default.createElement("div", { className: "loading-indicator" }, /* @__PURE__ */ import_react66.default.createElement(ring_default, { width: 24, height: 24, fill: "black" })),
+  isLoading && /* @__PURE__ */ import_react67.default.createElement("div", { className: "loading-indicator" }, /* @__PURE__ */ import_react67.default.createElement(ring_default, { width: 24, height: 24, fill: "black" })),
   children
 );
 var SecondaryButton_default = SecondaryButton;
 
 // src/components/reusable/Dropdown.tsx
-var import_react67 = __toESM(require("react"), 1);
+var import_react68 = __toESM(require("react"), 1);
 var import_react_redux22 = require("react-redux");
 var import_react_redux23 = require("react-redux");
 
 // src/components/reusable/WalletButton.tsx
-var import_react73 = __toESM(require("react"), 1);
+var import_react74 = __toESM(require("react"), 1);
 var import_react_redux25 = require("react-redux");
 
 // src/hooks/useGetCurrentPlugin.tsx
-var import_react69 = require("react");
+var import_react70 = require("react");
 var import_react_redux24 = require("react-redux");
 
 // plugins/default/index.tsx
-var import_react68 = __toESM(require("react"), 1);
+var import_react69 = __toESM(require("react"), 1);
 var DefaultPlugin = class extends PluginBase {
   constructor(store2) {
     super({
@@ -4355,7 +4406,7 @@ var DefaultPlugin = class extends PluginBase {
     networkOption,
     walletConnectProjectId
   }) => {
-    return /* @__PURE__ */ import_react68.default.createElement("div", null, children);
+    return /* @__PURE__ */ import_react69.default.createElement("div", null, children);
   };
 };
 var defaultPlugin = new DefaultPlugin(store);
@@ -4363,10 +4414,10 @@ var default_default = defaultPlugin;
 
 // src/hooks/useGetCurrentPlugin.tsx
 var useGetCurrentPlugin = () => {
-  const [currentPlugin, setCurrentPlugin] = (0, import_react69.useState)(default_default);
+  const [currentPlugin, setCurrentPlugin] = (0, import_react70.useState)(default_default);
   const isIndexed = (0, import_react_redux24.useSelector)(selectPluginIsIndexed);
   const sourceChain = (0, import_react_redux24.useSelector)(selectSourceChain);
-  (0, import_react69.useEffect)(() => {
+  (0, import_react70.useEffect)(() => {
     if (!isIndexed) return;
     const plugin = getPlugin(sourceChain.shortName);
     if (plugin) setCurrentPlugin(plugin);
@@ -4425,13 +4476,13 @@ function useBalance4() {
 }
 
 // src/hooks/useWidth.tsx
-var import_react70 = require("react");
+var import_react71 = require("react");
 var useWidth = () => {
-  const [width, setWidth] = (0, import_react70.useState)(0);
+  const [width, setWidth] = (0, import_react71.useState)(0);
   const updateWidth = (width2) => {
     setWidth(width2);
   };
-  (0, import_react70.useEffect)(() => {
+  (0, import_react71.useEffect)(() => {
     const handleResize = () => {
       setWidth(window.innerWidth);
     };
@@ -4445,19 +4496,19 @@ var useWidth_default = useWidth;
 // src/components/reusable/WalletButton.tsx
 var import_wallet_adapter_react6 = require("@solana/wallet-adapter-react");
 var import_tronwallet_adapter_react_hooks6 = require("@tronweb3/tronwallet-adapter-react-hooks");
-var import_react74 = require("@reown/appkit/react");
+var import_react75 = require("@reown/appkit/react");
 
 // src/components/reusable/CopyButton.tsx
-var import_react71 = __toESM(require("react"), 1);
+var import_react72 = __toESM(require("react"), 1);
 var CopyButton = ({ text }) => {
-  const [copyClicked, setCopyClicked] = (0, import_react71.useState)(false);
-  (0, import_react71.useEffect)(() => {
+  const [copyClicked, setCopyClicked] = (0, import_react72.useState)(false);
+  (0, import_react72.useEffect)(() => {
     if (!copyClicked) return;
     setTimeout(() => {
       setCopyClicked(false);
     }, 2e3);
   }, [copyClicked]);
-  return /* @__PURE__ */ import_react71.default.createElement(
+  return /* @__PURE__ */ import_react72.default.createElement(
     "span",
     {
       className: "copy-btn",
@@ -4466,7 +4517,7 @@ var CopyButton = ({ text }) => {
         navigator.clipboard.writeText(text);
       }
     },
-    copyClicked ? /* @__PURE__ */ import_react71.default.createElement(Check_default, null) : /* @__PURE__ */ import_react71.default.createElement(Copy_default, null)
+    copyClicked ? /* @__PURE__ */ import_react72.default.createElement(Check_default, null) : /* @__PURE__ */ import_react72.default.createElement(Copy_default, null)
   );
 };
 var CopyButton_default = CopyButton;
@@ -4552,9 +4603,9 @@ var isAddressCompatible = (address, shortName) => {
 };
 
 // src/hooks/useHideActivityTab.tsx
-var import_react72 = require("react");
+var import_react73 = require("react");
 function useHideWuiListItem(isModalOpen) {
-  (0, import_react72.useEffect)(() => {
+  (0, import_react73.useEffect)(() => {
     const modalSelector = "w3m-modal";
     let observer;
     const hideFirstWuiListItem = (parent) => {
@@ -4632,14 +4683,14 @@ var WalletButton = ({
     /*, connectBitcoinWallet*/
   } = useIsWalletReady4();
   const { balance, decimals } = useBalance4();
-  const { open } = (0, import_react74.useAppKit)();
-  const { open: isModalOpen } = (0, import_react74.useAppKitState)();
+  const { open } = (0, import_react75.useAppKit)();
+  const { open: isModalOpen } = (0, import_react75.useAppKitState)();
   const { width, updateWidth } = useWidth_default();
   useHideActivityTab_default(isModalOpen);
   const { kimaBackendUrl } = useKimaContext();
   const { data: envOptions } = useGetEnvOptions({ kimaBackendUrl });
   const networkOption = envOptions?.env || "testnet" /* testnet */;
-  (0, import_react73.useEffect)(() => {
+  (0, import_react74.useEffect)(() => {
     logger_default.debug("WalletBalance:", {
       balance,
       connectedAddress,
@@ -4648,7 +4699,7 @@ var WalletButton = ({
       externalProvider
     });
   }, [balance, connectedAddress, isReady, externalProvider, networkOption]);
-  (0, import_react73.useEffect)(() => {
+  (0, import_react74.useEffect)(() => {
     if (width === 0) {
       updateWidth(window.innerWidth);
     }
@@ -4676,29 +4727,29 @@ var WalletButton = ({
       logger_default.error("Failed to open AppKitModal", error);
     }
   };
-  const errorMessage = (0, import_react73.useMemo)(() => {
+  const errorMessage = (0, import_react74.useMemo)(() => {
     if (!isReady) return statusMessage;
     if (compliantOption && sourceCompliant !== null && !sourceCompliant?.isCompliant)
       return `Source address has ${sourceCompliant?.results?.[0].result?.risk_score} risk`;
     return "";
   }, [isReady, statusMessage, sourceCompliant, compliantOption]);
-  const isConnected = (0, import_react73.useMemo)(() => {
+  const isConnected = (0, import_react74.useMemo)(() => {
     return isReady && !initialSelection;
   }, [isReady, initialSelection]);
-  (0, import_react73.useEffect)(() => {
+  (0, import_react74.useEffect)(() => {
     if (!isReady) {
       dispatch(setSourceAddress(""));
       return;
     }
     dispatch(setSourceAddress(connectedAddress));
   }, [isReady]);
-  return /* @__PURE__ */ import_react73.default.createElement(
+  return /* @__PURE__ */ import_react74.default.createElement(
     "div",
     {
       className: `wallet-button ${isConnected ? "connected" : "disconnected"} ${theme.colorMode} ${errorBelow ? "error-below" : ""}`,
       "data-testid": "connect-wallet-btn"
     },
-    /* @__PURE__ */ import_react73.default.createElement("div", { className: "info-wrapper" }, /* @__PURE__ */ import_react73.default.createElement(
+    /* @__PURE__ */ import_react74.default.createElement("div", { className: "info-wrapper" }, /* @__PURE__ */ import_react74.default.createElement(
       "button",
       {
         className: `${isConnected ? "connected" : "disconnected"} ${width < 640 && "shortened"} ${theme.colorMode}`,
@@ -4708,42 +4759,78 @@ var WalletButton = ({
       isConnected && !placeholder ? width >= 640 ? `${connectedAddress || ""}` : getShortenedAddress(connectedAddress || "") : "",
       !isConnected && mode === "light" /* light */ && "Select Network to Load Account",
       !isConnected && mode !== "light" /* light */ && initialSelection && "Select Network to Connect",
-      !isConnected && mode !== "light" /* light */ && !initialSelection && /* @__PURE__ */ import_react73.default.createElement(Wallet_default, null),
+      !isConnected && mode !== "light" /* light */ && !initialSelection && /* @__PURE__ */ import_react74.default.createElement(Wallet_default, null),
       !isConnected && mode !== "light" /* light */ && !initialSelection && "Connect Wallet"
-    ), isConnected && !placeholder && /* @__PURE__ */ import_react73.default.createElement(CopyButton_default, { text: connectedAddress })),
-    isConnected && !placeholder && balance !== void 0 && decimals !== void 0 ? /* @__PURE__ */ import_react73.default.createElement("p", { className: "balance-info" }, formatUSD(bigIntToNumber({ value: balance, decimals })), " ", selectedCoin, " available") : null
+    ), isConnected && !placeholder && /* @__PURE__ */ import_react74.default.createElement(CopyButton_default, { text: connectedAddress })),
+    isConnected && !placeholder && balance !== void 0 && decimals !== void 0 ? /* @__PURE__ */ import_react74.default.createElement("p", { className: "balance-info" }, formatUSD(bigIntToNumber({ value: balance, decimals })), " ", selectedCoin, " available") : null
   );
 };
 var WalletButton_default = WalletButton;
 
 // src/components/reusable/CoinDropdown.tsx
-var import_react77 = __toESM(require("react"), 1);
+var import_react78 = __toESM(require("react"), 1);
 var import_react_redux28 = require("react-redux");
 var import_react_redux29 = require("react-redux");
 
 // src/hooks/useCurrencyOptions.tsx
-var import_react75 = require("react");
+var import_react76 = require("react");
 var import_react_redux26 = require("react-redux");
 var import_react_redux27 = require("react-redux");
+var emptyTokenList = { tokenList: [] };
 function useCurrencyOptions(isSourceChain) {
   const dispatch = (0, import_react_redux27.useDispatch)();
   const mode = (0, import_react_redux26.useSelector)(selectMode);
   const sourceChain = (0, import_react_redux26.useSelector)(selectSourceChain);
+  const sourceSymbol = (0, import_react_redux26.useSelector)(selectSourceCurrency);
   const targetChain = (0, import_react_redux26.useSelector)(selectTargetChain);
-  const chain = isSourceChain ? sourceChain : targetChain;
   const transactionOption = (0, import_react_redux26.useSelector)(selectTransactionOption);
-  const networks = (0, import_react_redux26.useSelector)(selectNetworks);
-  const output = (0, import_react75.useMemo)(() => {
-    logger_default.debug("useCurrencyOptions: networks: ", networks);
-    const networkTokenList = networks.find((network) => network.id === chain.id) || networks[0];
-    logger_default.debug("useCurrencyOptions: networkTokenList: ", networkTokenList, chain);
-    return !!networks ? { tokenList: networkTokenList?.supportedTokens } : { tokenList: [] };
-  }, [networks, chain]);
+  const output = (0, import_react76.useMemo)(() => {
+    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;
-  (0, import_react75.useEffect)(() => {
+  (0, import_react76.useEffect)(() => {
     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 {
@@ -4754,16 +4841,19 @@ function useCurrencyOptions(isSourceChain) {
 }
 
 // src/components/reusable/TokenIcon.tsx
-var import_react76 = __toESM(require("react"), 1);
+var import_react77 = __toESM(require("react"), 1);
 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,
@@ -4776,22 +4866,22 @@ function TokenIcon({
     logger_default.warn(`Token icon not found for symbol: ${symbol}`);
     return null;
   }
-  return /* @__PURE__ */ import_react76.default.createElement("div", { className: "icon-wrapper" }, /* @__PURE__ */ import_react76.default.createElement(Icon, { width, height }));
+  return /* @__PURE__ */ import_react77.default.createElement("div", { className: "icon-wrapper" }, /* @__PURE__ */ import_react77.default.createElement(Icon, { width, height }));
 }
 
 // src/components/reusable/CoinDropdown.tsx
 var CoinDropdown = ({
   isSourceChain = true
 }) => {
-  const ref = (0, import_react77.useRef)();
+  const ref = (0, import_react78.useRef)();
   const dispatch = (0, import_react_redux29.useDispatch)();
-  const [collapsed, setCollapsed] = (0, import_react77.useState)(true);
+  const [collapsed, setCollapsed] = (0, import_react78.useState)(true);
   const sourceCurrency = (0, import_react_redux28.useSelector)(selectSourceCurrency);
   const targetCurrency = (0, import_react_redux28.useSelector)(selectTargetCurrency);
   const { tokenList } = useCurrencyOptions(isSourceChain);
   const theme = (0, import_react_redux28.useSelector)(selectTheme);
   const tokenSymbol = isSourceChain ? sourceCurrency : targetCurrency;
-  (0, import_react77.useEffect)(() => {
+  (0, import_react78.useEffect)(() => {
     const bodyMouseDowntHandler = (e) => {
       if (ref?.current && !ref.current.contains(e.target)) {
         setCollapsed(true);
@@ -4809,68 +4899,69 @@ var CoinDropdown = ({
       dispatch(setTargetCurrency(symbol));
     }
   };
-  return /* @__PURE__ */ import_react77.default.createElement(
+  return /* @__PURE__ */ import_react78.default.createElement(
     "div",
     {
       className: `coin-dropdown ${theme.colorMode} ${collapsed ? "collapsed" : "toggled"}`,
       onClick: () => setCollapsed((prev) => !prev),
       ref
     },
-    /* @__PURE__ */ import_react77.default.createElement("div", { className: "coin-wrapper" }, /* @__PURE__ */ import_react77.default.createElement(TokenIcon, { symbol: tokenSymbol, width: 24, height: 24 }), /* @__PURE__ */ import_react77.default.createElement("span", { className: "coin" }, tokenSymbol)),
-    /* @__PURE__ */ import_react77.default.createElement(
+    /* @__PURE__ */ import_react78.default.createElement("div", { className: "coin-wrapper" }, /* @__PURE__ */ import_react78.default.createElement(TokenIcon, { symbol: tokenSymbol, width: 24, height: 24 }), /* @__PURE__ */ import_react78.default.createElement("span", { className: "coin" }, tokenSymbol)),
+    /* @__PURE__ */ import_react78.default.createElement(
       "div",
       {
         className: `coin-menu ${theme.colorMode} ${collapsed ? "collapsed" : "toggled"}`
       },
-      tokenList.map((token) => /* @__PURE__ */ import_react77.default.createElement(
+      tokenList.map((token) => /* @__PURE__ */ import_react78.default.createElement(
         "div",
         {
           className: `coin-item ${theme.colorMode}`,
           key: token.symbol,
           onClick: () => handleDropdownItemClick(token.symbol)
         },
-        /* @__PURE__ */ import_react77.default.createElement(TokenIcon, { symbol: token.symbol, width: 24, height: 24 }),
-        /* @__PURE__ */ import_react77.default.createElement("p", null, token.symbol)
+        /* @__PURE__ */ import_react78.default.createElement(TokenIcon, { symbol: token.symbol, width: 24, height: 24 }),
+        /* @__PURE__ */ import_react78.default.createElement("p", null, token.symbol)
       ))
     ),
-    /* @__PURE__ */ import_react77.default.createElement("div", { className: `dropdown-icon ${collapsed ? "toggled" : "collapsed"}` }, /* @__PURE__ */ import_react77.default.createElement(Arrow_default, { fill: "none" }))
+    /* @__PURE__ */ import_react78.default.createElement("div", { className: `dropdown-icon ${collapsed ? "toggled" : "collapsed"}` }, /* @__PURE__ */ import_react78.default.createElement(Arrow_default, { fill: "none" }))
   );
 };
 var CoinDropdown_default = CoinDropdown;
 
 // src/components/reusable/ConfirmDetails.tsx
-var import_react80 = __toESM(require("react"), 1);
+var import_react81 = __toESM(require("react"), 1);
 var import_react_redux31 = require("react-redux");
 
 // src/components/reusable/ChainIcon.tsx
-var import_react78 = __toESM(require("react"), 1);
+var import_react79 = __toESM(require("react"), 1);
 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,
-  CFX: CFX_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__ */ import_react78.default.createElement("div", null);
+    if (symbol) logger_default.warn(`Chain icon not found for symbol: ${symbol}`);
+    return /* @__PURE__ */ import_react79.default.createElement("div", null);
   }
-  return /* @__PURE__ */ import_react78.default.createElement("div", { className: "icon" }, /* @__PURE__ */ import_react78.default.createElement(Icon, null));
+  return /* @__PURE__ */ import_react79.default.createElement("div", { className: "icon" }, /* @__PURE__ */ import_react79.default.createElement(Icon, null));
 }
 
 // src/components/reusable/FeeDeductionRadioButtons.tsx
-var import_react79 = __toESM(require("react"), 1);
+var import_react80 = __toESM(require("react"), 1);
 var import_react_redux30 = require("react-redux");
 var FeeDeductionRadioButtons = ({ disabled }) => {
   const dispatch = (0, import_react_redux30.useDispatch)();
@@ -4887,7 +4978,7 @@ var FeeDeductionRadioButtons = ({ disabled }) => {
   const handleChange = (value) => {
     dispatch(setFeeDeduct(value));
   };
-  return /* @__PURE__ */ import_react79.default.createElement("div", { className: `fee-deduction-radio-container ${theme.colorMode}` }, /* @__PURE__ */ import_react79.default.createElement("div", { className: "fee-options" }, Number(amount) - totalFee > 0 && /* @__PURE__ */ import_react79.default.createElement("label", { className: `fee-option ${disabled ? "disabled" : ""}` }, /* @__PURE__ */ import_react79.default.createElement(
+  return /* @__PURE__ */ import_react80.default.createElement("div", { className: `fee-deduction-radio-container ${theme.colorMode}` }, /* @__PURE__ */ import_react80.default.createElement("div", { className: "fee-options" }, Number(amount) - totalFee > 0 && /* @__PURE__ */ import_react80.default.createElement("label", { className: `fee-option ${disabled ? "disabled" : ""}` }, /* @__PURE__ */ import_react80.default.createElement(
     "input",
     {
       type: "radio",
@@ -4896,11 +4987,11 @@ var FeeDeductionRadioButtons = ({ disabled }) => {
       disabled,
       onChange: () => handleChange(true)
     }
-  ), /* @__PURE__ */ import_react79.default.createElement("span", { className: `radio-label ${theme.colorMode}` }, `Pay $${formatterFloat.format(
+  ), /* @__PURE__ */ import_react80.default.createElement("span", { className: `radio-label ${theme.colorMode}` }, `Pay $${formatterFloat.format(
     Number(amount)
   )} ${sourceCurrency} in ${sourceNetwork.name} to receive $${formatterFloat.format(
     Number(amount) - totalFee
-  )} ${targetCurrency} in ${targetNetwork.name}`)), /* @__PURE__ */ import_react79.default.createElement("label", { className: `fee-option ${disabled ? "disabled" : ""}` }, /* @__PURE__ */ import_react79.default.createElement(
+  )} ${targetCurrency} in ${targetNetwork.name}`)), /* @__PURE__ */ import_react80.default.createElement("label", { className: `fee-option ${disabled ? "disabled" : ""}` }, /* @__PURE__ */ import_react80.default.createElement(
     "input",
     {
       type: "radio",
@@ -4909,7 +5000,7 @@ var FeeDeductionRadioButtons = ({ disabled }) => {
       disabled,
       onChange: () => handleChange(false)
     }
-  ), /* @__PURE__ */ import_react79.default.createElement("span", { className: `radio-label ${theme.colorMode}` }, `Pay $${formatterFloat.format(
+  ), /* @__PURE__ */ import_react80.default.createElement("span", { className: `radio-label ${theme.colorMode}` }, `Pay $${formatterFloat.format(
     Number(amount) + totalFee
   )} ${sourceCurrency} in ${sourceNetwork.name} to receive $${formatterFloat.format(
     Number(amount)
@@ -4935,14 +5026,10 @@ var ConfirmDetails = ({
   const bankDetails = (0, import_react_redux31.useSelector)(selectBankDetails);
   const signature = (0, import_react_redux31.useSelector)(selectSignature);
   const networkOptions3 = (0, import_react_redux31.useSelector)(selectNetworks);
-  const [feeCollapsed, setFeeCollapsed] = (0, import_react80.useState)(true);
+  const [feeCollapsed, setFeeCollapsed] = (0, import_react81.useState)(true);
   const transactionOption = (0, import_react_redux31.useSelector)(selectTransactionOption);
   const { connectedAddress } = useIsWalletReady4();
-  const originNetworkOption = (0, import_react80.useMemo)(
-    () => networkOptions3.filter((network) => network.id === originNetwork.id)[0],
-    [networkOptions3, originNetwork]
-  );
-  const targetNetworkOption = (0, import_react80.useMemo)(
+  const targetNetworkOption = (0, import_react81.useMemo)(
     () => networkOptions3.filter(
       (network) => network.shortName === (mode === "payment" /* payment */ ? transactionOption?.targetChain : targetNetwork.shortName)
     )[0],
@@ -4951,16 +5038,16 @@ var ConfirmDetails = ({
   const sourceCurrency = (0, import_react_redux31.useSelector)(selectSourceCurrency);
   const targetCurrency = (0, import_react_redux31.useSelector)(selectTargetCurrency);
   const { width, updateWidth } = useWidth_default();
-  (0, import_react80.useEffect)(() => {
+  (0, import_react81.useEffect)(() => {
     width === 0 && updateWidth(window.innerWidth);
   }, []);
-  return /* @__PURE__ */ import_react80.default.createElement("div", { className: `confirm-details ${theme.colorMode}` }, /* @__PURE__ */ import_react80.default.createElement("p", null, "Step ", isApproved ? "2" : "1", "\xA0of 2\xA0\xA0\xA0", isApproved ? "Submit transaction" : originNetwork.shortName === "FIAT" /* FIAT */ ? "Bank Details" : "Approval"), originNetwork.shortName === "FIAT" /* FIAT */ ? /* @__PURE__ */ import_react80.default.createElement("div", null, /* @__PURE__ */ import_react80.default.createElement("div", { className: "detail-item" }, /* @__PURE__ */ import_react80.default.createElement("span", { className: "label" }, "IBAN:"), /* @__PURE__ */ import_react80.default.createElement("span", { className: `kima-card-network-label ${theme.colorMode}` }, /* @__PURE__ */ import_react80.default.createElement(ChainIcon, { symbol: originNetworkOption?.shortName }), "FIAT"), /* @__PURE__ */ import_react80.default.createElement("p", null, "ES6621000418401234567891")), /* @__PURE__ */ import_react80.default.createElement("div", { className: "detail-item" }, /* @__PURE__ */ import_react80.default.createElement("span", { className: "label" }, "Recipient:"), /* @__PURE__ */ import_react80.default.createElement("p", null, "Kima Sandbox")), /* @__PURE__ */ import_react80.default.createElement("div", { className: "detail-item" }, /* @__PURE__ */ import_react80.default.createElement("span", { className: "label" }, "BIC:"), /* @__PURE__ */ import_react80.default.createElement("p", null, "CAIXESBBXXX")), /* @__PURE__ */ import_react80.default.createElement("div", { className: "detail-item" }, /* @__PURE__ */ import_react80.default.createElement("span", { className: "label" }, "Description:"), /* @__PURE__ */ import_react80.default.createElement("p", { className: "signature" }, signature))) : /* @__PURE__ */ import_react80.default.createElement("div", { className: "detail-item" }, /* @__PURE__ */ import_react80.default.createElement("span", { className: "label" }, "Source ", originNetwork.shortName !== "CC" && "wallet", ":"), /* @__PURE__ */ import_react80.default.createElement("div", { className: "network-details" }, /* @__PURE__ */ import_react80.default.createElement("div", { className: "kima-card-network-container" }, /* @__PURE__ */ import_react80.default.createElement("span", { className: `kima-card-network-label ${theme.colorMode}` }, /* @__PURE__ */ import_react80.default.createElement(ChainIcon, { symbol: originNetworkOption?.shortName }), originNetworkOption.name)), originNetwork.shortName !== "CC" && /* @__PURE__ */ import_react80.default.createElement("p", { className: theme.colorMode }, dAppOption === "LPDrain" /* LPDrain */ ? targetAddress : connectedAddress))), /* @__PURE__ */ import_react80.default.createElement("div", { className: "detail-item amount" }, /* @__PURE__ */ import_react80.default.createElement("span", { className: "amount-container" }, /* @__PURE__ */ import_react80.default.createElement("div", { className: "amount-details" }, /* @__PURE__ */ import_react80.default.createElement("span", null, "Amount to Transfer "), /* @__PURE__ */ import_react80.default.createElement("div", { className: "coin-details" }, /* @__PURE__ */ import_react80.default.createElement("p", null, formatBigInt(txValues.allowanceAmount), " ", sourceCurrency))), /* @__PURE__ */ import_react80.default.createElement("div", { className: "amount-details" }, /* @__PURE__ */ import_react80.default.createElement("span", null, "Total Fees"), /* @__PURE__ */ import_react80.default.createElement(
+  return /* @__PURE__ */ import_react81.default.createElement("div", { className: `confirm-details ${theme.colorMode}` }, /* @__PURE__ */ import_react81.default.createElement("p", null, "Step ", isApproved ? "2" : "1", "\xA0of 2\xA0\xA0\xA0", isApproved ? "Submit transaction" : originNetwork.shortName === "FIAT" /* FIAT */ ? "Bank Details" : "Approval"), originNetwork.shortName === "FIAT" /* FIAT */ ? /* @__PURE__ */ import_react81.default.createElement("div", null, /* @__PURE__ */ import_react81.default.createElement("div", { className: "detail-item" }, /* @__PURE__ */ import_react81.default.createElement("span", { className: "label" }, "IBAN:"), /* @__PURE__ */ import_react81.default.createElement("span", { className: `kima-card-network-label ${theme.colorMode}` }, /* @__PURE__ */ import_react81.default.createElement(ChainIcon, { symbol: originNetwork?.shortName }), "FIAT"), /* @__PURE__ */ import_react81.default.createElement("p", null, "ES6621000418401234567891")), /* @__PURE__ */ import_react81.default.createElement("div", { className: "detail-item" }, /* @__PURE__ */ import_react81.default.createElement("span", { className: "label" }, "Recipient:"), /* @__PURE__ */ import_react81.default.createElement("p", null, "Kima Sandbox")), /* @__PURE__ */ import_react81.default.createElement("div", { className: "detail-item" }, /* @__PURE__ */ import_react81.default.createElement("span", { className: "label" }, "BIC:"), /* @__PURE__ */ import_react81.default.createElement("p", null, "CAIXESBBXXX")), /* @__PURE__ */ import_react81.default.createElement("div", { className: "detail-item" }, /* @__PURE__ */ import_react81.default.createElement("span", { className: "label" }, "Description:"), /* @__PURE__ */ import_react81.default.createElement("p", { className: "signature" }, signature))) : /* @__PURE__ */ import_react81.default.createElement("div", { className: "detail-item" }, /* @__PURE__ */ import_react81.default.createElement("span", { className: "label" }, "Source ", originNetwork.shortName !== "CC" && "wallet", ":"), /* @__PURE__ */ import_react81.default.createElement("div", { className: "network-details" }, /* @__PURE__ */ import_react81.default.createElement("div", { className: "kima-card-network-container" }, /* @__PURE__ */ import_react81.default.createElement("span", { className: `kima-card-network-label ${theme.colorMode}` }, /* @__PURE__ */ import_react81.default.createElement(ChainIcon, { symbol: originNetwork?.shortName }), originNetwork.name)), originNetwork.shortName !== "CC" && /* @__PURE__ */ import_react81.default.createElement("p", { className: theme.colorMode }, dAppOption === "LPDrain" /* LPDrain */ ? targetAddress : connectedAddress))), /* @__PURE__ */ import_react81.default.createElement("div", { className: "detail-item amount" }, /* @__PURE__ */ import_react81.default.createElement("span", { className: "amount-container" }, /* @__PURE__ */ import_react81.default.createElement("div", { className: "amount-details" }, /* @__PURE__ */ import_react81.default.createElement("span", null, "Amount to Transfer "), /* @__PURE__ */ import_react81.default.createElement("div", { className: "coin-details" }, /* @__PURE__ */ import_react81.default.createElement("p", null, formatBigInt(txValues.allowanceAmount), " ", sourceCurrency))), /* @__PURE__ */ import_react81.default.createElement("div", { className: "amount-details" }, /* @__PURE__ */ import_react81.default.createElement("span", null, "Total Fees"), /* @__PURE__ */ import_react81.default.createElement(
     "div",
     {
       className: "fee-collapse",
       onClick: () => setFeeCollapsed(!feeCollapsed)
     },
-    /* @__PURE__ */ import_react80.default.createElement(
+    /* @__PURE__ */ import_react81.default.createElement(
       MiniArrow_default,
       {
         width: 15,
@@ -4971,16 +5058,16 @@ var ConfirmDetails = ({
         }
       }
     ),
-    /* @__PURE__ */ import_react80.default.createElement("span", { className: "service-fee" }, formatBigInt(totalFee), " ", sourceCurrency)
-  )), /* @__PURE__ */ import_react80.default.createElement("div", { className: `fee-breakdown ${feeCollapsed ? "collapsed" : ""}` }, /* @__PURE__ */ import_react80.default.createElement("div", { className: "amount-details" }, /* @__PURE__ */ import_react80.default.createElement("span", null, originNetwork.shortName === "CC" ? "Credit Card Processing Fee" : `Source Network Fee (${originNetwork.shortName})`), /* @__PURE__ */ import_react80.default.createElement("span", { className: "service-fee" }, formatBigInt(sourceFee), " ", sourceCurrency)), /* @__PURE__ */ import_react80.default.createElement("div", { className: "amount-details" }, /* @__PURE__ */ import_react80.default.createElement("span", null, "Target Network Fee (", targetNetwork.shortName, ")"), /* @__PURE__ */ import_react80.default.createElement("span", { className: "service-fee" }, formatBigInt(targetFee), " ", targetCurrency)), /* @__PURE__ */ import_react80.default.createElement("div", { className: "amount-details" }, /* @__PURE__ */ import_react80.default.createElement("span", null, "KIMA Service Fee"), /* @__PURE__ */ import_react80.default.createElement("span", { className: "service-fee" }, formatBigInt(kimaFee), " ", sourceCurrency))), /* @__PURE__ */ import_react80.default.createElement("div", { className: "amount-details" }, /* @__PURE__ */ import_react80.default.createElement("span", null, "Target Transfer Amount"), /* @__PURE__ */ import_react80.default.createElement("span", { className: "service-fee" }, formatBigInt(txValues.submitAmount), " ", targetCurrency)))), targetNetwork.shortName === "FIAT" /* FIAT */ ? /* @__PURE__ */ import_react80.default.createElement("div", null, /* @__PURE__ */ import_react80.default.createElement("div", { className: "detail-item" }, /* @__PURE__ */ import_react80.default.createElement("span", { className: "label" }, "IBAN:"), /* @__PURE__ */ import_react80.default.createElement("p", null, bankDetails.iban), /* @__PURE__ */ import_react80.default.createElement("span", { className: `kima-card-network-label ${theme.colorMode}` }, /* @__PURE__ */ import_react80.default.createElement(ChainIcon, { symbol: targetNetworkOption?.shortName }), "FIAT")), /* @__PURE__ */ import_react80.default.createElement("div", { className: "detail-item" }, /* @__PURE__ */ import_react80.default.createElement("span", { className: "label" }, "Recipient:"), /* @__PURE__ */ import_react80.default.createElement("p", null, bankDetails.recipient))) : /* @__PURE__ */ import_react80.default.createElement("div", { className: "detail-item" }, /* @__PURE__ */ import_react80.default.createElement("span", { className: "label" }, "Target wallet:"), /* @__PURE__ */ import_react80.default.createElement("div", { className: "network-details" }, /* @__PURE__ */ import_react80.default.createElement("div", { className: "kima-card-network-container" }, /* @__PURE__ */ import_react80.default.createElement("span", { className: `kima-card-network-label ${theme.colorMode}` }, /* @__PURE__ */ import_react80.default.createElement(ChainIcon, { symbol: targetNetworkOption?.shortName }), targetNetworkOption?.name)), /* @__PURE__ */ import_react80.default.createElement("p", { className: theme.colorMode }, mode === "light" /* light */ ? targetNetwork.shortName === "SOL" ? lightDemoAccounts.SOL : targetNetwork.shortName === "TRX" ? lightDemoAccounts.TRX : lightDemoAccounts.EVM : dAppOption === "LPDrain" /* LPDrain */ ? connectedAddress : targetAddress))), mode === "bridge" /* bridge */ && BigInt(totalFee.value) > BigInt(0) ? (
+    /* @__PURE__ */ import_react81.default.createElement("span", { className: "service-fee" }, formatBigInt(totalFee), " ", sourceCurrency)
+  )), /* @__PURE__ */ import_react81.default.createElement("div", { className: `fee-breakdown ${feeCollapsed ? "collapsed" : ""}` }, /* @__PURE__ */ import_react81.default.createElement("div", { className: "amount-details" }, /* @__PURE__ */ import_react81.default.createElement("span", null, originNetwork.shortName === "CC" ? "Credit Card Processing Fee" : `Source Network Fee (${originNetwork.shortName})`), /* @__PURE__ */ import_react81.default.createElement("span", { className: "service-fee" }, formatBigInt(sourceFee), " ", sourceCurrency)), /* @__PURE__ */ import_react81.default.createElement("div", { className: "amount-details" }, /* @__PURE__ */ import_react81.default.createElement("span", null, "Target Network Fee (", targetNetwork.shortName, ")"), /* @__PURE__ */ import_react81.default.createElement("span", { className: "service-fee" }, formatBigInt(targetFee), " ", targetCurrency)), /* @__PURE__ */ import_react81.default.createElement("div", { className: "amount-details" }, /* @__PURE__ */ import_react81.default.createElement("span", null, "KIMA Service Fee"), /* @__PURE__ */ import_react81.default.createElement("span", { className: "service-fee" }, formatBigInt(kimaFee), " ", sourceCurrency))), /* @__PURE__ */ import_react81.default.createElement("div", { className: "amount-details" }, /* @__PURE__ */ import_react81.default.createElement("span", null, "Target Transfer Amount"), /* @__PURE__ */ import_react81.default.createElement("span", { className: "service-fee" }, formatBigInt(txValues.submitAmount), " ", targetCurrency)))), targetNetwork.shortName === "FIAT" /* FIAT */ ? /* @__PURE__ */ import_react81.default.createElement("div", null, /* @__PURE__ */ import_react81.default.createElement("div", { className: "detail-item" }, /* @__PURE__ */ import_react81.default.createElement("span", { className: "label" }, "IBAN:"), /* @__PURE__ */ import_react81.default.createElement("p", null, bankDetails.iban), /* @__PURE__ */ import_react81.default.createElement("span", { className: `kima-card-network-label ${theme.colorMode}` }, /* @__PURE__ */ import_react81.default.createElement(ChainIcon, { symbol: targetNetworkOption?.shortName }), "FIAT")), /* @__PURE__ */ import_react81.default.createElement("div", { className: "detail-item" }, /* @__PURE__ */ import_react81.default.createElement("span", { className: "label" }, "Recipient:"), /* @__PURE__ */ import_react81.default.createElement("p", null, bankDetails.recipient))) : /* @__PURE__ */ import_react81.default.createElement("div", { className: "detail-item" }, /* @__PURE__ */ import_react81.default.createElement("span", { className: "label" }, "Target wallet:"), /* @__PURE__ */ import_react81.default.createElement("div", { className: "network-details" }, /* @__PURE__ */ import_react81.default.createElement("div", { className: "kima-card-network-container" }, /* @__PURE__ */ import_react81.default.createElement("span", { className: `kima-card-network-label ${theme.colorMode}` }, /* @__PURE__ */ import_react81.default.createElement(ChainIcon, { symbol: targetNetworkOption?.shortName }), targetNetworkOption?.name)), /* @__PURE__ */ import_react81.default.createElement("p", { className: theme.colorMode }, mode === "light" /* light */ ? targetNetwork.shortName === "SOL" ? lightDemoAccounts.SOL : targetNetwork.shortName === "TRX" ? lightDemoAccounts.TRX : lightDemoAccounts.EVM : dAppOption === "LPDrain" /* LPDrain */ ? connectedAddress : targetAddress))), mode === "bridge" /* bridge */ && BigInt(totalFee.value) > BigInt(0) ? (
     // <FeeDeductionSlider />
-    /* @__PURE__ */ import_react80.default.createElement(FeeDeductionRadioButtons_default, { disabled: feeOptionDisabled })
+    /* @__PURE__ */ import_react81.default.createElement(FeeDeductionRadioButtons_default, { disabled: feeOptionDisabled })
   ) : null);
 };
 var ConfirmDetails_default = ConfirmDetails;
 
 // src/components/reusable/AddressInput.tsx
-var import_react81 = __toESM(require("react"), 1);
+var import_react82 = __toESM(require("react"), 1);
 var import_react_redux32 = require("react-redux");
 var AddressInput = ({
   theme,
@@ -4993,7 +5080,7 @@ var AddressInput = ({
   const targetChain = (0, import_react_redux32.useSelector)(selectTargetChain);
   const { connectedAddress: sourceAddress, isReady } = useIsWalletReady4();
   const targetAddress = (0, import_react_redux32.useSelector)(selectTargetAddress);
-  (0, import_react81.useEffect)(() => {
+  (0, import_react82.useEffect)(() => {
     if (mode === "payment" /* payment */) return;
     if (mode === "light" /* light */ && !initialSelection) {
       if (isEVMChain(targetChain.shortName))
@@ -5019,7 +5106,7 @@ var AddressInput = ({
     mode,
     dispatch
   ]);
-  return /* @__PURE__ */ import_react81.default.createElement(
+  return /* @__PURE__ */ import_react82.default.createElement(
     "input",
     {
       className: `kima-address-input ${theme}`,
@@ -5034,11 +5121,11 @@ var AddressInput = ({
 var AddressInput_default = AddressInput;
 
 // src/components/reusable/CustomCheckbox.tsx
-var import_react82 = __toESM(require("react"), 1);
+var import_react83 = __toESM(require("react"), 1);
 var import_react_redux33 = require("react-redux");
 
 // src/components/reusable/StepBox.tsx
-var import_react83 = __toESM(require("react"), 1);
+var import_react84 = __toESM(require("react"), 1);
 var import_react_redux34 = require("react-redux");
 var stepInfo2 = [
   {
@@ -5062,69 +5149,69 @@ var StepBox = ({ step, errorStep, loadingStep, data }) => {
   const explorerUrl = (0, import_react_redux34.useSelector)(selectKimaExplorer);
   const networkOption = (0, import_react_redux34.useSelector)(selectNetworkOption);
   const networks = (0, import_react_redux34.useSelector)(selectNetworks);
-  const sourceChain = (0, import_react83.useMemo)(() => {
+  const sourceChain = (0, import_react84.useMemo)(() => {
     const sourceKey = data?.sourceChain === "FIAT" ? "CC" : data?.sourceChain;
     return networks.find((network) => network.shortName === sourceKey);
   }, [data, networks]);
-  const targetChain = (0, import_react83.useMemo)(
+  const targetChain = (0, import_react84.useMemo)(
     () => networks.find((network) => network.shortName === data?.targetChain),
     [data, networks]
   );
-  return /* @__PURE__ */ import_react83.default.createElement("div", { className: "kima-stepbox" }, /* @__PURE__ */ import_react83.default.createElement("div", { className: `content-wrapper ${theme.colorMode}` }, stepInfo2.map((item, index) => /* @__PURE__ */ import_react83.default.createElement("div", { key: item.title, className: "step-item" }, /* @__PURE__ */ import_react83.default.createElement(
+  return /* @__PURE__ */ import_react84.default.createElement("div", { className: "kima-stepbox" }, /* @__PURE__ */ import_react84.default.createElement("div", { className: `content-wrapper ${theme.colorMode}` }, stepInfo2.map((item, index) => /* @__PURE__ */ import_react84.default.createElement("div", { key: item.title, className: "step-item" }, /* @__PURE__ */ import_react84.default.createElement(
     "div",
     {
       className: `info-item
                   ${step >= index ? index === loadingStep ? "active" : index === errorStep ? "error" : "completed" : ""} 
                   ${step < index && "locked"} ${theme.colorMode}`
     },
-    step < index && /* @__PURE__ */ import_react83.default.createElement(Lock_default, null),
-    step >= index ? index === loadingStep ? /* @__PURE__ */ import_react83.default.createElement(Loader_default, { className: "loader" }) : index === errorStep ? /* @__PURE__ */ import_react83.default.createElement(Warning_default, null) : /* @__PURE__ */ import_react83.default.createElement(Check_default, null) : null,
-    /* @__PURE__ */ import_react83.default.createElement("p", null, item.title)
-  ), index === 0 && data?.kimaTxHash ? /* @__PURE__ */ import_react83.default.createElement("div", { className: `info-item ${theme.colorMode}` }, /* @__PURE__ */ import_react83.default.createElement("div", { className: "icon" }, /* @__PURE__ */ import_react83.default.createElement(USDK_default, { width: 30, height: 30 })), /* @__PURE__ */ import_react83.default.createElement("p", { className: "chain-name" }, "Kima TX Hash:"), /* @__PURE__ */ import_react83.default.createElement("p", null, /* @__PURE__ */ import_react83.default.createElement(
+    step < index && /* @__PURE__ */ import_react84.default.createElement(Lock_default, null),
+    step >= index ? index === loadingStep ? /* @__PURE__ */ import_react84.default.createElement(Loader_default, { className: "loader" }) : index === errorStep ? /* @__PURE__ */ import_react84.default.createElement(Warning_default, null) : /* @__PURE__ */ import_react84.default.createElement(Check_default, null) : null,
+    /* @__PURE__ */ import_react84.default.createElement("p", null, item.title)
+  ), index === 0 && data?.kimaTxHash ? /* @__PURE__ */ import_react84.default.createElement("div", { className: `info-item ${theme.colorMode}` }, /* @__PURE__ */ import_react84.default.createElement("div", { className: "icon" }, /* @__PURE__ */ import_react84.default.createElement(USDK_default, { width: 30, height: 30 })), /* @__PURE__ */ import_react84.default.createElement("p", { className: "chain-name" }, "Kima TX Hash:"), /* @__PURE__ */ import_react84.default.createElement("p", null, /* @__PURE__ */ import_react84.default.createElement(
     ExternalLink_default,
     {
       to: `${explorerUrl}/transactions/?tx=${data?.kimaTxHash}`
     },
     getShortenedAddress(data?.kimaTxHash || "")
-  ), /* @__PURE__ */ import_react83.default.createElement(CopyButton_default, { text: data?.kimaTxHash }))) : null, index === 1 && data?.tssPullHash && sourceChain?.shortName !== "CC" ? /* @__PURE__ */ import_react83.default.createElement(
+  ), /* @__PURE__ */ import_react84.default.createElement(CopyButton_default, { text: data?.kimaTxHash }))) : null, index === 1 && data?.tssPullHash && sourceChain?.shortName !== "CC" ? /* @__PURE__ */ import_react84.default.createElement(
     "div",
     {
       className: `info-item ${theme.colorMode} source-chain ${step >= 3 ? "paid" : ""}`
     },
-    /* @__PURE__ */ import_react83.default.createElement(ChainIcon, { symbol: data.sourceChain }),
-    /* @__PURE__ */ import_react83.default.createElement("p", { className: "chain-name" }, sourceChain?.name, " TX Hash:"),
-    /* @__PURE__ */ import_react83.default.createElement("p", null, /* @__PURE__ */ import_react83.default.createElement(
+    /* @__PURE__ */ import_react84.default.createElement(ChainIcon, { symbol: data.sourceChain }),
+    /* @__PURE__ */ import_react84.default.createElement("p", { className: "chain-name" }, sourceChain?.name, " TX Hash:"),
+    /* @__PURE__ */ import_react84.default.createElement("p", null, /* @__PURE__ */ import_react84.default.createElement(
       ExternalLink_default,
       {
         to: `${sourceChain?.blockExplorers?.default.url}/${data?.sourceChain === "TRX" /* TRON */ ? "#/transaction" : "tx"}/${data?.tssPullHash}${data?.sourceChain === "SOL" /* SOLANA */ && networkOption === "testnet" /* testnet */ ? "?cluster=devnet" : ""}`
       },
       getShortenedAddress(data?.tssPullHash || "")
-    ), /* @__PURE__ */ import_react83.default.createElement(CopyButton_default, { text: data?.tssPullHash || "" }))
-  ) : null, index === 3 && data?.tssRefundHash ? /* @__PURE__ */ import_react83.default.createElement("div", { className: `info-item ${theme.colorMode} target-chain` }, /* @__PURE__ */ import_react83.default.createElement(ChainIcon, { symbol: data.sourceChain }), /* @__PURE__ */ import_react83.default.createElement("p", { className: "chain-name" }, sourceChain?.name, " TX Hash:"), /* @__PURE__ */ import_react83.default.createElement("p", null, /* @__PURE__ */ import_react83.default.createElement(
+    ), /* @__PURE__ */ import_react84.default.createElement(CopyButton_default, { text: data?.tssPullHash || "" }))
+  ) : null, index === 3 && data?.tssRefundHash ? /* @__PURE__ */ import_react84.default.createElement("div", { className: `info-item ${theme.colorMode} target-chain` }, /* @__PURE__ */ import_react84.default.createElement(ChainIcon, { symbol: data.sourceChain }), /* @__PURE__ */ import_react84.default.createElement("p", { className: "chain-name" }, sourceChain?.name, " TX Hash:"), /* @__PURE__ */ import_react84.default.createElement("p", null, /* @__PURE__ */ import_react84.default.createElement(
     ExternalLink_default,
     {
       to: `${sourceChain?.blockExplorers?.default.url}/${data?.sourceChain === "TRX" /* TRON */ ? "#/transaction" : "tx"}/${data?.tssRefundHash}${data?.sourceChain === "SOL" /* SOLANA */ && networkOption === "testnet" /* testnet */ ? "?cluster=devnet" : ""}`
     },
     getShortenedAddress(data?.tssRefundHash || "")
-  ), /* @__PURE__ */ import_react83.default.createElement(CopyButton_default, { text: data?.tssRefundHash || "" }))) : null, index === 3 && data?.tssReleaseHash ? /* @__PURE__ */ import_react83.default.createElement("div", { className: `info-item ${theme.colorMode} target-chain` }, /* @__PURE__ */ import_react83.default.createElement(ChainIcon, { symbol: data.targetChain }), /* @__PURE__ */ import_react83.default.createElement("p", { className: "chain-name" }, targetChain?.name, " TX Hash:"), /* @__PURE__ */ import_react83.default.createElement("p", null, /* @__PURE__ */ import_react83.default.createElement(
+  ), /* @__PURE__ */ import_react84.default.createElement(CopyButton_default, { text: data?.tssRefundHash || "" }))) : null, index === 3 && data?.tssReleaseHash ? /* @__PURE__ */ import_react84.default.createElement("div", { className: `info-item ${theme.colorMode} target-chain` }, /* @__PURE__ */ import_react84.default.createElement(ChainIcon, { symbol: data.targetChain }), /* @__PURE__ */ import_react84.default.createElement("p", { className: "chain-name" }, targetChain?.name, " TX Hash:"), /* @__PURE__ */ import_react84.default.createElement("p", null, /* @__PURE__ */ import_react84.default.createElement(
     ExternalLink_default,
     {
       to: `${targetChain?.blockExplorers?.default.url}/${data?.targetChain === "TRX" /* TRON */ ? "#/transaction" : "tx"}/${data?.tssReleaseHash}${data?.targetChain === "SOL" /* SOLANA */ && networkOption === "testnet" /* testnet */ ? "?cluster=devnet" : ""}`
     },
     getShortenedAddress(data?.tssReleaseHash || "")
-  ), /* @__PURE__ */ import_react83.default.createElement(CopyButton_default, { text: data?.tssReleaseHash || "" }))) : null))));
+  ), /* @__PURE__ */ import_react84.default.createElement(CopyButton_default, { text: data?.tssReleaseHash || "" }))) : null))));
 };
 var StepBox_default = StepBox;
 
 // src/components/reusable/BankInput.tsx
-var import_react84 = __toESM(require("react"), 1);
+var import_react85 = __toESM(require("react"), 1);
 var import_react_redux35 = require("react-redux");
 var import_react_redux36 = require("react-redux");
 var BankInput = () => {
   const dispatch = (0, import_react_redux35.useDispatch)();
   const theme = (0, import_react_redux36.useSelector)(selectTheme);
   const bankDetails = (0, import_react_redux36.useSelector)(selectBankDetails);
-  return /* @__PURE__ */ import_react84.default.createElement("div", { className: "bank-input" }, /* @__PURE__ */ import_react84.default.createElement("div", { className: `form-item ${theme.colorMode}` }, /* @__PURE__ */ import_react84.default.createElement("span", { className: "label" }, "IBAN:"), /* @__PURE__ */ import_react84.default.createElement(
+  return /* @__PURE__ */ import_react85.default.createElement("div", { className: "bank-input" }, /* @__PURE__ */ import_react85.default.createElement("div", { className: `form-item ${theme.colorMode}` }, /* @__PURE__ */ import_react85.default.createElement("span", { className: "label" }, "IBAN:"), /* @__PURE__ */ import_react85.default.createElement(
     "input",
     {
       className: "kima-address-input",
@@ -5132,7 +5219,7 @@ var BankInput = () => {
       value: bankDetails.iban,
       onChange: (e) => dispatch(setBankDetails({ ...bankDetails, iban: e.target.value }))
     }
-  )), /* @__PURE__ */ import_react84.default.createElement("div", { className: `form-item ${theme.colorMode}` }, /* @__PURE__ */ import_react84.default.createElement("span", { className: "label" }, "Recipient:"), /* @__PURE__ */ import_react84.default.createElement(
+  )), /* @__PURE__ */ import_react85.default.createElement("div", { className: `form-item ${theme.colorMode}` }, /* @__PURE__ */ import_react85.default.createElement("span", { className: "label" }, "Recipient:"), /* @__PURE__ */ import_react85.default.createElement(
     "input",
     {
       className: "kima-address-input",
@@ -5147,7 +5234,7 @@ var BankInput = () => {
 var BankInput_default = BankInput;
 
 // src/components/reusable/TxButton.tsx
-var import_react85 = __toESM(require("react"), 1);
+var import_react86 = __toESM(require("react"), 1);
 var import_react_redux37 = require("react-redux");
 var import_react_redux38 = require("react-redux");
 var TxButton = ({ theme }) => {
@@ -5156,14 +5243,14 @@ var TxButton = ({ theme }) => {
     dispatch(setPendingTxPopup(true));
   };
   const txCount = (0, import_react_redux38.useSelector)(selectPendingTxs);
-  return /* @__PURE__ */ import_react85.default.createElement(
+  return /* @__PURE__ */ import_react86.default.createElement(
     "button",
     {
       className: `secondary-button tx-button ${theme.colorMode}`,
       onClick: handleClick
     },
     txCount,
-    /* @__PURE__ */ import_react85.default.createElement(
+    /* @__PURE__ */ import_react86.default.createElement(
       ring_default,
       {
         height: 16,
@@ -5182,7 +5269,7 @@ var import_react_redux43 = require("react-redux");
 var import_react_hot_toast3 = require("react-hot-toast");
 
 // src/hooks/useGetTxData.ts
-var import_react86 = require("react");
+var import_react87 = require("react");
 var import_react_query14 = require("@tanstack/react-query");
 
 // src/services/transactionApi.ts
@@ -5273,7 +5360,7 @@ var getTxData = async ({
 // src/hooks/useGetTxData.ts
 var POLLING_INTERVAL_MS = 1e3 * 10;
 var useGetTxData = (txId, dAppOption, backendUrl) => {
-  const refPollForUpdates = (0, import_react86.useRef)(false);
+  const refPollForUpdates = (0, import_react87.useRef)(false);
   const isLP = dAppOption === "LPAdd" /* LPAdd */ || dAppOption === "LPDrain" /* LPDrain */;
   const validTxId = typeof txId === "number" ? txId > 0 : txId.toString().length > 0;
   const result = (0, import_react_query14.useQuery)({
@@ -5290,17 +5377,17 @@ var useGetTxData = (txId, dAppOption, backendUrl) => {
 var useGetTxData_default = useGetTxData;
 
 // src/components/reusable/TransactionStatusMessage.tsx
-var import_react87 = __toESM(require("react"), 1);
+var import_react88 = __toESM(require("react"), 1);
 var TransactionStatusMessage = ({
   isCompleted,
   transactionId
 }) => {
-  return /* @__PURE__ */ import_react87.default.createElement("div", { className: "transaction-status-message" }, /* @__PURE__ */ import_react87.default.createElement("h2", null, isCompleted !== "Completed" /* COMPLETED */ && "Your transaction is currently being processed.", " ", "Please copy the Transaction ID below for future reference. You can use this ID to track the transaction status or resolve any issues if needed."), /* @__PURE__ */ import_react87.default.createElement("span", { className: "transaction-copy" }, /* @__PURE__ */ import_react87.default.createElement("h3", null, transactionId), /* @__PURE__ */ import_react87.default.createElement(CopyButton_default, { text: transactionId })));
+  return /* @__PURE__ */ import_react88.default.createElement("div", { className: "transaction-status-message" }, /* @__PURE__ */ import_react88.default.createElement("h2", null, isCompleted !== "Completed" /* COMPLETED */ && "Your transaction is currently being processed.", " ", "Please copy the Transaction ID below for future reference. You can use this ID to track the transaction status or resolve any issues if needed."), /* @__PURE__ */ import_react88.default.createElement("span", { className: "transaction-copy" }, /* @__PURE__ */ import_react88.default.createElement("h3", null, transactionId), /* @__PURE__ */ import_react88.default.createElement(CopyButton_default, { text: transactionId })));
 };
 var TransactionStatusMessage_default = TransactionStatusMessage;
 
 // src/components/reusable/TransactionSearch.tsx
-var import_react88 = __toESM(require("react"), 1);
+var import_react89 = __toESM(require("react"), 1);
 var import_react_redux39 = require("react-redux");
 var import_react_redux40 = require("react-redux");
 var import_react_hot_toast2 = __toESM(require("react-hot-toast"), 1);
@@ -5308,12 +5395,12 @@ var TransactionSearch = () => {
   const theme = (0, import_react_redux39.useSelector)(selectTheme);
   const backendUrl = (0, import_react_redux39.useSelector)(selectBackendUrl);
   const dispatch = (0, import_react_redux40.useDispatch)();
-  const [transactionId, setTransactionId] = (0, import_react88.useState)("");
-  const refPollForUpdates = (0, import_react88.useRef)(false);
+  const [transactionId, setTransactionId] = (0, import_react89.useState)("");
+  const refPollForUpdates = (0, import_react89.useRef)(false);
   const handleSearch = async () => {
     if (transactionId.length <= 0)
       return import_react_hot_toast2.default.error("You must provide a valid transaction id", {
-        icon: /* @__PURE__ */ import_react88.default.createElement(Error_default, null)
+        icon: /* @__PURE__ */ import_react89.default.createElement(Error_default, null)
       });
     try {
       const data = await getTxData({
@@ -5330,11 +5417,11 @@ var TransactionSearch = () => {
       logger_default.error("Error searching transaction: ", error);
       return import_react_hot_toast2.default.error(
         "Transaction not found. Please check for the proper transaction id.",
-        { icon: /* @__PURE__ */ import_react88.default.createElement(Error_default, null) }
+        { icon: /* @__PURE__ */ import_react89.default.createElement(Error_default, null) }
       );
     }
   };
-  return /* @__PURE__ */ import_react88.default.createElement("div", { className: "form-item transaction-search" }, /* @__PURE__ */ import_react88.default.createElement("div", { className: "transaction-input" }, /* @__PURE__ */ import_react88.default.createElement("span", { className: "label" }, "Search Transaction:"), /* @__PURE__ */ import_react88.default.createElement(
+  return /* @__PURE__ */ import_react89.default.createElement("div", { className: "form-item transaction-search" }, /* @__PURE__ */ import_react89.default.createElement("div", { className: "transaction-input" }, /* @__PURE__ */ import_react89.default.createElement("span", { className: "label" }, "Search Transaction:"), /* @__PURE__ */ import_react89.default.createElement(
     "input",
     {
       className: `${theme.colorMode}`,
@@ -5344,18 +5431,18 @@ var TransactionSearch = () => {
       onChange: (e) => setTransactionId(e.target.value),
       spellCheck: false
     }
-  )), /* @__PURE__ */ import_react88.default.createElement(SecondaryButton_default, { clickHandler: handleSearch }, "Search"));
+  )), /* @__PURE__ */ import_react89.default.createElement(SecondaryButton_default, { clickHandler: handleSearch }, "Search"));
 };
 var TransactionSearch_default = TransactionSearch;
 
 // src/components/TransactionWidget.tsx
 var TransactionWidget = ({ theme }) => {
-  const [step, setStep] = (0, import_react89.useState)(0);
-  const [focus, setFocus] = (0, import_react89.useState)(-1);
-  const [errorStep, setErrorStep] = (0, import_react89.useState)(-1);
-  const [errorMessage, setErrorMessage] = (0, import_react89.useState)("");
-  const [loadingStep, setLoadingStep] = (0, import_react89.useState)(-1);
-  const [minimized, setMinimized] = (0, import_react89.useState)(false);
+  const [step, setStep] = (0, import_react90.useState)(0);
+  const [focus, setFocus] = (0, import_react90.useState)(-1);
+  const [errorStep, setErrorStep] = (0, import_react90.useState)(-1);
+  const [errorMessage, setErrorMessage] = (0, import_react90.useState)("");
+  const [loadingStep, setLoadingStep] = (0, import_react90.useState)(-1);
+  const [minimized, setMinimized] = (0, import_react90.useState)(false);
   const dispatch = (0, import_react_redux43.useDispatch)();
   const mode = (0, import_react_redux42.useSelector)(selectMode);
   const feeDeduct = (0, import_react_redux42.useSelector)(selectFeeDeduct);
@@ -5373,42 +5460,42 @@ var TransactionWidget = ({ theme }) => {
   const { successHandler, closeHandler } = useKimaContext();
   const backendUrl = (0, import_react_redux42.useSelector)(selectBackendUrl);
   const { data, error } = useGetTxData_default(txId, dAppOption, backendUrl);
-  const transactionSourceChain = (0, import_react89.useMemo)(
+  const transactionSourceChain = (0, import_react90.useMemo)(
     () => networks.find(
       (network) => network.shortName === (mode === "status" /* status */ ? data?.sourceChain === "FIAT" ? "CC" : data?.sourceChain : sourceChain.shortName)
     ),
     [data, mode, sourceChain]
   );
-  const transactionTargetChain = (0, import_react89.useMemo)(
+  const transactionTargetChain = (0, import_react90.useMemo)(
     () => networks.find(
       (network) => network.shortName === (mode === "status" /* status */ ? data?.targetChain : targetChain.shortName)
     ),
     [data, mode, targetChain]
   );
-  const isValidTxId = (0, import_react89.useMemo)(() => {
+  const isValidTxId = (0, import_react90.useMemo)(() => {
     return !(!txId || typeof txId === "string" && txId.length === 0 || typeof txId === "number" && txId < 0);
   }, [txId]);
-  const isEmptyStatus = (0, import_react89.useMemo)(() => {
+  const isEmptyStatus = (0, import_react90.useMemo)(() => {
     if (!data) return true;
     return data?.amount === "";
   }, [data]);
   const { data: chainData } = useChainData(backendUrl);
-  (0, import_react89.useEffect)(() => {
+  (0, import_react90.useEffect)(() => {
     if (!data || data.status !== "Completed" /* COMPLETED */) return;
     successHandler && successHandler({
       txId
     });
   }, [data]);
-  (0, import_react89.useEffect)(() => {
+  (0, import_react90.useEffect)(() => {
     if (error)
       import_react_hot_toast3.toast.error(
         "The provided transaction id is not valid, please use a different one or contact support for further assistance",
         {
-          icon: /* @__PURE__ */ import_react89.default.createElement(Error_default, null)
+          icon: /* @__PURE__ */ import_react90.default.createElement(Error_default, null)
         }
       );
   }, [error]);
-  (0, import_react89.useEffect)(() => {
+  (0, import_react90.useEffect)(() => {
     if (!data) {
       setStep(0);
       setLoadingStep(0);
@@ -5428,7 +5515,7 @@ var TransactionWidget = ({ theme }) => {
       setErrorStep(1);
       setLoadingStep(-1);
       logger_default.error("transaction failed:", data.failReason);
-      import_react_hot_toast3.toast.error("Unavailable", { icon: /* @__PURE__ */ import_react89.default.createElement(Error_default, null) });
+      import_react_hot_toast3.toast.error("Unavailable", { icon: /* @__PURE__ */ import_react90.default.createElement(Error_default, null) });
       setErrorMessage("Unavailable");
     } else if (status === "Paid" /* PAID */) {
       setStep(3);
@@ -5439,7 +5526,7 @@ var TransactionWidget = ({ theme }) => {
       import_react_hot_toast3.toast.error(
         "Failed to release tokens to target! Starting refund process.",
         {
-          icon: /* @__PURE__ */ import_react89.default.createElement(Error_default, null)
+          icon: /* @__PURE__ */ import_react90.default.createElement(Error_default, null)
         }
       );
       setErrorMessage(
@@ -5450,7 +5537,7 @@ var TransactionWidget = ({ theme }) => {
       setErrorStep(3);
       setLoadingStep(-1);
       import_react_hot_toast3.toast.error("Failed to refund tokens to source!", {
-        icon: /* @__PURE__ */ import_react89.default.createElement(Error_default, null)
+        icon: /* @__PURE__ */ import_react90.default.createElement(Error_default, null)
       });
       setErrorMessage("Failed to refund tokens to source!");
     } else if (status === "RefundCompleted" /* REFUNDCOMPLETED */) {
@@ -5458,7 +5545,7 @@ var TransactionWidget = ({ theme }) => {
       setErrorStep(3);
       setLoadingStep(-1);
       import_react_hot_toast3.toast.success("Refund completed!", {
-        icon: /* @__PURE__ */ import_react89.default.createElement(Error_default, null)
+        icon: /* @__PURE__ */ import_react90.default.createElement(Error_default, null)
       });
       setErrorMessage("Refund completed!");
     } else if (status === "FailedToPay" /* FAILEDTOPAY */) {
@@ -5467,7 +5554,7 @@ var TransactionWidget = ({ theme }) => {
       setLoadingStep(-1);
       logger_default.error("transaction failed:", data.failReason);
       import_react_hot_toast3.toast.error("Failed to release tokens to target!", {
-        icon: /* @__PURE__ */ import_react89.default.createElement(Error_default, null)
+        icon: /* @__PURE__ */ import_react90.default.createElement(Error_default, null)
       });
       setErrorMessage("Failed to release tokens to target!");
     } else if (status === "FailedToPull" /* FAILEDTOPULL */) {
@@ -5475,7 +5562,7 @@ var TransactionWidget = ({ theme }) => {
       setErrorStep(1);
       setLoadingStep(-1);
       logger_default.error("transaction failed:", data.failReason);
-      import_react_hot_toast3.toast.error("Failed to pull tokens from source!", { icon: /* @__PURE__ */ import_react89.default.createElement(Error_default, null) });
+      import_react_hot_toast3.toast.error("Failed to pull tokens from source!", { icon: /* @__PURE__ */ import_react90.default.createElement(Error_default, null) });
       setErrorMessage("Failed to pull tokens from source!");
     } else if (status === "Completed" /* COMPLETED */) {
       setStep(4);
@@ -5536,7 +5623,7 @@ var TransactionWidget = ({ theme }) => {
     dispatch(setTxId(-1));
     dispatch(setSubmitted(false));
   };
-  return /* @__PURE__ */ import_react89.default.createElement(import_react_redux41.Provider, { store }, /* @__PURE__ */ import_react89.default.createElement(
+  return /* @__PURE__ */ import_react90.default.createElement(import_react_redux41.Provider, { store }, /* @__PURE__ */ import_react90.default.createElement(
     "div",
     {
       className: `kima-card transaction-card ${theme.colorMode} ${minimized ? "minimized" : ""}`,
@@ -5544,17 +5631,17 @@ var TransactionWidget = ({ theme }) => {
         background: theme.colorMode === "light" /* light */ ? theme.backgroundColorLight : theme.backgroundColorDark
       }
     },
-    /* @__PURE__ */ import_react89.default.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ import_react89.default.createElement("div", { className: "topbar" }, /* @__PURE__ */ import_react89.default.createElement("div", { className: "title" }, isValidTxId && !error ? /* @__PURE__ */ import_react89.default.createElement("div", { className: "transaction-title" }, mode !== "status" /* status */ ? data?.status === "Completed" /* COMPLETED */ ? "Transferred " : "Transfering " : isEmptyStatus ? "Fetching transaction status " : data?.status === "Completed" /* COMPLETED */ ? "Transfered " : "Transfering ", mode !== "status" /* status */ ? Number(amount) !== 0 ? transactionSourceChain?.shortName === "CC" ? bigIntToNumber(txValues.allowanceAmount).toFixed(2) : formatBigInt(txValues.allowanceAmount) : "" : data?.amount || "", " ", mode !== "status" /* status */ ? `${sourceSymbol} ` : isEmptyStatus ? "" : `(${data?.sourceSymbol})`, /* @__PURE__ */ import_react89.default.createElement("div", { className: "title-icon" }, /* @__PURE__ */ import_react89.default.createElement(
+    /* @__PURE__ */ import_react90.default.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ import_react90.default.createElement("div", { className: "topbar" }, /* @__PURE__ */ import_react90.default.createElement("div", { className: "title" }, isValidTxId && !error ? /* @__PURE__ */ import_react90.default.createElement("div", { className: "transaction-title" }, mode !== "status" /* status */ ? data?.status === "Completed" /* COMPLETED */ ? "Transferred " : "Transfering " : isEmptyStatus ? "Fetching transaction status " : data?.status === "Completed" /* COMPLETED */ ? "Transfered " : "Transfering ", mode !== "status" /* status */ ? Number(amount) !== 0 ? transactionSourceChain?.shortName === "CC" ? bigIntToNumber(txValues.allowanceAmount).toFixed(2) : formatBigInt(txValues.allowanceAmount) : "" : data?.amount || "", " ", mode !== "status" /* status */ ? `${sourceSymbol} ` : isEmptyStatus ? "" : `(${data?.sourceSymbol})`, /* @__PURE__ */ import_react90.default.createElement("div", { className: "title-icon" }, /* @__PURE__ */ import_react90.default.createElement(
       ChainIcon,
       {
         symbol: transactionSourceChain?.shortName
       }
-    )), " ", mode !== "status" /* status */ ? `${transactionSourceChain?.name}` : isEmptyStatus ? "" : `${data?.sourceChain === "FIAT" ? "CC" : data?.sourceChain}`, " ", mode !== "status" /* status */ ? `\u2192 ` : isEmptyStatus ? "" : `\u2192 `, mode !== "status" /* status */ ? Number(amount) !== 0 ? transactionSourceChain?.shortName === "CC" ? bigIntToNumber(txValues.submitAmount).toFixed(2) : formatBigInt(txValues.submitAmount) : "" : data?.amount || "", " ", mode !== "status" /* status */ ? `${targetSymbol}${" "}` : isEmptyStatus ? "" : `${data?.targetSymbol}${" "}`, /* @__PURE__ */ import_react89.default.createElement("div", { className: "title-icon" }, /* @__PURE__ */ import_react89.default.createElement(
+    )), " ", mode !== "status" /* status */ ? `${transactionSourceChain?.name}` : isEmptyStatus ? "" : `${data?.sourceChain === "FIAT" ? "CC" : data?.sourceChain}`, " ", mode !== "status" /* status */ ? `\u2192 ` : isEmptyStatus ? "" : `\u2192 `, mode !== "status" /* status */ ? Number(amount) !== 0 ? transactionSourceChain?.shortName === "CC" ? bigIntToNumber(txValues.submitAmount).toFixed(2) : formatBigInt(txValues.submitAmount) : "" : data?.amount || "", " ", mode !== "status" /* status */ ? `${targetSymbol}${" "}` : isEmptyStatus ? "" : `${data?.targetSymbol}${" "}`, /* @__PURE__ */ import_react90.default.createElement("div", { className: "title-icon" }, /* @__PURE__ */ import_react90.default.createElement(
       ChainIcon,
       {
         symbol: transactionTargetChain?.shortName
       }
-    )), " ", mode !== "status" /* status */ ? `${transactionTargetChain?.name}${" "}` : isEmptyStatus ? "" : `${data?.targetChain} ${" "}`) : /* @__PURE__ */ import_react89.default.createElement("div", null, /* @__PURE__ */ import_react89.default.createElement("h3", { className: "transaction" }, "Transaction Status"))), !minimized ? /* @__PURE__ */ import_react89.default.createElement("div", { className: "control-buttons" }, /* @__PURE__ */ import_react89.default.createElement(
+    )), " ", mode !== "status" /* status */ ? `${transactionTargetChain?.name}${" "}` : isEmptyStatus ? "" : `${data?.targetChain} ${" "}`) : /* @__PURE__ */ import_react90.default.createElement("div", null, /* @__PURE__ */ import_react90.default.createElement("h3", { className: "transaction" }, "Transaction Status"))), !minimized ? /* @__PURE__ */ import_react90.default.createElement("div", { className: "control-buttons" }, /* @__PURE__ */ import_react90.default.createElement(
       "button",
       {
         className: "icon-button minimize",
@@ -5562,9 +5649,9 @@ var TransactionWidget = ({ theme }) => {
           setMinimized(true);
         }
       },
-      /* @__PURE__ */ import_react89.default.createElement(Minimize_default, null)
-    ), !isValidTxId || loadingStep < 0 || error ? /* @__PURE__ */ import_react89.default.createElement("button", { className: "reset-button", onClick: resetForm }, "Reset") : null) : /* @__PURE__ */ import_react89.default.createElement("div", { className: "control-buttons" }, /* @__PURE__ */ import_react89.default.createElement("div", { className: "maximize", onClick: () => setMinimized(false) }, "View")))),
-    isValidTxId && !error ? /* @__PURE__ */ import_react89.default.createElement("div", { className: "kima-card-content" }, /* @__PURE__ */ import_react89.default.createElement("div", { className: "transaction-content" }, /* @__PURE__ */ import_react89.default.createElement(
+      /* @__PURE__ */ import_react90.default.createElement(Minimize_default, null)
+    ), !isValidTxId || loadingStep < 0 || error ? /* @__PURE__ */ import_react90.default.createElement("button", { className: "reset-button", onClick: resetForm }, "Reset") : null) : /* @__PURE__ */ import_react90.default.createElement("div", { className: "control-buttons" }, /* @__PURE__ */ import_react90.default.createElement("div", { className: "maximize", onClick: () => setMinimized(false) }, "View")))),
+    isValidTxId && !error ? /* @__PURE__ */ import_react90.default.createElement("div", { className: "kima-card-content" }, /* @__PURE__ */ import_react90.default.createElement("div", { className: "transaction-content" }, /* @__PURE__ */ import_react90.default.createElement(
       Progressbar_default,
       {
         step,
@@ -5573,7 +5660,7 @@ var TransactionWidget = ({ theme }) => {
         setFocus,
         loadingStep
       }
-    ), /* @__PURE__ */ import_react89.default.createElement(
+    ), /* @__PURE__ */ import_react90.default.createElement(
       StepBox_default,
       {
         step,
@@ -5581,14 +5668,14 @@ var TransactionWidget = ({ theme }) => {
         loadingStep,
         data
       }
-    )), !error && !isEmptyStatus && /* @__PURE__ */ import_react89.default.createElement(
+    )), !error && !isEmptyStatus && /* @__PURE__ */ import_react90.default.createElement(
       TransactionStatusMessage_default,
       {
         isCompleted: data?.status,
         transactionId: txId.toString()
       }
-    )) : /* @__PURE__ */ import_react89.default.createElement("div", { className: "kima-card-content" }, /* @__PURE__ */ import_react89.default.createElement("h4", { className: "subtitle" }, "You can follow the status of a previous submitted transaction by entering the provided transaction id"), /* @__PURE__ */ import_react89.default.createElement("div", { className: "single-form" }, /* @__PURE__ */ import_react89.default.createElement(TransactionSearch_default, null))),
-    /* @__PURE__ */ import_react89.default.createElement(
+    )) : /* @__PURE__ */ import_react90.default.createElement("div", { className: "kima-card-content" }, /* @__PURE__ */ import_react90.default.createElement("h4", { className: "subtitle" }, "You can follow the status of a previous submitted transaction by entering the provided transaction id"), /* @__PURE__ */ import_react90.default.createElement("div", { className: "single-form" }, /* @__PURE__ */ import_react90.default.createElement(TransactionSearch_default, null))),
+    /* @__PURE__ */ import_react90.default.createElement(
       import_react_hot_toast3.Toaster,
       {
         position: "top-right",
@@ -5615,45 +5702,55 @@ var TransactionWidget = ({ theme }) => {
         }
       }
     ),
-    /* @__PURE__ */ import_react89.default.createElement("div", { className: "floating-footer status" }, /* @__PURE__ */ import_react89.default.createElement("div", { className: `items ${theme.colorMode}` }, /* @__PURE__ */ import_react89.default.createElement("span", null, "Powered by"), /* @__PURE__ */ import_react89.default.createElement(KimaNetwork_default, null)))
+    /* @__PURE__ */ import_react90.default.createElement("div", { className: "floating-footer status" }, /* @__PURE__ */ import_react90.default.createElement("div", { className: `items ${theme.colorMode}` }, /* @__PURE__ */ import_react90.default.createElement("span", null, "Powered by"), /* @__PURE__ */ import_react90.default.createElement(KimaNetwork_default, null)))
   ));
 };
 
 // src/components/TransferWidget.tsx
-var import_react102 = __toESM(require("react"), 1);
+var import_react103 = __toESM(require("react"), 1);
 var import_react_redux56 = require("react-redux");
 
 // src/components/reusable/SingleForm.tsx
-var import_react91 = __toESM(require("react"), 1);
+var import_react92 = __toESM(require("react"), 1);
 var import_react_hot_toast4 = require("react-hot-toast");
 var import_react_redux46 = require("react-redux");
 
 // src/components/primary/NetworkSelector.tsx
-var import_react90 = __toESM(require("react"), 1);
+var import_react91 = __toESM(require("react"), 1);
 var import_react_redux44 = require("react-redux");
 var NetworkSelector = ({
   type,
   initialSelection,
   setInitialSelection
 }) => {
-  const [collapsed, setCollapsed] = (0, import_react90.useState)(true);
-  const ref = (0, import_react90.useRef)(null);
+  const [collapsed, setCollapsed] = (0, import_react91.useState)(true);
+  const ref = (0, import_react91.useRef)(null);
   const dispatch = (0, import_react_redux44.useDispatch)();
   const theme = (0, import_react_redux44.useSelector)(selectTheme);
   const networkOptions3 = (0, import_react_redux44.useSelector)(selectNetworks);
   const mode = (0, import_react_redux44.useSelector)(selectMode);
   const sourceNetwork = (0, import_react_redux44.useSelector)(selectSourceChain);
+  const sourceSymbol = (0, import_react_redux44.useSelector)(selectSourceCurrency);
   const targetNetwork = (0, import_react_redux44.useSelector)(selectTargetChain);
   const { switchChainHandler } = useKimaContext();
   const isOriginSelector = type === "origin";
-  const networks = (0, import_react90.useMemo)(() => {
+  const networks = (0, import_react91.useMemo)(() => {
     return networkOptions3.filter((network) => {
       const isSameAsSource = isOriginSelector ? false : network.shortName === sourceNetwork.shortName;
       const isAllowedInLightMode = mode !== "light" /* light */ || lightDemoNetworks.includes(network.shortName);
-      return network.supportedLocations.includes(type) && !isSameAsSource && isAllowedInLightMode;
+      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]);
-  const selectedNetwork = (0, import_react90.useMemo)(() => {
+  }, [networkOptions3, sourceNetwork, sourceSymbol, type, mode]);
+  const selectedNetwork = (0, import_react91.useMemo)(() => {
     if (initialSelection) {
       return {
         shortName: "",
@@ -5672,7 +5769,7 @@ var NetworkSelector = ({
     isOriginSelector,
     initialSelection
   ]);
-  (0, import_react90.useEffect)(() => {
+  (0, import_react91.useEffect)(() => {
     if (!networks.length || selectedNetwork.shortName) return;
     const fallbackNetwork = networks[0];
     if (isOriginSelector) {
@@ -5704,7 +5801,7 @@ var NetworkSelector = ({
     type === "origin" ? setInitialSelection((prev) => ({ ...prev, sourceSelection: false })) : setInitialSelection((prev) => ({ ...prev, targetSelection: false }));
     setCollapsed(true);
   };
-  (0, import_react90.useEffect)(() => {
+  (0, import_react91.useEffect)(() => {
     const handleOutsideClick = (e) => {
       if (ref.current && !ref.current.contains(e.target)) {
         setCollapsed(true);
@@ -5715,7 +5812,7 @@ var NetworkSelector = ({
       document.removeEventListener("mousedown", handleOutsideClick);
     };
   }, []);
-  (0, import_react90.useEffect)(() => {
+  (0, import_react91.useEffect)(() => {
     if (mode !== "light" /* light */) return;
     if (isEVMChain(targetNetwork.shortName)) {
       dispatch(setTargetAddress(lightDemoAccounts.EVM));
@@ -5725,20 +5822,20 @@ var NetworkSelector = ({
       dispatch(setTargetAddress(lightDemoAccounts.TRX));
     }
   }, [sourceNetwork, targetNetwork, mode]);
-  return /* @__PURE__ */ import_react90.default.createElement(
+  return /* @__PURE__ */ import_react91.default.createElement(
     "div",
     {
       className: `network-dropdown ${theme?.colorMode ?? ""} ${collapsed ? "collapsed" : "toggled"}`,
       onClick: () => setCollapsed((prev) => !prev),
       ref
     },
-    /* @__PURE__ */ import_react90.default.createElement("div", { className: "network-wrapper" }, /* @__PURE__ */ import_react90.default.createElement(ChainIcon, { symbol: selectedNetwork.shortName }), /* @__PURE__ */ import_react90.default.createElement("span", null, selectedNetwork.name)),
-    /* @__PURE__ */ import_react90.default.createElement(
+    /* @__PURE__ */ import_react91.default.createElement("div", { className: "network-wrapper" }, /* @__PURE__ */ import_react91.default.createElement(ChainIcon, { symbol: selectedNetwork.shortName }), /* @__PURE__ */ import_react91.default.createElement("span", null, selectedNetwork.name)),
+    /* @__PURE__ */ import_react91.default.createElement(
       "div",
       {
         className: `network-menu custom-scrollbar ${theme?.colorMode ?? ""} ${collapsed ? "collapsed" : "toggled"}`
       },
-      networks.filter((network) => network.shortName !== selectedNetwork.shortName).map((network) => /* @__PURE__ */ import_react90.default.createElement(
+      networks.filter((network) => network.shortName !== selectedNetwork.shortName).map((network) => /* @__PURE__ */ import_react91.default.createElement(
         "div",
         {
           key: network.id,
@@ -5750,15 +5847,15 @@ var NetworkSelector = ({
             }
           }
         },
-        network.disabled ? /* @__PURE__ */ import_react90.default.createElement(Warning_default, { width: 25, height: 25 }) : /* @__PURE__ */ import_react90.default.createElement(ChainIcon, { symbol: network.shortName }),
-        /* @__PURE__ */ import_react90.default.createElement("p", null, network.name),
-        network.disabled && /* @__PURE__ */ import_react90.default.createElement("span", { className: "tooltip" }, "Temporarily unavailable")
+        network.disabled ? /* @__PURE__ */ import_react91.default.createElement(Warning_default, { width: 25, height: 25 }) : /* @__PURE__ */ import_react91.default.createElement(ChainIcon, { symbol: network.shortName }),
+        /* @__PURE__ */ import_react91.default.createElement("p", null, network.name),
+        network.disabled && /* @__PURE__ */ import_react91.default.createElement("span", { className: "tooltip" }, "Temporarily unavailable")
       ))
     ),
-    /* @__PURE__ */ import_react90.default.createElement("div", { className: `dropdown-icon ${collapsed ? "toggled" : "collapsed"}` }, /* @__PURE__ */ import_react90.default.createElement(Arrow_default, { fill: "none" }))
+    /* @__PURE__ */ import_react91.default.createElement("div", { className: `dropdown-icon ${collapsed ? "toggled" : "collapsed"}` }, /* @__PURE__ */ import_react91.default.createElement(Arrow_default, { fill: "none" }))
   );
 };
-var NetworkSelector_default = import_react90.default.memo(NetworkSelector);
+var NetworkSelector_default = import_react91.default.memo(NetworkSelector);
 
 // src/components/reusable/SingleForm.tsx
 var import_viem6 = require("viem");
@@ -5885,7 +5982,7 @@ var SingleForm = ({
   const targetNetwork = (0, import_react_redux46.useSelector)(selectTargetChain);
   const targetAddress = (0, import_react_redux46.useSelector)(selectTargetAddress);
   const { isReady } = useIsWalletReady4();
-  const [amountValue, setAmountValue] = (0, import_react91.useState)("");
+  const [amountValue, setAmountValue] = (0, import_react92.useState)("");
   const amount = (0, import_react_redux46.useSelector)(selectAmount);
   const sourceCurrency = (0, import_react_redux46.useSelector)(selectSourceCurrency);
   const targetCurrency = (0, import_react_redux46.useSelector)(selectTargetCurrency);
@@ -5905,18 +6002,18 @@ var SingleForm = ({
     targetSymbol: targetCurrency,
     backendUrl
   });
-  (0, import_react91.useEffect)(() => {
+  (0, import_react92.useEffect)(() => {
     if (fees) {
       dispatch(setServiceFee(fees));
     }
   }, [fees, dispatch]);
   const { kimaBackendUrl } = useKimaContext();
   const { data: envOptions } = useGetEnvOptions({ kimaBackendUrl });
-  const errorMessage = (0, import_react91.useMemo)(
+  const errorMessage = (0, import_react92.useMemo)(
     () => compliantOption && targetCompliant !== null && !targetCompliant?.isCompliant ? `Target address has ${targetCompliant.results?.[0].result.risk_score} risk` : "",
     [compliantOption, targetCompliant]
   );
-  const maxValue = (0, import_react91.useMemo)(() => {
+  const maxValue = (0, import_react92.useMemo)(() => {
     if (mode === "light" /* light */)
       return BigInt(
         envOptions?.transferLimitMaxUSDT ? parseFloat(envOptions?.transferLimitMaxUSDT) : 1e3
@@ -5926,11 +6023,17 @@ var SingleForm = ({
     const intAmount = (0, import_viem6.parseUnits)(amount, totalFee.decimals);
     return balance - intAmount;
   }, [balance, totalFee, feeDeduct]);
-  (0, import_react91.useEffect)(() => {
+  const feeCurrency = (0, import_react92.useMemo)(() => {
+    const sourceToken = sourceNetwork.supportedTokens.find(
+      (t) => t.symbol === sourceCurrency
+    );
+    return sourceToken?.peggedTo ?? "USD";
+  }, [sourceNetwork, sourceCurrency]);
+  (0, import_react92.useEffect)(() => {
     if (!errorMessage) return;
     import_react_hot_toast4.toast.error(errorMessage);
   }, [errorMessage]);
-  (0, import_react91.useEffect)(() => {
+  (0, import_react92.useEffect)(() => {
     if (amountValue && amount !== "") return;
     setAmountValue(amount);
   }, [amount]);
@@ -5958,10 +6061,10 @@ var SingleForm = ({
     setAmountValue(truncated);
     dispatch(setAmount(truncated));
   };
-  const isConnected = (0, import_react91.useMemo)(() => {
+  const isConnected = (0, import_react92.useMemo)(() => {
     return isReady && !initialSelection.sourceSelection;
   }, [isReady, initialSelection]);
-  return /* @__PURE__ */ import_react91.default.createElement("div", { className: "single-form" }, /* @__PURE__ */ import_react91.default.createElement("div", { className: "form-item" }, /* @__PURE__ */ import_react91.default.createElement("span", { className: "label" }, "Source Network:"), /* @__PURE__ */ import_react91.default.createElement("div", { className: "items" }, /* @__PURE__ */ import_react91.default.createElement(
+  return /* @__PURE__ */ import_react92.default.createElement("div", { className: "single-form" }, /* @__PURE__ */ import_react92.default.createElement("div", { className: "form-item" }, /* @__PURE__ */ import_react92.default.createElement("span", { className: "label" }, "Source Network:"), /* @__PURE__ */ import_react92.default.createElement("div", { className: "items" }, /* @__PURE__ */ import_react92.default.createElement(
     NetworkSelector_default,
     {
       type: "origin",
@@ -5970,20 +6073,20 @@ var SingleForm = ({
         setInitialSelection
       }
     }
-  ), /* @__PURE__ */ import_react91.default.createElement(CoinDropdown_default, null))), /* @__PURE__ */ import_react91.default.createElement(
+  ), /* @__PURE__ */ import_react92.default.createElement(CoinDropdown_default, null))), /* @__PURE__ */ import_react92.default.createElement(
     "div",
     {
       className: `dynamic-area ${sourceNetwork.shortName === "FIAT" /* FIAT */ ? "reverse" : "1"}`
     },
-    sourceNetwork.compatibility !== "CC" /* CC */ && /* @__PURE__ */ import_react91.default.createElement(
+    sourceNetwork.compatibility !== "CC" /* CC */ && /* @__PURE__ */ import_react92.default.createElement(
       "div",
       {
         className: `form-item wallet-button-item ${isConnected && "connected"}`
       },
-      /* @__PURE__ */ import_react91.default.createElement("span", { className: "label" }, "Wallet:"),
-      /* @__PURE__ */ import_react91.default.createElement(WalletButton_default, { initialSelection: initialSelection.sourceSelection })
+      /* @__PURE__ */ import_react92.default.createElement("span", { className: "label" }, "Wallet:"),
+      /* @__PURE__ */ import_react92.default.createElement(WalletButton_default, { initialSelection: initialSelection.sourceSelection })
     ),
-    mode !== "payment" /* payment */ && /* @__PURE__ */ import_react91.default.createElement("div", { className: "form-item" }, /* @__PURE__ */ import_react91.default.createElement("span", { className: "label" }, "Target Network:"), /* @__PURE__ */ import_react91.default.createElement("div", { className: "items" }, /* @__PURE__ */ import_react91.default.createElement(
+    mode !== "payment" /* payment */ && /* @__PURE__ */ import_react92.default.createElement("div", { className: "form-item" }, /* @__PURE__ */ import_react92.default.createElement("span", { className: "label" }, "Target Network:"), /* @__PURE__ */ import_react92.default.createElement("div", { className: "items" }, /* @__PURE__ */ import_react92.default.createElement(
       NetworkSelector_default,
       {
         type: "target",
@@ -5992,29 +6095,29 @@ var SingleForm = ({
           setInitialSelection
         }
       }
-    ), /* @__PURE__ */ import_react91.default.createElement(CoinDropdown_default, { isSourceChain: false })))
-  ), mode === "bridge" /* bridge */ && sourceNetwork.shortName !== "FIAT" /* FIAT */ ? targetNetwork.shortName === "FIAT" /* FIAT */ ? /* @__PURE__ */ import_react91.default.createElement(BankInput_default, null) : /* @__PURE__ */ import_react91.default.createElement("div", { className: `form-item ${theme.colorMode}` }, /* @__PURE__ */ import_react91.default.createElement("span", { className: "label" }, "Target Address:"), /* @__PURE__ */ import_react91.default.createElement(
+    ), /* @__PURE__ */ import_react92.default.createElement(CoinDropdown_default, { isSourceChain: false })))
+  ), mode === "bridge" /* bridge */ && sourceNetwork.shortName !== "FIAT" /* FIAT */ ? targetNetwork.shortName === "FIAT" /* FIAT */ ? /* @__PURE__ */ import_react92.default.createElement(BankInput_default, null) : /* @__PURE__ */ import_react92.default.createElement("div", { className: `form-item ${theme.colorMode}` }, /* @__PURE__ */ import_react92.default.createElement("span", { className: "label" }, "Target Address:"), /* @__PURE__ */ import_react92.default.createElement(
     AddressInput_default,
     {
       theme: theme.colorMode,
       placeholder: "Target address",
       initialSelection
     }
-  )) : null, mode === "light" /* light */ && /* @__PURE__ */ import_react91.default.createElement(
+  )) : null, mode === "light" /* light */ && /* @__PURE__ */ import_react92.default.createElement(
     "div",
     {
       className: `form-item wallet-button-item ${!initialSelection.targetSelection && "connected"}`,
       style: { display: "flex", alignItems: "center" }
     },
-    /* @__PURE__ */ import_react91.default.createElement("span", { className: "label" }, "Target Wallet:"),
-    /* @__PURE__ */ import_react91.default.createElement(
+    /* @__PURE__ */ import_react92.default.createElement("span", { className: "label" }, "Target Wallet:"),
+    /* @__PURE__ */ import_react92.default.createElement(
       WalletButton_default,
       {
         initialSelection: initialSelection.targetSelection,
         placeholder: true
       }
     )
-  ), mode === "bridge" /* bridge */ && /* @__PURE__ */ import_react91.default.createElement("div", { className: `form-item ${theme.colorMode}` }, /* @__PURE__ */ import_react91.default.createElement("span", { className: "label" }, "Amount:"), /* @__PURE__ */ import_react91.default.createElement("div", { className: `amount-label-container items ${theme.colorMode}` }, /* @__PURE__ */ import_react91.default.createElement(
+  ), mode === "bridge" /* bridge */ && /* @__PURE__ */ import_react92.default.createElement("div", { className: `form-item ${theme.colorMode}` }, /* @__PURE__ */ import_react92.default.createElement("span", { className: "label" }, "Amount:"), /* @__PURE__ */ import_react92.default.createElement("div", { className: `amount-label-container items ${theme.colorMode}` }, /* @__PURE__ */ import_react92.default.createElement(
     "input",
     {
       className: `${theme.colorMode}`,
@@ -6023,7 +6126,7 @@ var SingleForm = ({
       value: amountValue || "",
       onChange: (e) => onAmountChange(e.target.value)
     }
-  ), /* @__PURE__ */ import_react91.default.createElement("div", { className: "max-disclaimer" }, sourceNetwork.shortName !== "CC" && /* @__PURE__ */ import_react91.default.createElement("span", { className: "max-button", onClick: onMaxClick }, "Max"), +totalFee !== -1 && /* @__PURE__ */ import_react91.default.createElement("p", { className: "fee-amount" }, "Est fees:", " ", /* @__PURE__ */ import_react91.default.createElement("span", { className: `${isLoadingFees ? "loading" : ""}` }, " ", isLoadingFees ? "" : `$ ${formatBigInt(totalFee)} USD`))))));
+  ), /* @__PURE__ */ import_react92.default.createElement("div", { className: "max-disclaimer" }, sourceNetwork.shortName !== "CC" && /* @__PURE__ */ import_react92.default.createElement("span", { className: "max-button", onClick: onMaxClick }, "Max"), +totalFee !== -1 && /* @__PURE__ */ import_react92.default.createElement("p", { className: "fee-amount" }, "Est fees:", " ", /* @__PURE__ */ import_react92.default.createElement("span", { className: `${isLoadingFees ? "loading" : ""}` }, " ", isLoadingFees ? "" : `$ ${formatBigInt(totalFee)} ${feeCurrency}`))))));
 };
 var SingleForm_default = SingleForm;
 
@@ -6072,11 +6175,11 @@ function useAllowance2({
 var import_react_hot_toast5 = require("react-hot-toast");
 
 // plugins/solana/components/SolanaWalletConnectModal.tsx
-var import_react94 = __toESM(require("react"), 1);
+var import_react95 = __toESM(require("react"), 1);
 var import_react_redux49 = require("react-redux");
 
 // plugins/solana/components/SolanaWalletSelect.tsx
-var import_react92 = __toESM(require("react"), 1);
+var import_react93 = __toESM(require("react"), 1);
 var import_react_redux47 = require("react-redux");
 var import_wallet_adapter_react7 = require("@solana/wallet-adapter-react");
 var import_wallet_adapter_base = require("@solana/wallet-adapter-base");
@@ -6084,9 +6187,9 @@ var SolanaWalletSelect = () => {
   const theme = (0, import_react_redux47.useSelector)(selectTheme);
   const sourceChain = (0, import_react_redux47.useSelector)(selectSourceChain);
   const dispatch = (0, import_react_redux47.useDispatch)();
-  const sliderRef = (0, import_react92.useRef)();
+  const sliderRef = (0, import_react93.useRef)();
   const { wallet, wallets, select, connect, connected } = (0, import_wallet_adapter_react7.useWallet)();
-  const [detected, undetected] = (0, import_react92.useMemo)(() => {
+  const [detected, undetected] = (0, import_react93.useMemo)(() => {
     const detected2 = [];
     const undetected2 = [];
     for (const wallet2 of wallets) {
@@ -6098,7 +6201,7 @@ var SolanaWalletSelect = () => {
     }
     return [detected2, undetected2];
   }, [wallets]);
-  (0, import_react92.useEffect)(() => {
+  (0, import_react93.useEffect)(() => {
     let isDown = false;
     let startX;
     let scrollLeft;
@@ -6124,7 +6227,7 @@ var SolanaWalletSelect = () => {
       sliderRef.current.scrollLeft = scrollLeft - walk;
     });
   }, []);
-  const handleWalletClick = (0, import_react92.useCallback)(
+  const handleWalletClick = (0, import_react93.useCallback)(
     (walletName) => {
       logger_default.debug(
         "SolanaWalletSelect: handleWalletClick: walletName: ",
@@ -6134,7 +6237,7 @@ var SolanaWalletSelect = () => {
     },
     [select]
   );
-  (0, import_react92.useEffect)(() => {
+  (0, import_react93.useEffect)(() => {
     logger_default.debug("SolanaWalletSelect: useEffect: wallet: ", wallet);
     if (!wallet) return;
     if (sourceChain.shortName !== "SOL") {
@@ -6150,28 +6253,28 @@ var SolanaWalletSelect = () => {
     }
     dispatch(setSolanaConnectModal(false));
   }, [wallet, sourceChain]);
-  return /* @__PURE__ */ import_react92.default.createElement("div", { className: `wallet-select` }, /* @__PURE__ */ import_react92.default.createElement("div", { className: "slide-area hide-scrollbar", ref: sliderRef }, /* @__PURE__ */ import_react92.default.createElement("div", { className: "wallet-container" }, detected.map((wallet2, index) => /* @__PURE__ */ import_react92.default.createElement(
+  return /* @__PURE__ */ import_react93.default.createElement("div", { className: `wallet-select` }, /* @__PURE__ */ import_react93.default.createElement("div", { className: "slide-area hide-scrollbar", ref: sliderRef }, /* @__PURE__ */ import_react93.default.createElement("div", { className: "wallet-container" }, detected.map((wallet2, index) => /* @__PURE__ */ import_react93.default.createElement(
     "div",
     {
       className: `card-item ${theme.colorMode}`,
       onClick: () => handleWalletClick(wallet2.adapter.name),
       key: `${wallet2.adapter.name}-${index}`
     },
-    /* @__PURE__ */ import_react92.default.createElement("div", { className: "wallet-item" }, /* @__PURE__ */ import_react92.default.createElement("img", { src: wallet2.adapter.icon, alt: wallet2.adapter.name }), /* @__PURE__ */ import_react92.default.createElement("span", null, wallet2.adapter.name))
-  )), undetected.map((wallet2, index) => /* @__PURE__ */ import_react92.default.createElement(
+    /* @__PURE__ */ import_react93.default.createElement("div", { className: "wallet-item" }, /* @__PURE__ */ import_react93.default.createElement("img", { src: wallet2.adapter.icon, alt: wallet2.adapter.name }), /* @__PURE__ */ import_react93.default.createElement("span", null, wallet2.adapter.name))
+  )), undetected.map((wallet2, index) => /* @__PURE__ */ import_react93.default.createElement(
     ExternalLink_default,
     {
       to: wallet2.adapter.url,
       className: `card-item ${theme.colorMode}`,
       key: `${wallet2.adapter.name}-${index}`
     },
-    /* @__PURE__ */ import_react92.default.createElement("div", { className: "wallet-item" }, /* @__PURE__ */ import_react92.default.createElement("img", { src: wallet2.adapter.icon, alt: wallet2.adapter.name }), /* @__PURE__ */ import_react92.default.createElement("span", null, "Install ", wallet2.adapter.name))
+    /* @__PURE__ */ import_react93.default.createElement("div", { className: "wallet-item" }, /* @__PURE__ */ import_react93.default.createElement("img", { src: wallet2.adapter.icon, alt: wallet2.adapter.name }), /* @__PURE__ */ import_react93.default.createElement("span", null, "Install ", wallet2.adapter.name))
   )))));
 };
 var SolanaWalletSelect_default = SolanaWalletSelect;
 
 // plugins/solana/components/AccountDetailsModal.tsx
-var import_react93 = __toESM(require("react"), 1);
+var import_react94 = __toESM(require("react"), 1);
 var import_react_redux48 = require("react-redux");
 var import_wallet_adapter_react8 = require("@solana/wallet-adapter-react");
 var AccountDetailsModal = () => {
@@ -6184,7 +6287,7 @@ var AccountDetailsModal = () => {
   const { disconnect: solanaWalletDisconnect } = (0, import_wallet_adapter_react8.useWallet)();
   const { balance: solBalance } = useGetSolBalance_default();
   const networkDetails = networkOptions2[0];
-  const explorerUrl = (0, import_react93.useMemo)(() => {
+  const explorerUrl = (0, import_react94.useMemo)(() => {
     return `https://solscan.io/account/${walletAddress}?cluster=${networkOption === "mainnet" ? "mainnet" : "devnet"}`;
   }, [walletAddress, networkOption]);
   const handleDisconnect = () => {
@@ -6192,25 +6295,25 @@ var AccountDetailsModal = () => {
     dispatch(setAccountDetailsModal(false));
   };
   if (sourceChain.shortName !== "SOL") return;
-  return /* @__PURE__ */ import_react93.default.createElement(
+  return /* @__PURE__ */ import_react94.default.createElement(
     "div",
     {
       className: `kima-modal ${theme.colorMode} ${accountDetailsModal && "open"}`
     },
-    /* @__PURE__ */ import_react93.default.createElement("div", { className: "modal-overlay" }),
-    /* @__PURE__ */ import_react93.default.createElement("div", { className: `modal-content-container ${theme.colorMode}` }, /* @__PURE__ */ import_react93.default.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ import_react93.default.createElement("div", { className: "topbar" }, /* @__PURE__ */ import_react93.default.createElement("div", { className: "title" }, /* @__PURE__ */ import_react93.default.createElement("h3", null, "Account Details")), /* @__PURE__ */ import_react93.default.createElement("div", { className: "control-buttons" }, /* @__PURE__ */ import_react93.default.createElement(
+    /* @__PURE__ */ import_react94.default.createElement("div", { className: "modal-overlay" }),
+    /* @__PURE__ */ import_react94.default.createElement("div", { className: `modal-content-container ${theme.colorMode}` }, /* @__PURE__ */ import_react94.default.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ import_react94.default.createElement("div", { className: "topbar" }, /* @__PURE__ */ import_react94.default.createElement("div", { className: "title" }, /* @__PURE__ */ import_react94.default.createElement("h3", null, "Account Details")), /* @__PURE__ */ import_react94.default.createElement("div", { className: "control-buttons" }, /* @__PURE__ */ import_react94.default.createElement(
       "button",
       {
         className: "cross-icon-button",
         onClick: () => dispatch(setAccountDetailsModal(false))
       },
-      /* @__PURE__ */ import_react93.default.createElement(
+      /* @__PURE__ */ import_react94.default.createElement(
         Cross_default,
         {
           fill: theme.colorMode === "light" ? "black" : "white"
         }
       )
-    )))), /* @__PURE__ */ import_react93.default.createElement("div", { className: "modal-content" }, /* @__PURE__ */ import_react93.default.createElement("div", { className: "summary" }, networkDetails && /* @__PURE__ */ import_react93.default.createElement(networkDetails.icon, { width: 60, height: 60 }), /* @__PURE__ */ import_react93.default.createElement("div", { className: "address" }, /* @__PURE__ */ import_react93.default.createElement("h2", null, getShortenedAddress(walletAddress || "")), /* @__PURE__ */ import_react93.default.createElement(CopyButton_default, { text: walletAddress })), /* @__PURE__ */ import_react93.default.createElement("h3", null, formatterFloat.format(Number(solBalance)), " $SOL")), /* @__PURE__ */ import_react93.default.createElement(SecondaryButton_default, { className: "block-explorer" }, /* @__PURE__ */ import_react93.default.createElement(ExternalLink_default, { className: "link", to: explorerUrl }, /* @__PURE__ */ import_react93.default.createElement(Explorer_default, { fill: "#778DA3" }), /* @__PURE__ */ import_react93.default.createElement("p", null, "Block explorer"), /* @__PURE__ */ import_react93.default.createElement(ExternalUrl_default, { fill: "#778DA3" }))), /* @__PURE__ */ import_react93.default.createElement(PrimaryButton_default, { clickHandler: handleDisconnect }, "Discconect")))
+    )))), /* @__PURE__ */ import_react94.default.createElement("div", { className: "modal-content" }, /* @__PURE__ */ import_react94.default.createElement("div", { className: "summary" }, networkDetails && /* @__PURE__ */ import_react94.default.createElement(networkDetails.icon, { width: 60, height: 60 }), /* @__PURE__ */ import_react94.default.createElement("div", { className: "address" }, /* @__PURE__ */ import_react94.default.createElement("h2", null, getShortenedAddress(walletAddress || "")), /* @__PURE__ */ import_react94.default.createElement(CopyButton_default, { text: walletAddress })), /* @__PURE__ */ import_react94.default.createElement("h3", null, formatterFloat.format(Number(solBalance)), " $SOL")), /* @__PURE__ */ import_react94.default.createElement(SecondaryButton_default, { className: "block-explorer" }, /* @__PURE__ */ import_react94.default.createElement(ExternalLink_default, { className: "link", to: explorerUrl }, /* @__PURE__ */ import_react94.default.createElement(Explorer_default, { fill: "#778DA3" }), /* @__PURE__ */ import_react94.default.createElement("p", null, "Block explorer"), /* @__PURE__ */ import_react94.default.createElement(ExternalUrl_default, { fill: "#778DA3" }))), /* @__PURE__ */ import_react94.default.createElement(PrimaryButton_default, { clickHandler: handleDisconnect }, "Discconect")))
   );
 };
 var AccountDetailsModal_default = AccountDetailsModal;
@@ -6220,18 +6323,18 @@ var SolanaWalletConnectModal = () => {
   const dispatch = (0, import_react_redux49.useDispatch)();
   const theme = (0, import_react_redux49.useSelector)(selectTheme);
   const connectModal = (0, import_react_redux49.useSelector)(selectSolanaConnectModal);
-  return /* @__PURE__ */ import_react94.default.createElement("div", null, /* @__PURE__ */ import_react94.default.createElement(AccountDetailsModal_default, null), /* @__PURE__ */ import_react94.default.createElement(
+  return /* @__PURE__ */ import_react95.default.createElement("div", null, /* @__PURE__ */ import_react95.default.createElement(AccountDetailsModal_default, null), /* @__PURE__ */ import_react95.default.createElement(
     "div",
     {
       className: `kima-modal wallet-connect ${connectModal ? "open" : ""}`
     },
-    /* @__PURE__ */ import_react94.default.createElement("div", { className: `modal-content-container ${theme.colorMode}` }, /* @__PURE__ */ import_react94.default.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ import_react94.default.createElement("div", { className: "topbar" }, /* @__PURE__ */ import_react94.default.createElement("div", { className: "title" }, /* @__PURE__ */ import_react94.default.createElement("h3", null, "Connect Wallet")), /* @__PURE__ */ import_react94.default.createElement("div", { className: "control-buttons" }, /* @__PURE__ */ import_react94.default.createElement(
+    /* @__PURE__ */ import_react95.default.createElement("div", { className: `modal-content-container ${theme.colorMode}` }, /* @__PURE__ */ import_react95.default.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ import_react95.default.createElement("div", { className: "topbar" }, /* @__PURE__ */ import_react95.default.createElement("div", { className: "title" }, /* @__PURE__ */ import_react95.default.createElement("h3", null, "Connect Wallet")), /* @__PURE__ */ import_react95.default.createElement("div", { className: "control-buttons" }, /* @__PURE__ */ import_react95.default.createElement(
       "button",
       {
         className: "cross-icon-button",
         onClick: () => dispatch(setSolanaConnectModal(false))
       },
-      /* @__PURE__ */ import_react94.default.createElement(
+      /* @__PURE__ */ import_react95.default.createElement(
         Cross_default,
         {
           width: 30,
@@ -6239,17 +6342,17 @@ var SolanaWalletConnectModal = () => {
           fill: theme.colorMode === "light" ? "black" : "white"
         }
       )
-    )))), /* @__PURE__ */ import_react94.default.createElement("div", { className: "modal-content" }, /* @__PURE__ */ import_react94.default.createElement(SolanaWalletSelect_default, null)))
+    )))), /* @__PURE__ */ import_react95.default.createElement("div", { className: "modal-content" }, /* @__PURE__ */ import_react95.default.createElement(SolanaWalletSelect_default, null)))
   ));
 };
 var SolanaWalletConnectModal_default = SolanaWalletConnectModal;
 
 // plugins/tron/components/TronWalletConnectModal.tsx
-var import_react97 = __toESM(require("react"), 1);
+var import_react98 = __toESM(require("react"), 1);
 var import_react_redux52 = require("react-redux");
 
 // plugins/tron/components/AccountDetailsModal.tsx
-var import_react95 = __toESM(require("react"), 1);
+var import_react96 = __toESM(require("react"), 1);
 var import_react_redux50 = require("react-redux");
 var import_tronwallet_adapter_react_hooks7 = require("@tronweb3/tronwallet-adapter-react-hooks");
 var AccountDetailsModal2 = () => {
@@ -6262,11 +6365,11 @@ var AccountDetailsModal2 = () => {
   const { disconnect: tronWalletDisconnect } = (0, import_tronwallet_adapter_react_hooks7.useWallet)();
   const { balance: tronBalance } = useGetTrxBalance_default();
   const selectedNetwork = (0, import_react_redux50.useSelector)(selectSourceChain);
-  const networkDetails = (0, import_react95.useMemo)(
+  const networkDetails = (0, import_react96.useMemo)(
     () => networkOptions.find(({ id }) => id === selectedNetwork.shortName),
     [selectedNetwork]
   );
-  const explorerUrl = (0, import_react95.useMemo)(() => {
+  const explorerUrl = (0, import_react96.useMemo)(() => {
     return `https://${networkOption === "testnet" && "nile."}tronscan.io/#/address/${connectedAddress}`;
   }, [connectedAddress, networkOption]);
   const handleDisconnect = () => {
@@ -6274,37 +6377,37 @@ var AccountDetailsModal2 = () => {
     dispatch(setAccountDetailsModal(false));
   };
   if (sourcheChain.shortName !== "TRX") return;
-  return /* @__PURE__ */ import_react95.default.createElement(
+  return /* @__PURE__ */ import_react96.default.createElement(
     "div",
     {
       className: `kima-modal ${theme.colorMode} ${accountDetailsModal && "open"}`
     },
-    /* @__PURE__ */ import_react95.default.createElement("div", { className: "modal-overlay" }),
-    /* @__PURE__ */ import_react95.default.createElement("div", { className: `modal-content-container ${theme.colorMode}` }, /* @__PURE__ */ import_react95.default.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ import_react95.default.createElement("div", { className: "topbar" }, /* @__PURE__ */ import_react95.default.createElement("div", { className: "title" }, /* @__PURE__ */ import_react95.default.createElement("h3", null, "Account Details")), /* @__PURE__ */ import_react95.default.createElement("div", { className: "control-buttons" }, /* @__PURE__ */ import_react95.default.createElement(
+    /* @__PURE__ */ import_react96.default.createElement("div", { className: "modal-overlay" }),
+    /* @__PURE__ */ import_react96.default.createElement("div", { className: `modal-content-container ${theme.colorMode}` }, /* @__PURE__ */ import_react96.default.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ import_react96.default.createElement("div", { className: "topbar" }, /* @__PURE__ */ import_react96.default.createElement("div", { className: "title" }, /* @__PURE__ */ import_react96.default.createElement("h3", null, "Account Details")), /* @__PURE__ */ import_react96.default.createElement("div", { className: "control-buttons" }, /* @__PURE__ */ import_react96.default.createElement(
       "button",
       {
         className: "cross-icon-button",
         onClick: () => dispatch(setAccountDetailsModal(false))
       },
-      /* @__PURE__ */ import_react95.default.createElement(
+      /* @__PURE__ */ import_react96.default.createElement(
         Cross_default,
         {
           fill: theme.colorMode === "light" ? "black" : "white"
         }
       )
-    )))), /* @__PURE__ */ import_react95.default.createElement("div", { className: "modal-content" }, /* @__PURE__ */ import_react95.default.createElement("div", { className: "summary" }, networkDetails && /* @__PURE__ */ import_react95.default.createElement(networkDetails.icon, { width: 60, height: 60 }), /* @__PURE__ */ import_react95.default.createElement("div", { className: "address" }, /* @__PURE__ */ import_react95.default.createElement("h2", null, getShortenedAddress(connectedAddress || "")), /* @__PURE__ */ import_react95.default.createElement(CopyButton_default, { text: connectedAddress })), /* @__PURE__ */ import_react95.default.createElement("h3", null, formatterFloat.format(Number(tronBalance)), " ", selectedNetwork.shortName)), /* @__PURE__ */ import_react95.default.createElement(SecondaryButton_default, { className: "block-explorer" }, /* @__PURE__ */ import_react95.default.createElement(ExternalLink_default, { className: "link", to: explorerUrl }, /* @__PURE__ */ import_react95.default.createElement(Explorer_default, { fill: "#778DA3" }), /* @__PURE__ */ import_react95.default.createElement("p", null, "Block explorer"), /* @__PURE__ */ import_react95.default.createElement(ExternalUrl_default, { fill: "#778DA3" }))), /* @__PURE__ */ import_react95.default.createElement(PrimaryButton_default, { clickHandler: handleDisconnect }, "Disconnect")))
+    )))), /* @__PURE__ */ import_react96.default.createElement("div", { className: "modal-content" }, /* @__PURE__ */ import_react96.default.createElement("div", { className: "summary" }, networkDetails && /* @__PURE__ */ import_react96.default.createElement(networkDetails.icon, { width: 60, height: 60 }), /* @__PURE__ */ import_react96.default.createElement("div", { className: "address" }, /* @__PURE__ */ import_react96.default.createElement("h2", null, getShortenedAddress(connectedAddress || "")), /* @__PURE__ */ import_react96.default.createElement(CopyButton_default, { text: connectedAddress })), /* @__PURE__ */ import_react96.default.createElement("h3", null, formatterFloat.format(Number(tronBalance)), " ", selectedNetwork.shortName)), /* @__PURE__ */ import_react96.default.createElement(SecondaryButton_default, { className: "block-explorer" }, /* @__PURE__ */ import_react96.default.createElement(ExternalLink_default, { className: "link", to: explorerUrl }, /* @__PURE__ */ import_react96.default.createElement(Explorer_default, { fill: "#778DA3" }), /* @__PURE__ */ import_react96.default.createElement("p", null, "Block explorer"), /* @__PURE__ */ import_react96.default.createElement(ExternalUrl_default, { fill: "#778DA3" }))), /* @__PURE__ */ import_react96.default.createElement(PrimaryButton_default, { clickHandler: handleDisconnect }, "Disconnect")))
   );
 };
 var AccountDetailsModal_default2 = AccountDetailsModal2;
 
 // plugins/tron/components/TronWalletSelect.tsx
-var import_react96 = __toESM(require("react"), 1);
+var import_react97 = __toESM(require("react"), 1);
 var import_react_redux51 = require("react-redux");
 var import_tronwallet_adapter_react_hooks8 = require("@tronweb3/tronwallet-adapter-react-hooks");
 var import_tronwallet_abstract_adapter2 = require("@tronweb3/tronwallet-abstract-adapter");
 var TronWalletSelect = () => {
   const theme = (0, import_react_redux51.useSelector)(selectTheme);
-  const sliderRef = (0, import_react96.useRef)();
+  const sliderRef = (0, import_react97.useRef)();
   const dispatch = (0, import_react_redux51.useDispatch)();
   const {
     wallets,
@@ -6313,7 +6416,7 @@ var TronWalletSelect = () => {
     connect,
     connected
   } = (0, import_tronwallet_adapter_react_hooks8.useWallet)();
-  const [detected, undetected] = (0, import_react96.useMemo)(() => {
+  const [detected, undetected] = (0, import_react97.useMemo)(() => {
     const detected2 = [];
     const undetected2 = [];
     for (const wallet of wallets) {
@@ -6325,7 +6428,7 @@ var TronWalletSelect = () => {
     }
     return [detected2, undetected2];
   }, [wallets]);
-  (0, import_react96.useEffect)(() => {
+  (0, import_react97.useEffect)(() => {
     let isDown = false;
     let startX;
     let scrollLeft;
@@ -6351,28 +6454,28 @@ var TronWalletSelect = () => {
       sliderRef.current.scrollLeft = scrollLeft - walk;
     });
   }, []);
-  (0, import_react96.useEffect)(() => {
+  (0, import_react97.useEffect)(() => {
     connected && dispatch(setTronConnectModal(false));
   }, [connected]);
   const connectWallet = async (walletName) => {
     currentWallet?.adapter.name === walletName ? await connect() : select(walletName);
   };
-  return /* @__PURE__ */ import_react96.default.createElement("div", { className: `wallet-select` }, /* @__PURE__ */ import_react96.default.createElement("div", { className: "slide-area hide-scrollbar", ref: sliderRef }, /* @__PURE__ */ import_react96.default.createElement("div", { className: "wallet-container" }, detected.map((wallet, index) => /* @__PURE__ */ import_react96.default.createElement(
+  return /* @__PURE__ */ import_react97.default.createElement("div", { className: `wallet-select` }, /* @__PURE__ */ import_react97.default.createElement("div", { className: "slide-area hide-scrollbar", ref: sliderRef }, /* @__PURE__ */ import_react97.default.createElement("div", { className: "wallet-container" }, detected.map((wallet, index) => /* @__PURE__ */ import_react97.default.createElement(
     "div",
     {
       className: `card-item ${theme.colorMode}`,
       onClick: () => connectWallet(wallet.adapter.name),
       key: `${wallet.adapter.name}-${index}`
     },
-    /* @__PURE__ */ import_react96.default.createElement("div", { className: "wallet-item" }, /* @__PURE__ */ import_react96.default.createElement("img", { src: wallet.adapter.icon, alt: wallet.adapter.name }), /* @__PURE__ */ import_react96.default.createElement("span", null, wallet.adapter.name))
-  )), undetected.map((wallet, index) => /* @__PURE__ */ import_react96.default.createElement(
+    /* @__PURE__ */ import_react97.default.createElement("div", { className: "wallet-item" }, /* @__PURE__ */ import_react97.default.createElement("img", { src: wallet.adapter.icon, alt: wallet.adapter.name }), /* @__PURE__ */ import_react97.default.createElement("span", null, wallet.adapter.name))
+  )), undetected.map((wallet, index) => /* @__PURE__ */ import_react97.default.createElement(
     ExternalLink_default,
     {
       to: wallet.adapter.url,
       className: `card-item ${theme.colorMode}`,
       key: `${wallet.adapter.name}-${index}`
     },
-    /* @__PURE__ */ import_react96.default.createElement("div", { className: "wallet-item" }, /* @__PURE__ */ import_react96.default.createElement("img", { src: wallet.adapter.icon, alt: wallet.adapter.name }), /* @__PURE__ */ import_react96.default.createElement("span", null, "Install ", wallet.adapter.name))
+    /* @__PURE__ */ import_react97.default.createElement("div", { className: "wallet-item" }, /* @__PURE__ */ import_react97.default.createElement("img", { src: wallet.adapter.icon, alt: wallet.adapter.name }), /* @__PURE__ */ import_react97.default.createElement("span", null, "Install ", wallet.adapter.name))
   )))));
 };
 var TronWalletSelect_default = TronWalletSelect;
@@ -6382,31 +6485,31 @@ var TronWalletConnectModal = () => {
   const dispatch = (0, import_react_redux52.useDispatch)();
   const theme = (0, import_react_redux52.useSelector)(selectTheme);
   const connectModal = (0, import_react_redux52.useSelector)(selectTronConnectModal);
-  return /* @__PURE__ */ import_react97.default.createElement("div", null, /* @__PURE__ */ import_react97.default.createElement(AccountDetailsModal_default2, null), /* @__PURE__ */ import_react97.default.createElement(
+  return /* @__PURE__ */ import_react98.default.createElement("div", null, /* @__PURE__ */ import_react98.default.createElement(AccountDetailsModal_default2, null), /* @__PURE__ */ import_react98.default.createElement(
     "div",
     {
       className: `kima-modal wallet-connect ${theme.colorMode} ${connectModal ? "open" : ""}`
     },
-    /* @__PURE__ */ import_react97.default.createElement("div", { className: "modal-overlay" }),
-    /* @__PURE__ */ import_react97.default.createElement("div", { className: `modal-content-container ${theme.colorMode}` }, /* @__PURE__ */ import_react97.default.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ import_react97.default.createElement("div", { className: "topbar" }, /* @__PURE__ */ import_react97.default.createElement("div", { className: "title" }, /* @__PURE__ */ import_react97.default.createElement("h3", null, "Connect Wallet")), /* @__PURE__ */ import_react97.default.createElement("div", { className: "control-buttons" }, /* @__PURE__ */ import_react97.default.createElement(
+    /* @__PURE__ */ import_react98.default.createElement("div", { className: "modal-overlay" }),
+    /* @__PURE__ */ import_react98.default.createElement("div", { className: `modal-content-container ${theme.colorMode}` }, /* @__PURE__ */ import_react98.default.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ import_react98.default.createElement("div", { className: "topbar" }, /* @__PURE__ */ import_react98.default.createElement("div", { className: "title" }, /* @__PURE__ */ import_react98.default.createElement("h3", null, "Connect Wallet")), /* @__PURE__ */ import_react98.default.createElement("div", { className: "control-buttons" }, /* @__PURE__ */ import_react98.default.createElement(
       "button",
       {
         className: "icon-button",
         onClick: () => dispatch(setTronConnectModal(false))
       },
-      /* @__PURE__ */ import_react97.default.createElement(
+      /* @__PURE__ */ import_react98.default.createElement(
         Cross_default,
         {
           fill: theme.colorMode === "light" ? "black" : "white"
         }
       )
-    )))), /* @__PURE__ */ import_react97.default.createElement("div", { className: "modal-content" }, /* @__PURE__ */ import_react97.default.createElement(TronWalletSelect_default, null)))
+    )))), /* @__PURE__ */ import_react98.default.createElement("div", { className: "modal-content" }, /* @__PURE__ */ import_react98.default.createElement(TronWalletSelect_default, null)))
   ));
 };
 var TronWalletConnectModal_default = TronWalletConnectModal;
 
 // src/hooks/useValidateTransaction.tsx
-var import_react98 = require("react");
+var import_react99 = require("react");
 var import_viem7 = require("viem");
 var import_react_redux53 = require("react-redux");
 var import_loglevel2 = __toESM(require("loglevel"), 1);
@@ -6435,7 +6538,7 @@ var useValidateTransaction = (inputs) => {
   const { data: envOptions } = useGetEnvOptions({ kimaBackendUrl });
   const mode = (0, import_react_redux53.useSelector)(selectMode);
   const networkOption = (0, import_react_redux53.useSelector)(selectNetworkOption);
-  const maxValue = (0, import_react98.useMemo)(() => {
+  const maxValue = (0, import_react99.useMemo)(() => {
     import_loglevel2.default.debug("useValidateTransaction: maxValue: ", inputs);
     if (!balance) return BigInt(0);
     if (totalFee <= BigInt(0)) return balance;
@@ -6552,7 +6655,7 @@ var useValidateTransaction_default = useValidateTransaction;
 // src/hooks/useSubmitTransaction.tsx
 var import_react_redux54 = require("react-redux");
 var import_react_query16 = require("@tanstack/react-query");
-var import_react99 = require("react");
+var import_react100 = require("react");
 var useSubmitTransaction = () => {
   const dispatch = (0, import_react_redux54.useDispatch)();
   const backendUrl = (0, import_react_redux54.useSelector)(selectBackendUrl);
@@ -6562,7 +6665,7 @@ var useSubmitTransaction = () => {
   const txValues = feeDeduct ? transactionValues.feeFromTarget : transactionValues.feeFromOrigin;
   const ccTransactionIdSeed = (0, import_react_redux54.useSelector)(selectCCTransactionIdSeed);
   const submitted = (0, import_react_redux54.useSelector)(selectSubmitted);
-  const [isSubmitting, setIsSubmitting] = (0, import_react99.useState)(false);
+  const [isSubmitting, setIsSubmitting] = (0, import_react100.useState)(false);
   const mutation = (0, import_react_query16.useMutation)({
     mutationFn: async (signature) => {
       setIsSubmitting(true);
@@ -6717,7 +6820,7 @@ function useDisconnectWallet5() {
 }
 
 // src/components/reusable/WarningModal.tsx
-var import_react100 = __toESM(require("react"), 1);
+var import_react101 = __toESM(require("react"), 1);
 var WarningModal = ({
   message,
   cancelButtonText = "Cancel",
@@ -6725,14 +6828,14 @@ var WarningModal = ({
   onAcknowledge,
   onCancel
 }) => {
-  return /* @__PURE__ */ import_react100.default.createElement("div", { className: "warning-modal-overlay" }, /* @__PURE__ */ import_react100.default.createElement("div", { className: "warning-modal" }, /* @__PURE__ */ import_react100.default.createElement("h3", null, "Warning"), /* @__PURE__ */ import_react100.default.createElement("p", null, message), /* @__PURE__ */ import_react100.default.createElement("div", { className: "warning-modal-buttons" }, /* @__PURE__ */ import_react100.default.createElement(
+  return /* @__PURE__ */ import_react101.default.createElement("div", { className: "warning-modal-overlay" }, /* @__PURE__ */ import_react101.default.createElement("div", { className: "warning-modal" }, /* @__PURE__ */ import_react101.default.createElement("h3", null, "Warning"), /* @__PURE__ */ import_react101.default.createElement("p", null, message), /* @__PURE__ */ import_react101.default.createElement("div", { className: "warning-modal-buttons" }, /* @__PURE__ */ import_react101.default.createElement(
     SecondaryButton_default,
     {
       className: "warning-modal-cancel",
       clickHandler: onCancel
     },
     cancelButtonText
-  ), /* @__PURE__ */ import_react100.default.createElement(
+  ), /* @__PURE__ */ import_react101.default.createElement(
     PrimaryButton_default,
     {
       className: "warning-modal-acknowledge",
@@ -6744,7 +6847,7 @@ var WarningModal = ({
 var WarningModal_default = WarningModal;
 
 // src/components/reusable/CCWidget.tsx
-var import_react101 = __toESM(require("react"), 1);
+var import_react102 = __toESM(require("react"), 1);
 var import_react_redux55 = require("react-redux");
 var import_uuid = require("uuid");
 
@@ -6778,10 +6881,11 @@ var CCWidget = ({ submitCallback }) => {
   const backendUrl = (0, import_react_redux55.useSelector)(selectBackendUrl);
   const ccTransactionStatus = (0, import_react_redux55.useSelector)(selectCCTransactionStatus);
   const networkOption = (0, import_react_redux55.useSelector)(selectNetworkOption);
+  const sourceCurrency = (0, import_react_redux55.useSelector)(selectSourceCurrency);
   const { transactionValues } = (0, import_react_redux55.useSelector)(selectServiceFee);
-  const randomUserIdRef = (0, import_react101.useRef)((0, import_uuid.v4)());
-  const ccTransactionIdSeedRef = (0, import_react101.useRef)((0, import_uuid.v4)());
-  const ccTransactionSubmittedRef = (0, import_react101.useRef)(false);
+  const randomUserIdRef = (0, import_react102.useRef)((0, import_uuid.v4)());
+  const ccTransactionIdSeedRef = (0, import_react102.useRef)((0, import_uuid.v4)());
+  const ccTransactionSubmittedRef = (0, import_react102.useRef)(false);
   const { data: envOptions, isLoading: isEnvLoading } = useGetEnvOptions({
     kimaBackendUrl: backendUrl
   });
@@ -6791,21 +6895,21 @@ var CCWidget = ({ submitCallback }) => {
     isLoading: isTransactionIdLoading,
     error
   } = useCCTransactionId(backendUrl, ccTransactionIdSeedRef.current);
-  (0, import_react101.useEffect)(() => {
+  (0, import_react102.useEffect)(() => {
     dispatch(setCCTransactionIdSeed(ccTransactionIdSeedRef.current));
     dispatch(setCCTransactionId(data?.transactionId));
   }, [dispatch, data, isTransactionIdLoading]);
   const txValues = feeDeduct ? transactionValues.feeFromTarget : transactionValues.feeFromOrigin;
-  const allowanceAmount = (0, import_react101.useMemo)(
+  const allowanceAmount = (0, import_react102.useMemo)(
     () => formatBigInt(txValues.allowanceAmount),
     [txValues]
   );
-  const [isLoading, setIsLoading] = (0, import_react101.useState)(true);
-  const baseUrl = (0, import_react101.useMemo)(
+  const [isLoading, setIsLoading] = (0, import_react102.useState)(true);
+  const baseUrl = (0, import_react102.useMemo)(
     () => `https://widget${networkOption === "testnet" /* testnet */ ? "-sandbox" : ""}.depasify.com`,
     [networkOption]
   );
-  (0, import_react101.useEffect)(() => {
+  (0, import_react102.useEffect)(() => {
     const handleMessage = (event) => {
       if (event.origin !== baseUrl) {
         return;
@@ -6826,15 +6930,15 @@ var CCWidget = ({ submitCallback }) => {
     window.addEventListener("message", handleMessage);
     return () => window.removeEventListener("message", handleMessage);
   }, []);
-  (0, import_react101.useEffect)(() => {
+  (0, import_react102.useEffect)(() => {
     if (error) dispatch(setCCTransactionStatus("error-id"));
   }, [dispatch, error]);
-  return /* @__PURE__ */ import_react101.default.createElement("div", { className: `cc-widget ${isLoading ? "loading" : ""}` }, (isLoading || isTransactionIdLoading || isEnvLoading || ccTransactionStatus === "success") && /* @__PURE__ */ import_react101.default.createElement("div", { className: "cc-widget-loader" }, /* @__PURE__ */ import_react101.default.createElement(ring_default, { width: 50, height: 50, fill: "#86b8ce" })), /* @__PURE__ */ import_react101.default.createElement(
+  return /* @__PURE__ */ import_react102.default.createElement("div", { className: `cc-widget ${isLoading ? "loading" : ""}` }, (isLoading || isTransactionIdLoading || isEnvLoading || ccTransactionStatus === "success") && /* @__PURE__ */ import_react102.default.createElement("div", { className: "cc-widget-loader" }, /* @__PURE__ */ import_react102.default.createElement(ring_default, { width: 50, height: 50, fill: "#86b8ce" })), /* @__PURE__ */ import_react102.default.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",
@@ -6858,11 +6962,11 @@ var TransferWidget = ({
   paymentTitleOption
 }) => {
   const dispatch = (0, import_react_redux56.useDispatch)();
-  const mainRef = (0, import_react102.useRef)(null);
-  const [signature, setSignature2] = (0, import_react102.useState)("");
-  const [formStep, setFormStep] = (0, import_react102.useState)(0);
-  const [warningModalOpen, setWarningModalOpen] = (0, import_react102.useState)(null);
-  const [resetModalOpen, setResetModalOpen] = (0, import_react102.useState)(false);
+  const mainRef = (0, import_react103.useRef)(null);
+  const [signature, setSignature2] = (0, import_react103.useState)("");
+  const [formStep, setFormStep] = (0, import_react103.useState)(0);
+  const [warningModalOpen, setWarningModalOpen] = (0, import_react103.useState)(null);
+  const [resetModalOpen, setResetModalOpen] = (0, import_react103.useState)(false);
   const networkOption = (0, import_react_redux56.useSelector)(selectNetworkOption);
   const dAppOption = (0, import_react_redux56.useSelector)(selectDappOption);
   const mode = (0, import_react_redux56.useSelector)(selectMode);
@@ -6881,11 +6985,11 @@ var TransferWidget = ({
   const feeDeduct = (0, import_react_redux56.useSelector)(selectFeeDeduct);
   const txValues = feeDeduct ? transactionValues.feeFromTarget : transactionValues.feeFromOrigin;
   const { keplrHandler, closeHandler } = useKimaContext();
-  const [isCancellingApprove, setCancellingApprove] = (0, import_react102.useState)(false);
-  const [isApproving, setApproving] = (0, import_react102.useState)(false);
-  const [isSigning, setSigning] = (0, import_react102.useState)(false);
-  const [feeOptionDisabled, setFeeOptionDisabled] = (0, import_react102.useState)(false);
-  const [initialSelection, setInitialSelection] = (0, import_react102.useState)({
+  const [isCancellingApprove, setCancellingApprove] = (0, import_react103.useState)(false);
+  const [isApproving, setApproving] = (0, import_react103.useState)(false);
+  const [isSigning, setSigning] = (0, import_react103.useState)(false);
+  const [feeOptionDisabled, setFeeOptionDisabled] = (0, import_react103.useState)(false);
+  const [initialSelection, setInitialSelection] = (0, import_react103.useState)({
     sourceSelection: true,
     targetSelection: true
   });
@@ -6947,7 +7051,7 @@ var TransferWidget = ({
     targetSymbol: targetCurrency,
     backendUrl
   });
-  (0, import_react102.useEffect)(() => {
+  (0, import_react103.useEffect)(() => {
     if (fees) {
       dispatch(setServiceFee(fees));
     }
@@ -6959,7 +7063,7 @@ var TransferWidget = ({
     }
   }, [fees, mode, transactionOption, dispatch]);
   const { submitTransaction, isSubmitting } = useSubmitTransaction_default();
-  const isBackButtonEnabled = (0, import_react102.useMemo)(() => {
+  const isBackButtonEnabled = (0, import_react103.useMemo)(() => {
     if (formStep !== 0) {
       if (sourceChain.shortName === "CC") {
         return ccTransactionStatus === "idle" || ccTransactionStatus === "failed";
@@ -6968,25 +7072,25 @@ var TransferWidget = ({
     }
     return false;
   }, [ccTransactionStatus, sourceChain, formStep]);
-  const isSubmitButtonEnabled = (0, import_react102.useMemo)(() => {
+  const isSubmitButtonEnabled = (0, import_react103.useMemo)(() => {
     if (submitted) return false;
     if (sourceChain.shortName === "CC") {
       return ccTransactionStatus === "idle";
     }
     return true;
   }, [sourceChain, ccTransactionStatus]);
-  const submit = (0, import_react102.useCallback)(async () => {
+  const submit = (0, import_react103.useCallback)(async () => {
     try {
       await submitTransaction(signature);
     } catch (err) {
-      import_react_hot_toast5.toast.error("Failed to submit transaction", { icon: /* @__PURE__ */ import_react102.default.createElement(Error_default, null) });
+      import_react_hot_toast5.toast.error("Failed to submit transaction", { icon: /* @__PURE__ */ import_react103.default.createElement(Error_default, null) });
       dispatch(setCCTransactionStatus("error-generic"));
     }
   }, [signature, submitTransaction]);
   const handleSubmit = async () => {
     const { error: error2, message: validationMessage } = validate(true);
     if (error2 === "ValidationError" /* Error */) {
-      return import_react_hot_toast5.toast.error(validationMessage, { icon: /* @__PURE__ */ import_react102.default.createElement(Error_default, null) });
+      return import_react_hot_toast5.toast.error(validationMessage, { icon: /* @__PURE__ */ import_react103.default.createElement(Error_default, null) });
     }
     if (sourceChain.shortName === "CC") {
       dispatch(setCCTransactionStatus("initialized"));
@@ -7035,7 +7139,7 @@ var TransferWidget = ({
     if (error2 !== "ValidationError" /* Error */ && formStep > 0) {
       return handleSubmit();
     }
-    import_react_hot_toast5.toast.error(validationMessage, { icon: /* @__PURE__ */ import_react102.default.createElement(Error_default, null) });
+    import_react_hot_toast5.toast.error(validationMessage, { icon: /* @__PURE__ */ import_react103.default.createElement(Error_default, null) });
     mainRef.current?.click();
   };
   const onBack = () => {
@@ -7110,7 +7214,7 @@ var TransferWidget = ({
     }
     await disconnectWallet();
   };
-  return /* @__PURE__ */ import_react102.default.createElement(
+  return /* @__PURE__ */ import_react103.default.createElement(
     "div",
     {
       className: `kima-card ${theme.colorMode}`,
@@ -7118,7 +7222,7 @@ var TransferWidget = ({
         background: theme.colorMode === "light" /* light */ ? theme.backgroundColorLight : theme.backgroundColorDark
       }
     },
-    resetModalOpen && /* @__PURE__ */ import_react102.default.createElement(
+    resetModalOpen && /* @__PURE__ */ import_react103.default.createElement(
       WarningModal_default,
       {
         message: "Are you sure you want to reset the widget?",
@@ -7130,7 +7234,7 @@ var TransferWidget = ({
         onCancel: () => setResetModalOpen(false)
       }
     ),
-    warningModalOpen && /* @__PURE__ */ import_react102.default.createElement(
+    warningModalOpen && /* @__PURE__ */ import_react103.default.createElement(
       WarningModal_default,
       {
         message: warningModalOpen.message,
@@ -7144,14 +7248,14 @@ var TransferWidget = ({
         }
       }
     ),
-    mode === "payment" /* payment */ && !transactionOption && /* @__PURE__ */ import_react102.default.createElement("h2", { className: "invalid-option-banner" }, "We're unable to process your payment. Please ensure the necessary transaction details are provided. Contact support if the issue persists."),
-    /* @__PURE__ */ import_react102.default.createElement("div", { className: "transfer-card" }, /* @__PURE__ */ import_react102.default.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ import_react102.default.createElement("div", { className: "topbar" }, /* @__PURE__ */ import_react102.default.createElement("div", { className: "title" }, /* @__PURE__ */ import_react102.default.createElement("h3", { style: { marginRight: "5px" } }, formStep === 0 ? titleOption?.initialTitle ? titleOption.initialTitle : mode === "payment" /* payment */ ? "New Purchase" : "New Transfer" : titleOption?.confirmTitle ? titleOption.confirmTitle : mode === "payment" /* payment */ ? "Confirm Purchase" : "Transfer Details")), /* @__PURE__ */ import_react102.default.createElement("div", { className: "control-buttons" }, pendingTxs > 0 ? /* @__PURE__ */ import_react102.default.createElement(TxButton_default, { theme }) : null, /* @__PURE__ */ import_react102.default.createElement(
+    mode === "payment" /* payment */ && !transactionOption && /* @__PURE__ */ import_react103.default.createElement("h2", { className: "invalid-option-banner" }, "We're unable to process your payment. Please ensure the necessary transaction details are provided. Contact support if the issue persists."),
+    /* @__PURE__ */ import_react103.default.createElement("div", { className: "transfer-card" }, /* @__PURE__ */ import_react103.default.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ import_react103.default.createElement("div", { className: "topbar" }, /* @__PURE__ */ import_react103.default.createElement("div", { className: "title" }, /* @__PURE__ */ import_react103.default.createElement("h3", { style: { marginRight: "5px" } }, formStep === 0 ? titleOption?.initialTitle ? titleOption.initialTitle : mode === "payment" /* payment */ ? "New Purchase" : "New Transfer" : titleOption?.confirmTitle ? titleOption.confirmTitle : mode === "payment" /* payment */ ? "Confirm Purchase" : "Transfer Details")), /* @__PURE__ */ import_react103.default.createElement("div", { className: "control-buttons" }, pendingTxs > 0 ? /* @__PURE__ */ import_react103.default.createElement(TxButton_default, { theme }) : null, /* @__PURE__ */ import_react103.default.createElement(
       ExternalLink_default,
       {
         to: helpURL ? helpURL : networkOption === "testnet" /* testnet */ ? "https://docs.kima.network/kima-network/try-kima-with-the-demo-app" : "https://support.kima.network"
       },
-      /* @__PURE__ */ import_react102.default.createElement("div", { className: "menu-button" }, "I need help")
-    ), sourceChain.shortName === "CC" && formStep > 0 && /* @__PURE__ */ import_react102.default.createElement(ExternalLink_default, { to: "https://docs.kima.network/kima-network/supported-fiat#unsupported-countries-credit-cards" }, /* @__PURE__ */ import_react102.default.createElement("div", { className: "menu-button" }, "Unsupported Countries")), formStep === 0 && mode !== "payment" /* payment */ && /* @__PURE__ */ import_react102.default.createElement(
+      /* @__PURE__ */ import_react103.default.createElement("div", { className: "menu-button" }, "I need help")
+    ), sourceChain.shortName === "CC" && formStep > 0 && /* @__PURE__ */ import_react103.default.createElement(ExternalLink_default, { to: "https://docs.kima.network/kima-network/supported-fiat#unsupported-countries-credit-cards" }, /* @__PURE__ */ import_react103.default.createElement("div", { className: "menu-button" }, "Unsupported Countries")), formStep === 0 && mode !== "payment" /* payment */ && /* @__PURE__ */ import_react103.default.createElement(
       "button",
       {
         className: "reset-button",
@@ -7159,7 +7263,7 @@ var TransferWidget = ({
         disabled: isApproving || isSubmitting || isSigning
       },
       "Reset"
-    ))), mode === "payment" /* payment */ && paymentTitleOption?.title && /* @__PURE__ */ import_react102.default.createElement("h4", { className: "subtitle" }, paymentTitleOption.title)), /* @__PURE__ */ import_react102.default.createElement("div", { className: "kima-card-content", ref: mainRef }, formStep === 0 ? /* @__PURE__ */ import_react102.default.createElement(
+    ))), mode === "payment" /* payment */ && paymentTitleOption?.title && /* @__PURE__ */ import_react103.default.createElement("h4", { className: "subtitle" }, paymentTitleOption.title)), /* @__PURE__ */ import_react103.default.createElement("div", { className: "kima-card-content", ref: mainRef }, formStep === 0 ? /* @__PURE__ */ import_react103.default.createElement(
       SingleForm_default,
       {
         ...{
@@ -7172,7 +7276,7 @@ var TransferWidget = ({
           setInitialSelection
         }
       }
-    ) : ccTransactionStatus !== "idle" ? /* @__PURE__ */ import_react102.default.createElement(CCWidget_default, { submitCallback: submit }) : /* @__PURE__ */ import_react102.default.createElement(
+    ) : ccTransactionStatus !== "idle" ? /* @__PURE__ */ import_react103.default.createElement(CCWidget_default, { submitCallback: submit }) : /* @__PURE__ */ import_react103.default.createElement(
       ConfirmDetails_default,
       {
         ...{
@@ -7180,12 +7284,12 @@ var TransferWidget = ({
           feeOptionDisabled
         }
       }
-    )), /* @__PURE__ */ import_react102.default.createElement(
+    )), /* @__PURE__ */ import_react103.default.createElement(
       "div",
       {
         className: `kima-card-footer ${mode === "bridge" /* bridge */ && formStep !== 0 && "confirm"}`
       },
-      /* @__PURE__ */ import_react102.default.createElement("div", { className: `button-group` }, isBackButtonEnabled && /* @__PURE__ */ import_react102.default.createElement(
+      /* @__PURE__ */ import_react103.default.createElement("div", { className: `button-group` }, isBackButtonEnabled && /* @__PURE__ */ import_react103.default.createElement(
         SecondaryButton_default,
         {
           clickHandler: onBack,
@@ -7193,7 +7297,7 @@ var TransferWidget = ({
           disabled: isApproving || isSubmitting || isSigning
         },
         formStep > 0 && ccTransactionStatus !== "initialized" ? "Back" : "Cancel"
-      ), !!allowance && allowance > 0 && formStep !== 0 && sourceChain.shortName !== "CC" && mode !== "light" /* light */ ? /* @__PURE__ */ import_react102.default.createElement(
+      ), !!allowance && allowance > 0 && formStep !== 0 && sourceChain.shortName !== "CC" && mode !== "light" /* light */ ? /* @__PURE__ */ import_react103.default.createElement(
         SecondaryButton_default,
         {
           clickHandler: onCancelApprove,
@@ -7202,7 +7306,7 @@ var TransferWidget = ({
           disabled: isCancellingApprove || isApproving || isSubmitting || isSigning
         },
         isCancellingApprove ? "Cancelling Approval" : "Cancel Approve"
-      ) : null, isSubmitButtonEnabled && /* @__PURE__ */ import_react102.default.createElement(
+      ) : null, isSubmitButtonEnabled && /* @__PURE__ */ import_react103.default.createElement(
         PrimaryButton_default,
         {
           clickHandler: onNext,
@@ -7211,7 +7315,7 @@ var TransferWidget = ({
         },
         getButtonLabel()
       ))
-    ), /* @__PURE__ */ import_react102.default.createElement(SolanaWalletConnectModal_default, null), /* @__PURE__ */ import_react102.default.createElement(TronWalletConnectModal_default, null), /* @__PURE__ */ import_react102.default.createElement(
+    ), /* @__PURE__ */ import_react103.default.createElement(SolanaWalletConnectModal_default, null), /* @__PURE__ */ import_react103.default.createElement(TronWalletConnectModal_default, null), /* @__PURE__ */ import_react103.default.createElement(
       import_react_hot_toast5.Toaster,
       {
         position: "top-right",
@@ -7236,19 +7340,19 @@ var TransferWidget = ({
           }
         }
       }
-    ), /* @__PURE__ */ import_react102.default.createElement("div", { className: "floating-footer" }, /* @__PURE__ */ import_react102.default.createElement("div", { className: `items ${theme.colorMode}` }, /* @__PURE__ */ import_react102.default.createElement("span", null, "Powered by"), /* @__PURE__ */ import_react102.default.createElement(KimaNetwork_default, null))))
+    ), /* @__PURE__ */ import_react103.default.createElement("div", { className: "floating-footer" }, /* @__PURE__ */ import_react103.default.createElement("div", { className: `items ${theme.colorMode}` }, /* @__PURE__ */ import_react103.default.createElement("span", null, "Powered by"), /* @__PURE__ */ import_react103.default.createElement(KimaNetwork_default, null))))
   );
 };
 
 // src/components/KimaWidgetWrapper.tsx
-var import_react106 = require("@reown/appkit/react");
+var import_react107 = require("@reown/appkit/react");
 
 // src/hooks/useDebugMode.ts
-var import_react103 = require("react");
+var import_react104 = require("react");
 var useDebugCode = (sequence = ["D", "E", "B", "U", "G"]) => {
-  const [debugMode, setDebugMode] = (0, import_react103.useState)(false);
-  const [, setInputSequence] = (0, import_react103.useState)([]);
-  (0, import_react103.useEffect)(() => {
+  const [debugMode, setDebugMode] = (0, import_react104.useState)(false);
+  const [, setInputSequence] = (0, import_react104.useState)([]);
+  (0, import_react104.useEffect)(() => {
     const onKeyDown = (e) => {
       setInputSequence((prev) => {
         const next = [...prev, e.key].slice(-sequence.length);
@@ -7275,7 +7379,7 @@ var useDebugCode = (sequence = ["D", "E", "B", "U", "G"]) => {
 };
 
 // src/components/ErrorWidget.tsx
-var import_react104 = __toESM(require("react"), 1);
+var import_react105 = __toESM(require("react"), 1);
 var import_react_redux57 = require("react-redux");
 var ErrorWidget = ({
   theme,
@@ -7288,7 +7392,7 @@ var ErrorWidget = ({
   const ccTransactionId = (0, import_react_redux57.useSelector)(selectCCTransactionId);
   const isCreditCardSource = sourceChain.shortName === "CC";
   const isRetrying = (0, import_react_redux57.useSelector)(selectCCTransactionRetrying);
-  return /* @__PURE__ */ import_react104.default.createElement(
+  return /* @__PURE__ */ import_react105.default.createElement(
     "div",
     {
       className: `kima-card ${theme.colorMode}`,
@@ -7296,7 +7400,7 @@ var ErrorWidget = ({
         background: theme.colorMode === "light" /* light */ ? theme.backgroundColorLight : theme.backgroundColorDark
       }
     },
-    /* @__PURE__ */ import_react104.default.createElement("div", { className: "transfer-card" }, /* @__PURE__ */ import_react104.default.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ import_react104.default.createElement("div", { className: "topbar" }, /* @__PURE__ */ import_react104.default.createElement("div", { className: "title" }, /* @__PURE__ */ import_react104.default.createElement("h3", null, title))), /* @__PURE__ */ import_react104.default.createElement("h4", { className: "subtitle" })), /* @__PURE__ */ import_react104.default.createElement("div", { className: "kima-card-content error" }, isCreditCardSource && !isRetrying && /* @__PURE__ */ import_react104.default.createElement(Error_default, { width: 40, height: 40 }), message && message !== "" && /* @__PURE__ */ import_react104.default.createElement("h2", null, message), isCreditCardSource && /* @__PURE__ */ import_react104.default.createElement(
+    /* @__PURE__ */ import_react105.default.createElement("div", { className: "transfer-card" }, /* @__PURE__ */ import_react105.default.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ import_react105.default.createElement("div", { className: "topbar" }, /* @__PURE__ */ import_react105.default.createElement("div", { className: "title" }, /* @__PURE__ */ import_react105.default.createElement("h3", null, title))), /* @__PURE__ */ import_react105.default.createElement("h4", { className: "subtitle" })), /* @__PURE__ */ import_react105.default.createElement("div", { className: "kima-card-content error" }, isCreditCardSource && !isRetrying && /* @__PURE__ */ import_react105.default.createElement(Error_default, { width: 40, height: 40 }), message && message !== "" && /* @__PURE__ */ import_react105.default.createElement("h2", null, message), isCreditCardSource && /* @__PURE__ */ import_react105.default.createElement(
       "div",
       {
         style: {
@@ -7305,8 +7409,8 @@ var ErrorWidget = ({
           flexDirection: "column"
         }
       },
-      isRetrying ? /* @__PURE__ */ import_react104.default.createElement("p", null, "The transaction is being retried in the background. This may take a few moments. If the issue persists, please contact support and provide the transaction ID below for reference.") : /* @__PURE__ */ import_react104.default.createElement("p", null, "This credit card transaction has failed. Please check the details and try again. If the issue persists, please contact support and provide the transaction ID below for reference."),
-      ccTransactionId && /* @__PURE__ */ import_react104.default.createElement(
+      isRetrying ? /* @__PURE__ */ import_react105.default.createElement("p", null, "The transaction is being retried in the background. This may take a few moments. If the issue persists, please contact support and provide the transaction ID below for reference.") : /* @__PURE__ */ import_react105.default.createElement("p", null, "This credit card transaction has failed. Please check the details and try again. If the issue persists, please contact support and provide the transaction ID below for reference."),
+      ccTransactionId && /* @__PURE__ */ import_react105.default.createElement(
         "div",
         {
           style: {
@@ -7316,7 +7420,7 @@ var ErrorWidget = ({
             justifyContent: "center"
           }
         },
-        /* @__PURE__ */ import_react104.default.createElement(
+        /* @__PURE__ */ import_react105.default.createElement(
           "code",
           {
             style: {
@@ -7327,10 +7431,10 @@ var ErrorWidget = ({
           },
           ccTransactionId
         ),
-        /* @__PURE__ */ import_react104.default.createElement(CopyButton_default, { text: ccTransactionId })
+        /* @__PURE__ */ import_react105.default.createElement(CopyButton_default, { text: ccTransactionId })
       ),
-      isRetrying && /* @__PURE__ */ import_react104.default.createElement(ring_default, { width: 30, height: 30, fill: "#86b8ce" })
-    )), backButtonEnabled && /* @__PURE__ */ import_react104.default.createElement(
+      isRetrying && /* @__PURE__ */ import_react105.default.createElement(ring_default, { width: 30, height: 30, fill: "#86b8ce" })
+    )), backButtonEnabled && /* @__PURE__ */ import_react105.default.createElement(
       "div",
       {
         style: {
@@ -7339,8 +7443,8 @@ var ErrorWidget = ({
           marginTop: 16
         }
       },
-      /* @__PURE__ */ import_react104.default.createElement(PrimaryButton_default, { clickHandler: backButtonFunction }, "Back")
-    ), /* @__PURE__ */ import_react104.default.createElement("div", { className: "kima-card-footer" }), /* @__PURE__ */ import_react104.default.createElement("div", { className: "floating-footer" }, /* @__PURE__ */ import_react104.default.createElement("div", { className: `items ${theme.colorMode}` }, /* @__PURE__ */ import_react104.default.createElement("span", null, "Powered by"), /* @__PURE__ */ import_react104.default.createElement(FooterLogo_default, { width: 50, fill: "black" }), /* @__PURE__ */ import_react104.default.createElement("strong", null, "Network"))))
+      /* @__PURE__ */ import_react105.default.createElement(PrimaryButton_default, { clickHandler: backButtonFunction }, "Back")
+    ), /* @__PURE__ */ import_react105.default.createElement("div", { className: "kima-card-footer" }), /* @__PURE__ */ import_react105.default.createElement("div", { className: "floating-footer" }, /* @__PURE__ */ import_react105.default.createElement("div", { className: `items ${theme.colorMode}` }, /* @__PURE__ */ import_react105.default.createElement("span", null, "Powered by"), /* @__PURE__ */ import_react105.default.createElement(FooterLogo_default, { width: 50, fill: "black" }), /* @__PURE__ */ import_react105.default.createElement("strong", null, "Network"))))
   );
 };
 var ErrorWidget_default = ErrorWidget;
@@ -7363,13 +7467,13 @@ var KimaWidgetWrapper = ({
   const { kimaBackendUrl } = useKimaContext();
   const submitted = (0, import_react_redux58.useSelector)(selectSubmitted);
   const dispatch = (0, import_react_redux58.useDispatch)();
-  const { setThemeMode, setThemeVariables } = (0, import_react106.useAppKitTheme)();
+  const { setThemeMode, setThemeVariables } = (0, import_react107.useAppKitTheme)();
   const sourceChain = (0, import_react_redux58.useSelector)(selectSourceChain);
   const ccTransactionStatus = (0, import_react_redux58.useSelector)(selectCCTransactionStatus);
   const ccTransactionRetrying = (0, import_react_redux58.useSelector)(selectCCTransactionRetrying);
   const networkOption = envOptions?.env;
   const kimaExplorer = envOptions?.kimaExplorer || "https://explorer.sardis.kima.network";
-  (0, import_react105.useEffect)(() => {
+  (0, import_react106.useEffect)(() => {
     dispatch(setTheme(theme));
     setThemeMode(theme.colorMode === "light" /* light */ ? "light" : "dark");
     setThemeVariables({
@@ -7410,7 +7514,7 @@ var KimaWidgetWrapper = ({
       dispatch(setSubmitted(false));
     }
   }, [theme, transactionOption, mode, networkOption, chainData]);
-  (0, import_react105.useEffect)(() => {
+  (0, import_react106.useEffect)(() => {
     if (!chainData?.length) return;
     indexPluginsByChain(chainData);
   }, [chainData]);
@@ -7418,9 +7522,9 @@ var KimaWidgetWrapper = ({
     console.log("widget wrapper", submitted, ccTransactionStatus);
     if (submitted) {
       logger_default.debug("will return transaction widget on cc success");
-      return /* @__PURE__ */ import_react105.default.createElement(TransactionWidget, { theme });
+      return /* @__PURE__ */ import_react106.default.createElement(TransactionWidget, { theme });
     } else if (ccTransactionStatus === "error-id") {
-      return /* @__PURE__ */ import_react105.default.createElement(
+      return /* @__PURE__ */ import_react106.default.createElement(
         ErrorWidget_default,
         {
           theme,
@@ -7434,7 +7538,7 @@ var KimaWidgetWrapper = ({
         }
       );
     } else if (ccTransactionStatus === "error-generic") {
-      return /* @__PURE__ */ import_react105.default.createElement(
+      return /* @__PURE__ */ import_react106.default.createElement(
         ErrorWidget_default,
         {
           theme,
@@ -7448,7 +7552,7 @@ var KimaWidgetWrapper = ({
         }
       );
     }
-    return /* @__PURE__ */ import_react105.default.createElement(
+    return /* @__PURE__ */ import_react106.default.createElement(
       TransferWidget,
       {
         theme,
@@ -7458,7 +7562,7 @@ var KimaWidgetWrapper = ({
       }
     );
   }
-  return submitted ? /* @__PURE__ */ import_react105.default.createElement(TransactionWidget, { theme }) : /* @__PURE__ */ import_react105.default.createElement(
+  return submitted ? /* @__PURE__ */ import_react106.default.createElement(TransactionWidget, { theme }) : /* @__PURE__ */ import_react106.default.createElement(
     TransferWidget,
     {
       theme,
@@ -7474,9 +7578,9 @@ var KimaWidgetWrapper_default = KimaWidgetWrapper;
 var import_react_redux59 = require("react-redux");
 
 // src/SkeletonLoader.tsx
-var import_react107 = __toESM(require("react"), 1);
+var import_react108 = __toESM(require("react"), 1);
 var SkeletonLoader = ({ theme }) => {
-  return /* @__PURE__ */ import_react107.default.createElement(
+  return /* @__PURE__ */ import_react108.default.createElement(
     "div",
     {
       className: `kima-card ${theme.colorMode}`,
@@ -7484,7 +7588,7 @@ var SkeletonLoader = ({ theme }) => {
         background: theme.colorMode === "light" /* light */ ? theme.backgroundColorLight : theme.backgroundColorDark
       }
     },
-    /* @__PURE__ */ import_react107.default.createElement("div", { className: "transfer-card" }, /* @__PURE__ */ import_react107.default.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ import_react107.default.createElement("div", { className: "topbar" }, /* @__PURE__ */ import_react107.default.createElement("div", { className: "title skeleton" }, /* @__PURE__ */ import_react107.default.createElement("h3", null))), /* @__PURE__ */ import_react107.default.createElement("h4", { className: "subtitle" })), /* @__PURE__ */ import_react107.default.createElement("div", { className: "kima-card-content skeleton" }, /* @__PURE__ */ import_react107.default.createElement("div", { className: "skeleton" }), /* @__PURE__ */ import_react107.default.createElement("div", { className: "skeleton" }), /* @__PURE__ */ import_react107.default.createElement("div", { className: "skeleton" }), /* @__PURE__ */ import_react107.default.createElement("div", { className: "skeleton" }), /* @__PURE__ */ import_react107.default.createElement("div", { className: "skeleton" })), /* @__PURE__ */ import_react107.default.createElement("div", { className: `kima-card-footer` }, /* @__PURE__ */ import_react107.default.createElement("div", { className: `button-group skeleton` }, /* @__PURE__ */ import_react107.default.createElement("div", { className: "skeleton" }))), /* @__PURE__ */ import_react107.default.createElement("div", { className: "floating-footer" }, /* @__PURE__ */ import_react107.default.createElement("div", { className: `items ${theme.colorMode}` }, /* @__PURE__ */ import_react107.default.createElement("span", null, "Powered by"), /* @__PURE__ */ import_react107.default.createElement(FooterLogo_default, { width: 50, fill: "black" }), /* @__PURE__ */ import_react107.default.createElement("strong", null, "Network"))))
+    /* @__PURE__ */ import_react108.default.createElement("div", { className: "transfer-card" }, /* @__PURE__ */ import_react108.default.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ import_react108.default.createElement("div", { className: "topbar" }, /* @__PURE__ */ import_react108.default.createElement("div", { className: "title skeleton" }, /* @__PURE__ */ import_react108.default.createElement("h3", null))), /* @__PURE__ */ import_react108.default.createElement("h4", { className: "subtitle" })), /* @__PURE__ */ import_react108.default.createElement("div", { className: "kima-card-content skeleton" }, /* @__PURE__ */ import_react108.default.createElement("div", { className: "skeleton" }), /* @__PURE__ */ import_react108.default.createElement("div", { className: "skeleton" }), /* @__PURE__ */ import_react108.default.createElement("div", { className: "skeleton" }), /* @__PURE__ */ import_react108.default.createElement("div", { className: "skeleton" }), /* @__PURE__ */ import_react108.default.createElement("div", { className: "skeleton" })), /* @__PURE__ */ import_react108.default.createElement("div", { className: `kima-card-footer` }, /* @__PURE__ */ import_react108.default.createElement("div", { className: `button-group skeleton` }, /* @__PURE__ */ import_react108.default.createElement("div", { className: "skeleton" }))), /* @__PURE__ */ import_react108.default.createElement("div", { className: "floating-footer" }, /* @__PURE__ */ import_react108.default.createElement("div", { className: `items ${theme.colorMode}` }, /* @__PURE__ */ import_react108.default.createElement("span", null, "Powered by"), /* @__PURE__ */ import_react108.default.createElement(FooterLogo_default, { width: 50, fill: "black" }), /* @__PURE__ */ import_react108.default.createElement("strong", null, "Network"))))
   );
 };
 var SkeletonLoader_default = SkeletonLoader;
@@ -7503,7 +7607,7 @@ var KimaTransactionWidget = ({
 }) => {
   const dispatch = (0, import_react_redux59.useDispatch)();
   const { kimaBackendUrl } = useKimaContext();
-  const [hydrated, setHydrated] = (0, import_react108.useState)(false);
+  const [hydrated, setHydrated] = (0, import_react109.useState)(false);
   const {
     data: envOptions,
     error: envOptionsError,
@@ -7514,26 +7618,26 @@ var KimaTransactionWidget = ({
     error: chainDataError,
     isLoading: isLoadingChainData
   } = useChainData(kimaBackendUrl);
-  (0, import_react108.useEffect)(() => {
+  (0, import_react109.useEffect)(() => {
     if (typeof window !== "undefined") setHydrated(true);
   }, []);
-  (0, import_react108.useEffect)(() => {
+  (0, import_react109.useEffect)(() => {
     if (!isLoadingChainData && chainData) {
       dispatch(setSourceChain(chainData[0]));
       dispatch(setTargetChain(chainData[1]));
     }
   }, [chainData]);
-  (0, import_react108.useEffect)(() => {
+  (0, import_react109.useEffect)(() => {
     if (theme?.colorMode) {
       dispatch(setTheme(theme));
     }
   }, [theme?.colorMode]);
   if (!hydrated || !theme?.colorMode)
-    return /* @__PURE__ */ import_react108.default.createElement(ring_default, { width: 20, height: 20, fill: "#86b8ce" });
+    return /* @__PURE__ */ import_react109.default.createElement(ring_default, { width: 20, height: 20, fill: "#86b8ce" });
   if (isLoadingEnvs || isLoadingChainData)
-    return /* @__PURE__ */ import_react108.default.createElement(SkeletonLoader_default, { theme });
+    return /* @__PURE__ */ import_react109.default.createElement(SkeletonLoader_default, { theme });
   if (envOptionsError || !envOptions)
-    return /* @__PURE__ */ import_react108.default.createElement(
+    return /* @__PURE__ */ import_react109.default.createElement(
       ErrorWidget_default,
       {
         theme,
@@ -7542,7 +7646,7 @@ var KimaTransactionWidget = ({
       }
     );
   if (chainDataError || !chainData)
-    return /* @__PURE__ */ import_react108.default.createElement(
+    return /* @__PURE__ */ import_react109.default.createElement(
       ErrorWidget_default,
       {
         theme,
@@ -7550,7 +7654,7 @@ var KimaTransactionWidget = ({
         message: "There was an error loading the chain data from the backend. Please check that the backend is running properly and the widget points to the corresponding url." /* ChainLoadingError */
       }
     );
-  return /* @__PURE__ */ import_react108.default.createElement(
+  return /* @__PURE__ */ import_react109.default.createElement(
     KimaWidgetWrapper_default,
     {
       ...{