@kimafinance/kima-transaction-widget 1.5.31 → 1.5.32

package/dist/index.cjs

@@ -3809,7 +3809,8 @@ var getEnvOptions = async ({
       env: "testnet" /* testnet */,
       kimaExplorer: "https://explorer.sardis.kima.network",
       paymentPartnerId: "KimaTest",
-      transferLimitMaxUSDT: null
+      transferLimitMaxUSDT: null,
+      backendVersion: null
     };
   return response;
 };
@@ -8166,7 +8167,7 @@ var KimaProvider = ({
 var KimaProvider_default = KimaProvider;
 
 // src/widgets/common/KimaTransactionWidget.tsx
-var import_react82 = require("react");
+var import_react83 = require("react");
 var import_react_redux68 = require("react-redux");
 
 // src/assets/loading/180-ring.tsx
@@ -9705,9 +9706,220 @@ var StepBox = ({ step, errorStep, loadingStep, data, steps }) => {
 };
 var StepBox_default = StepBox;
 
+// src/components/reusable/VersionInfo.tsx
+var import_react58 = require("react");
+
+// package.json
+var package_default = {
+  name: "@kimafinance/kima-transaction-widget",
+  version: "1.5.32",
+  description: "Kima Transaction Widget",
+  author: "",
+  license: "MIT",
+  repository: "https://github.com/kima-finance/kima-transaction-widget",
+  main: "dist/index.cjs",
+  module: "dist/index.js",
+  types: "dist/index.d.ts",
+  type: "module",
+  source: "src/index.tsx",
+  exports: {
+    ".": {
+      types: "./dist/index.d.ts",
+      import: "./dist/index.js",
+      require: "./dist/index.cjs"
+    },
+    "./index.css": {
+      default: "./dist/index.css"
+    }
+  },
+  scripts: {
+    build: "npm run build:tsup && npm run build:sass && npm run move:fonts",
+    "build:sass": "sass src/styles/main.scss dist/index.css",
+    "build:tsup": "tsup",
+    "move:fonts": "mkdir -p dist/fonts && find dist -maxdepth 1 -type f \\( -iname '*.woff' -o -iname '*.woff2' -o -iname '*.eot' -o -iname '*.ttf' -o -iname '*.otf' \\) -exec mv {} dist/fonts/ \\;",
+    prepare: "npm run build",
+    dev: "tsup --watch",
+    sass: "sass src/styles/main.scss src/index.css -w",
+    test: "jest --runInBand",
+    docs: "typedoc --options typedoc.json"
+  },
+  peerDependencies: {
+    react: ">=17.0.0",
+    "react-dom": ">=17.0.1",
+    "react-redux": ">=7.2.2",
+    redux: ">=4.1.2"
+  },
+  devDependencies: {
+    "@babel/plugin-proposal-unicode-property-regex": "^7.18.6",
+    "@testing-library/jest-dom": "^5.17.0",
+    "@testing-library/react": "^13.4.0",
+    "@testing-library/react-hooks": "^7.0.2",
+    "@types/bn.js": "^5.1.6",
+    "@types/crypto-js": "^4.2.2",
+    "@types/jest": "^29.5.14",
+    "@types/mocha": "^10.0.10",
+    "@types/node": "^20.17.10",
+    "@types/react": "^18.3.1",
+    "@types/react-dom": "^18.3.1",
+    "@types/react-redux": "^7.1.34",
+    "@typescript-eslint/eslint-plugin": "^6.21.0",
+    "@typescript-eslint/parser": "^6.21.0",
+    "cross-env": "^7.0.3",
+    eslint: "^8.57.1",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-react": "^7.37.2",
+    "eslint-plugin-react-hooks": "^4.6.2",
+    jest: "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "npm-run-all": "^4.1.5",
+    prettier: "^3.4.2",
+    react: "^18.3.1",
+    "react-dom": "^18.3.1",
+    serve: "^14.2.4",
+    "ts-jest": "^29.2.5",
+    "ts-node": "^10.9.2",
+    typedoc: "^0.27.7",
+    "typedoc-plugin-markdown": "^4.2.10",
+    typescript: "^5.7.3"
+  },
+  dependencies: {
+    "@kimafinance/btc-signer": "^1.3.4",
+    "@metamask/detect-provider": "^2.0.0",
+    "@noble/secp256k1": "^2.1.0",
+    "@reduxjs/toolkit": "^2.5.0",
+    "@reown/appkit": "^1.7.1",
+    "@reown/appkit-adapter-ethers": "^1.7.1",
+    "@scure/base": "^1.2.1",
+    "@solana/spl-token": "^0.3.5",
+    "@solana/wallet-adapter-base": "^0.9.18",
+    "@solana/wallet-adapter-react": "^0.15.20",
+    "@solana/wallet-adapter-wallets": "^0.19.3",
+    "@solana/web3.js": "^1.98.0",
+    "@tanstack/react-query": "^5.62.8",
+    "@tronweb3/tronwallet-abstract-adapter": "^1.1.8",
+    "@tronweb3/tronwallet-adapter-ledger": "^1.1.10",
+    "@tronweb3/tronwallet-adapter-okxwallet": "^1.0.5",
+    "@tronweb3/tronwallet-adapter-react-hooks": "^1.1.9",
+    "@tronweb3/tronwallet-adapter-tokenpocket": "^1.0.5",
+    "@tronweb3/tronwallet-adapter-tronlink": "^1.1.11",
+    "@tronweb3/tronwallet-adapter-walletconnect": "^2.0.2",
+    "bitcoinjs-lib": "^6.1.7",
+    "browserify-zlib": "^0.2.0",
+    buffer: "^6.0.3",
+    "buffer-layout": "^1.2.2",
+    "crypto-browserify": "^3.12.1",
+    "crypto-js": "^4.2.0",
+    ethers: "^6.13.5",
+    hex64: "^0.4.0",
+    "https-browserify": "^1.0.0",
+    "json-bigint": "^1.0.0",
+    loglevel: "^1.9.2",
+    "os-browserify": "^0.3.0",
+    "path-browserify": "^1.0.1",
+    "pino-pretty": "^13.0.0",
+    "react-hot-toast": "^2.4.1",
+    "react-redux": ">=7.2.2",
+    "react-tooltip": "^5.28.0",
+    redux: ">=4.1.2",
+    sass: "^1.83.0",
+    "sats-connect": "2.8.3",
+    "stream-browserify": "^3.0.0",
+    "stream-http": "^3.2.0",
+    tronweb: "^6.0.0",
+    tsup: "^8.3.5",
+    url: "^0.11.0",
+    uuid: "^11.1.0",
+    viem: "^2.23.2",
+    "vm-browserify": "^1.1.2"
+  },
+  files: [
+    "dist"
+  ]
+};
+
+// src/shared/config/version.ts
+var WIDGET_VERSION = package_default.version;
+
+// src/components/reusable/VersionInfo.tsx
+var import_jsx_runtime77 = require("react/jsx-runtime");
+var VersionInfo = ({ theme }) => {
+  const [isOpen, setIsOpen] = (0, import_react58.useState)(false);
+  const { kimaBackendUrl } = useKimaContext();
+  const { data: envOptions } = useGetEnvOptions({ kimaBackendUrl });
+  (0, import_react58.useEffect)(() => {
+    if (!isOpen) return;
+    const handleKeyDown = (event) => {
+      if (event.key === "Escape") {
+        setIsOpen(false);
+      }
+    };
+    window.addEventListener("keydown", handleKeyDown);
+    return () => {
+      window.removeEventListener("keydown", handleKeyDown);
+    };
+  }, [isOpen]);
+  const backendVersion = envOptions?.backendVersion ?? "Unavailable";
+  return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(import_jsx_runtime77.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "version-info", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+      "button",
+      {
+        type: "button",
+        className: "version-info-trigger",
+        "aria-label": "Open version information",
+        onClick: () => setIsOpen(true),
+        children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "version-info-glyph", "aria-hidden": "true", children: "i" })
+      }
+    ) }),
+    isOpen && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+      "div",
+      {
+        className: "version-info-overlay",
+        role: "presentation",
+        onClick: () => setIsOpen(false),
+        children: /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
+          "div",
+          {
+            className: `version-info-modal ${theme.colorMode}`,
+            role: "dialog",
+            "aria-modal": "true",
+            "aria-label": "Version information",
+            onClick: (event) => event.stopPropagation(),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "version-info-modal-header", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("h3", { children: "Version Information" }),
+                /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+                  "button",
+                  {
+                    type: "button",
+                    className: "version-info-close",
+                    "aria-label": "Close version information",
+                    onClick: () => setIsOpen(false),
+                    children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Cross_default, {})
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "version-info-list", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "version-info-row", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { children: "Current widget version" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("strong", { children: WIDGET_VERSION })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "version-info-row", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { children: "Current backend version" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("strong", { children: backendVersion })
+                ] })
+              ] })
+            ]
+          }
+        )
+      }
+    )
+  ] });
+};
+var VersionInfo_default = VersionInfo;
+
 // src/widgets/common/ErrorWidget.tsx
 var import_react_redux41 = require("react-redux");
-var import_jsx_runtime77 = require("react/jsx-runtime");
+var import_jsx_runtime78 = require("react/jsx-runtime");
 var ErrorWidget = ({
   theme,
   title,
@@ -9719,22 +9931,22 @@ var ErrorWidget = ({
   const ccTransactionId = (0, import_react_redux41.useSelector)(selectCCTransactionId);
   const isCreditCardSource = sourceChain.shortName === "CC";
   const isRetrying = (0, import_react_redux41.useSelector)(selectCCTransactionRetrying);
-  return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
     "div",
     {
       className: `kima-card ${theme.colorMode}`,
       style: {
         background: theme.colorMode === "light" /* light */ ? theme.backgroundColorLight : theme.backgroundColorDark
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "transfer-card", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "kima-card-header", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "topbar", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "title", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("h3", { children: title }) }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("h4", { className: "subtitle" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "transfer-card", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "kima-card-header", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "topbar", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "title", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("h3", { children: title }) }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("h4", { className: "subtitle" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "kima-card-content error", children: [
-          isCreditCardSource && !isRetrying && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Error_default, { width: 40, height: 40 }),
-          message && message !== "" && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("h2", { children: message }),
-          isCreditCardSource && /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "kima-card-content error", children: [
+          isCreditCardSource && !isRetrying && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Error_default, { width: 40, height: 40 }),
+          message && message !== "" && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("h2", { children: message }),
+          isCreditCardSource && /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
             "div",
             {
               style: {
@@ -9743,8 +9955,8 @@ var ErrorWidget = ({
                 flexDirection: "column"
               },
               children: [
-                isRetrying ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("p", { children: "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__ */ (0, import_jsx_runtime77.jsx)("p", { children: "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__ */ (0, import_jsx_runtime77.jsxs)(
+                isRetrying ? /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("p", { children: "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__ */ (0, import_jsx_runtime78.jsx)("p", { children: "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__ */ (0, import_jsx_runtime78.jsxs)(
                   "div",
                   {
                     style: {
@@ -9754,7 +9966,7 @@ var ErrorWidget = ({
                       justifyContent: "center"
                     },
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
                         "code",
                         {
                           style: {
@@ -9765,16 +9977,16 @@ var ErrorWidget = ({
                           children: ccTransactionId
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(CopyButton_default, { text: ccTransactionId })
+                      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(CopyButton_default, { text: ccTransactionId })
                     ]
                   }
                 ),
-                isRetrying && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(ring_default, { width: 30, height: 30, fill: "#86b8ce" })
+                isRetrying && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(ring_default, { width: 30, height: 30, fill: "#86b8ce" })
               ]
             }
           )
         ] }),
-        backButtonEnabled && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+        backButtonEnabled && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
           "div",
           {
             style: {
@@ -9782,14 +9994,14 @@ var ErrorWidget = ({
               justifyContent: "flex-end",
               marginTop: 16
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(PrimaryButton_default, { clickHandler: backButtonFunction, children: "Back" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(PrimaryButton_default, { clickHandler: backButtonFunction, children: "Back" })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "kima-card-footer" }),
-        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "floating-footer", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: `items ${theme.colorMode}`, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { children: "Powered by" }),
-          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(FooterLogo_default, { width: 50, fill: "black" }),
-          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("strong", { children: "Network" })
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "kima-card-footer" }),
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "floating-footer", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: `items ${theme.colorMode}`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { children: "Powered by" }),
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(FooterLogo_default, { width: 50, fill: "black" }),
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("strong", { children: "Network" })
         ] }) })
       ] })
     }
@@ -9798,11 +10010,11 @@ var ErrorWidget = ({
 var ErrorWidget_default = ErrorWidget;
 
 // src/hooks/useDebugMode.ts
-var import_react58 = require("react");
+var import_react59 = require("react");
 var useDebugCode = (sequence = ["D", "E", "B", "U", "G"]) => {
-  const [debugMode, setDebugMode] = (0, import_react58.useState)(false);
-  const [, setInputSequence] = (0, import_react58.useState)([]);
-  (0, import_react58.useEffect)(() => {
+  const [debugMode, setDebugMode] = (0, import_react59.useState)(false);
+  const [, setInputSequence] = (0, import_react59.useState)([]);
+  (0, import_react59.useEffect)(() => {
     const onKeyDown = (e) => {
       setInputSequence((prev) => {
         const next = [...prev, e.key].slice(-sequence.length);
@@ -9829,17 +10041,17 @@ var useDebugCode = (sequence = ["D", "E", "B", "U", "G"]) => {
 };
 
 // src/widgets/common/KimaWidgetWrapper.tsx
-var import_react80 = require("@reown/appkit/react");
-var import_react81 = require("react");
+var import_react81 = require("@reown/appkit/react");
+var import_react82 = require("react");
 var import_react_redux67 = require("react-redux");
 
 // src/widgets/transaction/components/TransactionWidget.tsx
-var import_react62 = require("react");
+var import_react63 = require("react");
 
 // src/components/reusable/Progressbar.tsx
-var import_react59 = require("react");
+var import_react60 = require("react");
 var import_react_redux42 = require("react-redux");
-var import_jsx_runtime78 = require("react/jsx-runtime");
+var import_jsx_runtime79 = require("react/jsx-runtime");
 var DEFAULT_STEPS2 = [
   { title: "Initialize" },
   { title: "Source Transfer" },
@@ -9857,14 +10069,14 @@ var Progressbar = ({
   const theme = (0, import_react_redux42.useSelector)(selectTheme);
   const stepInfo = steps ?? DEFAULT_STEPS2;
   const lastIndex = stepInfo.length - 1;
-  const pct = (0, import_react59.useMemo)(() => {
+  const pct = (0, import_react60.useMemo)(() => {
     if (lastIndex <= 0) return 0;
     const clamped = Math.max(0, Math.min(step, lastIndex));
     return clamped * 100 / lastIndex;
   }, [step, lastIndex]);
-  return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "kima-progressbar", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "value", style: { width: `${pct}%` } }),
-    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "step-indicators", children: stepInfo.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "kima-progressbar", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "value", style: { width: `${pct}%` } }),
+    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "step-indicators", children: stepInfo.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
       "div",
       {
         className: `step ${step === index && "active"} 
@@ -9873,10 +10085,10 @@ var Progressbar = ({
         onClick: () => {
           if (index < lastIndex) setFocus(index);
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "step-info", children: [
-          step < index && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Lock_default, {}),
-          step >= index ? index === loadingStep ? /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Loader_default, { className: "loader" }) : index === errorStep ? /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Warning_default, {}) : /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Check_default, {}) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { children: item.title })
+        children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "step-info", children: [
+          step < index && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Lock_default, {}),
+          step >= index ? index === loadingStep ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Loader_default, { className: "loader" }) : index === errorStep ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Warning_default, {}) : /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Check_default, {}) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { children: item.title })
         ] })
       },
       `${item.title}-${index}`
@@ -9892,7 +10104,7 @@ var import_react_redux47 = require("react-redux");
 var import_react_hot_toast4 = require("react-hot-toast");
 
 // src/widgets/transaction/hooks/useTxData.ts
-var import_react60 = require("react");
+var import_react61 = require("react");
 var import_react_query18 = require("@tanstack/react-query");
 
 // src/services/transactionApi.ts
@@ -10031,7 +10243,7 @@ var getTxData = async ({
 // src/widgets/transaction/hooks/useTxData.ts
 var POLLING_INTERVAL_MS = 1e3 * 10;
 var useTxData = (txId, dAppOption, backendUrl, isSwap) => {
-  const refPollForUpdates = (0, import_react60.useRef)(false);
+  const refPollForUpdates = (0, import_react61.useRef)(false);
   const isLP = dAppOption === "LPAdd" /* LPAdd */ || dAppOption === "LPDrain" /* LPDrain */;
   const validTxId = typeof txId === "number" ? txId > 0 : txId.toString().length > 0;
   return (0, import_react_query18.useQuery)({
@@ -10052,31 +10264,31 @@ var useTxData = (txId, dAppOption, backendUrl, isSwap) => {
 var useTxData_default = useTxData;
 
 // src/components/reusable/TransactionStatusMessage.tsx
-var import_jsx_runtime79 = require("react/jsx-runtime");
+var import_jsx_runtime80 = require("react/jsx-runtime");
 var TransactionStatusMessage = ({
   isCompleted,
   transactionId
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "transaction-status-message", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("h2", { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "transaction-status-message", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("h2", { children: [
       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__ */ (0, import_jsx_runtime79.jsxs)("span", { className: "transaction-copy", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("h3", { children: transactionId }),
-      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(CopyButton_default, { text: transactionId })
+    /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("span", { className: "transaction-copy", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("h3", { children: transactionId }),
+      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(CopyButton_default, { text: transactionId })
     ] })
   ] });
 };
 var TransactionStatusMessage_default = TransactionStatusMessage;
 
 // src/components/reusable/TransactionSearch.tsx
-var import_react61 = require("react");
+var import_react62 = require("react");
 var import_react_redux43 = require("react-redux");
 var import_react_redux44 = require("react-redux");
 var import_react_hot_toast3 = __toESM(require("react-hot-toast"), 1);
-var import_jsx_runtime80 = require("react/jsx-runtime");
+var import_jsx_runtime81 = require("react/jsx-runtime");
 var TransactionSearch = ({
   isSwap,
   onTypeChange
@@ -10084,12 +10296,12 @@ var TransactionSearch = ({
   const theme = (0, import_react_redux43.useSelector)(selectTheme);
   const backendUrl = (0, import_react_redux43.useSelector)(selectBackendUrl);
   const dispatch = (0, import_react_redux44.useDispatch)();
-  const [transactionId, setTransactionId] = (0, import_react61.useState)("");
-  const refPollForUpdates = (0, import_react61.useRef)(false);
+  const [transactionId, setTransactionId] = (0, import_react62.useState)("");
+  const refPollForUpdates = (0, import_react62.useRef)(false);
   const handleSearch = async () => {
     if (transactionId.length <= 0)
       return import_react_hot_toast3.default.error("You must provide a valid transaction id", {
-        icon: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Error_default, {})
+        icon: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Error_default, {})
       });
     try {
       const data = await getTxData({
@@ -10107,14 +10319,14 @@ var TransactionSearch = ({
       logger_default.error("Error searching transaction: ", error);
       return import_react_hot_toast3.default.error(
         "Transaction not found. Please check for the proper transaction id.",
-        { icon: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Error_default, {}) }
+        { icon: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Error_default, {}) }
       );
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "form-item transaction-search", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "transaction-input", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "label", children: "Search Transaction:" }),
-      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "form-item transaction-search", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "transaction-input", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { className: "label", children: "Search Transaction:" }),
+      /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
         "input",
         {
           className: `${theme.colorMode}`,
@@ -10126,10 +10338,10 @@ var TransactionSearch = ({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "tx-type-toggle", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "label", children: "Type:" }),
-      /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "toggle-buttons", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "tx-type-toggle", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { className: "label", children: "Type:" }),
+      /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "toggle-buttons", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
           "button",
           {
             type: "button",
@@ -10138,7 +10350,7 @@ var TransactionSearch = ({
             children: "Transfer"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
           "button",
           {
             type: "button",
@@ -10149,7 +10361,7 @@ var TransactionSearch = ({
         )
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(SecondaryButton_default, { clickHandler: handleSearch, children: "Search" })
+    /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(SecondaryButton_default, { clickHandler: handleSearch, children: "Search" })
   ] });
 };
 var TransactionSearch_default = TransactionSearch;
@@ -10209,20 +10421,20 @@ var resolveTransactionResetTarget = ({
 };
 
 // src/widgets/transaction/components/TransactionWidget.tsx
-var import_jsx_runtime81 = require("react/jsx-runtime");
+var import_jsx_runtime82 = require("react/jsx-runtime");
 var TransactionWidget = ({ theme }) => {
-  const [step, setStep] = (0, import_react62.useState)(0);
-  const [focus, setFocus] = (0, import_react62.useState)(-1);
-  const [errorStep, setErrorStep] = (0, import_react62.useState)(-1);
-  const [errorMessage, setErrorMessage] = (0, import_react62.useState)("");
-  const [loadingStep, setLoadingStep] = (0, import_react62.useState)(-1);
-  const [minimized, setMinimized] = (0, import_react62.useState)(false);
-  const [isComplete, setIsComplete] = (0, import_react62.useState)(false);
-  const [statusTxType, setStatusTxType] = (0, import_react62.useState)(
+  const [step, setStep] = (0, import_react63.useState)(0);
+  const [focus, setFocus] = (0, import_react63.useState)(-1);
+  const [errorStep, setErrorStep] = (0, import_react63.useState)(-1);
+  const [errorMessage, setErrorMessage] = (0, import_react63.useState)("");
+  const [loadingStep, setLoadingStep] = (0, import_react63.useState)(-1);
+  const [minimized, setMinimized] = (0, import_react63.useState)(false);
+  const [isComplete, setIsComplete] = (0, import_react63.useState)(false);
+  const [statusTxType, setStatusTxType] = (0, import_react63.useState)(
     "transfer"
   );
-  const previousStatusRef = (0, import_react62.useRef)(null);
-  const previousErrorRef = (0, import_react62.useRef)(null);
+  const previousStatusRef = (0, import_react63.useRef)(null);
+  const previousErrorRef = (0, import_react63.useRef)(null);
   const dispatch = (0, import_react_redux47.useDispatch)();
   const explorerUrl = (0, import_react_redux46.useSelector)(selectKimaExplorer);
   const mode = (0, import_react_redux46.useSelector)(selectMode);
@@ -10242,7 +10454,7 @@ var TransactionWidget = ({ theme }) => {
   const backendUrl = (0, import_react_redux46.useSelector)(selectBackendUrl);
   const isSwapByPegged = sourceSymbol !== targetSymbol && !isSamePeggedToken(sourceChain, sourceSymbol, targetChain, targetSymbol);
   const widgetIsSwap = mode === "status" /* status */ ? statusTxType === "swap" : isSwapByPegged;
-  const steps = (0, import_react62.useMemo)(
+  const steps = (0, import_react63.useMemo)(
     () => widgetIsSwap ? SWAP_STEPS : TRANSFER_STEPS,
     [widgetIsSwap]
   );
@@ -10254,7 +10466,7 @@ var TransactionWidget = ({ theme }) => {
     panelRef,
     formatTime: formatToastTime
   } = useToastHistory();
-  (0, import_react62.useEffect)(() => {
+  (0, import_react63.useEffect)(() => {
     windowWidth === 0 && updateWidth(window.innerWidth);
   }, [windowWidth, updateWidth]);
   const safeTxId = typeof txId === "string" || typeof txId === "number" ? txId : -1;
@@ -10264,49 +10476,49 @@ var TransactionWidget = ({ theme }) => {
     backendUrl,
     widgetIsSwap
   );
-  const transactionSourceChain = (0, import_react62.useMemo)(
+  const transactionSourceChain = (0, import_react63.useMemo)(
     () => networks.find(
       (network) => network.shortName === (mode === "status" /* status */ ? data?.sourceChain : sourceChain.shortName)
     ),
     [data, mode, sourceChain, networks]
   );
-  const transactionTargetChain = (0, import_react62.useMemo)(
+  const transactionTargetChain = (0, import_react63.useMemo)(
     () => networks.find(
       (network) => network.shortName === (mode === "status" /* status */ ? data?.targetChain : targetChain.shortName)
     ),
     [data, mode, targetChain, networks]
   );
-  const isValidTxId = (0, import_react62.useMemo)(() => {
+  const isValidTxId = (0, import_react63.useMemo)(() => {
     return !(safeTxId === -1 || typeof safeTxId === "string" && safeTxId.length === 0);
   }, [safeTxId]);
-  const isEmptyStatus = (0, import_react62.useMemo)(() => {
+  const isEmptyStatus = (0, import_react63.useMemo)(() => {
     if (!data) return true;
     return data?.amount === "";
   }, [data]);
   const showFetchingTitle = isValidTxId && isEmptyStatus;
-  (0, import_react62.useEffect)(() => {
+  (0, import_react63.useEffect)(() => {
     if (!data || data.status !== "Completed" /* COMPLETED */) return;
     successHandler && successHandler({
       txId: safeTxId
     });
   }, [data, successHandler, safeTxId]);
-  (0, import_react62.useEffect)(() => {
+  (0, import_react63.useEffect)(() => {
     if (!data) return;
     if (data.status === "Completed" /* COMPLETED */) {
       setIsComplete(true);
     }
   }, [data]);
-  (0, import_react62.useEffect)(() => {
+  (0, import_react63.useEffect)(() => {
     const nextError = error ? String(error) : null;
     if (!nextError || previousErrorRef.current === nextError) return;
     previousErrorRef.current = nextError;
     if (error)
       import_react_hot_toast4.toast.error(
         "The provided transaction id is not valid, please use a different one or contact support for further assistance",
-        { icon: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Error_default, {}) }
+        { icon: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Error_default, {}) }
       );
   }, [error]);
-  (0, import_react62.useEffect)(() => {
+  (0, import_react63.useEffect)(() => {
     const raw = normalizeStatus(data?.status);
     const s = compactStatus(raw);
     const statusChanged = didStatusChange(previousStatusRef.current, raw);
@@ -10334,7 +10546,7 @@ var TransactionWidget = ({ theme }) => {
       setStep(1);
       setErrorStep(1);
       setLoadingStep(-1);
-      if (statusChanged) import_react_hot_toast4.toast.error("Unavailable", { icon: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Error_default, {}) });
+      if (statusChanged) import_react_hot_toast4.toast.error("Unavailable", { icon: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Error_default, {}) });
       setErrorMessage("Unavailable");
       previousStatusRef.current = raw;
       return;
@@ -10345,7 +10557,7 @@ var TransactionWidget = ({ theme }) => {
       setLoadingStep(-1);
       if (statusChanged) {
         import_react_hot_toast4.toast.error("Failed to pull tokens from source!", {
-          icon: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Error_default, {})
+          icon: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Error_default, {})
         });
       }
       setErrorMessage("Failed to pull tokens from source!");
@@ -10358,7 +10570,7 @@ var TransactionWidget = ({ theme }) => {
       setLoadingStep(-1);
       if (statusChanged) {
         import_react_hot_toast4.toast.error("Failed to release tokens to target!", {
-          icon: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Error_default, {})
+          icon: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Error_default, {})
         });
       }
       setErrorMessage("Failed to release tokens to target!");
@@ -10371,7 +10583,7 @@ var TransactionWidget = ({ theme }) => {
       if (statusChanged) {
         import_react_hot_toast4.toast.error(
           "Failed to release tokens to target! Starting refund process.",
-          { icon: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Error_default, {}) }
+          { icon: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Error_default, {}) }
         );
       }
       setErrorMessage(
@@ -10386,7 +10598,7 @@ var TransactionWidget = ({ theme }) => {
       setLoadingStep(-1);
       if (statusChanged) {
         import_react_hot_toast4.toast.error("Failed to refund tokens to source!", {
-          icon: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Error_default, {})
+          icon: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Error_default, {})
         });
       }
       setErrorMessage("Failed to refund tokens to source!");
@@ -10398,7 +10610,7 @@ var TransactionWidget = ({ theme }) => {
       setErrorStep(3);
       setLoadingStep(-1);
       if (statusChanged) {
-        import_react_hot_toast4.toast.success("Refund completed!", { icon: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Error_default, {}) });
+        import_react_hot_toast4.toast.success("Refund completed!", { icon: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Error_default, {}) });
       }
       setErrorMessage("Refund completed!");
       previousStatusRef.current = raw;
@@ -10453,14 +10665,14 @@ var TransactionWidget = ({ theme }) => {
     }
     previousStatusRef.current = raw;
   }, [data?.status, widgetIsSwap]);
-  const verb = (0, import_react62.useMemo)(() => {
+  const verb = (0, import_react63.useMemo)(() => {
     if (mode === "status" /* status */) {
       if (isEmptyStatus) return "Fetching transaction status ";
       return data?.status?.toUpperCase?.() === "Completed" /* COMPLETED */ ? widgetIsSwap ? "Swapped " : "Transferred " : widgetIsSwap ? "Swapping " : "Transfering ";
     }
     return data?.status?.toUpperCase?.() === "Completed" /* COMPLETED */ ? widgetIsSwap ? "Swapped " : "Transferred " : widgetIsSwap ? "Swapping " : "Transfering ";
   }, [mode, data?.status, isEmptyStatus, widgetIsSwap]);
-  const originChargeAmount = (0, import_react62.useMemo)(() => {
+  const originChargeAmount = (0, import_react63.useMemo)(() => {
     const submit = txValues.submitAmount;
     const feeInSubmitDec = bigIntChangeDecimals({
       ...totalFee,
@@ -10469,7 +10681,7 @@ var TransactionWidget = ({ theme }) => {
     const val = feeDeduct ? submit.value : submit.value + feeInSubmitDec.value;
     return { value: val, decimals: submit.decimals };
   }, [txValues.submitAmount, totalFee, feeDeduct]);
-  const { leftAmt, rightAmt, leftSym, rightSym } = (0, import_react62.useMemo)(() => {
+  const { leftAmt, rightAmt, leftSym, rightSym } = (0, import_react63.useMemo)(() => {
     if (mode === "status" /* status */) {
       if (widgetIsSwap) {
         const amountIn = data?.amountIn;
@@ -10567,7 +10779,7 @@ var TransactionWidget = ({ theme }) => {
       logger_default.debug("[TransactionWidget] reset failed", e);
       import_react_hot_toast4.toast.error(
         "Unable to reset the transaction view. Please contact support for assistance.",
-        { icon: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Error_default, {}) }
+        { icon: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Error_default, {}) }
       );
     }
   };
@@ -10577,7 +10789,7 @@ var TransactionWidget = ({ theme }) => {
   const swapDstAmtLabel = formatTruncMaxDecimals(swapDstAmt, 4);
   const swapSrcSymLabel = displaySymbol(data?.sourceSymbol ?? sourceSymbol);
   const swapDstSymLabel = displaySymbol(data?.targetSymbol ?? targetSymbol);
-  return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_react_redux45.Provider, { store: store_default, children: /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_react_redux45.Provider, { store: store_default, children: /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
     "div",
     {
       className: `kima-card transaction-card ${isComplete ? "transaction-complete" : ""} ${theme.colorMode} ${minimized ? "minimized" : ""}`,
@@ -10585,9 +10797,10 @@ var TransactionWidget = ({ theme }) => {
         background: theme.colorMode === "light" /* light */ ? theme.backgroundColorLight : theme.backgroundColorDark
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "kima-card-header", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "topbar", children: [
-            !isComplete && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "title", children: isValidTxId && !error ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "transaction-title", children: showFetchingTitle ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_jsx_runtime81.Fragment, { children: "Getting transaction details\u2026" }) : /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(import_jsx_runtime81.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(VersionInfo_default, { theme }),
+        /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "kima-card-header", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "topbar", children: [
+            !isComplete && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "title", children: isValidTxId && !error ? /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "transaction-title", children: showFetchingTitle ? /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_jsx_runtime82.Fragment, { children: "Getting transaction details\u2026" }) : /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(import_jsx_runtime82.Fragment, { children: [
               verb,
               leftAmt,
               " ",
@@ -10596,13 +10809,13 @@ var TransactionWidget = ({ theme }) => {
               rightAmt,
               " ",
               rightSym
-            ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("h3", { className: "transaction", children: "Transaction Status" }) }) }),
-            !minimized ? /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
+            ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("h3", { className: "transaction", children: "Transaction Status" }) }) }),
+            !minimized ? /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
               "div",
               {
                 className: `control-buttons ${isComplete ? "complete" : ""}`,
                 children: [
-                  isComplete && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+                  isComplete && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
                     "button",
                     {
                       className: "menu-button",
@@ -10611,41 +10824,41 @@ var TransactionWidget = ({ theme }) => {
                       children: "< Back"
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
                     "button",
                     {
                       className: "icon-button minimize",
                       onClick: () => setMinimized(true),
-                      children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Minimize_default, {})
+                      children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Minimize_default, {})
                     }
                   ),
-                  !isComplete && (!isValidTxId || loadingStep < 0 || error && dAppOption !== "none" /* None */) ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("button", { className: "reset-button", onClick: resetForm, children: "Reset" }) : null,
-                  toastHistory.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
+                  !isComplete && (!isValidTxId || loadingStep < 0 || error && dAppOption !== "none" /* None */) ? /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("button", { className: "reset-button", onClick: resetForm, children: "Reset" }) : null,
+                  toastHistory.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
                     "div",
                     {
                       ref: panelRef,
                       className: `toast-history ${theme.colorMode}`,
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
                           "button",
                           {
                             className: "toast-history-button",
                             onClick: () => setToastPanelOpen(true),
                             "aria-label": "Notifications",
-                            children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Notification_default, {})
+                            children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Notification_default, {})
                           }
                         ),
-                        toastPanelOpen && /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: `toast-history-panel ${theme.colorMode}`, children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "toast-history-header", children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { children: "Notifications" }) }),
-                          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "toast-history-list", children: toastHistory.map((item) => /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "toast-history-item", children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { className: "toast-history-message", children: item.message }),
-                            /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { className: "toast-history-time", children: formatToastTime(item.time) })
+                        toastPanelOpen && /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: `toast-history-panel ${theme.colorMode}`, children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "toast-history-header", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { children: "Notifications" }) }),
+                          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "toast-history-list", children: toastHistory.map((item) => /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "toast-history-item", children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "toast-history-message", children: item.message }),
+                            /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "toast-history-time", children: formatToastTime(item.time) })
                           ] }, item.id)) })
                         ] })
                       ]
                     }
                   ),
-                  closeHandler && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+                  closeHandler && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
                     "button",
                     {
                       className: "cross-icon-button",
@@ -10653,44 +10866,44 @@ var TransactionWidget = ({ theme }) => {
                         resetForm();
                         closeHandler(0);
                       },
-                      children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Cross_default, {})
+                      children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Cross_default, {})
                     }
                   )
                 ]
               }
-            ) : /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "control-buttons", children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "maximize", onClick: () => setMinimized(false), children: "View" }) })
+            ) : /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "control-buttons", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "maximize", onClick: () => setMinimized(false), children: "View" }) })
           ] }),
-          data && !isComplete && /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "header-network-labels", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: `kima-card-network-label ${theme.colorMode}`, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+          data && !isComplete && /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "header-network-labels", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: `kima-card-network-label ${theme.colorMode}`, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
                 ChainIcon,
                 {
                   symbol: transactionSourceChain?.shortName
                 }
               ),
-              windowWidth > 450 && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("h3", { children: transactionSourceChain?.name })
+              windowWidth > 450 && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("h3", { children: transactionSourceChain?.name })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
               "div",
               {
                 style: { display: "inline-block", transform: "rotate(-90deg)" },
-                children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Arrow_default, { width: 25, height: 25 })
+                children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Arrow_default, { width: 25, height: 25 })
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: `kima-card-network-label ${theme.colorMode}`, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: `kima-card-network-label ${theme.colorMode}`, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
                 ChainIcon,
                 {
                   symbol: transactionTargetChain?.shortName
                 }
               ),
-              windowWidth > 450 && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("h3", { children: transactionTargetChain?.name })
+              windowWidth > 450 && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("h3", { children: transactionTargetChain?.name })
             ] })
           ] })
         ] }),
-        isValidTxId && (mode !== "status" /* status */ || !error) ? /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "kima-card-content", children: [
-          !isComplete ? /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "transaction-content", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+        isValidTxId && (mode !== "status" /* status */ || !error) ? /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "kima-card-content", children: [
+          !isComplete ? /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "transaction-content", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
               Progressbar_default,
               {
                 step,
@@ -10701,7 +10914,7 @@ var TransactionWidget = ({ theme }) => {
                 steps
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
               StepBox_default,
               {
                 step,
@@ -10711,15 +10924,15 @@ var TransactionWidget = ({ theme }) => {
                 steps
               }
             )
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "transaction-content transaction-complete", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(TransactionComplete_default, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("h2", { children: widgetIsSwap ? "Swap Complete" : "Transaction Complete" }),
-            /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "kima-stepbox", children: /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "transaction-content transaction-complete", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(TransactionComplete_default, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("h2", { children: widgetIsSwap ? "Swap Complete" : "Transaction Complete" }),
+            /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "kima-stepbox", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
               "div",
               {
                 className: `content-wrapper transaction-complete ${theme.colorMode}`,
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("p", { children: widgetIsSwap ? /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(import_jsx_runtime81.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("p", { children: widgetIsSwap ? /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(import_jsx_runtime82.Fragment, { children: [
                     "You just swapped ",
                     swapSrcAmtLabel,
                     " ",
@@ -10729,50 +10942,50 @@ var TransactionWidget = ({ theme }) => {
                     swapDstAmtLabel,
                     " ",
                     swapDstSymLabel
-                  ] }) : /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(import_jsx_runtime81.Fragment, { children: [
+                  ] }) : /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(import_jsx_runtime82.Fragment, { children: [
                     "You just transferred ",
                     data?.amount,
                     " ",
                     displaySymbol(data?.sourceSymbol)
                   ] }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "header-network-labels", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
+                  /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "header-network-labels", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
                       "div",
                       {
                         className: `kima-card-network-label ${theme.colorMode}`,
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
                             ChainIcon,
                             {
                               symbol: transactionSourceChain?.shortName
                             }
                           ),
-                          windowWidth > 450 && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("h3", { children: transactionSourceChain?.name })
+                          windowWidth > 450 && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("h3", { children: transactionSourceChain?.name })
                         ]
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
                       "div",
                       {
                         style: {
                           display: "inline-block",
                           transform: "rotate(-90deg)"
                         },
-                        children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Arrow_default, { width: 25, height: 25 })
+                        children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Arrow_default, { width: 25, height: 25 })
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
+                    /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
                       "div",
                       {
                         className: `kima-card-network-label ${theme.colorMode}`,
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
                             ChainIcon,
                             {
                               symbol: transactionTargetChain?.shortName
                             }
                           ),
-                          windowWidth > 450 && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("h3", { children: transactionTargetChain?.name })
+                          windowWidth > 450 && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("h3", { children: transactionTargetChain?.name })
                         ]
                       }
                     )
@@ -10780,8 +10993,8 @@ var TransactionWidget = ({ theme }) => {
                 ]
               }
             ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "transaction-buttons", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "transaction-buttons", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
                 SecondaryButton_default,
                 {
                   clickHandler: resetForm,
@@ -10789,25 +11002,25 @@ var TransactionWidget = ({ theme }) => {
                   children: "New Transaction"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
                 ExternalLink_default,
                 {
                   to: `${explorerUrl}/transactions/?tx=${data?.kimaTxHash}`,
-                  children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(PrimaryButton_default, { children: "View Details" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(PrimaryButton_default, { children: "View Details" })
                 }
               )
             ] })
           ] }),
-          !error && !isEmptyStatus && !isComplete && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+          !error && !isEmptyStatus && !isComplete && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
             TransactionStatusMessage_default,
             {
               isCompleted: data?.status,
               transactionId: String(safeTxId)
             }
           )
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "kima-card-content", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("h4", { className: "subtitle", children: "You can follow the status of a previous submitted transaction by entering the provided transaction id" }),
-          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "single-form", children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "kima-card-content", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("h4", { className: "subtitle", children: "You can follow the status of a previous submitted transaction by entering the provided transaction id" }),
+          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "single-form", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
             TransactionSearch_default,
             {
               isSwap: statusTxType === "swap",
@@ -10815,7 +11028,7 @@ var TransactionWidget = ({ theme }) => {
             }
           ) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
           import_react_hot_toast4.Toaster,
           {
             position: "top-right",
@@ -10840,13 +11053,13 @@ var TransactionWidget = ({ theme }) => {
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
           "div",
           {
             className: `floating-footer ${isComplete ? "complete" : "status"}`,
-            children: /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: `items ${theme.colorMode}`, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { children: "Powered by" }),
-              /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(KimaNetwork_default, {})
+            children: /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: `items ${theme.colorMode}`, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { children: "Powered by" }),
+              /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(KimaNetwork_default, {})
             ] })
           }
         )
@@ -11332,7 +11545,7 @@ var useSubmitTransaction = (isSubmitting, setIsSubmitting) => {
 var useSubmitTransaction_default = useSubmitTransaction;
 
 // src/widgets/transfer/hooks/useValidateTransaction.tsx
-var import_react63 = require("react");
+var import_react64 = require("react");
 var import_react_redux50 = require("react-redux");
 
 // src/widgets/transfer/lib/validation.ts
@@ -11517,11 +11730,11 @@ var useValidateTransaction = (inputs) => {
   const tgtNet = (0, import_react_redux50.useSelector)(selectTargetChain);
   const srcCur = (0, import_react_redux50.useSelector)(selectSourceCurrency);
   const tgtCur = (0, import_react_redux50.useSelector)(selectTargetCurrency);
-  const isSwap = (0, import_react63.useMemo)(
+  const isSwap = (0, import_react64.useMemo)(
     () => srcCur !== tgtCur && !isSamePeggedToken(srcNet, srcCur, tgtNet, tgtCur),
     [srcNet, srcCur, tgtNet, tgtCur]
   );
-  const sourceToken = (0, import_react63.useMemo)(
+  const sourceToken = (0, import_react64.useMemo)(
     () => srcNet.supportedTokens?.find((token) => token.symbol === srcCur),
     [srcNet, srcCur]
   );
@@ -11560,13 +11773,13 @@ var useValidateTransaction = (inputs) => {
 var useValidateTransaction_default = useValidateTransaction;
 
 // src/widgets/transfer/components/TransferWidget.tsx
-var import_react79 = require("react");
+var import_react80 = require("react");
 var import_react_hot_toast12 = __toESM(require("react-hot-toast"), 1);
 var import_react_redux66 = require("react-redux");
 var import_viem13 = require("viem");
 
 // src/components/reusable/WarningModal.tsx
-var import_jsx_runtime82 = require("react/jsx-runtime");
+var import_jsx_runtime83 = require("react/jsx-runtime");
 var WarningModal = ({
   message,
   cancelButtonText = "Cancel",
@@ -11574,11 +11787,11 @@ var WarningModal = ({
   onAcknowledge,
   onCancel
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "warning-modal-overlay", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "warning-modal", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("h3", { children: "Warning" }),
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("p", { children: message }),
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "warning-modal-buttons", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "warning-modal-overlay", children: /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "warning-modal", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("h3", { children: "Warning" }),
+    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("p", { children: message }),
+    /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "warning-modal-buttons", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
         SecondaryButton_default,
         {
           className: "warning-modal-cancel",
@@ -11586,7 +11799,7 @@ var WarningModal = ({
           children: cancelButtonText
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
         PrimaryButton_default,
         {
           className: "warning-modal-acknowledge",
@@ -11601,21 +11814,21 @@ var WarningModal_default = WarningModal;
 
 // src/components/reusable/SingleForm.tsx
 var import_viem12 = require("viem");
-var import_react65 = require("react");
+var import_react66 = require("react");
 var import_react_hot_toast5 = require("react-hot-toast");
 var import_react_redux52 = require("react-redux");
 
 // src/components/primary/NetworkSelector.tsx
-var import_react64 = __toESM(require("react"), 1);
+var import_react65 = __toESM(require("react"), 1);
 var import_react_redux51 = require("react-redux");
-var import_jsx_runtime83 = require("react/jsx-runtime");
+var import_jsx_runtime84 = require("react/jsx-runtime");
 var NetworkSelector = ({
   type,
   initialSelection,
   setInitialSelection
 }) => {
-  const [collapsed, setCollapsed] = (0, import_react64.useState)(true);
-  const ref = (0, import_react64.useRef)(null);
+  const [collapsed, setCollapsed] = (0, import_react65.useState)(true);
+  const ref = (0, import_react65.useRef)(null);
   const dispatch = (0, import_react_redux51.useDispatch)();
   const theme = (0, import_react_redux51.useSelector)(selectTheme);
   const networkOptions = (0, import_react_redux51.useSelector)(selectNetworks);
@@ -11631,7 +11844,7 @@ var NetworkSelector = ({
   const currentTargetAddr = (0, import_react_redux51.useSelector)(selectTargetAddress);
   const { switchChainHandler } = useKimaContext();
   const isOriginSelector = type === "origin";
-  (0, import_react64.useEffect)(() => {
+  (0, import_react65.useEffect)(() => {
     logger_default.info("[NetworkSelector] mount", {
       type,
       mode,
@@ -11640,7 +11853,7 @@ var NetworkSelector = ({
       targetShort: targetNetwork?.shortName
     });
   }, []);
-  const networks = (0, import_react64.useMemo)(() => {
+  const networks = (0, import_react65.useMemo)(() => {
     const result = networkOptions.filter((network) => {
       if (dAppOption !== "none" /* None */ && network.shortName === "CC")
         return false;
@@ -11668,7 +11881,7 @@ var NetworkSelector = ({
     isOriginSelector
   ]);
   const shouldLockSourceNetwork = isOriginSelector && mode === "payment" /* payment */ && dAppOption !== "none" /* None */ && !!transactionOption?.targetChain;
-  const selectedNetwork = (0, import_react64.useMemo)(() => {
+  const selectedNetwork = (0, import_react65.useMemo)(() => {
     if (shouldLockSourceNetwork) {
       const forced = networks.find(
         (n) => n.shortName === transactionOption.targetChain
@@ -11707,8 +11920,8 @@ var NetworkSelector = ({
     shouldLockSourceNetwork,
     transactionOption?.targetChain
   ]);
-  const lastForcedShort = (0, import_react64.useRef)();
-  (0, import_react64.useEffect)(() => {
+  const lastForcedShort = (0, import_react65.useRef)();
+  (0, import_react65.useEffect)(() => {
     if (!shouldLockSourceNetwork || !isOriginSelector || !transactionOption?.targetChain)
       return;
     const forcedNetwork = networks.find(
@@ -11823,7 +12036,7 @@ var NetworkSelector = ({
     }
     setCollapsed(true);
   };
-  (0, import_react64.useEffect)(() => {
+  (0, import_react65.useEffect)(() => {
     const handleOutsideClick = (e) => {
       if (ref.current && !ref.current.contains(e.target)) {
         setCollapsed(true);
@@ -11832,7 +12045,7 @@ var NetworkSelector = ({
     document.addEventListener("mousedown", handleOutsideClick);
     return () => document.removeEventListener("mousedown", handleOutsideClick);
   }, []);
-  (0, import_react64.useEffect)(() => {
+  (0, import_react65.useEffect)(() => {
     if (mode !== "light" /* light */) return;
     let srcDemo = "";
     if (isEVMChain(sourceNetwork.shortName)) srcDemo = lightDemoAccounts.EVM;
@@ -11864,7 +12077,7 @@ var NetworkSelector = ({
     currentTargetAddr,
     dispatch
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
     "div",
     {
       className: `network-dropdown ${theme?.colorMode ?? ""} ${collapsed ? "collapsed" : "toggled"} ${shouldLockSourceNetwork ? "disabled" : ""}`,
@@ -11873,15 +12086,15 @@ var NetworkSelector = ({
       },
       ref,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "network-wrapper", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(ChainIcon, { symbol: selectedNetwork.shortName }),
-          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { children: selectedNetwork.name })
+        /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "network-wrapper", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(ChainIcon, { symbol: selectedNetwork.shortName }),
+          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { children: selectedNetwork.name })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
           "div",
           {
             className: `network-menu custom-scrollbar ${theme?.colorMode ?? ""} ${collapsed ? "collapsed" : "toggled"}`,
-            children: networks.filter((network) => network.shortName !== selectedNetwork.shortName).map((network) => /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
+            children: networks.filter((network) => network.shortName !== selectedNetwork.shortName).map((network) => /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
               "div",
               {
                 className: `network-menu-item ${theme?.colorMode ?? ""} ${network.disabled ? "disabled has-tooltip" : "enabled"}`,
@@ -11890,24 +12103,24 @@ var NetworkSelector = ({
                   if (!network.disabled) handleNetworkChange(network);
                 },
                 children: [
-                  network.disabled ? /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Warning_default, { width: 25, height: 25 }) : /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(ChainIcon, { symbol: network.shortName }),
-                  /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("p", { children: network.name }),
-                  network.disabled && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "tooltip", children: "Temporarily unavailable" })
+                  network.disabled ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Warning_default, { width: 25, height: 25 }) : /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(ChainIcon, { symbol: network.shortName }),
+                  /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("p", { children: network.name }),
+                  network.disabled && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "tooltip", children: "Temporarily unavailable" })
                 ]
               },
               `${network.shortName}-${network.name}`
             ))
           }
         ),
-        !shouldLockSourceNetwork && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: `dropdown-icon ${collapsed ? "toggled" : "collapsed"}`, children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Arrow_default, { fill: "none" }) })
+        !shouldLockSourceNetwork && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: `dropdown-icon ${collapsed ? "toggled" : "collapsed"}`, children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Arrow_default, { fill: "none" }) })
       ]
     }
   );
 };
-var NetworkSelector_default = import_react64.default.memo(NetworkSelector);
+var NetworkSelector_default = import_react65.default.memo(NetworkSelector);
 
 // src/components/reusable/SingleForm.tsx
-var import_jsx_runtime84 = require("react/jsx-runtime");
+var import_jsx_runtime85 = require("react/jsx-runtime");
 var SingleForm = ({
   isLoadingFees,
   feeError,
@@ -11927,7 +12140,7 @@ var SingleForm = ({
   const targetNetwork = (0, import_react_redux52.useSelector)(selectTargetChain);
   const targetAddress = (0, import_react_redux52.useSelector)(selectTargetAddress);
   const { isReady } = useIsWalletReady_default();
-  const [amountValue, setAmountValue] = (0, import_react65.useState)("");
+  const [amountValue, setAmountValue] = (0, import_react66.useState)("");
   const amount = (0, import_react_redux52.useSelector)(selectAmount);
   const sourceCurrency = (0, import_react_redux52.useSelector)(selectSourceCurrency);
   const targetCurrency = (0, import_react_redux52.useSelector)(selectTargetCurrency);
@@ -11935,11 +12148,11 @@ var SingleForm = ({
   const { balance, decimals } = useBalance_default();
   const { kimaBackendUrl } = useKimaContext();
   const { data: envOptions } = useGetEnvOptions({ kimaBackendUrl });
-  const errorMessage = (0, import_react65.useMemo)(
+  const errorMessage = (0, import_react66.useMemo)(
     () => compliantOption && targetCompliant !== null && !targetCompliant?.isCompliant ? `Target address has ${targetCompliant.results?.[0].result.risk_score} risk` : "",
     [compliantOption, targetCompliant]
   );
-  const maxValue = (0, import_react65.useMemo)(() => {
+  const maxValue = (0, import_react66.useMemo)(() => {
     if (mode === "light" /* light */) {
       const limit = envOptions?.transferLimitMaxUSDT ? parseFloat(envOptions.transferLimitMaxUSDT) : 1e3;
       return BigInt(limit);
@@ -11949,11 +12162,11 @@ var SingleForm = ({
     const intAmount = (0, import_viem12.parseUnits)(amount || "0", totalFee.decimals);
     return balance - intAmount;
   }, [mode, envOptions?.transferLimitMaxUSDT, balance, totalFee, amount]);
-  const feeTokenSymbol = (0, import_react65.useMemo)(() => {
+  const feeTokenSymbol = (0, import_react66.useMemo)(() => {
     if (!sourceCurrency) return "USD";
     return uiTokenSymbol(sourceCurrency);
   }, [sourceCurrency]);
-  const canQuoteFees = (0, import_react65.useMemo)(() => {
+  const canQuoteFees = (0, import_react66.useMemo)(() => {
     const haveBasics = !!backendUrl && !!amount && !!sourceNetwork?.shortName && !!sourceCurrency && !!targetNetwork?.shortName && !!targetCurrency;
     if (!haveBasics) return false;
     const requiresSourceAddress = !["BANK", "CC"].includes(
@@ -11972,11 +12185,11 @@ var SingleForm = ({
     sourceAddress,
     targetAddress
   ]);
-  (0, import_react65.useEffect)(() => {
+  (0, import_react66.useEffect)(() => {
     if (!errorMessage) return;
     import_react_hot_toast5.toast.error(errorMessage);
   }, [errorMessage]);
-  (0, import_react65.useEffect)(() => {
+  (0, import_react66.useEffect)(() => {
     if (amountValue && amount !== "") return;
     setAmountValue(amount);
   }, [amount, amountValue]);
@@ -12015,7 +12228,7 @@ var SingleForm = ({
       );
     }
   };
-  const demoSourceAddress = (0, import_react65.useMemo)(() => {
+  const demoSourceAddress = (0, import_react66.useMemo)(() => {
     if (mode !== "light" /* light */) return "";
     const short = sourceNetwork?.shortName;
     if (!short) return "";
@@ -12024,7 +12237,7 @@ var SingleForm = ({
     if (lightDemoNetworks.includes(short)) return lightDemoAccounts.EVM;
     return "";
   }, [mode, sourceNetwork?.shortName]);
-  const isConnectedSourceWrapper = (0, import_react65.useMemo)(() => {
+  const isConnectedSourceWrapper = (0, import_react66.useMemo)(() => {
     if (mode === "light" /* light */) {
       const on2 = !!demoSourceAddress;
       logger_default.debug("[SingleForm] source wrapper connected (LIGHT)?", {
@@ -12057,7 +12270,7 @@ var SingleForm = ({
     demoSourceAddress,
     sourceNetwork?.shortName
   ]);
-  const isConnectedTargetWrapper = (0, import_react65.useMemo)(() => {
+  const isConnectedTargetWrapper = (0, import_react66.useMemo)(() => {
     if (mode !== "light" /* light */) return false;
     const on = !!targetAddress;
     logger_default.debug("[SingleForm] target wrapper connected (LIGHT)?", {
@@ -12067,13 +12280,13 @@ var SingleForm = ({
     });
     return on;
   }, [mode, targetAddress, targetNetwork?.shortName]);
-  const isConnected = (0, import_react65.useMemo)(() => {
+  const isConnected = (0, import_react66.useMemo)(() => {
     if (mode === "payment" /* payment */ && dAppOption !== "none" /* None */) {
       return isReady;
     }
     return isReady && !initialSelection.sourceSelection;
   }, [isReady, initialSelection, mode, dAppOption]);
-  (0, import_react65.useEffect)(() => {
+  (0, import_react66.useEffect)(() => {
     logger_default.debug("[SingleForm] snapshot", {
       mode,
       srcShort: sourceNetwork?.shortName,
@@ -12100,14 +12313,14 @@ var SingleForm = ({
     demoSourceAddress,
     feeDeduct
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "single-form", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "form-item", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("span", { className: "label", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "single-form", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "form-item", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("span", { className: "label", children: [
         dAppOption === "none" /* None */ && "Source",
         " Network:"
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "items", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "items", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
           NetworkSelector_default,
           {
             type: "origin",
@@ -12117,10 +12330,10 @@ var SingleForm = ({
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(CoinDropdown_default, { isSourceChain: true })
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(CoinDropdown_default, { isSourceChain: true })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
       "div",
       {
         className: `dynamic-area ${["CC" /* CC */, "BANK" /* BANK */].includes(
@@ -12129,20 +12342,20 @@ var SingleForm = ({
         children: [
           !["CC" /* CC */, "BANK" /* BANK */].includes(
             sourceNetwork.compatibility
-          ) && /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
+          ) && /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
             "div",
             {
               className: `form-item wallet-button-item ${isConnectedSourceWrapper ? "connected" : ""}`,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "label", children: "Wallet:" }),
-                /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(WalletButton_default, { initialSelection: initialSelection.sourceSelection })
+                /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "label", children: "Wallet:" }),
+                /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(WalletButton_default, { initialSelection: initialSelection.sourceSelection })
               ]
             }
           ),
-          mode !== "payment" /* payment */ && /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "form-item", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "label", children: "Target Network:" }),
-            /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "items", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+          mode !== "payment" /* payment */ && /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "form-item", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "label", children: "Target Network:" }),
+            /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "items", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
                 NetworkSelector_default,
                 {
                   type: "target",
@@ -12152,15 +12365,15 @@ var SingleForm = ({
                   }
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(CoinDropdown_default, { isSourceChain: false })
+              /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(CoinDropdown_default, { isSourceChain: false })
             ] })
           ] })
         ]
       }
     ),
-    mode === "bridge" /* bridge */ && /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: `form-item ${theme.colorMode}`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "label", children: "Target Address:" }),
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+    mode === "bridge" /* bridge */ && /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: `form-item ${theme.colorMode}`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "label", children: "Target Address:" }),
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
         AddressInput_default,
         {
           theme: theme.colorMode,
@@ -12168,14 +12381,14 @@ var SingleForm = ({
         }
       )
     ] }),
-    mode === "light" /* light */ && /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
+    mode === "light" /* light */ && /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
       "div",
       {
         className: `form-item wallet-button-item ${isConnectedTargetWrapper ? "connected" : ""}`,
         style: { display: "flex", alignItems: "center" },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "label", children: "Target Wallet:" }),
-          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "label", children: "Target Wallet:" }),
+          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
             WalletButton_default,
             {
               initialSelection: initialSelection.targetSelection,
@@ -12185,10 +12398,10 @@ var SingleForm = ({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: `form-item ${theme.colorMode}`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "label", children: "Amount:" }),
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: `amount-label-container items ${theme.colorMode}`, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: `form-item ${theme.colorMode}`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "label", children: "Amount:" }),
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: `amount-label-container items ${theme.colorMode}`, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
           "input",
           {
             className: `${theme.colorMode}`,
@@ -12199,20 +12412,20 @@ var SingleForm = ({
             disabled: mode === "payment" /* payment */
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "max-disclaimer", children: [
-          sourceNetwork.shortName !== "CC" && mode !== "payment" /* payment */ && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "max-button", onClick: onMaxClick, children: "Max" }),
-          dAppOption === "none" /* None */ && canQuoteFees && /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("p", { className: "fee-amount", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "max-disclaimer", children: [
+          sourceNetwork.shortName !== "CC" && mode !== "payment" /* payment */ && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "max-button", onClick: onMaxClick, children: "Max" }),
+          dAppOption === "none" /* None */ && canQuoteFees && /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("p", { className: "fee-amount", children: [
             "Est fees:",
             " ",
-            isLoadingFees ? /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("span", { className: "inline-spinner loading", "aria-live": "polite", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "dot" }),
-              /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "dot" }),
-              /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "dot" })
-            ] }) : feeError ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "fee-value fee-error", children: "Fee unavailable" }) : totalFee.value >= 0n ? /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("span", { className: "fee-value", children: [
+            isLoadingFees ? /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("span", { className: "inline-spinner loading", "aria-live": "polite", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "dot" }),
+              /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "dot" }),
+              /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "dot" })
+            ] }) : feeError ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "fee-value fee-error", children: "Fee unavailable" }) : totalFee.value >= 0n ? /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("span", { className: "fee-value", children: [
               formatBigInt(totalFee),
               " ",
               feeTokenSymbol
-            ] }) : /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "fee-value", children: "\u2014" })
+            ] }) : /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "fee-value", children: "\u2014" })
           ] })
         ] })
       ] })
@@ -12222,7 +12435,7 @@ var SingleForm = ({
 var SingleForm_default = SingleForm;
 
 // src/components/reusable/FiatWidget.tsx
-var import_react66 = require("react");
+var import_react67 = require("react");
 var import_react_redux53 = require("react-redux");
 var import_uuid = require("uuid");
 
@@ -12250,7 +12463,7 @@ var useCCTransactionId = (backendUrl, transactionIdSeed) => {
 };
 
 // src/components/reusable/FiatWidget.tsx
-var import_jsx_runtime85 = require("react/jsx-runtime");
+var import_jsx_runtime86 = require("react/jsx-runtime");
 var FiatWidget = ({ submitCallback }) => {
   const dispatch = (0, import_react_redux53.useDispatch)();
   const feeDeduct = (0, import_react_redux53.useSelector)(selectFeeDeduct);
@@ -12260,9 +12473,9 @@ var FiatWidget = ({ submitCallback }) => {
   const sourceCurrency = (0, import_react_redux53.useSelector)(selectSourceCurrency);
   const sourceChain = (0, import_react_redux53.useSelector)(selectSourceChain);
   const { transactionValues } = (0, import_react_redux53.useSelector)(selectServiceFee);
-  const ccTransactionIdSeedRef = (0, import_react66.useRef)((0, import_uuid.v4)());
-  const identificationUuidRef = (0, import_react66.useRef)((0, import_uuid.v4)());
-  const ccTransactionSubmittedRef = (0, import_react66.useRef)(false);
+  const ccTransactionIdSeedRef = (0, import_react67.useRef)((0, import_uuid.v4)());
+  const identificationUuidRef = (0, import_react67.useRef)((0, import_uuid.v4)());
+  const ccTransactionSubmittedRef = (0, import_react67.useRef)(false);
   const { data: envOptions, isLoading: isEnvLoading } = useGetEnvOptions({
     kimaBackendUrl: backendUrl
   });
@@ -12272,25 +12485,25 @@ var FiatWidget = ({ submitCallback }) => {
     isLoading: isTransactionIdLoading,
     error
   } = useCCTransactionId(backendUrl, ccTransactionIdSeedRef.current);
-  (0, import_react66.useEffect)(() => {
+  (0, import_react67.useEffect)(() => {
     dispatch(setCCTransactionIdSeed(ccTransactionIdSeedRef.current));
     dispatch(setCCTransactionId(data?.transactionId));
   }, [dispatch, data, isTransactionIdLoading]);
   const txValues = feeDeduct ? transactionValues.feeFromTarget : transactionValues.feeFromOrigin;
-  const allowanceAmount = (0, import_react66.useMemo)(
+  const allowanceAmount = (0, import_react67.useMemo)(
     () => formatBigInt(txValues.allowanceAmount),
     [txValues]
   );
-  const [isLoading, setIsLoading] = (0, import_react66.useState)(true);
-  const baseUrl = (0, import_react66.useMemo)(
+  const [isLoading, setIsLoading] = (0, import_react67.useState)(true);
+  const baseUrl = (0, import_react67.useMemo)(
     () => networkOption === "testnet" /* testnet */ ? "https://widget2-sandbox.depa.wtf" : "https://widget.depa.finance",
     [networkOption]
   );
-  const scenario = (0, import_react66.useMemo)(
+  const scenario = (0, import_react67.useMemo)(
     () => sourceChain.shortName === "CC" ? "direct_card_payment" : "direct_bank_payment",
     [sourceChain]
   );
-  const iframeSrc = (0, import_react66.useMemo)(() => {
+  const iframeSrc = (0, import_react67.useMemo)(() => {
     const searchParams = new URLSearchParams({
       partner: partnerId ?? "",
       amount: allowanceAmount,
@@ -12309,7 +12522,7 @@ var FiatWidget = ({ submitCallback }) => {
     scenario,
     sourceCurrency
   ]);
-  (0, import_react66.useEffect)(() => {
+  (0, import_react67.useEffect)(() => {
     const handleMessage = (event) => {
       if (event.origin !== baseUrl) {
         return;
@@ -12338,12 +12551,12 @@ var FiatWidget = ({ submitCallback }) => {
     window.addEventListener("message", handleMessage);
     return () => window.removeEventListener("message", handleMessage);
   }, []);
-  (0, import_react66.useEffect)(() => {
+  (0, import_react67.useEffect)(() => {
     if (error) dispatch(setCCTransactionStatus("error-id"));
   }, [dispatch, error]);
-  return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: `cc-widget ${isLoading ? "loading" : ""}`, children: [
-    (isLoading || isTransactionIdLoading || isEnvLoading || ccTransactionStatus === "success") && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "cc-widget-loader", children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ring_default, { width: 50, height: 50, fill: "#86b8ce" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: `cc-widget ${isLoading ? "loading" : ""}`, children: [
+    (isLoading || isTransactionIdLoading || isEnvLoading || ccTransactionStatus === "success") && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "cc-widget-loader", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ring_default, { width: 50, height: 50, fill: "#86b8ce" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
       "iframe",
       {
         width: isLoading || isTransactionIdLoading || ccTransactionStatus === "success" || error ? 0 : "100%",
@@ -12438,12 +12651,12 @@ var useDisconnectWallet7 = () => {
 var useDisconnectWallet_default = useDisconnectWallet7;
 
 // src/widgets/transfer/components/solana/SolanaConnectModal.tsx
-var import_react71 = __toESM(require("react"), 1);
+var import_react72 = __toESM(require("react"), 1);
 var import_react_redux59 = require("react-redux");
 var import_wallet_adapter_react8 = require("@solana/wallet-adapter-react");
 
 // src/widgets/transfer/components/solana/SolanaWalletSelect.tsx
-var import_react69 = require("react");
+var import_react70 = require("react");
 var import_react_redux55 = require("react-redux");
 var import_wallet_adapter_react6 = require("@solana/wallet-adapter-react");
 var import_wallet_adapter_base = require("@solana/wallet-adapter-base");
@@ -12459,13 +12672,13 @@ var isUserRejected2 = (err) => {
 };
 
 // src/widgets/transfer/components/WalletOptionList.tsx
-var import_react68 = require("react");
+var import_react69 = require("react");
 var import_react_redux54 = require("react-redux");
 
 // src/shared/lib/hooks/useHorizontalDragScroll.ts
-var import_react67 = require("react");
+var import_react68 = require("react");
 var useHorizontalDragScroll = (ref) => {
-  (0, import_react67.useEffect)(() => {
+  (0, import_react68.useEffect)(() => {
     const el = ref.current;
     if (!el) return;
     let isDown = false;
@@ -12506,7 +12719,7 @@ var useHorizontalDragScroll = (ref) => {
 };
 
 // src/widgets/transfer/components/WalletOptionList.tsx
-var import_jsx_runtime86 = require("react/jsx-runtime");
+var import_jsx_runtime87 = require("react/jsx-runtime");
 var WalletOptionList = ({
   options,
   onSelect,
@@ -12514,13 +12727,13 @@ var WalletOptionList = ({
   disabled = false
 }) => {
   const theme = (0, import_react_redux54.useSelector)(selectTheme);
-  const sliderRef = (0, import_react68.useRef)(null);
+  const sliderRef = (0, import_react69.useRef)(null);
   useHorizontalDragScroll(sliderRef);
   const detected = options.filter((wallet) => wallet.installed);
   const undetected = options.filter((wallet) => !wallet.installed);
-  const renderIcon = (icon, alt) => typeof icon === "string" ? /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("img", { src: icon, alt }) : icon;
-  return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "wallet-select", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "slide-area hide-scrollbar", ref: sliderRef, children: /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "wallet-container", children: [
-    detected.map((wallet) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+  const renderIcon = (icon, alt) => typeof icon === "string" ? /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("img", { src: icon, alt }) : icon;
+  return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "wallet-select", children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "slide-area hide-scrollbar", ref: sliderRef, children: /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "wallet-container", children: [
+    detected.map((wallet) => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
       "div",
       {
         className: `card-item ${theme.colorMode} ${selectedWallet === wallet.id ? "selected" : ""}`,
@@ -12528,21 +12741,21 @@ var WalletOptionList = ({
           if (disabled) return;
           onSelect(wallet.id);
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "wallet-item", children: [
+        children: /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "wallet-item", children: [
           renderIcon(wallet.icon, wallet.name),
-          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { children: wallet.name })
+          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { children: wallet.name })
         ] })
       },
       wallet.id
     )),
-    undetected.map((wallet) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+    undetected.map((wallet) => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
       ExternalLink_default,
       {
         to: wallet.installUrl || "#",
         className: `card-item ${theme.colorMode}`,
-        children: /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "wallet-item", children: [
+        children: /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "wallet-item", children: [
           renderIcon(wallet.icon, wallet.name),
-          /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("span", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("span", { children: [
             "Install ",
             wallet.name
           ] })
@@ -12555,12 +12768,12 @@ var WalletOptionList = ({
 var WalletOptionList_default = WalletOptionList;
 
 // src/widgets/transfer/components/solana/SolanaWalletSelect.tsx
-var import_jsx_runtime87 = require("react/jsx-runtime");
+var import_jsx_runtime88 = require("react/jsx-runtime");
 var SolanaWalletSelect = () => {
   const sourceChain = (0, import_react_redux55.useSelector)(selectSourceChain);
   const dispatch = (0, import_react_redux55.useDispatch)();
   const { wallet, wallets, select, connect, connected } = (0, import_wallet_adapter_react6.useWallet)();
-  const options = (0, import_react69.useMemo)(() => {
+  const options = (0, import_react70.useMemo)(() => {
     return wallets.map((candidate) => ({
       id: candidate.adapter.name,
       name: candidate.adapter.name,
@@ -12569,13 +12782,13 @@ var SolanaWalletSelect = () => {
       installed: candidate.readyState === import_wallet_adapter_base.WalletReadyState.Installed || candidate.readyState === import_wallet_adapter_base.WalletReadyState.Loadable
     }));
   }, [wallets]);
-  const handleWalletClick = (0, import_react69.useCallback)(
+  const handleWalletClick = (0, import_react70.useCallback)(
     (walletName) => {
       select(walletName);
     },
     [select]
   );
-  (0, import_react69.useEffect)(() => {
+  (0, import_react70.useEffect)(() => {
     if (!wallet) return;
     if (sourceChain.shortName !== "SOL") {
       return;
@@ -12597,12 +12810,12 @@ var SolanaWalletSelect = () => {
       });
     }
   }, [wallet, sourceChain]);
-  return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(WalletOptionList_default, { options, onSelect: handleWalletClick });
+  return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(WalletOptionList_default, { options, onSelect: handleWalletClick });
 };
 var SolanaWalletSelect_default = SolanaWalletSelect;
 
 // src/widgets/transfer/components/solana/AccountDetailsModal.tsx
-var import_react70 = require("react");
+var import_react71 = require("react");
 var import_react_redux57 = require("react-redux");
 var import_wallet_adapter_react7 = require("@solana/wallet-adapter-react");
 
@@ -12622,7 +12835,7 @@ var getBtcAccountExplorerUrl = (address, networkOption) => {
 
 // src/widgets/transfer/components/WalletModalShell.tsx
 var import_react_redux56 = require("react-redux");
-var import_jsx_runtime88 = require("react/jsx-runtime");
+var import_jsx_runtime89 = require("react/jsx-runtime");
 var WalletModalShell = ({
   isOpen,
   title,
@@ -12633,18 +12846,18 @@ var WalletModalShell = ({
 }) => {
   const theme = (0, import_react_redux56.useSelector)(selectTheme);
   if (!isOpen) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
     "div",
     {
       className: `kima-modal ${theme.colorMode} ${isOpen ? "open" : ""} ${className}`,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "modal-overlay", onClick: onClose }),
-        /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: `modal-content-container ${theme.colorMode}`, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "kima-card-header", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "topbar", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "title", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("h3", { children: title }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "control-buttons", children: rightHeader })
+        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "modal-overlay", onClick: onClose }),
+        /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: `modal-content-container ${theme.colorMode}`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "kima-card-header", children: /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "topbar", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "title", children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("h3", { children: title }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "control-buttons", children: rightHeader })
           ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "modal-content", children })
+          /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "modal-content", children })
         ] })
       ]
     }
@@ -12653,7 +12866,7 @@ var WalletModalShell = ({
 var WalletModalShell_default = WalletModalShell;
 
 // src/widgets/transfer/components/AccountDetailsModalBase.tsx
-var import_jsx_runtime89 = require("react/jsx-runtime");
+var import_jsx_runtime90 = require("react/jsx-runtime");
 var AccountDetailsModalBase = ({
   isOpen,
   onClose,
@@ -12670,32 +12883,32 @@ var AccountDetailsModalBase = ({
   closeButtonClassName = "cross-icon-button"
 }) => {
   const isLight = themeMode ? themeMode === "light" : true;
-  return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
     WalletModalShell_default,
     {
       isOpen: !!isOpen,
       title: "Account Details",
       onClose,
-      rightHeader: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("button", { className: closeButtonClassName, onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Cross_default, { fill: isLight ? "black" : "white" }) }),
+      rightHeader: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("button", { className: closeButtonClassName, onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(Cross_default, { fill: isLight ? "black" : "white" }) }),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "summary", children: [
-          iconSymbol ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "summary-icon", children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(ChainIcon, { width: 100, height: 100, symbol: iconSymbol }) }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "address", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("h2", { children: address ? getShortenedAddress(address) : "\u2014" }),
-            address && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(CopyButton_default, { text: address })
+        /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "summary", children: [
+          iconSymbol ? /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "summary-icon", children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(ChainIcon, { width: 100, height: 100, symbol: iconSymbol }) }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "address", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("h2", { children: address ? getShortenedAddress(address) : "\u2014" }),
+            address && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(CopyButton_default, { text: address })
           ] }),
-          isBalanceLoading ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "balance-skeleton", "aria-label": "balance-loading" }) : /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("h3", { children: [
+          isBalanceLoading ? /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "balance-skeleton", "aria-label": "balance-loading" }) : /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("h3", { children: [
             balance == null ? "0" : decimals == null ? balance.toString() : formatBigInt({ value: balance, decimals }),
             " ",
             symbol
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(SecondaryButton_default, { className: "block-explorer", children: /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(ExternalLink_default, { className: "link", to: explorerUrl, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Explorer_default, { fill: "#778DA3" }),
-          /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("p", { children: "Block explorer" }),
-          /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(ExternalUrl_default, { fill: "#778DA3" })
+        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(SecondaryButton_default, { className: "block-explorer", children: /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(ExternalLink_default, { className: "link", to: explorerUrl, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(Explorer_default, { fill: "#778DA3" }),
+          /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("p", { children: "Block explorer" }),
+          /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(ExternalUrl_default, { fill: "#778DA3" })
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(PrimaryButton_default, { clickHandler: onDisconnect, disabled: disableDisconnect, children: "Disconnect" })
+        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(PrimaryButton_default, { clickHandler: onDisconnect, disabled: disableDisconnect, children: "Disconnect" })
       ]
     }
   );
@@ -12704,7 +12917,7 @@ var AccountDetailsModalBase_default = AccountDetailsModalBase;
 
 // src/widgets/transfer/components/solana/AccountDetailsModal.tsx
 var import_react_hot_toast7 = __toESM(require("react-hot-toast"), 1);
-var import_jsx_runtime90 = require("react/jsx-runtime");
+var import_jsx_runtime91 = require("react/jsx-runtime");
 var AccountDetailsModal = () => {
   const dispatch = (0, import_react_redux57.useDispatch)();
   const theme = (0, import_react_redux57.useSelector)(selectTheme);
@@ -12721,7 +12934,7 @@ var AccountDetailsModal = () => {
   } = useSolNativeBalance();
   const isSol = sourceChain.shortName === "SOL" /* SOLANA */;
   if (!isSol) return null;
-  const explorerUrl = (0, import_react70.useMemo)(
+  const explorerUrl = (0, import_react71.useMemo)(
     () => getSolanaAccountExplorerUrl(sourceAddress, networkOption),
     [sourceAddress, networkOption]
   );
@@ -12739,13 +12952,13 @@ var AccountDetailsModal = () => {
       if (isUserRejected2(e)) {
         (0, import_react_hot_toast7.default)("Wallet disconnect was cancelled.");
       } else {
-        import_react_hot_toast7.default.error("Failed to disconnect wallet.", { icon: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(Error_default, {}) });
+        import_react_hot_toast7.default.error("Failed to disconnect wallet.", { icon: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Error_default, {}) });
       }
     } finally {
       close();
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
     AccountDetailsModalBase_default,
     {
       isOpen: !!isOpen,
@@ -12767,7 +12980,7 @@ var AccountDetailsModal_default = AccountDetailsModal;
 
 // src/widgets/transfer/components/WalletConnectModalBase.tsx
 var import_react_redux58 = require("react-redux");
-var import_jsx_runtime91 = require("react/jsx-runtime");
+var import_jsx_runtime92 = require("react/jsx-runtime");
 var WalletConnectModalBase = ({
   isOpen,
   mode,
@@ -12777,14 +12990,14 @@ var WalletConnectModalBase = ({
   children
 }) => {
   const dispatch = (0, import_react_redux58.useDispatch)();
-  return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
     WalletModalShell_default,
     {
       isOpen,
       title: "Connect Wallet",
       onClose,
       className: "wallet-connect",
-      rightHeader: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("button", { className: "cross-icon-button", onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+      rightHeader: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("button", { className: "cross-icon-button", onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
         Cross_default,
         {
           width: 30,
@@ -12793,9 +13006,9 @@ var WalletConnectModalBase = ({
         }
       ) }),
       children: [
-        demoMessage && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("p", { className: "muted", children: demoMessage }),
-        mode !== "light" /* light */ ? children : /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "wallet-modal-actions", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+        demoMessage && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("p", { className: "muted", children: demoMessage }),
+        mode !== "light" /* light */ ? children : /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "wallet-modal-actions", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
             "button",
             {
               className: "secondary",
@@ -12803,7 +13016,7 @@ var WalletConnectModalBase = ({
               children: "View Account"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("button", { className: "primary", onClick: onClose, children: "Close" })
+          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("button", { className: "primary", onClick: onClose, children: "Close" })
         ] })
       ]
     }
@@ -12812,30 +13025,30 @@ var WalletConnectModalBase = ({
 var WalletConnectModalBase_default = WalletConnectModalBase;
 
 // src/widgets/transfer/components/solana/SolanaConnectModal.tsx
-var import_jsx_runtime92 = require("react/jsx-runtime");
+var import_jsx_runtime93 = require("react/jsx-runtime");
 var SolanaWalletConnectModal = () => {
   const dispatch = (0, import_react_redux59.useDispatch)();
   const theme = (0, import_react_redux59.useSelector)(selectTheme);
   const isOpen = (0, import_react_redux59.useSelector)(selectSolanaConnectModal);
   const mode = (0, import_react_redux59.useSelector)(selectMode);
   const { connecting, connected, publicKey } = (0, import_wallet_adapter_react8.useWallet)();
-  const close = (0, import_react71.useCallback)(() => {
+  const close = (0, import_react72.useCallback)(() => {
     dispatch(setSolanaConnectModal(false));
   }, [dispatch]);
-  import_react71.default.useEffect(() => {
+  import_react72.default.useEffect(() => {
     logger_default.debug("[SolanaConnectModal] wallet-adapter state", {
       connecting,
       connected,
       publicKey: publicKey?.toBase58?.()
     });
   }, [connecting, connected, publicKey]);
-  const demoMsg = (0, import_react71.useMemo)(
+  const demoMsg = (0, import_react72.useMemo)(
     () => mode === "light" /* light */ ? `Light mode uses a demo Solana address (${lightDemoAccounts.SOL}).` : "",
     [mode]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(import_jsx_runtime92.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(AccountDetailsModal_default, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_jsx_runtime93.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(AccountDetailsModal_default, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
       WalletConnectModalBase_default,
       {
         isOpen: !!isOpen,
@@ -12843,7 +13056,7 @@ var SolanaWalletConnectModal = () => {
         themeMode: theme.colorMode ?? "light" /* light */,
         demoMessage: demoMsg,
         onClose: close,
-        children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(SolanaWalletSelect_default, {})
+        children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(SolanaWalletSelect_default, {})
       }
     )
   ] });
@@ -12851,15 +13064,15 @@ var SolanaWalletConnectModal = () => {
 var SolanaConnectModal_default = SolanaWalletConnectModal;
 
 // src/widgets/transfer/components/tron/TronWalletConnectModal.tsx
-var import_react74 = require("react");
+var import_react75 = require("react");
 var import_react_redux62 = require("react-redux");
 
 // src/widgets/transfer/components/tron/AccountDetailsModal.tsx
-var import_react72 = require("react");
+var import_react73 = require("react");
 var import_react_redux60 = require("react-redux");
 var import_tronwallet_adapter_react_hooks6 = require("@tronweb3/tronwallet-adapter-react-hooks");
 var import_react_hot_toast8 = __toESM(require("react-hot-toast"), 1);
-var import_jsx_runtime93 = require("react/jsx-runtime");
+var import_jsx_runtime94 = require("react/jsx-runtime");
 var AccountDetailsModal2 = () => {
   const dispatch = (0, import_react_redux60.useDispatch)();
   const theme = (0, import_react_redux60.useSelector)(selectTheme);
@@ -12876,7 +13089,7 @@ var AccountDetailsModal2 = () => {
   } = useTronNativeBalance();
   const isTrx = sourceChain.shortName === "TRX" /* TRON */;
   if (!isTrx) return null;
-  const explorerUrl = (0, import_react72.useMemo)(
+  const explorerUrl = (0, import_react73.useMemo)(
     () => getTronAccountExplorerUrl(sourceAddress, networkOption),
     [sourceAddress, networkOption]
   );
@@ -12894,13 +13107,13 @@ var AccountDetailsModal2 = () => {
       if (isUserRejected2(e)) {
         (0, import_react_hot_toast8.default)("Wallet disconnect was cancelled.");
       } else {
-        import_react_hot_toast8.default.error("Failed to disconnect wallet.", { icon: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Error_default, {}) });
+        import_react_hot_toast8.default.error("Failed to disconnect wallet.", { icon: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Error_default, {}) });
       }
     } finally {
       close();
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
     AccountDetailsModalBase_default,
     {
       isOpen: !!isOpen,
@@ -12921,12 +13134,12 @@ var AccountDetailsModal2 = () => {
 var AccountDetailsModal_default2 = AccountDetailsModal2;
 
 // src/widgets/transfer/components/tron/TronWalletSelect.tsx
-var import_react73 = require("react");
+var import_react74 = require("react");
 var import_react_redux61 = require("react-redux");
 var import_tronwallet_adapter_react_hooks7 = require("@tronweb3/tronwallet-adapter-react-hooks");
 var import_tronwallet_abstract_adapter = require("@tronweb3/tronwallet-abstract-adapter");
 var import_react_hot_toast9 = __toESM(require("react-hot-toast"), 1);
-var import_jsx_runtime94 = require("react/jsx-runtime");
+var import_jsx_runtime95 = require("react/jsx-runtime");
 var TronWalletSelect = () => {
   const dispatch = (0, import_react_redux61.useDispatch)();
   const {
@@ -12936,7 +13149,7 @@ var TronWalletSelect = () => {
     connect,
     connected
   } = (0, import_tronwallet_adapter_react_hooks7.useWallet)();
-  const options = (0, import_react73.useMemo)(() => {
+  const options = (0, import_react74.useMemo)(() => {
     return wallets.map((wallet) => ({
       id: wallet.adapter.name,
       name: wallet.adapter.name,
@@ -12945,7 +13158,7 @@ var TronWalletSelect = () => {
       installed: wallet.state === import_tronwallet_abstract_adapter.AdapterState.Connected || wallet.state === import_tronwallet_abstract_adapter.AdapterState.Disconnect || wallet.state === import_tronwallet_abstract_adapter.AdapterState.Loading
     }));
   }, [wallets]);
-  (0, import_react73.useEffect)(() => {
+  (0, import_react74.useEffect)(() => {
     connected && dispatch(setTronConnectModal(false));
   }, [connected]);
   const connectWallet = async (walletName) => {
@@ -12963,27 +13176,27 @@ var TronWalletSelect = () => {
       }
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(WalletOptionList_default, { options, onSelect: connectWallet });
+  return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(WalletOptionList_default, { options, onSelect: connectWallet });
 };
 var TronWalletSelect_default = TronWalletSelect;
 
 // src/widgets/transfer/components/tron/TronWalletConnectModal.tsx
-var import_jsx_runtime95 = require("react/jsx-runtime");
+var import_jsx_runtime96 = require("react/jsx-runtime");
 var TronWalletConnectModal = () => {
   const dispatch = (0, import_react_redux62.useDispatch)();
   const theme = (0, import_react_redux62.useSelector)(selectTheme);
   const isOpen = (0, import_react_redux62.useSelector)(selectTronConnectModal);
   const mode = (0, import_react_redux62.useSelector)(selectMode);
-  const close = (0, import_react74.useCallback)(() => {
+  const close = (0, import_react75.useCallback)(() => {
     dispatch(setTronConnectModal(false));
   }, [dispatch]);
-  const demoMsg = (0, import_react74.useMemo)(
+  const demoMsg = (0, import_react75.useMemo)(
     () => mode === "light" /* light */ ? `Light mode uses a demo Tron address (${lightDemoAccounts.TRX}).` : "",
     [mode]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(import_jsx_runtime95.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(AccountDetailsModal_default2, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(import_jsx_runtime96.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(AccountDetailsModal_default2, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
       WalletConnectModalBase_default,
       {
         isOpen: !!isOpen,
@@ -12991,7 +13204,7 @@ var TronWalletConnectModal = () => {
         themeMode: theme.colorMode ?? "light" /* light */,
         demoMessage: demoMsg,
         onClose: close,
-        children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(TronWalletSelect_default, {})
+        children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(TronWalletSelect_default, {})
       }
     )
   ] });
@@ -12999,17 +13212,17 @@ var TronWalletConnectModal = () => {
 var TronWalletConnectModal_default = TronWalletConnectModal;
 
 // src/widgets/transfer/components/btc/BtcConnectModal.tsx
-var import_react78 = require("react");
+var import_react79 = require("react");
 var import_react_redux65 = require("react-redux");
 var import_react_hot_toast11 = __toESM(require("react-hot-toast"), 1);
 
 // src/features/connect-wallet/btc/useBtcWallet.ts
-var import_react75 = require("react");
+var import_react76 = require("react");
 var import_react_redux63 = require("react-redux");
 var useBtcWallet = () => {
   const dispatch = (0, import_react_redux63.useDispatch)();
   const networkOption = (0, import_react_redux63.useSelector)(selectNetworkOption);
-  const ensureNetworkMatch = (0, import_react75.useCallback)(
+  const ensureNetworkMatch = (0, import_react76.useCallback)(
     (address) => {
       if (!address) return;
       if (isBtcAddressOnNetwork(address, networkOption)) return;
@@ -13023,7 +13236,7 @@ var useBtcWallet = () => {
     },
     [networkOption]
   );
-  const connect = (0, import_react75.useCallback)(
+  const connect = (0, import_react76.useCallback)(
     async (options) => {
       const walletType = options?.wallet;
       const unisat = walletType === "unisat" || !walletType ? getUnisat() : null;
@@ -13074,7 +13287,7 @@ var useBtcWallet = () => {
     },
     [dispatch, ensureNetworkMatch]
   );
-  const disconnect = (0, import_react75.useCallback)(async () => {
+  const disconnect = (0, import_react76.useCallback)(async () => {
     const unisat = getUnisat();
     if (unisat?.disconnect) {
       await unisat.disconnect();
@@ -13088,14 +13301,14 @@ var useBtcWallet = () => {
 };
 
 // src/widgets/transfer/components/btc/BtcWalletSelect.tsx
-var import_react76 = require("react");
-var import_jsx_runtime96 = require("react/jsx-runtime");
+var import_react77 = require("react");
+var import_jsx_runtime97 = require("react/jsx-runtime");
 var BtcWalletSelect = ({
   selectedWallet,
   onSelect,
   disabled = false
 }) => {
-  const wallets = (0, import_react76.useMemo)(() => {
+  const wallets = (0, import_react77.useMemo)(() => {
     const unisatInstalled = !!getUnisat();
     const list = [
       {
@@ -13103,12 +13316,12 @@ var BtcWalletSelect = ({
         name: "UniSat",
         installUrl: "https://unisat.io/download",
         installed: unisatInstalled,
-        icon: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(UniSat_default, {})
+        icon: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(UniSat_default, {})
       }
     ];
     return list;
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
     WalletOptionList_default,
     {
       options: wallets,
@@ -13121,10 +13334,10 @@ var BtcWalletSelect = ({
 var BtcWalletSelect_default = BtcWalletSelect;
 
 // src/widgets/transfer/components/btc/AccountDetailsModal.tsx
-var import_react77 = require("react");
+var import_react78 = require("react");
 var import_react_redux64 = require("react-redux");
 var import_react_hot_toast10 = __toESM(require("react-hot-toast"), 1);
-var import_jsx_runtime97 = require("react/jsx-runtime");
+var import_jsx_runtime98 = require("react/jsx-runtime");
 var AccountDetailsModal3 = () => {
   const dispatch = (0, import_react_redux64.useDispatch)();
   const theme = (0, import_react_redux64.useSelector)(selectTheme);
@@ -13141,7 +13354,7 @@ var AccountDetailsModal3 = () => {
   } = useBtcBalance();
   const isBtc2 = sourceChain.shortName === "BTC" /* BTC */;
   if (!isBtc2) return null;
-  const explorerUrl = (0, import_react77.useMemo)(
+  const explorerUrl = (0, import_react78.useMemo)(
     () => getBtcAccountExplorerUrl(sourceAddress, networkOption),
     [sourceAddress, networkOption]
   );
@@ -13159,13 +13372,13 @@ var AccountDetailsModal3 = () => {
       if (isUserRejected2(e)) {
         (0, import_react_hot_toast10.default)("Wallet disconnect was cancelled.");
       } else {
-        import_react_hot_toast10.default.error("Failed to disconnect wallet.", { icon: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Error_default, {}) });
+        import_react_hot_toast10.default.error("Failed to disconnect wallet.", { icon: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Error_default, {}) });
       }
     } finally {
       close();
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
     AccountDetailsModalBase_default,
     {
       isOpen: !!isOpen,
@@ -13186,7 +13399,7 @@ var AccountDetailsModal3 = () => {
 var AccountDetailsModal_default3 = AccountDetailsModal3;
 
 // src/widgets/transfer/components/btc/BtcConnectModal.tsx
-var import_jsx_runtime98 = require("react/jsx-runtime");
+var import_jsx_runtime99 = require("react/jsx-runtime");
 var BtcConnectModal = () => {
   const dispatch = (0, import_react_redux65.useDispatch)();
   const theme = (0, import_react_redux65.useSelector)(selectTheme);
@@ -13194,13 +13407,13 @@ var BtcConnectModal = () => {
   const mode = (0, import_react_redux65.useSelector)(selectMode);
   const sourceChain = (0, import_react_redux65.useSelector)(selectSourceChain);
   const { connect } = useBtcWallet();
-  const [selectedWallet, setSelectedWallet] = (0, import_react78.useState)(null);
-  const [connecting, setConnecting] = (0, import_react78.useState)(false);
+  const [selectedWallet, setSelectedWallet] = (0, import_react79.useState)(null);
+  const [connecting, setConnecting] = (0, import_react79.useState)(false);
   const isBtc2 = sourceChain.shortName === "BTC" /* BTC */;
-  const close = (0, import_react78.useCallback)(() => {
+  const close = (0, import_react79.useCallback)(() => {
     dispatch(setBtcConnectModal(false));
   }, [dispatch]);
-  (0, import_react78.useEffect)(() => {
+  (0, import_react79.useEffect)(() => {
     if (!isOpen) return;
     if (selectedWallet) return;
     if (getUnisat()) {
@@ -13208,7 +13421,7 @@ var BtcConnectModal = () => {
       return;
     }
   }, [isOpen, selectedWallet]);
-  const onSelectWallet = (0, import_react78.useCallback)(
+  const onSelectWallet = (0, import_react79.useCallback)(
     async (walletId) => {
       if (!isBtc2) return;
       setSelectedWallet(walletId);
@@ -13226,22 +13439,22 @@ var BtcConnectModal = () => {
         if (isUserRejected2(e)) {
           (0, import_react_hot_toast11.default)("Wallet connection was cancelled.");
         } else if (e?.error?.message) {
-          import_react_hot_toast11.default.error(e.error.message, { icon: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Error_default, {}) });
+          import_react_hot_toast11.default.error(e.error.message, { icon: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Error_default, {}) });
         } else if (e?.code === "UNISAT_NOT_FOUND") {
-          import_react_hot_toast11.default.error("UniSat wallet not found.", { icon: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Error_default, {}) });
+          import_react_hot_toast11.default.error("UniSat wallet not found.", { icon: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Error_default, {}) });
         } else if (e?.code === "BTC_WALLET_NOT_FOUND") {
-          import_react_hot_toast11.default.error("Bitcoin wallet not found.", { icon: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Error_default, {}) });
+          import_react_hot_toast11.default.error("Bitcoin wallet not found.", { icon: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Error_default, {}) });
         } else if (e?.code === "BTC_NO_ACCOUNT") {
           import_react_hot_toast11.default.error("No Bitcoin account returned. Please try again.", {
-            icon: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Error_default, {})
+            icon: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Error_default, {})
           });
         } else if (e?.code === "BTC_WRONG_NETWORK") {
           const expected = e?.expectedNetwork ? String(e.expectedNetwork) : "";
           const detected = e?.detectedNetwork ? String(e.detectedNetwork) : "";
           const detail = expected && detected ? `Wallet is on ${detected}. Switch to ${expected}.` : "Wallet network mismatch. Please switch networks.";
-          import_react_hot_toast11.default.error(detail, { icon: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Error_default, {}) });
+          import_react_hot_toast11.default.error(detail, { icon: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Error_default, {}) });
         } else {
-          import_react_hot_toast11.default.error("Failed to connect wallet.", { icon: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Error_default, {}) });
+          import_react_hot_toast11.default.error("Failed to connect wallet.", { icon: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Error_default, {}) });
         }
         logger_default.error("[BtcConnectModal] connect error", e);
       } finally {
@@ -13250,10 +13463,10 @@ var BtcConnectModal = () => {
     },
     [connect, connecting, dispatch, isBtc2, mode]
   );
-  const demoMsg = (0, import_react78.useMemo)(() => "", []);
-  return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(import_jsx_runtime98.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(AccountDetailsModal_default3, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+  const demoMsg = (0, import_react79.useMemo)(() => "", []);
+  return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(import_jsx_runtime99.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(AccountDetailsModal_default3, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
       WalletConnectModalBase_default,
       {
         isOpen: !!isOpen,
@@ -13261,7 +13474,7 @@ var BtcConnectModal = () => {
         themeMode: theme.colorMode ?? "light" /* light */,
         demoMessage: demoMsg,
         onClose: close,
-        children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
           BtcWalletSelect_default,
           {
             selectedWallet,
@@ -13276,7 +13489,7 @@ var BtcConnectModal = () => {
 var BtcConnectModal_default = BtcConnectModal;
 
 // src/widgets/transfer/components/TransferWidget.tsx
-var import_jsx_runtime99 = require("react/jsx-runtime");
+var import_jsx_runtime100 = require("react/jsx-runtime");
 var PERMIT2_INFO_MESSAGE = "This approval uses Permit2, so you can skip a separate approval transaction and save gas.";
 var PERMIT2_DOCS_URL = "https://docs.kima.network/kima-network/the-kima-sdk/use-kima-sdk-without-widget/message-signing#permit2-tokens";
 var TransferWidget = ({
@@ -13287,18 +13500,18 @@ var TransferWidget = ({
 }) => {
   logger_default.debug("[TransferWidget] mount");
   const dispatch = (0, import_react_redux66.useDispatch)();
-  const mainRef = (0, import_react79.useRef)(null);
-  const [signature, setSignature2] = (0, import_react79.useState)("");
-  const [isSubmitting, setIsSubmitting] = (0, import_react79.useState)(false);
-  const [formStep, setFormStep] = (0, import_react79.useState)(0);
-  const [warningModalOpen, setWarningModalOpen] = (0, import_react79.useState)(null);
-  const [resetModalOpen, setResetModalOpen] = (0, import_react79.useState)(false);
-  const [isPermit2TooltipOpen, setPermit2TooltipOpen] = (0, import_react79.useState)(false);
-  const permit2TooltipRef = (0, import_react79.useRef)(null);
-  const [isCancellingApprove, setCancellingApprove] = (0, import_react79.useState)(false);
-  const [isApproving, setApproving] = (0, import_react79.useState)(false);
-  const [isSigning, setSigning] = (0, import_react79.useState)(false);
-  const [feeOptionDisabled, setFeeOptionDisabled] = (0, import_react79.useState)(false);
+  const mainRef = (0, import_react80.useRef)(null);
+  const [signature, setSignature2] = (0, import_react80.useState)("");
+  const [isSubmitting, setIsSubmitting] = (0, import_react80.useState)(false);
+  const [formStep, setFormStep] = (0, import_react80.useState)(0);
+  const [warningModalOpen, setWarningModalOpen] = (0, import_react80.useState)(null);
+  const [resetModalOpen, setResetModalOpen] = (0, import_react80.useState)(false);
+  const [isPermit2TooltipOpen, setPermit2TooltipOpen] = (0, import_react80.useState)(false);
+  const permit2TooltipRef = (0, import_react80.useRef)(null);
+  const [isCancellingApprove, setCancellingApprove] = (0, import_react80.useState)(false);
+  const [isApproving, setApproving] = (0, import_react80.useState)(false);
+  const [isSigning, setSigning] = (0, import_react80.useState)(false);
+  const [feeOptionDisabled, setFeeOptionDisabled] = (0, import_react80.useState)(false);
   const networkOption = (0, import_react_redux66.useSelector)(selectNetworkOption);
   const dAppOption = (0, import_react_redux66.useSelector)(selectDappOption);
   const mode = (0, import_react_redux66.useSelector)(selectMode);
@@ -13331,7 +13544,7 @@ var TransferWidget = ({
     panelRef: toastPanelRef,
     formatTime: formatToastTime
   } = useToastHistory();
-  (0, import_react79.useEffect)(() => {
+  (0, import_react80.useEffect)(() => {
     if (!isPermit2TooltipOpen) return;
     const handler = (event) => {
       const target = event.target;
@@ -13374,7 +13587,7 @@ var TransferWidget = ({
     targetSymbol: targetCurrency,
     backendUrl
   });
-  const isSwap = (0, import_react79.useMemo)(
+  const isSwap = (0, import_react80.useMemo)(
     () => sourceCurrency !== targetCurrency && !isSamePeggedToken(
       sourceChain,
       sourceCurrency,
@@ -13383,8 +13596,8 @@ var TransferWidget = ({
     ),
     [sourceChain, sourceCurrency, targetChain, targetCurrency]
   );
-  const prevAmountRef = (0, import_react79.useRef)("");
-  (0, import_react79.useEffect)(() => {
+  const prevAmountRef = (0, import_react80.useRef)("");
+  (0, import_react80.useEffect)(() => {
     setSignature2("");
     setFeeOptionDisabled(false);
     setApproving(false);
@@ -13397,7 +13610,7 @@ var TransferWidget = ({
     targetChain.shortName,
     targetCurrency
   ]);
-  (0, import_react79.useEffect)(() => {
+  (0, import_react80.useEffect)(() => {
     const prevAmount = prevAmountRef.current;
     if (prevAmount !== "" && amount !== prevAmount) {
       dispatch(clearPermit2Signature());
@@ -13407,10 +13620,10 @@ var TransferWidget = ({
     }
     prevAmountRef.current = amount;
   }, [amount, dispatch, isBtcOrigin]);
-  (0, import_react79.useEffect)(() => {
+  (0, import_react80.useEffect)(() => {
     dispatch(clearPermit2Signature());
   }, [dispatch, feeDeduct]);
-  (0, import_react79.useEffect)(() => {
+  (0, import_react80.useEffect)(() => {
     try {
       if (fees) dispatch(setServiceFee(fees));
       if (mode === "payment" /* payment */ && transactionOption?.sourceChain) {
@@ -13426,11 +13639,11 @@ var TransferWidget = ({
       );
       import_react_hot_toast12.default.error(
         "An unexpected error occurred while preparing the transfer. Please contact support for assistance.",
-        { icon: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Error_default, {}) }
+        { icon: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Error_default, {}) }
       );
     }
   }, [fees, mode, transactionOption, dispatch]);
-  const isBackButtonEnabled = (0, import_react79.useMemo)(() => {
+  const isBackButtonEnabled = (0, import_react80.useMemo)(() => {
     if (formStep !== 0) {
       if (["BANK", "CC"].includes(sourceChain.shortName)) {
         return ccTransactionStatus === "idle" || ccTransactionStatus === "failed";
@@ -13439,14 +13652,14 @@ var TransferWidget = ({
     }
     return false;
   }, [ccTransactionStatus, sourceChain, formStep]);
-  const isSubmitButtonEnabled = (0, import_react79.useMemo)(() => {
+  const isSubmitButtonEnabled = (0, import_react80.useMemo)(() => {
     if (submitted) return false;
     if (["BANK", "CC"].includes(sourceChain.shortName)) {
       return ccTransactionStatus === "idle";
     }
     return true;
   }, [sourceChain, ccTransactionStatus, submitted]);
-  const [initialSelection, setInitialSelection] = (0, import_react79.useState)({
+  const [initialSelection, setInitialSelection] = (0, import_react80.useState)({
     sourceSelection: true,
     targetSelection: true
   });
@@ -13481,17 +13694,17 @@ var TransferWidget = ({
     isSubmitting,
     setIsSubmitting
   );
-  const submit = (0, import_react79.useCallback)(async () => {
+  const submit = (0, import_react80.useCallback)(async () => {
     try {
       await submitTransaction(signature);
     } catch (err) {
       logger_default.error("[TransferWidget] submit failed", err);
       const message = err instanceof Error && err.message ? err.message : "Failed to submit your transaction. Please contact support for assistance.";
-      import_react_hot_toast12.default.error(message, { icon: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Error_default, {}) });
+      import_react_hot_toast12.default.error(message, { icon: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Error_default, {}) });
       dispatch(setCCTransactionStatus("error-generic"));
     }
   }, [signature, submitTransaction, dispatch]);
-  const requestSignature = (0, import_react79.useCallback)(async () => {
+  const requestSignature = (0, import_react80.useCallback)(async () => {
     let sig;
     setSigning(true);
     setFeeOptionDisabled(true);
@@ -13515,7 +13728,7 @@ var TransferWidget = ({
         logger_default.error("[TransferWidget] signing failed", err);
         import_react_hot_toast12.default.error(
           "Failed to sign the message. Please contact support for assistance.",
-          { icon: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Error_default, {}) }
+          { icon: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Error_default, {}) }
         );
       }
       return void 0;
@@ -13533,7 +13746,7 @@ var TransferWidget = ({
   const handleSubmit = async () => {
     const { error, message: validationMessage } = validate(true);
     if (error === "ValidationError" /* Error */) {
-      import_react_hot_toast12.default.error(validationMessage, { icon: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Error_default, {}) });
+      import_react_hot_toast12.default.error(validationMessage, { icon: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Error_default, {}) });
       return;
     }
     if (["BANK", "CC"].includes(sourceChain.shortName)) {
@@ -13560,7 +13773,7 @@ var TransferWidget = ({
         if (msg.includes("ChainMismatch")) {
           import_react_hot_toast12.default.error(
             `Your wallet is on the wrong network. Please switch to ${sourceChain.name} and try again.`,
-            { icon: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Error_default, {}) }
+            { icon: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Error_default, {}) }
           );
           return;
         }
@@ -13568,14 +13781,14 @@ var TransferWidget = ({
         if (/internal json-rpc error|internal rpc error/i.test(errMessage)) {
           import_react_hot_toast12.default.error(
             "Internal RPC error while approving. Please try again. If this keeps happening, contact support for assistance.",
-            { icon: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Error_default, {}) }
+            { icon: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Error_default, {}) }
           );
           return;
         }
         logger_default.error("[TransferWidget] approval failed", err);
         import_react_hot_toast12.default.error(
           "Failed to approve the token allowance. Please contact support for assistance.",
-          { icon: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Error_default, {}) }
+          { icon: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Error_default, {}) }
         );
       } finally {
         setApproving(false);
@@ -13602,11 +13815,11 @@ var TransferWidget = ({
       logger_default.error("[TransferWidget] handleSubmit failed", err);
       const msg = err?.message;
       if (msg && String(msg).includes("Fees unavailable")) {
-        import_react_hot_toast12.default.error(String(msg), { icon: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Error_default, {}) });
+        import_react_hot_toast12.default.error(String(msg), { icon: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Error_default, {}) });
       } else {
         import_react_hot_toast12.default.error(
           "An unexpected error occurred while submitting. Please contact support for assistance.",
-          { icon: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Error_default, {}) }
+          { icon: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Error_default, {}) }
         );
       }
       setIsSubmitting(false);
@@ -13627,7 +13840,7 @@ var TransferWidget = ({
       void handleSubmit();
       return;
     }
-    import_react_hot_toast12.default.error(validationMessage, { icon: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Error_default, {}) });
+    import_react_hot_toast12.default.error(validationMessage, { icon: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Error_default, {}) });
     mainRef.current?.click();
   };
   const onBack = () => {
@@ -13655,7 +13868,7 @@ var TransferWidget = ({
         logger_default.error("[TransferWidget] cancel approve failed", err);
         import_react_hot_toast12.default.error(
           "Unable to cancel the approval. Please contact support for assistance.",
-          { icon: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Error_default, {}) }
+          { icon: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Error_default, {}) }
         );
       }
     } finally {
@@ -13682,8 +13895,8 @@ var TransferWidget = ({
   const primaryButtonLabel = getButtonLabel();
   const isSmallScreen = windowWidth > 0 && windowWidth <= 500;
   const showPermit2Info = formStep === 1 && isPermit2Required && mode !== "light" /* light */ && dAppOption === "none" /* None */ && signature && !isApproved && (primaryButtonLabel === "Approve" || primaryButtonLabel === "Approving...");
-  const permit2InfoTooltip = showPermit2Info ? /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "permit2-button-info", ref: permit2TooltipRef, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+  const permit2InfoTooltip = showPermit2Info ? /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "permit2-button-info", ref: permit2TooltipRef, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
       "button",
       {
         type: "button",
@@ -13700,23 +13913,23 @@ var TransferWidget = ({
         children: "i"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(
       "div",
       {
         className: `permit2-tooltip ${theme.colorMode} ${isPermit2TooltipOpen ? "open" : ""}`,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("p", { children: PERMIT2_INFO_MESSAGE }),
-          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(ExternalLink_default, { className: "permit2-tooltip-link", to: PERMIT2_DOCS_URL, children: "Learn more" })
+          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("p", { children: PERMIT2_INFO_MESSAGE }),
+          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(ExternalLink_default, { className: "permit2-tooltip-link", to: PERMIT2_DOCS_URL, children: "Learn more" })
         ]
       }
     )
   ] }) : null;
-  (0, import_react79.useEffect)(() => {
+  (0, import_react80.useEffect)(() => {
     if (!showPermit2Info && isPermit2TooltipOpen) {
       setPermit2TooltipOpen(false);
     }
   }, [showPermit2Info, isPermit2TooltipOpen]);
-  (0, import_react79.useEffect)(() => {
+  (0, import_react80.useEffect)(() => {
     if (!isSmallScreen && isPermit2TooltipOpen) {
       setPermit2TooltipOpen(false);
     }
@@ -13747,11 +13960,11 @@ var TransferWidget = ({
       logger_default.error("[TransferWidget] reset failed", e);
       import_react_hot_toast12.default.error(
         "Unable to reset the form. Please contact support for assistance.",
-        { icon: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Error_default, {}) }
+        { icon: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Error_default, {}) }
       );
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(
     "div",
     {
       className: `kima-card ${theme.colorMode}`,
@@ -13759,7 +13972,7 @@ var TransferWidget = ({
         background: theme.colorMode === "light" /* light */ ? theme.backgroundColorLight : theme.backgroundColorDark
       },
       children: [
-        resetModalOpen && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+        resetModalOpen && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
           WarningModal_default,
           {
             message: "Are you sure you want to reset the widget?",
@@ -13771,7 +13984,7 @@ var TransferWidget = ({
             onCancel: () => setResetModalOpen(false)
           }
         ),
-        warningModalOpen && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+        warningModalOpen && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
           WarningModal_default,
           {
             message: warningModalOpen.message,
@@ -13785,21 +13998,22 @@ var TransferWidget = ({
             }
           }
         ),
-        mode === "payment" /* payment */ && !transactionOption && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("h2", { className: "invalid-option-banner", children: "We're unable to process your payment. Please ensure the necessary transaction details are provided. Contact support if the issue persists." }),
-        /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "transfer-card", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "kima-card-header", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "topbar", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "title", children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("h3", { style: { marginRight: "5px" }, children: formStep === 0 ? titleOption?.initialTitle ?? (mode === "payment" /* payment */ ? "New Purchase" : "New Transfer") : titleOption?.confirmTitle ?? (mode === "payment" /* payment */ ? "Confirm Purchase" : isSwap ? "Swap Details" : "Transfer Details") }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "control-buttons", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+        mode === "payment" /* payment */ && !transactionOption && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("h2", { className: "invalid-option-banner", children: "We're unable to process your payment. Please ensure the necessary transaction details are provided. Contact support if the issue persists." }),
+        /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(VersionInfo_default, { theme }),
+        /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "transfer-card", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "kima-card-header", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "topbar", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "title", children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("h3", { style: { marginRight: "5px" }, children: formStep === 0 ? titleOption?.initialTitle ?? (mode === "payment" /* payment */ ? "New Purchase" : "New Transfer") : titleOption?.confirmTitle ?? (mode === "payment" /* payment */ ? "Confirm Purchase" : isSwap ? "Swap Details" : "Transfer Details") }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "control-buttons", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
                   ExternalLink_default,
                   {
                     to: helpURL ? helpURL : networkOption === "testnet" /* testnet */ ? "https://docs.kima.network/kima-network/try-kima-with-the-demo-app" : "https://support.kima.network",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "menu-button", children: "I need help" })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "menu-button", children: "I need help" })
                   }
                 ),
-                ["BANK", "CC"].includes(sourceChain.shortName) && formStep > 0 && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(ExternalLink_default, { to: "https://docs.kima.network/kima-network/supported-fiat#unsupported-countries-credit-cards", children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "menu-button", children: "Unsupported Countries" }) }),
-                formStep === 0 && mode !== "payment" /* payment */ && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+                ["BANK", "CC"].includes(sourceChain.shortName) && formStep > 0 && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(ExternalLink_default, { to: "https://docs.kima.network/kima-network/supported-fiat#unsupported-countries-credit-cards", children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "menu-button", children: "Unsupported Countries" }) }),
+                formStep === 0 && mode !== "payment" /* payment */ && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
                   "button",
                   {
                     className: "reset-button",
@@ -13808,32 +14022,32 @@ var TransferWidget = ({
                     children: "Reset"
                   }
                 ),
-                toastHistory.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
+                toastHistory.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(
                   "div",
                   {
                     ref: toastPanelRef,
                     className: `toast-history ${theme.colorMode}`,
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
                         "button",
                         {
                           className: "toast-history-button",
                           onClick: () => setToastPanelOpen(true),
                           "aria-label": "Notifications",
-                          children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Notification_default, { width: 30, height: 30 })
+                          children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Notification_default, { width: 30, height: 30 })
                         }
                       ),
-                      toastPanelOpen && /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: `toast-history-panel ${theme.colorMode}`, children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "toast-history-header", children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { children: "Notifications" }) }),
-                        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "toast-history-list", children: toastHistory.map((item) => /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "toast-history-item", children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "toast-history-message", children: item.message }),
-                          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "toast-history-time", children: formatToastTime(item.time) })
+                      toastPanelOpen && /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: `toast-history-panel ${theme.colorMode}`, children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "toast-history-header", children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { children: "Notifications" }) }),
+                        /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "toast-history-list", children: toastHistory.map((item) => /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "toast-history-item", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { className: "toast-history-message", children: item.message }),
+                          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { className: "toast-history-time", children: formatToastTime(item.time) })
                         ] }, item.id)) })
                       ] })
                     ]
                   }
                 ),
-                closeHandler && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+                closeHandler && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
                   "button",
                   {
                     className: "cross-icon-button",
@@ -13841,14 +14055,14 @@ var TransferWidget = ({
                       resetForm();
                       closeHandler(0);
                     },
-                    children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Cross_default, {})
+                    children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Cross_default, {})
                   }
                 )
               ] })
             ] }),
-            mode === "payment" /* payment */ && paymentTitleOption?.title && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("h4", { className: "subtitle", children: paymentTitleOption.title })
+            mode === "payment" /* payment */ && paymentTitleOption?.title && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("h4", { className: "subtitle", children: paymentTitleOption.title })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "kima-card-content", ref: mainRef, children: formStep === 0 ? /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "kima-card-content", ref: mainRef, children: formStep === 0 ? /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
             SingleForm_default,
             {
               ...{
@@ -13862,7 +14076,7 @@ var TransferWidget = ({
                 setInitialSelection
               }
             }
-          ) : ccTransactionStatus !== "idle" ? /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(FiatWidget_default, { submitCallback: submit }) : /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+          ) : ccTransactionStatus !== "idle" ? /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(FiatWidget_default, { submitCallback: submit }) : /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
             ConfirmDetails_default,
             {
               ...{
@@ -13871,12 +14085,12 @@ var TransferWidget = ({
               }
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
             "div",
             {
               className: `kima-card-footer ${mode === "bridge" /* bridge */ && formStep !== 0 && "confirm"}`,
-              children: /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "button-group", children: [
-                isBackButtonEnabled && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "button-group", children: [
+                isBackButtonEnabled && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
                   SecondaryButton_default,
                   {
                     clickHandler: onBack,
@@ -13885,7 +14099,7 @@ var TransferWidget = ({
                     children: formStep > 0 && ccTransactionStatus !== "initialized" ? "Back" : "Cancel"
                   }
                 ),
-                (!!allowance && allowance > 0n || isPermit2Required && !!permit2Signature) && formStep !== 0 && !["BANK", "CC", "BTC"].includes(sourceChain.shortName) && mode !== "light" /* light */ && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+                (!!allowance && allowance > 0n || isPermit2Required && !!permit2Signature) && formStep !== 0 && !["BANK", "CC", "BTC"].includes(sourceChain.shortName) && mode !== "light" /* light */ && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
                   SecondaryButton_default,
                   {
                     clickHandler: onCancelApprove,
@@ -13895,7 +14109,7 @@ var TransferWidget = ({
                     children: isCancellingApprove ? "Cancelling Approval" : "Cancel Approve"
                   }
                 ),
-                isSubmitButtonEnabled && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+                isSubmitButtonEnabled && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
                   PrimaryButton_default,
                   {
                     clickHandler: onNext,
@@ -13908,10 +14122,10 @@ var TransferWidget = ({
               ] })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(SolanaConnectModal_default, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(TronWalletConnectModal_default, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(BtcConnectModal_default, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(SolanaConnectModal_default, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(TronWalletConnectModal_default, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(BtcConnectModal_default, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
             import_react_hot_toast12.Toaster,
             {
               position: "top-right",
@@ -13935,9 +14149,9 @@ var TransferWidget = ({
               }
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "floating-footer", children: /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: `items ${theme.colorMode}`, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { children: "Powered by" }),
-            /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(KimaNetwork_default, {})
+          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "floating-footer", children: /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: `items ${theme.colorMode}`, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { children: "Powered by" }),
+            /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(KimaNetwork_default, {})
           ] }) })
         ] })
       ]
@@ -13946,7 +14160,7 @@ var TransferWidget = ({
 };
 
 // src/widgets/common/KimaWidgetWrapper.tsx
-var import_jsx_runtime100 = require("react/jsx-runtime");
+var import_jsx_runtime101 = require("react/jsx-runtime");
 var KimaWidgetWrapper = ({
   mode,
   txId,
@@ -13965,7 +14179,7 @@ var KimaWidgetWrapper = ({
   useDebugCode();
   const { kimaBackendUrl } = useKimaContext();
   const dispatch = (0, import_react_redux67.useDispatch)();
-  const { setThemeMode, setThemeVariables } = (0, import_react80.useAppKitTheme)();
+  const { setThemeMode, setThemeVariables } = (0, import_react81.useAppKitTheme)();
   const submitted = (0, import_react_redux67.useSelector)(selectSubmitted);
   const sourceChain = (0, import_react_redux67.useSelector)(selectSourceChain);
   const ccTransactionStatus = (0, import_react_redux67.useSelector)(selectCCTransactionStatus);
@@ -13974,8 +14188,8 @@ var KimaWidgetWrapper = ({
   const networkOption = envOptions?.env;
   const kimaExplorer = envOptions?.kimaExplorer || "https://explorer.sardis.kima.network";
   const { currentPlugin } = useGetCurrentPlugin_default();
-  const prevColorMode = (0, import_react81.useRef)(void 0);
-  (0, import_react81.useEffect)(() => {
+  const prevColorMode = (0, import_react82.useRef)(void 0);
+  (0, import_react82.useEffect)(() => {
     if (prevColorMode.current !== theme?.colorMode) {
       dispatch(setTheme(theme));
       setThemeMode(
@@ -13988,7 +14202,7 @@ var KimaWidgetWrapper = ({
       prevColorMode.current = theme?.colorMode;
     }
   }, [theme?.colorMode, dispatch, setThemeMode, setThemeVariables, theme]);
-  const prevConfigRef = (0, import_react81.useRef)({
+  const prevConfigRef = (0, import_react82.useRef)({
     compliantOption: void 0,
     backendUrl: void 0,
     mode: void 0,
@@ -13998,7 +14212,7 @@ var KimaWidgetWrapper = ({
     excludedSourceNetworksJson: "",
     excludedTargetNetworksJson: ""
   });
-  (0, import_react81.useEffect)(() => {
+  (0, import_react82.useEffect)(() => {
     const excludedSourceNetworksJson = JSON.stringify(excludedSourceNetworks);
     const excludedTargetNetworksJson = JSON.stringify(excludedTargetNetworks);
     if (prevConfigRef.current.compliantOption !== compliantOption) {
@@ -14044,7 +14258,7 @@ var KimaWidgetWrapper = ({
     excludedTargetNetworks,
     dispatch
   ]);
-  (0, import_react81.useEffect)(() => {
+  (0, import_react82.useEffect)(() => {
     const activeTransactionOption = mode === "payment" /* payment */ ? transactionOption : void 0;
     const nextJson = activeTransactionOption ? JSON.stringify(transactionOption) : null;
     const storedJson = storedTransactionOption ? JSON.stringify(storedTransactionOption) : null;
@@ -14073,9 +14287,9 @@ var KimaWidgetWrapper = ({
       dispatch(setAmount(String(activeTransactionOption.amount)));
     }
   }, [transactionOption, storedTransactionOption, mode, chainData, dispatch]);
-  const prevModeRef = (0, import_react81.useRef)(void 0);
-  const prevTxIdRef = (0, import_react81.useRef)(void 0);
-  (0, import_react81.useEffect)(() => {
+  const prevModeRef = (0, import_react82.useRef)(void 0);
+  const prevTxIdRef = (0, import_react82.useRef)(void 0);
+  (0, import_react82.useEffect)(() => {
     const modeChanged = prevModeRef.current !== mode;
     const txChanged = prevTxIdRef.current !== txId;
     if (mode === "payment" /* payment */ && !transactionOption) {
@@ -14106,7 +14320,7 @@ var KimaWidgetWrapper = ({
       prevTxIdRef.current = txId;
     }
   }, [mode, txId, transactionOption, dispatch]);
-  (0, import_react81.useEffect)(() => {
+  (0, import_react82.useEffect)(() => {
     logger_default.debug("[KimaWidgetWrapper] render", {
       mode,
       dAppOption,
@@ -14116,16 +14330,16 @@ var KimaWidgetWrapper = ({
       sourceChain: sourceChain?.shortName
     });
   });
-  const pluginKey = (0, import_react81.useMemo)(() => {
+  const pluginKey = (0, import_react82.useMemo)(() => {
     if (!currentPlugin?.id) return null;
     return `transfer-${currentPlugin.id}-${sourceChain?.shortName ?? "unknown"}`;
   }, [currentPlugin?.id, sourceChain?.shortName]);
-  const content = (0, import_react81.useMemo)(() => {
+  const content = (0, import_react82.useMemo)(() => {
     if (mode === "status" /* status */) {
-      return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(TransactionWidget, { theme });
+      return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(TransactionWidget, { theme });
     }
     if (!currentPlugin && !sourceChain?.shortName) {
-      return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
         TransferWidget,
         {
           theme,
@@ -14137,15 +14351,15 @@ var KimaWidgetWrapper = ({
       );
     }
     if (!currentPlugin) {
-      return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(SkeletonLoader_default, { theme });
+      return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(SkeletonLoader_default, { theme });
     }
     if (sourceChain.shortName === "CC") {
       if (submitted) {
         logger_default.debug("[KimaWidgetWrapper] CC mode -> TransactionWidget");
-        return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(TransactionWidget, { theme });
+        return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(TransactionWidget, { theme });
       }
       if (ccTransactionStatus === "error-id") {
-        return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
           ErrorWidget_default,
           {
             theme,
@@ -14160,7 +14374,7 @@ var KimaWidgetWrapper = ({
         );
       }
       if (ccTransactionStatus === "error-generic") {
-        return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
           ErrorWidget_default,
           {
             theme,
@@ -14174,7 +14388,7 @@ var KimaWidgetWrapper = ({
           }
         );
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
         TransferWidget,
         {
           theme,
@@ -14189,7 +14403,7 @@ var KimaWidgetWrapper = ({
       "[KimaWidgetWrapper] rendering TransferWidget with plugin",
       currentPlugin?.id
     );
-    return submitted ? /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(TransactionWidget, { theme }) : /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+    return submitted ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(TransactionWidget, { theme }) : /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
       TransferWidget,
       {
         theme,
@@ -14218,7 +14432,7 @@ var KimaWidgetWrapper = ({
 var KimaWidgetWrapper_default = KimaWidgetWrapper;
 
 // src/widgets/common/KimaTransactionWidget.tsx
-var import_jsx_runtime101 = require("react/jsx-runtime");
+var import_jsx_runtime102 = require("react/jsx-runtime");
 var KimaTransactionWidget = ({
   mode,
   txId,
@@ -14234,7 +14448,7 @@ var KimaTransactionWidget = ({
 }) => {
   const dispatch = (0, import_react_redux68.useDispatch)();
   const { kimaBackendUrl } = useKimaContext();
-  const [hydrated, setHydrated] = (0, import_react82.useState)(false);
+  const [hydrated, setHydrated] = (0, import_react83.useState)(false);
   const {
     data: envOptions,
     error: envOptionsError,
@@ -14245,20 +14459,20 @@ var KimaTransactionWidget = ({
     error: chainDataError,
     isLoading: isLoadingChainData
   } = useChainData(kimaBackendUrl);
-  (0, import_react82.useEffect)(() => {
+  (0, import_react83.useEffect)(() => {
     if (typeof window !== "undefined") setHydrated(true);
   }, []);
-  (0, import_react82.useEffect)(() => {
+  (0, import_react83.useEffect)(() => {
     if (theme?.colorMode) {
       dispatch(setTheme(theme));
     }
   }, [theme?.colorMode, dispatch, theme]);
   if (!hydrated || !theme?.colorMode)
-    return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(ring_default, { width: 20, height: 20, fill: "#86b8ce" });
+    return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(ring_default, { width: 20, height: 20, fill: "#86b8ce" });
   if (isLoadingEnvs || isLoadingChainData)
-    return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(SkeletonLoader_default, { theme });
+    return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(SkeletonLoader_default, { theme });
   if (envOptionsError || !envOptions)
-    return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
       ErrorWidget_default,
       {
         theme,
@@ -14267,7 +14481,7 @@ var KimaTransactionWidget = ({
       }
     );
   if (chainDataError || !chainData)
-    return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
       ErrorWidget_default,
       {
         theme,
@@ -14275,7 +14489,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__ */ (0, import_jsx_runtime101.jsx)(ToastHistoryProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(ToastHistoryProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
     KimaWidgetWrapper_default,
     {
       ...{