@kimafinance/kima-transaction-widget 1.5.1 → 1.5.2

package/dist/index.js

@@ -201,7 +201,7 @@ import { jsx as jsx6 } from "react/jsx-runtime";
 
 // src/assets/icons/Arrow.tsx
 import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
-var Arrow2 = ({ width = 22, height = 25, fill = "none", ...rest }) => {
+var Arrow = ({ width = 22, height = 25, fill = "none", ...rest }) => {
   return /* @__PURE__ */ jsxs3(
     "svg",
     {
@@ -225,7 +225,7 @@ var Arrow2 = ({ width = 22, height = 25, fill = "none", ...rest }) => {
     }
   );
 };
-var Arrow_default = Arrow2;
+var Arrow_default = Arrow;
 
 // src/assets/icons/Lock.tsx
 import { jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
@@ -5235,12 +5235,8 @@ var ExternalLink = ({ to, children, className, rest }) => /* @__PURE__ */ jsx55(
 );
 var ExternalLink_default = ExternalLink;
 
-// src/components/reusable/NetworkLabel.tsx
-import { useSelector as useSelector26 } from "react-redux";
-import { jsx as jsx56, jsxs as jsxs31 } from "react/jsx-runtime";
-
 // src/components/reusable/PrimaryButton.tsx
-import { jsx as jsx57, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx56, jsxs as jsxs31 } from "react/jsx-runtime";
 var PrimaryButton = ({
   className,
   clickHandler,
@@ -5249,7 +5245,7 @@ var PrimaryButton = ({
   disabled = false,
   ref
 }) => {
-  return /* @__PURE__ */ jsx57("div", { className: "primary-button-wrapper", children: /* @__PURE__ */ jsxs32(
+  return /* @__PURE__ */ jsx56("div", { className: "primary-button-wrapper", children: /* @__PURE__ */ jsxs31(
     "button",
     {
       className: `primary-button ${className}`,
@@ -5257,7 +5253,7 @@ var PrimaryButton = ({
       ref,
       disabled,
       children: [
-        isLoading && /* @__PURE__ */ jsx57("div", { className: "loading-indicator", children: /* @__PURE__ */ jsx57(ring_default, { width: 24, height: 24, fill: "white" }) }),
+        isLoading && /* @__PURE__ */ jsx56("div", { className: "loading-indicator", children: /* @__PURE__ */ jsx56(ring_default, { width: 24, height: 24, fill: "white" }) }),
         children
       ]
     }
@@ -5266,7 +5262,7 @@ var PrimaryButton = ({
 var PrimaryButton_default = PrimaryButton;
 
 // src/components/reusable/SecondaryButton.tsx
-import { jsx as jsx58, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx57, jsxs as jsxs32 } from "react/jsx-runtime";
 var SecondaryButton = ({
   className,
   clickHandler,
@@ -5275,7 +5271,7 @@ var SecondaryButton = ({
   style,
   disabled = false,
   isLoading
-}) => /* @__PURE__ */ jsxs33(
+}) => /* @__PURE__ */ jsxs32(
   "button",
   {
     className: `secondary-button ${className} ${theme}`,
@@ -5283,7 +5279,7 @@ var SecondaryButton = ({
     ...style,
     disabled,
     children: [
-      isLoading && /* @__PURE__ */ jsx58("div", { className: "loading-indicator", children: /* @__PURE__ */ jsx58(ring_default, { width: 24, height: 24, fill: "black" }) }),
+      isLoading && /* @__PURE__ */ jsx57("div", { className: "loading-indicator", children: /* @__PURE__ */ jsx57(ring_default, { width: 24, height: 24, fill: "black" }) }),
       children
     ]
   }
@@ -5292,14 +5288,14 @@ var SecondaryButton_default = SecondaryButton;
 
 // src/components/reusable/WalletButton.tsx
 import { useEffect as useEffect12, useMemo as useMemo24 } from "react";
-import { useDispatch as useDispatch5, useSelector as useSelector28 } from "react-redux";
+import { useDispatch as useDispatch5, useSelector as useSelector27 } from "react-redux";
 
 // src/shared/lib/hooks/useGetCurrentPlugin.ts
 import { useMemo as useMemo22 } from "react";
-import { useSelector as useSelector27 } from "react-redux";
+import { useSelector as useSelector26 } from "react-redux";
 var useGetCurrentPlugin = () => {
-  const isIndexed = useSelector27(selectPluginIsIndexed);
-  const sourceChain = useSelector27(selectSourceChain);
+  const isIndexed = useSelector26(selectPluginIsIndexed);
+  const sourceChain = useSelector26(selectSourceChain);
   const currentPlugin = useMemo22(() => {
     if (!isIndexed || !sourceChain?.shortName) return null;
     const plugin = getPlugin(sourceChain.shortName) ?? null;
@@ -5319,7 +5315,7 @@ var useGetCurrentPlugin_default = useGetCurrentPlugin;
 
 // src/shared/plugins/default.tsx
 import { useCallback as useCallback11, useMemo as useMemo23 } from "react";
-import { Fragment as Fragment5, jsx as jsx59 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx58 } from "react/jsx-runtime";
 var DefaultPlugin = class extends PluginBase {
   constructor(storeArg) {
     super({
@@ -5359,7 +5355,7 @@ var DefaultPlugin = class extends PluginBase {
   // Never “compatible” so it won’t be picked for any chain
   isCompatible = () => false;
   // Transparent provider: renders children as-is
-  Provider = ({ children }) => /* @__PURE__ */ jsx59(Fragment5, { children });
+  Provider = ({ children }) => /* @__PURE__ */ jsx58(Fragment5, { children });
 };
 var defaultPlugin = new DefaultPlugin(store_default);
 var default_default = defaultPlugin;
@@ -5438,7 +5434,7 @@ import { useAppKit, useAppKitState } from "@reown/appkit/react";
 
 // src/components/reusable/CopyButton.tsx
 import { useEffect as useEffect10, useState as useState4 } from "react";
-import { jsx as jsx60 } from "react/jsx-runtime";
+import { jsx as jsx59 } from "react/jsx-runtime";
 var CopyButton = ({ text }) => {
   const [copyClicked, setCopyClicked] = useState4(false);
   useEffect10(() => {
@@ -5447,7 +5443,7 @@ var CopyButton = ({ text }) => {
       setCopyClicked(false);
     }, 2e3);
   }, [copyClicked]);
-  return /* @__PURE__ */ jsx60(
+  return /* @__PURE__ */ jsx59(
     "span",
     {
       className: "copy-btn",
@@ -5455,71 +5451,71 @@ var CopyButton = ({ text }) => {
         setCopyClicked(true);
         navigator.clipboard.writeText(text);
       },
-      children: copyClicked ? /* @__PURE__ */ jsx60(Check_default, {}) : /* @__PURE__ */ jsx60(Copy_default, {})
+      children: copyClicked ? /* @__PURE__ */ jsx59(Check_default, {}) : /* @__PURE__ */ jsx59(Copy_default, {})
     }
   );
 };
 var CopyButton_default = CopyButton;
 
 // src/hooks/useHideActivityTab.tsx
-import { useEffect as useEffect11 } from "react";
+import { useEffect as useEffect11, useRef } from "react";
 function useHideWuiListItem(isModalOpen) {
+  const observerRef = useRef(null);
   useEffect11(() => {
     const modalSelector = "w3m-modal";
-    let observer;
     const hideFirstWuiListItem = (parent) => {
       const stack = [parent];
-      while (stack.length > 0) {
+      while (stack.length) {
         const current = stack.shift();
-        if (!current) continue;
-        if (current.tagName === "WUI-LIST-ITEM") {
-          current.style.display = "none";
-          break;
-        }
-        if (current.shadowRoot) {
-          stack.push(current.shadowRoot);
+        if (current instanceof Element) {
+          if (current.tagName === "WUI-LIST-ITEM") {
+            ;
+            current.style.display = "none";
+            break;
+          }
+          const sr = current.shadowRoot;
+          if (sr) stack.push(sr);
+          stack.push(...Array.from(current.children ?? []));
+        } else if (current instanceof ShadowRoot) {
+          stack.push(...Array.from(current.children));
         }
-        stack.push(...Array.from(current.children));
       }
     };
     const observeModal = () => {
       const modal = document.querySelector(modalSelector);
-      if (modal?.shadowRoot) {
-        const shadowRoot = modal.shadowRoot;
-        const wuiFlex = shadowRoot.querySelector("wui-flex");
-        if (wuiFlex) {
-          hideFirstWuiListItem(wuiFlex);
-        }
-      }
+      const sr = modal?.shadowRoot;
+      if (!sr) return;
+      const wuiFlex = sr.querySelector("wui-flex");
+      if (wuiFlex) hideFirstWuiListItem(wuiFlex);
     };
-    const setupObserver = () => {
-      observer = new MutationObserver(() => {
+    const startObserver = () => {
+      observerRef.current?.disconnect();
+      observerRef.current = new MutationObserver(() => {
         const modal = document.querySelector(modalSelector);
-        if (modal) {
-          observeModal();
-        }
+        if (modal) observeModal();
+      });
+      observerRef.current.observe(document.body, {
+        childList: true,
+        subtree: true
       });
-      observer.observe(document.body, { childList: true, subtree: true });
     };
     if (isModalOpen) {
-      setupObserver();
+      startObserver();
       observeModal();
     } else {
-      if (observer) {
-        observer.disconnect();
-      }
+      observerRef.current?.disconnect();
+      observerRef.current = null;
     }
     return () => {
-      if (observer) {
-        observer.disconnect();
-      }
+      observerRef.current?.disconnect();
+      observerRef.current = null;
     };
   }, [isModalOpen]);
 }
 var useHideActivityTab_default = useHideWuiListItem;
 
 // src/components/reusable/WalletButton.tsx
-import { Fragment as Fragment6, jsx as jsx61, jsxs as jsxs34 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx60, jsxs as jsxs33 } from "react/jsx-runtime";
 var TAG = "[WalletButton]";
 var WalletButton = ({
   errorBelow = false,
@@ -5527,15 +5523,15 @@ var WalletButton = ({
   placeholder = false
 }) => {
   const dispatch = useDispatch5();
-  const theme = useSelector28(selectTheme);
-  const mode = useSelector28(selectMode);
-  const selectedCoin = useSelector28(selectSourceCurrency);
-  const sourceCompliant = useSelector28(selectSourceCompliant);
-  const compliantOption = useSelector28(selectCompliantOption);
-  const sourceNetwork = useSelector28(selectSourceChain);
-  const targetNetwork = useSelector28(selectTargetChain);
-  const targetAddress = useSelector28(selectTargetAddress);
-  const dAppOption = useSelector28(selectDappOption);
+  const theme = useSelector27(selectTheme);
+  const mode = useSelector27(selectMode);
+  const selectedCoin = useSelector27(selectSourceCurrency);
+  const sourceCompliant = useSelector27(selectSourceCompliant);
+  const compliantOption = useSelector27(selectCompliantOption);
+  const sourceNetwork = useSelector27(selectSourceChain);
+  const targetNetwork = useSelector27(selectTargetChain);
+  const targetAddress = useSelector27(selectTargetAddress);
+  const dAppOption = useSelector27(selectDappOption);
   const { externalProvider } = useKimaContext();
   const { connected: isSolanaConnected } = useSolanaWallet();
   const { connected: isTronConnected } = useTronWallet3();
@@ -5679,12 +5675,12 @@ var WalletButton = ({
   }, [mode, isReady, statusMessage, compliantOption, sourceCompliant]);
   const renderConnectedLabel = () => {
     if (isEvmSwitching) {
-      return /* @__PURE__ */ jsxs34(Fragment6, { children: [
+      return /* @__PURE__ */ jsxs33(Fragment6, { children: [
         "Switching network\u2026",
-        /* @__PURE__ */ jsxs34("span", { className: "loading-indicator-inline", "aria-hidden": "true", children: [
-          /* @__PURE__ */ jsx61("span", { className: "dot" }),
-          /* @__PURE__ */ jsx61("span", { className: "dot" }),
-          /* @__PURE__ */ jsx61("span", { className: "dot" })
+        /* @__PURE__ */ jsxs33("span", { className: "loading-indicator-inline", "aria-hidden": "true", children: [
+          /* @__PURE__ */ jsx60("span", { className: "dot" }),
+          /* @__PURE__ */ jsx60("span", { className: "dot" }),
+          /* @__PURE__ */ jsx60("span", { className: "dot" })
         ] })
       ] });
     }
@@ -5696,38 +5692,38 @@ var WalletButton = ({
     theme.colorMode,
     isEvmSwitching ? "network-switching" : ""
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxs34(
+  return /* @__PURE__ */ jsxs33(
     "div",
     {
       className: `wallet-button ${isConnected ? "connected" : "disconnected"} ${theme.colorMode} ${errorBelow ? "error-below" : ""}`,
       "data-testid": "connect-wallet-btn",
       children: [
-        /* @__PURE__ */ jsxs34("div", { className: "info-wrapper", children: [
-          /* @__PURE__ */ jsx61(
+        /* @__PURE__ */ jsxs33("div", { className: "info-wrapper", children: [
+          /* @__PURE__ */ jsx60(
             "button",
             {
               className: btnClasses,
               onClick: handleClick,
               disabled: !isWalletApplicable || isEvmSwitching,
               "aria-busy": isEvmSwitching ? "true" : void 0,
-              children: isConnected ? renderConnectedLabel() : /* @__PURE__ */ jsxs34(Fragment6, { children: [
+              children: isConnected ? renderConnectedLabel() : /* @__PURE__ */ jsxs33(Fragment6, { children: [
                 mode === "light" /* light */ && "Select Network to Load Account",
                 mode !== "light" /* light */ && !hasSelectedSourceNetwork && "Select Network to Connect",
-                mode !== "light" /* light */ && hasSelectedSourceNetwork && /* @__PURE__ */ jsxs34(Fragment6, { children: [
-                  /* @__PURE__ */ jsx61(Wallet_default, {}),
+                mode !== "light" /* light */ && hasSelectedSourceNetwork && /* @__PURE__ */ jsxs33(Fragment6, { children: [
+                  /* @__PURE__ */ jsx60(Wallet_default, {}),
                   "Connect Wallet"
                 ] })
               ] })
             }
           ),
-          isConnected && !placeholder && displayedAddress && !isEvmSwitching && /* @__PURE__ */ jsx61(CopyButton_default, { text: displayedAddress })
+          isConnected && !placeholder && displayedAddress && !isEvmSwitching && /* @__PURE__ */ jsx60(CopyButton_default, { text: displayedAddress })
         ] }),
-        isConnected && mode !== "light" /* light */ && !placeholder && /* @__PURE__ */ jsx61(Fragment6, { children: balance !== void 0 && decimals !== void 0 ? /* @__PURE__ */ jsxs34("p", { className: "balance-info", children: [
+        isConnected && mode !== "light" /* light */ && !placeholder && /* @__PURE__ */ jsx60(Fragment6, { children: balance !== void 0 && decimals !== void 0 ? /* @__PURE__ */ jsxs33("p", { className: "balance-info", children: [
           formatUSD(bigIntToNumber({ value: balance, decimals })),
           " ",
           selectedCoin,
           " available"
-        ] }) : /* @__PURE__ */ jsx61("div", { className: "loading", "aria-label": "balance-loading" }) })
+        ] }) : /* @__PURE__ */ jsx60("div", { className: "loading", "aria-label": "balance-loading" }) })
       ]
     }
   );
@@ -5735,20 +5731,20 @@ var WalletButton = ({
 var WalletButton_default = WalletButton;
 
 // src/components/reusable/CoinDropdown.tsx
-import { useEffect as useEffect14, useRef, useState as useState5 } from "react";
-import { useDispatch as useDispatch7, useSelector as useSelector30 } from "react-redux";
+import { useEffect as useEffect14, useRef as useRef2, useState as useState5 } from "react";
+import { useDispatch as useDispatch7, useSelector as useSelector29 } from "react-redux";
 
 // src/widgets/transfer/hooks/useCurrencyOptions.tsx
 import { useEffect as useEffect13, useMemo as useMemo25 } from "react";
-import { useSelector as useSelector29, useDispatch as useDispatch6 } from "react-redux";
+import { useSelector as useSelector28, useDispatch as useDispatch6 } from "react-redux";
 var emptyTokenList = { tokenList: [] };
 function useCurrencyOptions(isSourceChain) {
   const dispatch = useDispatch6();
-  const mode = useSelector29(selectMode);
-  const sourceChain = useSelector29(selectSourceChain);
-  const sourceSymbol = useSelector29(selectSourceCurrency);
-  const targetChain = useSelector29(selectTargetChain);
-  const targetSymbol = useSelector29(selectTargetCurrency);
+  const mode = useSelector28(selectMode);
+  const sourceChain = useSelector28(selectSourceChain);
+  const sourceSymbol = useSelector28(selectSourceCurrency);
+  const targetChain = useSelector28(selectTargetChain);
+  const targetSymbol = useSelector28(selectTargetCurrency);
   const output = useMemo25(() => {
     const chain = isSourceChain ? sourceChain : targetChain;
     const location = isSourceChain ? "origin" : "target";
@@ -5806,7 +5802,7 @@ function useCurrencyOptions(isSourceChain) {
 }
 
 // src/components/reusable/TokenIcon.tsx
-import { jsx as jsx62 } from "react/jsx-runtime";
+import { jsx as jsx61 } from "react/jsx-runtime";
 var COIN_LIST2 = {
   EUR: KEUR_default,
   EURC: EURC_default,
@@ -5831,27 +5827,27 @@ function TokenIcon({
     logger_default.warn(`Token icon not found for symbol: ${symbol}`);
     return null;
   }
-  return /* @__PURE__ */ jsx62("div", { className: "icon-wrapper", children: /* @__PURE__ */ jsx62(Icon, { width, height }) });
+  return /* @__PURE__ */ jsx61("div", { className: "icon-wrapper", children: /* @__PURE__ */ jsx61(Icon, { width, height }) });
 }
 
 // src/components/reusable/CoinDropdown.tsx
-import { Fragment as Fragment7, jsx as jsx63, jsxs as jsxs35 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx62, jsxs as jsxs34 } from "react/jsx-runtime";
 var CoinDropdown = ({
   isSourceChain = true
 }) => {
-  const ref = useRef(null);
+  const ref = useRef2(null);
   const dispatch = useDispatch7();
   const [collapsed, setCollapsed] = useState5(true);
-  const theme = useSelector30(selectTheme);
-  const mode = useSelector30(selectMode);
-  const dAppOption = useSelector30(selectDappOption);
-  const transactionOption = useSelector30(selectTransactionOption);
-  const sourceCurrency = useSelector30(selectSourceCurrency);
-  const targetCurrency = useSelector30(selectTargetCurrency);
+  const theme = useSelector29(selectTheme);
+  const mode = useSelector29(selectMode);
+  const dAppOption = useSelector29(selectDappOption);
+  const transactionOption = useSelector29(selectTransactionOption);
+  const sourceCurrency = useSelector29(selectSourceCurrency);
+  const targetCurrency = useSelector29(selectTargetCurrency);
   const { tokenList } = useCurrencyOptions(isSourceChain);
   const tokenSymbol = isSourceChain ? sourceCurrency : targetCurrency;
   const shouldLockToken = isSourceChain && mode === "payment" /* payment */ && dAppOption !== "none" /* None */ && !!transactionOption?.currency;
-  const appliedLockRef = useRef(null);
+  const appliedLockRef = useRef2(null);
   useEffect14(() => {
     if (!shouldLockToken) return;
     const desired = transactionOption?.currency;
@@ -5893,7 +5889,7 @@ var CoinDropdown = ({
     }
     setCollapsed(true);
   };
-  return /* @__PURE__ */ jsxs35(
+  return /* @__PURE__ */ jsxs34(
     "div",
     {
       className: `coin-dropdown ${theme.colorMode} ${collapsed ? "collapsed" : "toggled"} ${shouldLockToken ? "disabled" : ""}`,
@@ -5902,15 +5898,15 @@ var CoinDropdown = ({
       },
       ref,
       children: [
-        /* @__PURE__ */ jsx63("div", { className: "coin-wrapper", children: tokenSymbol ? /* @__PURE__ */ jsxs35(Fragment7, { children: [
-          /* @__PURE__ */ jsx63(TokenIcon, { symbol: tokenSymbol, width: 24, height: 24 }),
-          /* @__PURE__ */ jsx63("span", { className: "coin", children: tokenSymbol })
-        ] }) : /* @__PURE__ */ jsx63("span", { className: "coin placeholder", children: "Select token" }) }),
-        /* @__PURE__ */ jsx63(
+        /* @__PURE__ */ jsx62("div", { className: "coin-wrapper", children: tokenSymbol ? /* @__PURE__ */ jsxs34(Fragment7, { children: [
+          /* @__PURE__ */ jsx62(TokenIcon, { symbol: tokenSymbol, width: 24, height: 24 }),
+          /* @__PURE__ */ jsx62("span", { className: "coin", children: tokenSymbol })
+        ] }) : /* @__PURE__ */ jsx62("span", { className: "coin placeholder", children: "Select token" }) }),
+        /* @__PURE__ */ jsx62(
           "div",
           {
             className: `coin-menu ${theme.colorMode} ${collapsed ? "collapsed" : "toggled"}`,
-            children: tokenList.map((token) => /* @__PURE__ */ jsxs35(
+            children: tokenList.map((token) => /* @__PURE__ */ jsxs34(
               "div",
               {
                 className: `coin-item ${theme.colorMode}`,
@@ -5919,15 +5915,15 @@ var CoinDropdown = ({
                   handleDropdownItemClick(token.symbol);
                 },
                 children: [
-                  /* @__PURE__ */ jsx63(TokenIcon, { symbol: token.symbol, width: 24, height: 24 }),
-                  /* @__PURE__ */ jsx63("p", { children: token.symbol })
+                  /* @__PURE__ */ jsx62(TokenIcon, { symbol: token.symbol, width: 24, height: 24 }),
+                  /* @__PURE__ */ jsx62("p", { children: token.symbol })
                 ]
               },
               token.symbol
             ))
           }
         ),
-        !shouldLockToken && /* @__PURE__ */ jsx63("div", { className: `dropdown-icon ${collapsed ? "toggled" : "collapsed"}`, children: /* @__PURE__ */ jsx63(Arrow_default, { fill: "none" }) })
+        !shouldLockToken && /* @__PURE__ */ jsx62("div", { className: `dropdown-icon ${collapsed ? "toggled" : "collapsed"}`, children: /* @__PURE__ */ jsx62(Arrow_default, { fill: "none" }) })
       ]
     }
   );
@@ -5936,10 +5932,10 @@ var CoinDropdown_default = CoinDropdown;
 
 // src/components/reusable/ConfirmDetails.tsx
 import { useEffect as useEffect15, useMemo as useMemo26, useState as useState6 } from "react";
-import { useSelector as useSelector32 } from "react-redux";
+import { useSelector as useSelector31 } from "react-redux";
 
 // src/components/reusable/ChainIcon.tsx
-import { jsx as jsx64 } from "react/jsx-runtime";
+import { jsx as jsx63 } from "react/jsx-runtime";
 var chainIcons = {
   ARB: Arbitrum_default,
   AVX: Avalanche_default,
@@ -5961,32 +5957,32 @@ function ChainIcon({ symbol }) {
   const Icon = symbol === "FIAT" ? chainIcons["CC"] : chainIcons[symbol];
   if (!Icon) {
     if (symbol) logger_default.warn(`Chain icon not found for symbol: ${symbol}`);
-    return /* @__PURE__ */ jsx64("div", {});
+    return /* @__PURE__ */ jsx63("div", {});
   }
-  return /* @__PURE__ */ jsx64("div", { className: "icon", children: /* @__PURE__ */ jsx64(Icon, {}) });
+  return /* @__PURE__ */ jsx63("div", { className: "icon", children: /* @__PURE__ */ jsx63(Icon, {}) });
 }
 
 // src/components/reusable/FeeDeductionRadioButtons.tsx
-import { useDispatch as useDispatch8, useSelector as useSelector31 } from "react-redux";
-import { jsx as jsx65, jsxs as jsxs36 } from "react/jsx-runtime";
+import { useDispatch as useDispatch8, useSelector as useSelector30 } from "react-redux";
+import { jsx as jsx64, jsxs as jsxs35 } from "react/jsx-runtime";
 var FeeDeductionRadioButtons = ({ disabled }) => {
   const dispatch = useDispatch8();
-  const feeDeduct = useSelector31(selectFeeDeduct);
-  const amount = useSelector31(selectAmount);
-  const sourceNetwork = useSelector31(selectSourceChain);
-  const targetNetwork = useSelector31(selectTargetChain);
-  const { totalFee: feeTotalBigInt } = useSelector31(selectServiceFee);
+  const feeDeduct = useSelector30(selectFeeDeduct);
+  const amount = useSelector30(selectAmount);
+  const sourceNetwork = useSelector30(selectSourceChain);
+  const targetNetwork = useSelector30(selectTargetChain);
+  const { totalFee: feeTotalBigInt } = useSelector30(selectServiceFee);
   const totalFee = bigIntToNumber(feeTotalBigInt);
-  const sourceCurrency = useSelector31(selectSourceCurrency);
-  const targetCurrency = useSelector31(selectTargetCurrency);
-  const theme = useSelector31(selectTheme);
-  const isSubmitted = useSelector31(selectSubmitted);
+  const sourceCurrency = useSelector30(selectSourceCurrency);
+  const targetCurrency = useSelector30(selectTargetCurrency);
+  const theme = useSelector30(selectTheme);
+  const isSubmitted = useSelector30(selectSubmitted);
   const handleChange = (value) => {
     dispatch(setFeeDeduct(value));
   };
-  return /* @__PURE__ */ jsx65("div", { className: `fee-deduction-radio-container ${theme.colorMode}`, children: /* @__PURE__ */ jsxs36("div", { className: "fee-options", children: [
-    Number(amount) - totalFee > 0 && /* @__PURE__ */ jsxs36("label", { className: `fee-option ${disabled ? "disabled" : ""}`, children: [
-      /* @__PURE__ */ jsx65(
+  return /* @__PURE__ */ jsx64("div", { className: `fee-deduction-radio-container ${theme.colorMode}`, children: /* @__PURE__ */ jsxs35("div", { className: "fee-options", children: [
+    Number(amount) - totalFee > 0 && /* @__PURE__ */ jsxs35("label", { className: `fee-option ${disabled ? "disabled" : ""}`, children: [
+      /* @__PURE__ */ jsx64(
         "input",
         {
           type: "radio",
@@ -5996,14 +5992,14 @@ var FeeDeductionRadioButtons = ({ disabled }) => {
           onChange: () => handleChange(true)
         }
       ),
-      /* @__PURE__ */ jsx65("span", { className: `radio-label ${theme.colorMode}`, children: `Pay $${formatterFloat.format(
+      /* @__PURE__ */ jsx64("span", { className: `radio-label ${theme.colorMode}`, children: `Pay $${formatterFloat.format(
         Number(amount)
       )} ${sourceCurrency} ${["BANK", "CC"].includes(sourceNetwork.shortName) ? "with" : "in"} ${sourceNetwork.name} to receive $${formatterFloat.format(
         Number(amount) - totalFee
       )} ${targetCurrency} ${["BANK", "CC"].includes(targetNetwork.shortName) ? "with" : "in"} ${targetNetwork.name}` })
     ] }),
-    /* @__PURE__ */ jsxs36("label", { className: `fee-option ${disabled ? "disabled" : ""}`, children: [
-      /* @__PURE__ */ jsx65(
+    /* @__PURE__ */ jsxs35("label", { className: `fee-option ${disabled ? "disabled" : ""}`, children: [
+      /* @__PURE__ */ jsx64(
         "input",
         {
           type: "radio",
@@ -6013,7 +6009,7 @@ var FeeDeductionRadioButtons = ({ disabled }) => {
           onChange: () => handleChange(false)
         }
       ),
-      /* @__PURE__ */ jsx65("span", { className: `radio-label ${theme.colorMode}`, children: `Pay $${formatterFloat.format(
+      /* @__PURE__ */ jsx64("span", { className: `radio-label ${theme.colorMode}`, children: `Pay $${formatterFloat.format(
         Number(amount) + totalFee
       )} ${sourceCurrency} ${["BANK", "CC"].includes(sourceNetwork.shortName) ? "with" : "in"} ${sourceNetwork.name} to receive $${formatterFloat.format(
         Number(amount)
@@ -6024,7 +6020,7 @@ var FeeDeductionRadioButtons = ({ disabled }) => {
 var FeeDeductionRadioButtons_default = FeeDeductionRadioButtons;
 
 // src/components/reusable/ConfirmDetails.tsx
-import { Fragment as Fragment8, jsx as jsx66, jsxs as jsxs37 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx65, jsxs as jsxs36 } from "react/jsx-runtime";
 var scaleUp = (value, diff) => diff <= 0 ? value : value * 10n ** BigInt(diff);
 var sumBigAmts = (amts) => {
   const present = amts.filter(Boolean);
@@ -6040,10 +6036,10 @@ var ConfirmDetails = ({
   isApproved,
   feeOptionDisabled
 }) => {
-  const feeDeduct = useSelector32(selectFeeDeduct);
-  const mode = useSelector32(selectMode);
-  const dAppOption = useSelector32(selectDappOption);
-  const theme = useSelector32(selectTheme);
+  const feeDeduct = useSelector31(selectFeeDeduct);
+  const mode = useSelector31(selectMode);
+  const dAppOption = useSelector31(selectDappOption);
+  const theme = useSelector31(selectTheme);
   const {
     transactionValues,
     sourceFee,
@@ -6052,13 +6048,13 @@ var ConfirmDetails = ({
     totalFee,
     swapFee,
     swapInfo
-  } = useSelector32(selectServiceFee);
-  const originNetwork = useSelector32(selectSourceChain);
-  const targetNetwork = useSelector32(selectTargetChain);
-  const targetAddress = useSelector32(selectTargetAddress);
-  const networkOptions = useSelector32(selectNetworks);
+  } = useSelector31(selectServiceFee);
+  const originNetwork = useSelector31(selectSourceChain);
+  const targetNetwork = useSelector31(selectTargetChain);
+  const targetAddress = useSelector31(selectTargetAddress);
+  const networkOptions = useSelector31(selectNetworks);
   const [feeCollapsed, setFeeCollapsed] = useState6(true);
-  const transactionOption = useSelector32(selectTransactionOption);
+  const transactionOption = useSelector31(selectTransactionOption);
   const { connectedAddress } = useIsWalletReady_default();
   const targetNetworkOption = useMemo26(
     () => networkOptions.filter(
@@ -6072,8 +6068,8 @@ var ConfirmDetails = ({
       targetNetwork.shortName
     ]
   );
-  const sourceCurrency = useSelector32(selectSourceCurrency);
-  const targetCurrency = useSelector32(selectTargetCurrency);
+  const sourceCurrency = useSelector31(selectSourceCurrency);
+  const targetCurrency = useSelector31(selectTargetCurrency);
   const { width, updateWidth } = useWidth_default();
   const isSwap = useMemo26(
     () => !!swapInfo || !isSamePeggedToken(
@@ -6108,45 +6104,45 @@ var ConfirmDetails = ({
       hasSwapInfo: !!swapInfo
     });
   }, [isSwap, sourceCurrency, targetCurrency, totalFee, swapInfo]);
-  return /* @__PURE__ */ jsxs37("div", { className: `confirm-details ${theme.colorMode}`, children: [
-    /* @__PURE__ */ jsxs37("p", { children: [
+  return /* @__PURE__ */ jsxs36("div", { className: `confirm-details ${theme.colorMode}`, children: [
+    /* @__PURE__ */ jsxs36("p", { children: [
       "Step ",
       isApproved ? "2" : "1",
       "\xA0of 2\xA0\xA0\xA0",
       isApproved ? "Submit transaction" : originNetwork.shortName === "FIAT" /* FIAT */ ? "Bank Details" : "Approval"
     ] }),
-    /* @__PURE__ */ jsxs37("div", { className: "detail-item", children: [
-      /* @__PURE__ */ jsxs37("span", { className: "label", children: [
+    /* @__PURE__ */ jsxs36("div", { className: "detail-item", children: [
+      /* @__PURE__ */ jsxs36("span", { className: "label", children: [
         "Source",
         !["BANK", "CC"].includes(originNetwork.shortName) && " wallet",
         ":"
       ] }),
-      /* @__PURE__ */ jsxs37("div", { className: "network-details", children: [
-        /* @__PURE__ */ jsx66("div", { className: "kima-card-network-container", children: /* @__PURE__ */ jsxs37("span", { className: `kima-card-network-label ${theme.colorMode}`, children: [
-          /* @__PURE__ */ jsx66(ChainIcon, { symbol: originNetwork?.shortName }),
+      /* @__PURE__ */ jsxs36("div", { className: "network-details", children: [
+        /* @__PURE__ */ jsx65("div", { className: "kima-card-network-container", children: /* @__PURE__ */ jsxs36("span", { className: `kima-card-network-label ${theme.colorMode}`, children: [
+          /* @__PURE__ */ jsx65(ChainIcon, { symbol: originNetwork?.shortName }),
           originNetwork.name
         ] }) }),
-        !["CC", "BANK"].includes(originNetwork.shortName) && /* @__PURE__ */ jsx66("p", { className: theme.colorMode, children: dAppOption === "LPDrain" /* LPDrain */ ? targetAddress : connectedAddress })
+        !["CC", "BANK"].includes(originNetwork.shortName) && /* @__PURE__ */ jsx65("p", { className: theme.colorMode, children: dAppOption === "LPDrain" /* LPDrain */ ? targetAddress : connectedAddress })
       ] })
     ] }),
-    /* @__PURE__ */ jsx66("div", { className: "detail-item amount", children: /* @__PURE__ */ jsxs37("span", { className: "amount-container", children: [
-      dAppOption === "none" /* None */ && /* @__PURE__ */ jsxs37("div", { className: "amount-details", children: [
-        /* @__PURE__ */ jsx66("span", { children: "Amount to Transfer" }),
-        /* @__PURE__ */ jsx66("div", { className: "coin-details", children: /* @__PURE__ */ jsxs37("p", { children: [
+    /* @__PURE__ */ jsx65("div", { className: "detail-item amount", children: /* @__PURE__ */ jsxs36("span", { className: "amount-container", children: [
+      dAppOption === "none" /* None */ && /* @__PURE__ */ jsxs36("div", { className: "amount-details", children: [
+        /* @__PURE__ */ jsx65("span", { children: "Amount to Transfer" }),
+        /* @__PURE__ */ jsx65("div", { className: "coin-details", children: /* @__PURE__ */ jsxs36("p", { children: [
           formatBigInt(txValues.allowanceAmount),
           " ",
           sourceCurrency
         ] }) })
       ] }),
-      dAppOption === "none" /* None */ && /* @__PURE__ */ jsxs37("div", { className: "amount-details", children: [
-        /* @__PURE__ */ jsx66("span", { children: "Total Fees" }),
-        /* @__PURE__ */ jsxs37(
+      dAppOption === "none" /* None */ && /* @__PURE__ */ jsxs36("div", { className: "amount-details", children: [
+        /* @__PURE__ */ jsx65("span", { children: "Total Fees" }),
+        /* @__PURE__ */ jsxs36(
           "div",
           {
             className: "fee-collapse",
             onClick: () => setFeeCollapsed(!feeCollapsed),
             children: [
-              /* @__PURE__ */ jsx66(
+              /* @__PURE__ */ jsx65(
                 MiniArrow_default,
                 {
                   width: 15,
@@ -6157,7 +6153,7 @@ var ConfirmDetails = ({
                   }
                 }
               ),
-              /* @__PURE__ */ jsxs37("span", { className: "service-fee", children: [
+              /* @__PURE__ */ jsxs36("span", { className: "service-fee", children: [
                 formatBigInt(totalFee),
                 " ",
                 sourceCurrency
@@ -6166,92 +6162,92 @@ var ConfirmDetails = ({
           }
         )
       ] }),
-      /* @__PURE__ */ jsx66("div", { className: `fee-breakdown ${feeCollapsed ? "collapsed" : ""}`, children: isSwap ? /* @__PURE__ */ jsxs37(Fragment8, { children: [
-        /* @__PURE__ */ jsxs37("div", { className: "amount-details", children: [
-          /* @__PURE__ */ jsx66("span", { children: "Swap Fees" }),
-          /* @__PURE__ */ jsxs37("span", { className: "service-fee", children: [
+      /* @__PURE__ */ jsx65("div", { className: `fee-breakdown ${feeCollapsed ? "collapsed" : ""}`, children: isSwap ? /* @__PURE__ */ jsxs36(Fragment8, { children: [
+        /* @__PURE__ */ jsxs36("div", { className: "amount-details", children: [
+          /* @__PURE__ */ jsx65("span", { children: "Swap Fees" }),
+          /* @__PURE__ */ jsxs36("span", { className: "service-fee", children: [
             formatBigInt(combinedSwapFees),
             " ",
             sourceCurrency
           ] })
         ] }),
-        /* @__PURE__ */ jsxs37("div", { className: "amount-details", children: [
-          /* @__PURE__ */ jsx66("span", { children: "Kima Processing Fees" }),
-          /* @__PURE__ */ jsxs37("span", { className: "service-fee", children: [
+        /* @__PURE__ */ jsxs36("div", { className: "amount-details", children: [
+          /* @__PURE__ */ jsx65("span", { children: "Kima Processing Fees" }),
+          /* @__PURE__ */ jsxs36("span", { className: "service-fee", children: [
             formatBigInt(kimaFee),
             " ",
             sourceCurrency
           ] })
         ] })
-      ] }) : /* @__PURE__ */ jsxs37(Fragment8, { children: [
-        /* @__PURE__ */ jsxs37("div", { className: "amount-details", children: [
-          /* @__PURE__ */ jsx66("span", { children: ["BANK", "CC"].includes(originNetwork.shortName) ? `${originNetwork.name} Processing Fee` : `Source Network Fee (${originNetwork.shortName})` }),
-          /* @__PURE__ */ jsxs37("span", { className: "service-fee", children: [
+      ] }) : /* @__PURE__ */ jsxs36(Fragment8, { children: [
+        /* @__PURE__ */ jsxs36("div", { className: "amount-details", children: [
+          /* @__PURE__ */ jsx65("span", { children: ["BANK", "CC"].includes(originNetwork.shortName) ? `${originNetwork.name} Processing Fee` : `Source Network Fee (${originNetwork.shortName})` }),
+          /* @__PURE__ */ jsxs36("span", { className: "service-fee", children: [
             formatBigInt(sourceFee),
             " ",
             sourceCurrency
           ] })
         ] }),
-        /* @__PURE__ */ jsxs37("div", { className: "amount-details", children: [
-          /* @__PURE__ */ jsxs37("span", { children: [
+        /* @__PURE__ */ jsxs36("div", { className: "amount-details", children: [
+          /* @__PURE__ */ jsxs36("span", { children: [
             "Target Network Fee (",
             targetNetwork.shortName,
             ")"
           ] }),
-          /* @__PURE__ */ jsxs37("span", { className: "service-fee", children: [
+          /* @__PURE__ */ jsxs36("span", { className: "service-fee", children: [
             formatBigInt(targetFee),
             " ",
             targetCurrency
           ] })
         ] }),
-        /* @__PURE__ */ jsxs37("div", { className: "amount-details", children: [
-          /* @__PURE__ */ jsx66("span", { children: "KIMA Service Fee" }),
-          /* @__PURE__ */ jsxs37("span", { className: "service-fee", children: [
+        /* @__PURE__ */ jsxs36("div", { className: "amount-details", children: [
+          /* @__PURE__ */ jsx65("span", { children: "KIMA Service Fee" }),
+          /* @__PURE__ */ jsxs36("span", { className: "service-fee", children: [
             formatBigInt(kimaFee),
             " ",
             sourceCurrency
           ] })
         ] })
       ] }) }),
-      /* @__PURE__ */ jsxs37("div", { className: "amount-details", children: [
-        /* @__PURE__ */ jsx66("span", { children: "Target Transfer Amount" }),
-        /* @__PURE__ */ jsxs37("span", { className: "service-fee", children: [
+      /* @__PURE__ */ jsxs36("div", { className: "amount-details", children: [
+        /* @__PURE__ */ jsx65("span", { children: "Target Transfer Amount" }),
+        /* @__PURE__ */ jsxs36("span", { className: "service-fee", children: [
           formatBigInt(targetDisplayAmount),
           " ",
           targetCurrency
         ] })
       ] })
     ] }) }),
-    /* @__PURE__ */ jsxs37("div", { className: "detail-item", children: [
-      /* @__PURE__ */ jsx66("span", { className: "label", children: "Target wallet:" }),
-      /* @__PURE__ */ jsxs37("div", { className: "network-details", children: [
-        /* @__PURE__ */ jsx66("div", { className: "kima-card-network-container", children: /* @__PURE__ */ jsxs37("span", { className: `kima-card-network-label ${theme.colorMode}`, children: [
-          /* @__PURE__ */ jsx66(ChainIcon, { symbol: targetNetworkOption?.shortName }),
+    /* @__PURE__ */ jsxs36("div", { className: "detail-item", children: [
+      /* @__PURE__ */ jsx65("span", { className: "label", children: "Target wallet:" }),
+      /* @__PURE__ */ jsxs36("div", { className: "network-details", children: [
+        /* @__PURE__ */ jsx65("div", { className: "kima-card-network-container", children: /* @__PURE__ */ jsxs36("span", { className: `kima-card-network-label ${theme.colorMode}`, children: [
+          /* @__PURE__ */ jsx65(ChainIcon, { symbol: targetNetworkOption?.shortName }),
           targetNetworkOption?.name
         ] }) }),
-        /* @__PURE__ */ jsx66("p", { className: theme.colorMode, children: mode === "light" /* light */ ? targetNetwork.shortName === "SOL" ? "Ff6z...demoSol" : targetNetwork.shortName === "TRX" ? "TQx...demoTrx" : "0xDEMO...EVM" : dAppOption === "LPDrain" /* LPDrain */ ? connectedAddress : targetAddress })
+        /* @__PURE__ */ jsx65("p", { className: theme.colorMode, children: mode === "light" /* light */ ? targetNetwork.shortName === "SOL" ? "Ff6z...demoSol" : targetNetwork.shortName === "TRX" ? "TQx...demoTrx" : "0xDEMO...EVM" : dAppOption === "LPDrain" /* LPDrain */ ? connectedAddress : targetAddress })
       ] })
     ] }),
-    !isSwap && mode === "bridge" /* bridge */ && BigInt(totalFee.value) > 0n && /* @__PURE__ */ jsx66(FeeDeductionRadioButtons_default, { disabled: feeOptionDisabled })
+    !isSwap && mode === "bridge" /* bridge */ && BigInt(totalFee.value) > 0n && /* @__PURE__ */ jsx65(FeeDeductionRadioButtons_default, { disabled: feeOptionDisabled })
   ] });
 };
 var ConfirmDetails_default = ConfirmDetails;
 
 // src/components/reusable/AddressInput.tsx
-import { useEffect as useEffect16, useRef as useRef2 } from "react";
-import { useDispatch as useDispatch9, useSelector as useSelector33 } from "react-redux";
-import { jsx as jsx67 } from "react/jsx-runtime";
+import { useEffect as useEffect16, useRef as useRef3 } from "react";
+import { useDispatch as useDispatch9, useSelector as useSelector32 } from "react-redux";
+import { jsx as jsx66 } from "react/jsx-runtime";
 var AddressInput = ({
   theme,
   placeholder
 }) => {
   const dispatch = useDispatch9();
-  const mode = useSelector33(selectMode);
-  const sourceChain = useSelector33(selectSourceChain);
-  const targetChain = useSelector33(selectTargetChain);
+  const mode = useSelector32(selectMode);
+  const sourceChain = useSelector32(selectSourceChain);
+  const targetChain = useSelector32(selectTargetChain);
   const { connectedAddress: sourceAddress, isReady } = useIsWalletReady_default();
-  const targetAddress = useSelector33(selectTargetAddress);
-  const didAutofill = useRef2(null);
+  const targetAddress = useSelector32(selectTargetAddress);
+  const didAutofill = useRef3(null);
   useEffect16(() => {
     didAutofill.current = null;
   }, [targetChain.shortName]);
@@ -6280,7 +6276,7 @@ var AddressInput = ({
     targetChain.shortName,
     dispatch
   ]);
-  return /* @__PURE__ */ jsx67(
+  return /* @__PURE__ */ jsx66(
     "input",
     {
       className: `kima-address-input ${theme}`,
@@ -6295,13 +6291,13 @@ var AddressInput = ({
 var AddressInput_default = AddressInput;
 
 // src/components/reusable/CustomCheckbox.tsx
-import { useSelector as useSelector34 } from "react-redux";
-import { jsx as jsx68, jsxs as jsxs38 } from "react/jsx-runtime";
+import { useSelector as useSelector33 } from "react-redux";
+import { jsx as jsx67, jsxs as jsxs37 } from "react/jsx-runtime";
 
 // src/components/reusable/StepBox.tsx
 import { useMemo as useMemo27 } from "react";
-import { useSelector as useSelector35 } from "react-redux";
-import { jsx as jsx69, jsxs as jsxs39 } from "react/jsx-runtime";
+import { useSelector as useSelector34 } from "react-redux";
+import { jsx as jsx68, jsxs as jsxs38 } from "react/jsx-runtime";
 var stepInfo = [
   {
     title: "Initialize"
@@ -6320,10 +6316,10 @@ var stepInfo = [
   }
 ];
 var StepBox = ({ step, errorStep, loadingStep, data }) => {
-  const theme = useSelector35(selectTheme);
-  const explorerUrl = useSelector35(selectKimaExplorer);
-  const networkOption = useSelector35(selectNetworkOption);
-  const networks = useSelector35(selectNetworks);
+  const theme = useSelector34(selectTheme);
+  const explorerUrl = useSelector34(selectKimaExplorer);
+  const networkOption = useSelector34(selectNetworkOption);
+  const networks = useSelector34(selectNetworks);
   const { width: windowWidth } = useWidth_default();
   const sourceChain = useMemo27(() => {
     const sourceKey = data?.sourceChain === "FIAT" ? "CC" : data?.sourceChain;
@@ -6333,94 +6329,94 @@ var StepBox = ({ step, errorStep, loadingStep, data }) => {
     () => networks.find((network) => network.shortName === data?.targetChain),
     [data, networks]
   );
-  return /* @__PURE__ */ jsx69("div", { className: "kima-stepbox", children: /* @__PURE__ */ jsx69("div", { className: `content-wrapper ${theme.colorMode}`, children: stepInfo.map((item, index) => /* @__PURE__ */ jsxs39("div", { className: "step-item", children: [
-    /* @__PURE__ */ jsxs39(
+  return /* @__PURE__ */ jsx68("div", { className: "kima-stepbox", children: /* @__PURE__ */ jsx68("div", { className: `content-wrapper ${theme.colorMode}`, children: stepInfo.map((item, index) => /* @__PURE__ */ jsxs38("div", { className: "step-item", children: [
+    /* @__PURE__ */ jsxs38(
       "div",
       {
         className: `info-item
                   ${step >= index ? index === loadingStep ? "active" : index === errorStep ? "error" : "completed" : ""} 
                   ${step < index && "locked"} ${theme.colorMode}`,
         children: [
-          /* @__PURE__ */ jsxs39("div", { className: "info-icon", children: [
-            step < index && /* @__PURE__ */ jsx69(Lock_default, { width: 24, height: 24 }),
-            step >= index ? index === loadingStep ? /* @__PURE__ */ jsx69(Loader_default, { width: 24, height: 24, className: "loader" }) : index === errorStep ? /* @__PURE__ */ jsx69(Warning_default, { width: 24, height: 24 }) : /* @__PURE__ */ jsx69(Check_default, { width: 24, height: 24 }) : null
+          /* @__PURE__ */ jsxs38("div", { className: "info-icon", children: [
+            step < index && /* @__PURE__ */ jsx68(Lock_default, { width: 24, height: 24 }),
+            step >= index ? index === loadingStep ? /* @__PURE__ */ jsx68(Loader_default, { width: 24, height: 24, className: "loader" }) : index === errorStep ? /* @__PURE__ */ jsx68(Warning_default, { width: 24, height: 24 }) : /* @__PURE__ */ jsx68(Check_default, { width: 24, height: 24 }) : null
           ] }),
-          /* @__PURE__ */ jsx69("p", { children: item.title })
+          /* @__PURE__ */ jsx68("p", { children: item.title })
         ]
       }
     ),
-    index === 0 && data?.kimaTxHash ? /* @__PURE__ */ jsxs39("div", { className: `info-item ${theme.colorMode}`, children: [
-      /* @__PURE__ */ jsx69("div", { className: "icon", children: /* @__PURE__ */ jsx69(USDK_default, { width: 30, height: 30 }) }),
-      /* @__PURE__ */ jsx69("p", { className: "chain-name", children: "Kima TX Hash:" }),
-      /* @__PURE__ */ jsxs39("p", { children: [
-        /* @__PURE__ */ jsx69(
+    index === 0 && data?.kimaTxHash ? /* @__PURE__ */ jsxs38("div", { className: `info-item ${theme.colorMode}`, children: [
+      /* @__PURE__ */ jsx68("div", { className: "icon", children: /* @__PURE__ */ jsx68(USDK_default, { width: 30, height: 30 }) }),
+      /* @__PURE__ */ jsx68("p", { className: "chain-name", children: "Kima TX Hash:" }),
+      /* @__PURE__ */ jsxs38("p", { children: [
+        /* @__PURE__ */ jsx68(
           ExternalLink_default,
           {
             to: `${explorerUrl}/transactions/?tx=${data?.kimaTxHash}`,
             children: getShortenedAddress(data?.kimaTxHash || "")
           }
         ),
-        /* @__PURE__ */ jsx69(CopyButton_default, { text: data?.kimaTxHash })
+        /* @__PURE__ */ jsx68(CopyButton_default, { text: data?.kimaTxHash })
       ] })
     ] }) : null,
-    index === 1 && data?.tssPullHash && sourceChain?.shortName !== "CC" ? /* @__PURE__ */ jsxs39(
+    index === 1 && data?.tssPullHash && sourceChain?.shortName !== "CC" ? /* @__PURE__ */ jsxs38(
       "div",
       {
         className: `info-item ${theme.colorMode} source-chain ${step >= 3 ? "paid" : ""}`,
         children: [
-          /* @__PURE__ */ jsx69(ChainIcon, { symbol: data.sourceChain }),
-          /* @__PURE__ */ jsxs39("p", { className: "chain-name", children: [
+          /* @__PURE__ */ jsx68(ChainIcon, { symbol: data.sourceChain }),
+          /* @__PURE__ */ jsxs38("p", { className: "chain-name", children: [
             windowWidth >= 770 ? sourceChain?.name : sourceChain?.shortName,
             " ",
             "TX Hash:"
           ] }),
-          /* @__PURE__ */ jsxs39("p", { children: [
-            /* @__PURE__ */ jsx69(
+          /* @__PURE__ */ jsxs38("p", { children: [
+            /* @__PURE__ */ jsx68(
               ExternalLink_default,
               {
                 to: `${sourceChain?.blockExplorers?.default.url}/${data?.sourceChain === "TRX" /* TRON */ ? "#/transaction" : "tx"}/${data?.tssPullHash}${data?.sourceChain === "SOL" /* SOLANA */ && networkOption === "testnet" /* testnet */ ? "?cluster=devnet" : ""}`,
                 children: getShortenedAddress(data?.tssPullHash || "")
               }
             ),
-            /* @__PURE__ */ jsx69(CopyButton_default, { text: data?.tssPullHash || "" })
+            /* @__PURE__ */ jsx68(CopyButton_default, { text: data?.tssPullHash || "" })
           ] })
         ]
       }
     ) : null,
-    index === 3 && data?.tssRefundHash ? /* @__PURE__ */ jsxs39("div", { className: `info-item ${theme.colorMode} target-chain`, children: [
-      /* @__PURE__ */ jsx69(ChainIcon, { symbol: data.sourceChain }),
-      /* @__PURE__ */ jsxs39("p", { className: "chain-name", children: [
+    index === 3 && data?.tssRefundHash ? /* @__PURE__ */ jsxs38("div", { className: `info-item ${theme.colorMode} target-chain`, children: [
+      /* @__PURE__ */ jsx68(ChainIcon, { symbol: data.sourceChain }),
+      /* @__PURE__ */ jsxs38("p", { className: "chain-name", children: [
         windowWidth >= 770 ? sourceChain?.name : sourceChain?.shortName,
         " ",
         "TX Hash:"
       ] }),
-      /* @__PURE__ */ jsxs39("p", { children: [
-        /* @__PURE__ */ jsx69(
+      /* @__PURE__ */ jsxs38("p", { children: [
+        /* @__PURE__ */ jsx68(
           ExternalLink_default,
           {
             to: `${sourceChain?.blockExplorers?.default.url}/${data?.sourceChain === "TRX" /* TRON */ ? "#/transaction" : "tx"}/${data?.tssRefundHash}${data?.sourceChain === "SOL" /* SOLANA */ && networkOption === "testnet" /* testnet */ ? "?cluster=devnet" : ""}`,
             children: getShortenedAddress(data?.tssRefundHash || "")
           }
         ),
-        /* @__PURE__ */ jsx69(CopyButton_default, { text: data?.tssRefundHash || "" })
+        /* @__PURE__ */ jsx68(CopyButton_default, { text: data?.tssRefundHash || "" })
       ] })
     ] }) : null,
-    index === 3 && data?.tssReleaseHash ? /* @__PURE__ */ jsxs39("div", { className: `info-item ${theme.colorMode} target-chain`, children: [
-      /* @__PURE__ */ jsx69(ChainIcon, { symbol: data.targetChain }),
-      /* @__PURE__ */ jsxs39("p", { className: "chain-name", children: [
+    index === 3 && data?.tssReleaseHash ? /* @__PURE__ */ jsxs38("div", { className: `info-item ${theme.colorMode} target-chain`, children: [
+      /* @__PURE__ */ jsx68(ChainIcon, { symbol: data.targetChain }),
+      /* @__PURE__ */ jsxs38("p", { className: "chain-name", children: [
         windowWidth >= 770 ? targetChain?.name : targetChain?.shortName,
         " ",
         "TX Hash:"
       ] }),
-      /* @__PURE__ */ jsxs39("p", { children: [
-        /* @__PURE__ */ jsx69(
+      /* @__PURE__ */ jsxs38("p", { children: [
+        /* @__PURE__ */ jsx68(
           ExternalLink_default,
           {
             to: `${targetChain?.blockExplorers?.default.url}/${data?.targetChain === "TRX" /* TRON */ ? "#/transaction" : "tx"}/${data?.tssReleaseHash}${data?.targetChain === "SOL" /* SOLANA */ && networkOption === "testnet" /* testnet */ ? "?cluster=devnet" : ""}`,
             children: getShortenedAddress(data?.tssReleaseHash || "")
           }
         ),
-        /* @__PURE__ */ jsx69(CopyButton_default, { text: data?.tssReleaseHash || "" })
+        /* @__PURE__ */ jsx68(CopyButton_default, { text: data?.tssReleaseHash || "" })
       ] })
     ] }) : null
   ] }, item.title)) }) });
@@ -6428,8 +6424,8 @@ var StepBox = ({ step, errorStep, loadingStep, data }) => {
 var StepBox_default = StepBox;
 
 // src/widgets/common/ErrorWidget.tsx
-import { useSelector as useSelector36 } from "react-redux";
-import { jsx as jsx70, jsxs as jsxs40 } from "react/jsx-runtime";
+import { useSelector as useSelector35 } from "react-redux";
+import { jsx as jsx69, jsxs as jsxs39 } from "react/jsx-runtime";
 var ErrorWidget = ({
   theme,
   title,
@@ -6437,26 +6433,26 @@ var ErrorWidget = ({
   backButtonEnabled = false,
   backButtonFunction
 }) => {
-  const sourceChain = useSelector36(selectSourceChain);
-  const ccTransactionId = useSelector36(selectCCTransactionId);
+  const sourceChain = useSelector35(selectSourceChain);
+  const ccTransactionId = useSelector35(selectCCTransactionId);
   const isCreditCardSource = sourceChain.shortName === "CC";
-  const isRetrying = useSelector36(selectCCTransactionRetrying);
-  return /* @__PURE__ */ jsx70(
+  const isRetrying = useSelector35(selectCCTransactionRetrying);
+  return /* @__PURE__ */ jsx69(
     "div",
     {
       className: `kima-card ${theme.colorMode}`,
       style: {
         background: theme.colorMode === "light" /* light */ ? theme.backgroundColorLight : theme.backgroundColorDark
       },
-      children: /* @__PURE__ */ jsxs40("div", { className: "transfer-card", children: [
-        /* @__PURE__ */ jsxs40("div", { className: "kima-card-header", children: [
-          /* @__PURE__ */ jsx70("div", { className: "topbar", children: /* @__PURE__ */ jsx70("div", { className: "title", children: /* @__PURE__ */ jsx70("h3", { children: title }) }) }),
-          /* @__PURE__ */ jsx70("h4", { className: "subtitle" })
+      children: /* @__PURE__ */ jsxs39("div", { className: "transfer-card", children: [
+        /* @__PURE__ */ jsxs39("div", { className: "kima-card-header", children: [
+          /* @__PURE__ */ jsx69("div", { className: "topbar", children: /* @__PURE__ */ jsx69("div", { className: "title", children: /* @__PURE__ */ jsx69("h3", { children: title }) }) }),
+          /* @__PURE__ */ jsx69("h4", { className: "subtitle" })
         ] }),
-        /* @__PURE__ */ jsxs40("div", { className: "kima-card-content error", children: [
-          isCreditCardSource && !isRetrying && /* @__PURE__ */ jsx70(Error_default, { width: 40, height: 40 }),
-          message && message !== "" && /* @__PURE__ */ jsx70("h2", { children: message }),
-          isCreditCardSource && /* @__PURE__ */ jsxs40(
+        /* @__PURE__ */ jsxs39("div", { className: "kima-card-content error", children: [
+          isCreditCardSource && !isRetrying && /* @__PURE__ */ jsx69(Error_default, { width: 40, height: 40 }),
+          message && message !== "" && /* @__PURE__ */ jsx69("h2", { children: message }),
+          isCreditCardSource && /* @__PURE__ */ jsxs39(
             "div",
             {
               style: {
@@ -6465,8 +6461,8 @@ var ErrorWidget = ({
                 flexDirection: "column"
               },
               children: [
-                isRetrying ? /* @__PURE__ */ jsx70("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__ */ jsx70("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__ */ jsxs40(
+                isRetrying ? /* @__PURE__ */ jsx69("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__ */ jsx69("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__ */ jsxs39(
                   "div",
                   {
                     style: {
@@ -6476,7 +6472,7 @@ var ErrorWidget = ({
                       justifyContent: "center"
                     },
                     children: [
-                      /* @__PURE__ */ jsx70(
+                      /* @__PURE__ */ jsx69(
                         "code",
                         {
                           style: {
@@ -6487,16 +6483,16 @@ var ErrorWidget = ({
                           children: ccTransactionId
                         }
                       ),
-                      /* @__PURE__ */ jsx70(CopyButton_default, { text: ccTransactionId })
+                      /* @__PURE__ */ jsx69(CopyButton_default, { text: ccTransactionId })
                     ]
                   }
                 ),
-                isRetrying && /* @__PURE__ */ jsx70(ring_default, { width: 30, height: 30, fill: "#86b8ce" })
+                isRetrying && /* @__PURE__ */ jsx69(ring_default, { width: 30, height: 30, fill: "#86b8ce" })
               ]
             }
           )
         ] }),
-        backButtonEnabled && /* @__PURE__ */ jsx70(
+        backButtonEnabled && /* @__PURE__ */ jsx69(
           "div",
           {
             style: {
@@ -6504,14 +6500,14 @@ var ErrorWidget = ({
               justifyContent: "flex-end",
               marginTop: 16
             },
-            children: /* @__PURE__ */ jsx70(PrimaryButton_default, { clickHandler: backButtonFunction, children: "Back" })
+            children: /* @__PURE__ */ jsx69(PrimaryButton_default, { clickHandler: backButtonFunction, children: "Back" })
           }
         ),
-        /* @__PURE__ */ jsx70("div", { className: "kima-card-footer" }),
-        /* @__PURE__ */ jsx70("div", { className: "floating-footer", children: /* @__PURE__ */ jsxs40("div", { className: `items ${theme.colorMode}`, children: [
-          /* @__PURE__ */ jsx70("span", { children: "Powered by" }),
-          /* @__PURE__ */ jsx70(FooterLogo_default, { width: 50, fill: "black" }),
-          /* @__PURE__ */ jsx70("strong", { children: "Network" })
+        /* @__PURE__ */ jsx69("div", { className: "kima-card-footer" }),
+        /* @__PURE__ */ jsx69("div", { className: "floating-footer", children: /* @__PURE__ */ jsxs39("div", { className: `items ${theme.colorMode}`, children: [
+          /* @__PURE__ */ jsx69("span", { children: "Powered by" }),
+          /* @__PURE__ */ jsx69(FooterLogo_default, { width: 50, fill: "black" }),
+          /* @__PURE__ */ jsx69("strong", { children: "Network" })
         ] }) })
       ] })
     }
@@ -6552,15 +6548,15 @@ var useDebugCode = (sequence = ["D", "E", "B", "U", "G"]) => {
 
 // src/widgets/common/KimaWidgetWrapper.tsx
 import { useAppKitTheme } from "@reown/appkit/react";
-import { useEffect as useEffect25, useMemo as useMemo40, useRef as useRef10 } from "react";
-import { useDispatch as useDispatch23, useSelector as useSelector54 } from "react-redux";
+import { useEffect as useEffect25, useMemo as useMemo40, useRef as useRef11 } from "react";
+import { useDispatch as useDispatch23, useSelector as useSelector53 } from "react-redux";
 
 // src/widgets/transaction/components/TransactionWidget.tsx
 import { useEffect as useEffect18, useMemo as useMemo28, useState as useState9 } from "react";
 
 // src/components/reusable/Progressbar.tsx
-import { useSelector as useSelector37 } from "react-redux";
-import { jsx as jsx71, jsxs as jsxs41 } from "react/jsx-runtime";
+import { useSelector as useSelector36 } from "react-redux";
+import { jsx as jsx70, jsxs as jsxs40 } from "react/jsx-runtime";
 var stepInfo2 = [
   {
     title: "Initialize"
@@ -6579,10 +6575,10 @@ var stepInfo2 = [
   }
 ];
 var Progressbar = ({ step, errorStep, setFocus, loadingStep }) => {
-  const theme = useSelector37(selectTheme);
-  return /* @__PURE__ */ jsxs41("div", { className: "kima-progressbar", children: [
-    /* @__PURE__ */ jsx71("div", { className: `value step-${step * 100 / 4}` }),
-    /* @__PURE__ */ jsx71("div", { className: "step-indicators", children: stepInfo2.map((item, index) => /* @__PURE__ */ jsx71(
+  const theme = useSelector36(selectTheme);
+  return /* @__PURE__ */ jsxs40("div", { className: "kima-progressbar", children: [
+    /* @__PURE__ */ jsx70("div", { className: `value step-${step * 100 / 4}` }),
+    /* @__PURE__ */ jsx70("div", { className: "step-indicators", children: stepInfo2.map((item, index) => /* @__PURE__ */ jsx70(
       "div",
       {
         className: `step ${step === index && "active"} 
@@ -6591,10 +6587,10 @@ var Progressbar = ({ step, errorStep, setFocus, loadingStep }) => {
         onClick: () => {
           if (index < 4) setFocus(index);
         },
-        children: /* @__PURE__ */ jsxs41("div", { className: "step-info", children: [
-          step < index && /* @__PURE__ */ jsx71(Lock_default, {}),
-          step >= index ? index === loadingStep ? /* @__PURE__ */ jsx71(Loader_default, { className: "loader" }) : index === errorStep ? /* @__PURE__ */ jsx71(Warning_default, {}) : /* @__PURE__ */ jsx71(Check_default, {}) : null,
-          /* @__PURE__ */ jsx71("span", { children: item.title })
+        children: /* @__PURE__ */ jsxs40("div", { className: "step-info", children: [
+          step < index && /* @__PURE__ */ jsx70(Lock_default, {}),
+          step >= index ? index === loadingStep ? /* @__PURE__ */ jsx70(Loader_default, { className: "loader" }) : index === errorStep ? /* @__PURE__ */ jsx70(Warning_default, {}) : /* @__PURE__ */ jsx70(Check_default, {}) : null,
+          /* @__PURE__ */ jsx70("span", { children: item.title })
         ] })
       },
       item.title
@@ -6605,12 +6601,12 @@ var Progressbar_default = Progressbar;
 
 // src/widgets/transaction/components/TransactionWidget.tsx
 import { Provider as Provider2 } from "react-redux";
-import { useSelector as useSelector39 } from "react-redux";
+import { useSelector as useSelector38 } from "react-redux";
 import { useDispatch as useDispatch11 } from "react-redux";
 import { toast as toast2, Toaster } from "react-hot-toast";
 
 // src/widgets/transaction/hooks/useTxData.ts
-import { useRef as useRef3 } from "react";
+import { useRef as useRef4 } from "react";
 import { useQuery as useQuery13 } from "@tanstack/react-query";
 
 // src/services/transactionApi.ts
@@ -6709,7 +6705,7 @@ var getTxData = async ({
 // src/widgets/transaction/hooks/useTxData.ts
 var POLLING_INTERVAL_MS = 1e3 * 10;
 var useTxData = (txId, dAppOption, backendUrl, isSwap) => {
-  const refPollForUpdates = useRef3(false);
+  const refPollForUpdates = useRef4(false);
   const isLP = dAppOption === "LPAdd" /* LPAdd */ || dAppOption === "LPDrain" /* LPDrain */;
   const validTxId = typeof txId === "number" ? txId > 0 : txId.toString().length > 0;
   return useQuery13({
@@ -6730,41 +6726,41 @@ var useTxData = (txId, dAppOption, backendUrl, isSwap) => {
 var useTxData_default = useTxData;
 
 // src/components/reusable/TransactionStatusMessage.tsx
-import { jsx as jsx72, jsxs as jsxs42 } from "react/jsx-runtime";
+import { jsx as jsx71, jsxs as jsxs41 } from "react/jsx-runtime";
 var TransactionStatusMessage = ({
   isCompleted,
   transactionId
 }) => {
-  return /* @__PURE__ */ jsxs42("div", { className: "transaction-status-message", children: [
-    /* @__PURE__ */ jsxs42("h2", { children: [
+  return /* @__PURE__ */ jsxs41("div", { className: "transaction-status-message", children: [
+    /* @__PURE__ */ jsxs41("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__ */ jsxs42("span", { className: "transaction-copy", children: [
-      /* @__PURE__ */ jsx72("h3", { children: transactionId }),
-      /* @__PURE__ */ jsx72(CopyButton_default, { text: transactionId })
+    /* @__PURE__ */ jsxs41("span", { className: "transaction-copy", children: [
+      /* @__PURE__ */ jsx71("h3", { children: transactionId }),
+      /* @__PURE__ */ jsx71(CopyButton_default, { text: transactionId })
     ] })
   ] });
 };
 var TransactionStatusMessage_default = TransactionStatusMessage;
 
 // src/components/reusable/TransactionSearch.tsx
-import { useRef as useRef4, useState as useState8 } from "react";
-import { useSelector as useSelector38 } from "react-redux";
+import { useRef as useRef5, useState as useState8 } from "react";
+import { useSelector as useSelector37 } from "react-redux";
 import { useDispatch as useDispatch10 } from "react-redux";
 import toast from "react-hot-toast";
-import { jsx as jsx73, jsxs as jsxs43 } from "react/jsx-runtime";
+import { jsx as jsx72, jsxs as jsxs42 } from "react/jsx-runtime";
 var TransactionSearch = () => {
-  const theme = useSelector38(selectTheme);
-  const backendUrl = useSelector38(selectBackendUrl);
+  const theme = useSelector37(selectTheme);
+  const backendUrl = useSelector37(selectBackendUrl);
   const dispatch = useDispatch10();
   const [transactionId, setTransactionId] = useState8("");
-  const refPollForUpdates = useRef4(false);
+  const refPollForUpdates = useRef5(false);
   const handleSearch = async () => {
     if (transactionId.length <= 0)
       return toast.error("You must provide a valid transaction id", {
-        icon: /* @__PURE__ */ jsx73(Error_default, {})
+        icon: /* @__PURE__ */ jsx72(Error_default, {})
       });
     try {
       const data = await getTxData({
@@ -6782,14 +6778,14 @@ var TransactionSearch = () => {
       logger_default.error("Error searching transaction: ", error);
       return toast.error(
         "Transaction not found. Please check for the proper transaction id.",
-        { icon: /* @__PURE__ */ jsx73(Error_default, {}) }
+        { icon: /* @__PURE__ */ jsx72(Error_default, {}) }
       );
     }
   };
-  return /* @__PURE__ */ jsxs43("div", { className: "form-item transaction-search", children: [
-    /* @__PURE__ */ jsxs43("div", { className: "transaction-input", children: [
-      /* @__PURE__ */ jsx73("span", { className: "label", children: "Search Transaction:" }),
-      /* @__PURE__ */ jsx73(
+  return /* @__PURE__ */ jsxs42("div", { className: "form-item transaction-search", children: [
+    /* @__PURE__ */ jsxs42("div", { className: "transaction-input", children: [
+      /* @__PURE__ */ jsx72("span", { className: "label", children: "Search Transaction:" }),
+      /* @__PURE__ */ jsx72(
         "input",
         {
           className: `${theme.colorMode}`,
@@ -6801,13 +6797,13 @@ var TransactionSearch = () => {
         }
       )
     ] }),
-    /* @__PURE__ */ jsx73(SecondaryButton_default, { clickHandler: handleSearch, children: "Search" })
+    /* @__PURE__ */ jsx72(SecondaryButton_default, { clickHandler: handleSearch, children: "Search" })
   ] });
 };
 var TransactionSearch_default = TransactionSearch;
 
 // src/widgets/transaction/components/TransactionWidget.tsx
-import { Fragment as Fragment9, jsx as jsx74, jsxs as jsxs44 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx73, jsxs as jsxs43 } from "react/jsx-runtime";
 var TransactionWidget = ({ theme }) => {
   const [step, setStep] = useState9(0);
   const [focus, setFocus] = useState9(-1);
@@ -6817,22 +6813,22 @@ var TransactionWidget = ({ theme }) => {
   const [minimized, setMinimized] = useState9(false);
   const [isComplete, setIsComplete] = useState9(false);
   const dispatch = useDispatch11();
-  const explorerUrl = useSelector39(selectKimaExplorer);
-  const mode = useSelector39(selectMode);
-  const feeDeduct = useSelector39(selectFeeDeduct);
-  const amount = useSelector39(selectAmount);
-  const txId = useSelector39(selectTxId);
-  const dAppOption = useSelector39(selectDappOption);
-  const { transactionValues } = useSelector39(selectServiceFee);
+  const explorerUrl = useSelector38(selectKimaExplorer);
+  const mode = useSelector38(selectMode);
+  const feeDeduct = useSelector38(selectFeeDeduct);
+  const amount = useSelector38(selectAmount);
+  const txId = useSelector38(selectTxId);
+  const dAppOption = useSelector38(selectDappOption);
+  const { transactionValues } = useSelector38(selectServiceFee);
   const txValues = feeDeduct ? transactionValues.feeFromTarget : transactionValues.feeFromOrigin;
-  const transactionOption = useSelector39(selectTransactionOption);
-  const sourceChain = useSelector39(selectSourceChain);
-  const targetChain = useSelector39(selectTargetChain);
-  const sourceSymbol = useSelector39(selectSourceCurrency);
-  const targetSymbol = useSelector39(selectTargetCurrency);
-  const networks = useSelector39(selectNetworks);
+  const transactionOption = useSelector38(selectTransactionOption);
+  const sourceChain = useSelector38(selectSourceChain);
+  const targetChain = useSelector38(selectTargetChain);
+  const sourceSymbol = useSelector38(selectSourceCurrency);
+  const targetSymbol = useSelector38(selectTargetCurrency);
+  const networks = useSelector38(selectNetworks);
   const { successHandler, closeHandler } = useKimaContext();
-  const backendUrl = useSelector39(selectBackendUrl);
+  const backendUrl = useSelector38(selectBackendUrl);
   const three = (s) => (s ?? "").trim().toLowerCase().slice(0, 3);
   const isSwapByPegged = !isSamePeggedToken(
     sourceChain,
@@ -6842,11 +6838,17 @@ var TransactionWidget = ({ theme }) => {
   );
   const isSwapBy3Letters = three(sourceSymbol) !== three(targetSymbol);
   const widgetIsSwap = mode === "status" /* status */ ? isSwapBy3Letters : isSwapByPegged;
-  const { data, error } = useTxData_default(txId, dAppOption, backendUrl, widgetIsSwap);
   const { width: windowWidth, updateWidth } = useWidth_default();
   useEffect18(() => {
     windowWidth === 0 && updateWidth(window.innerWidth);
   }, [windowWidth, updateWidth]);
+  const safeTxId = typeof txId === "string" || typeof txId === "number" ? txId : -1;
+  const { data, error } = useTxData_default(
+    safeTxId,
+    dAppOption,
+    backendUrl,
+    widgetIsSwap
+  );
   const transactionSourceChain = useMemo28(
     () => networks.find(
       (network) => network.shortName === (mode === "status" /* status */ ? data?.sourceChain === "FIAT" ? "CC" : data?.sourceChain : sourceChain.shortName)
@@ -6860,8 +6862,8 @@ var TransactionWidget = ({ theme }) => {
     [data, mode, targetChain, networks]
   );
   const isValidTxId = useMemo28(() => {
-    return !(!txId || typeof txId === "string" && txId.length === 0 || typeof txId === "number" && txId < 0);
-  }, [txId]);
+    return !(safeTxId === -1 || typeof safeTxId === "string" && safeTxId.length === 0);
+  }, [safeTxId]);
   const isEmptyStatus = useMemo28(() => {
     if (!data) return true;
     return data?.amount === "";
@@ -6870,9 +6872,9 @@ var TransactionWidget = ({ theme }) => {
   useEffect18(() => {
     if (!data || data.status !== "Completed" /* COMPLETED */) return;
     successHandler && successHandler({
-      txId
+      txId: safeTxId
     });
-  }, [data, successHandler, txId]);
+  }, [data, successHandler, safeTxId]);
   useEffect18(() => {
     if (!data) return;
     if (data.status === "Completed" /* COMPLETED */) {
@@ -6883,9 +6885,7 @@ var TransactionWidget = ({ theme }) => {
     if (error)
       toast2.error(
         "The provided transaction id is not valid, please use a different one or contact support for further assistance",
-        {
-          icon: /* @__PURE__ */ jsx74(Error_default, {})
-        }
+        { icon: /* @__PURE__ */ jsx73(Error_default, {}) }
       );
   }, [error]);
   useEffect18(() => {
@@ -6913,7 +6913,7 @@ var TransactionWidget = ({ theme }) => {
       setErrorStep(1);
       setLoadingStep(-1);
       logger_default.error("transaction failed:", data?.failReason);
-      toast2.error("Unavailable", { icon: /* @__PURE__ */ jsx74(Error_default, {}) });
+      toast2.error("Unavailable", { icon: /* @__PURE__ */ jsx73(Error_default, {}) });
       setErrorMessage("Unavailable");
       return;
     }
@@ -6927,9 +6927,7 @@ var TransactionWidget = ({ theme }) => {
       setLoadingStep(3);
       toast2.error(
         "Failed to release tokens to target! Starting refund process.",
-        {
-          icon: /* @__PURE__ */ jsx74(Error_default, {})
-        }
+        { icon: /* @__PURE__ */ jsx73(Error_default, {}) }
       );
       setErrorMessage(
         "Failed to release tokens to target! Starting refund process."
@@ -6940,7 +6938,7 @@ var TransactionWidget = ({ theme }) => {
       setStep(3);
       setErrorStep(3);
       setLoadingStep(-1);
-      toast2.error("Failed to refund tokens to source!", { icon: /* @__PURE__ */ jsx74(Error_default, {}) });
+      toast2.error("Failed to refund tokens to source!", { icon: /* @__PURE__ */ jsx73(Error_default, {}) });
       setErrorMessage("Failed to refund tokens to source!");
       return;
     }
@@ -6948,7 +6946,7 @@ var TransactionWidget = ({ theme }) => {
       setStep(4);
       setErrorStep(3);
       setLoadingStep(-1);
-      toast2.success("Refund completed!", { icon: /* @__PURE__ */ jsx74(Error_default, {}) });
+      toast2.success("Refund completed!", { icon: /* @__PURE__ */ jsx73(Error_default, {}) });
       setErrorMessage("Refund completed!");
       return;
     }
@@ -6958,7 +6956,7 @@ var TransactionWidget = ({ theme }) => {
       setLoadingStep(-1);
       logger_default.error("transaction failed:", data?.failReason);
       toast2.error("Failed to release tokens to target!", {
-        icon: /* @__PURE__ */ jsx74(Error_default, {})
+        icon: /* @__PURE__ */ jsx73(Error_default, {})
       });
       setErrorMessage("Failed to release tokens to target!");
       return;
@@ -6968,7 +6966,7 @@ var TransactionWidget = ({ theme }) => {
       setErrorStep(1);
       setLoadingStep(-1);
       logger_default.error("transaction failed:", data?.failReason);
-      toast2.error("Failed to pull tokens from source!", { icon: /* @__PURE__ */ jsx74(Error_default, {}) });
+      toast2.error("Failed to pull tokens from source!", { icon: /* @__PURE__ */ jsx73(Error_default, {}) });
       setErrorMessage("Failed to pull tokens from source!");
       return;
     }
@@ -6985,6 +6983,7 @@ var TransactionWidget = ({ theme }) => {
       return;
     }
   }, [data?.status]);
+  const fmt3 = (v) => formatterFloat.format(Number(Number(v ?? 0).toFixed(3)));
   const verb = useMemo28(() => {
     if (mode === "status" /* status */) {
       if (isEmptyStatus) return "Fetching transaction status ";
@@ -7082,14 +7081,13 @@ var TransactionWidget = ({ theme }) => {
       logger_default.error("[TransactionWidget] reset failed", e);
       toast2.error(
         "Unable to reset the transaction view. Please contact support for assistance.",
-        { icon: /* @__PURE__ */ jsx74(Error_default, {}) }
+        { icon: /* @__PURE__ */ jsx73(Error_default, {}) }
       );
     }
   };
   const swapSrcAmt = data?.amountIn ?? amount;
   const swapDstAmt = data?.amount;
-  const fmt3 = (v) => formatterFloat.format(Number(Number(v ?? 0).toFixed(3)));
-  return /* @__PURE__ */ jsx74(Provider2, { store: store_default, children: /* @__PURE__ */ jsxs44(
+  return /* @__PURE__ */ jsx73(Provider2, { store: store_default, children: /* @__PURE__ */ jsxs43(
     "div",
     {
       className: `kima-card transaction-card ${isComplete ? "transaction-complete" : ""} ${theme.colorMode} ${minimized ? "minimized" : ""}`,
@@ -7097,9 +7095,9 @@ var TransactionWidget = ({ theme }) => {
         background: theme.colorMode === "light" /* light */ ? theme.backgroundColorLight : theme.backgroundColorDark
       },
       children: [
-        /* @__PURE__ */ jsxs44("div", { className: "kima-card-header", children: [
-          /* @__PURE__ */ jsxs44("div", { className: "topbar", children: [
-            !isComplete && /* @__PURE__ */ jsx74("div", { className: "title", children: isValidTxId && !error ? /* @__PURE__ */ jsx74("div", { className: "transaction-title", children: showFetchingTitle ? /* @__PURE__ */ jsx74(Fragment9, { children: "Getting transaction details\u2026" }) : /* @__PURE__ */ jsxs44(Fragment9, { children: [
+        /* @__PURE__ */ jsxs43("div", { className: "kima-card-header", children: [
+          /* @__PURE__ */ jsxs43("div", { className: "topbar", children: [
+            !isComplete && /* @__PURE__ */ jsx73("div", { className: "title", children: isValidTxId && !error ? /* @__PURE__ */ jsx73("div", { className: "transaction-title", children: showFetchingTitle ? /* @__PURE__ */ jsx73(Fragment9, { children: "Getting transaction details\u2026" }) : /* @__PURE__ */ jsxs43(Fragment9, { children: [
               verb,
               leftAmt,
               " ",
@@ -7108,35 +7106,31 @@ var TransactionWidget = ({ theme }) => {
               rightAmt,
               " ",
               rightSym
-            ] }) }) : /* @__PURE__ */ jsx74("div", { children: /* @__PURE__ */ jsx74("h3", { className: "transaction", children: "Transaction Status" }) }) }),
-            !minimized ? /* @__PURE__ */ jsxs44(
+            ] }) }) : /* @__PURE__ */ jsx73("div", { children: /* @__PURE__ */ jsx73("h3", { className: "transaction", children: "Transaction Status" }) }) }),
+            !minimized ? /* @__PURE__ */ jsxs43(
               "div",
               {
                 className: `control-buttons ${isComplete ? "complete" : ""}`,
                 children: [
-                  isComplete && /* @__PURE__ */ jsx74(
+                  isComplete && /* @__PURE__ */ jsx73(
                     "button",
                     {
                       className: "menu-button",
                       style: { marginRight: "auto" },
-                      onClick: () => {
-                        setIsComplete(false);
-                      },
+                      onClick: () => setIsComplete(false),
                       children: "< Back"
                     }
                   ),
-                  /* @__PURE__ */ jsx74(
+                  /* @__PURE__ */ jsx73(
                     "button",
                     {
                       className: "icon-button minimize",
-                      onClick: () => {
-                        setMinimized(true);
-                      },
-                      children: /* @__PURE__ */ jsx74(Minimize_default, {})
+                      onClick: () => setMinimized(true),
+                      children: /* @__PURE__ */ jsx73(Minimize_default, {})
                     }
                   ),
-                  !isComplete && (!isValidTxId || loadingStep < 0 || error && dAppOption !== "none" /* None */) ? /* @__PURE__ */ jsx74("button", { className: "reset-button", onClick: resetForm, children: "Reset" }) : null,
-                  closeHandler && /* @__PURE__ */ jsx74(
+                  !isComplete && (!isValidTxId || loadingStep < 0 || error && dAppOption !== "none" /* None */) ? /* @__PURE__ */ jsx73("button", { className: "reset-button", onClick: resetForm, children: "Reset" }) : null,
+                  closeHandler && /* @__PURE__ */ jsx73(
                     "button",
                     {
                       className: "cross-icon-button",
@@ -7144,44 +7138,44 @@ var TransactionWidget = ({ theme }) => {
                         resetForm();
                         closeHandler(0);
                       },
-                      children: /* @__PURE__ */ jsx74(Cross_default, {})
+                      children: /* @__PURE__ */ jsx73(Cross_default, {})
                     }
                   )
                 ]
               }
-            ) : /* @__PURE__ */ jsx74("div", { className: "control-buttons", children: /* @__PURE__ */ jsx74("div", { className: "maximize", onClick: () => setMinimized(false), children: "View" }) })
+            ) : /* @__PURE__ */ jsx73("div", { className: "control-buttons", children: /* @__PURE__ */ jsx73("div", { className: "maximize", onClick: () => setMinimized(false), children: "View" }) })
           ] }),
-          data && !isComplete && /* @__PURE__ */ jsxs44("div", { className: "header-network-labels", children: [
-            /* @__PURE__ */ jsxs44("div", { className: `kima-card-network-label ${theme.colorMode}`, children: [
-              /* @__PURE__ */ jsx74(
+          data && !isComplete && /* @__PURE__ */ jsxs43("div", { className: "header-network-labels", children: [
+            /* @__PURE__ */ jsxs43("div", { className: `kima-card-network-label ${theme.colorMode}`, children: [
+              /* @__PURE__ */ jsx73(
                 ChainIcon,
                 {
                   symbol: transactionSourceChain?.shortName
                 }
               ),
-              windowWidth > 450 && /* @__PURE__ */ jsx74("h3", { children: transactionSourceChain?.name })
+              windowWidth > 450 && /* @__PURE__ */ jsx73("h3", { children: transactionSourceChain?.name })
             ] }),
-            /* @__PURE__ */ jsx74(
+            /* @__PURE__ */ jsx73(
               "div",
               {
                 style: { display: "inline-block", transform: "rotate(-90deg)" },
-                children: /* @__PURE__ */ jsx74(Arrow_default, { width: 25, height: 25 })
+                children: /* @__PURE__ */ jsx73(Arrow_default, { width: 25, height: 25 })
               }
             ),
-            /* @__PURE__ */ jsxs44("div", { className: `kima-card-network-label ${theme.colorMode}`, children: [
-              /* @__PURE__ */ jsx74(
+            /* @__PURE__ */ jsxs43("div", { className: `kima-card-network-label ${theme.colorMode}`, children: [
+              /* @__PURE__ */ jsx73(
                 ChainIcon,
                 {
                   symbol: transactionTargetChain?.shortName
                 }
               ),
-              windowWidth > 450 && /* @__PURE__ */ jsx74("h3", { children: transactionTargetChain?.name })
+              windowWidth > 450 && /* @__PURE__ */ jsx73("h3", { children: transactionTargetChain?.name })
             ] })
           ] })
         ] }),
-        isValidTxId && !error ? /* @__PURE__ */ jsxs44("div", { className: "kima-card-content", children: [
-          !isComplete ? /* @__PURE__ */ jsxs44("div", { className: "transaction-content", children: [
-            /* @__PURE__ */ jsx74(
+        isValidTxId && !error ? /* @__PURE__ */ jsxs43("div", { className: "kima-card-content", children: [
+          !isComplete ? /* @__PURE__ */ jsxs43("div", { className: "transaction-content", children: [
+            /* @__PURE__ */ jsx73(
               Progressbar_default,
               {
                 step,
@@ -7191,7 +7185,7 @@ var TransactionWidget = ({ theme }) => {
                 loadingStep
               }
             ),
-            /* @__PURE__ */ jsx74(
+            /* @__PURE__ */ jsx73(
               StepBox_default,
               {
                 step,
@@ -7200,15 +7194,15 @@ var TransactionWidget = ({ theme }) => {
                 data
               }
             )
-          ] }) : /* @__PURE__ */ jsxs44("div", { className: "transaction-content transaction-complete", children: [
-            /* @__PURE__ */ jsx74(TransactionComplete_default, {}),
-            /* @__PURE__ */ jsx74("h2", { children: widgetIsSwap ? "Swap Complete" : "Transaction Complete" }),
-            /* @__PURE__ */ jsx74("div", { className: "kima-stepbox", children: /* @__PURE__ */ jsxs44(
+          ] }) : /* @__PURE__ */ jsxs43("div", { className: "transaction-content transaction-complete", children: [
+            /* @__PURE__ */ jsx73(TransactionComplete_default, {}),
+            /* @__PURE__ */ jsx73("h2", { children: widgetIsSwap ? "Swap Complete" : "Transaction Complete" }),
+            /* @__PURE__ */ jsx73("div", { className: "kima-stepbox", children: /* @__PURE__ */ jsxs43(
               "div",
               {
                 className: `content-wrapper transaction-complete ${theme.colorMode}`,
                 children: [
-                  /* @__PURE__ */ jsx74("p", { children: widgetIsSwap ? /* @__PURE__ */ jsxs44(Fragment9, { children: [
+                  /* @__PURE__ */ jsx73("p", { children: widgetIsSwap ? /* @__PURE__ */ jsxs43(Fragment9, { children: [
                     "You just swapped ",
                     fmt3(swapSrcAmt),
                     " ",
@@ -7217,50 +7211,50 @@ var TransactionWidget = ({ theme }) => {
                     fmt3(swapDstAmt),
                     " ",
                     data?.targetSymbol
-                  ] }) : /* @__PURE__ */ jsxs44(Fragment9, { children: [
+                  ] }) : /* @__PURE__ */ jsxs43(Fragment9, { children: [
                     "You just transferred ",
                     data?.amount,
                     " ",
                     data?.sourceSymbol
                   ] }) }),
-                  /* @__PURE__ */ jsxs44("div", { className: "header-network-labels", children: [
-                    /* @__PURE__ */ jsxs44(
+                  /* @__PURE__ */ jsxs43("div", { className: "header-network-labels", children: [
+                    /* @__PURE__ */ jsxs43(
                       "div",
                       {
                         className: `kima-card-network-label ${theme.colorMode}`,
                         children: [
-                          /* @__PURE__ */ jsx74(
+                          /* @__PURE__ */ jsx73(
                             ChainIcon,
                             {
                               symbol: transactionSourceChain?.shortName
                             }
                           ),
-                          windowWidth > 450 && /* @__PURE__ */ jsx74("h3", { children: transactionSourceChain?.name })
+                          windowWidth > 450 && /* @__PURE__ */ jsx73("h3", { children: transactionSourceChain?.name })
                         ]
                       }
                     ),
-                    /* @__PURE__ */ jsx74(
+                    /* @__PURE__ */ jsx73(
                       "div",
                       {
                         style: {
                           display: "inline-block",
                           transform: "rotate(-90deg)"
                         },
-                        children: /* @__PURE__ */ jsx74(Arrow_default, { width: 25, height: 25 })
+                        children: /* @__PURE__ */ jsx73(Arrow_default, { width: 25, height: 25 })
                       }
                     ),
-                    /* @__PURE__ */ jsxs44(
+                    /* @__PURE__ */ jsxs43(
                       "div",
                       {
                         className: `kima-card-network-label ${theme.colorMode}`,
                         children: [
-                          /* @__PURE__ */ jsx74(
+                          /* @__PURE__ */ jsx73(
                             ChainIcon,
                             {
                               symbol: transactionTargetChain?.shortName
                             }
                           ),
-                          windowWidth > 450 && /* @__PURE__ */ jsx74("h3", { children: transactionTargetChain?.name })
+                          windowWidth > 450 && /* @__PURE__ */ jsx73("h3", { children: transactionTargetChain?.name })
                         ]
                       }
                     )
@@ -7268,8 +7262,8 @@ var TransactionWidget = ({ theme }) => {
                 ]
               }
             ) }),
-            /* @__PURE__ */ jsxs44("div", { className: "transaction-buttons", children: [
-              /* @__PURE__ */ jsx74(
+            /* @__PURE__ */ jsxs43("div", { className: "transaction-buttons", children: [
+              /* @__PURE__ */ jsx73(
                 SecondaryButton_default,
                 {
                   clickHandler: resetForm,
@@ -7277,34 +7271,32 @@ var TransactionWidget = ({ theme }) => {
                   children: "New Transaction"
                 }
               ),
-              /* @__PURE__ */ jsx74(
+              /* @__PURE__ */ jsx73(
                 ExternalLink_default,
                 {
                   to: `${explorerUrl}/transactions/?tx=${data?.kimaTxHash}`,
-                  children: /* @__PURE__ */ jsx74(PrimaryButton_default, { children: "View Details" })
+                  children: /* @__PURE__ */ jsx73(PrimaryButton_default, { children: "View Details" })
                 }
               )
             ] })
           ] }),
-          !error && !isEmptyStatus && !isComplete && /* @__PURE__ */ jsx74(
+          !error && !isEmptyStatus && !isComplete && /* @__PURE__ */ jsx73(
             TransactionStatusMessage_default,
             {
               isCompleted: data?.status,
-              transactionId: txId.toString()
+              transactionId: String(safeTxId)
             }
           )
-        ] }) : /* @__PURE__ */ jsxs44("div", { className: "kima-card-content", children: [
-          /* @__PURE__ */ jsx74("h4", { className: "subtitle", children: "You can follow the status of a previous submitted transaction by entering the provided transaction id" }),
-          /* @__PURE__ */ jsx74("div", { className: "single-form", children: /* @__PURE__ */ jsx74(TransactionSearch_default, {}) })
+        ] }) : /* @__PURE__ */ jsxs43("div", { className: "kima-card-content", children: [
+          /* @__PURE__ */ jsx73("h4", { className: "subtitle", children: "You can follow the status of a previous submitted transaction by entering the provided transaction id" }),
+          /* @__PURE__ */ jsx73("div", { className: "single-form", children: /* @__PURE__ */ jsx73(TransactionSearch_default, {}) })
         ] }),
-        /* @__PURE__ */ jsx74(
+        /* @__PURE__ */ jsx73(
           Toaster,
           {
             position: "top-right",
             reverseOrder: false,
-            containerStyle: {
-              position: "absolute"
-            },
+            containerStyle: { position: "absolute" },
             toastOptions: {
               duration: 5 * 1e3,
               style: {
@@ -7324,13 +7316,13 @@ var TransactionWidget = ({ theme }) => {
             }
           }
         ),
-        /* @__PURE__ */ jsx74(
+        /* @__PURE__ */ jsx73(
           "div",
           {
             className: `floating-footer ${isComplete ? "complete" : "status"}`,
-            children: /* @__PURE__ */ jsxs44("div", { className: `items ${theme.colorMode}`, children: [
-              /* @__PURE__ */ jsx74("span", { children: "Powered by" }),
-              /* @__PURE__ */ jsx74(KimaNetwork_default, {})
+            children: /* @__PURE__ */ jsxs43("div", { className: `items ${theme.colorMode}`, children: [
+              /* @__PURE__ */ jsx73("span", { children: "Powered by" }),
+              /* @__PURE__ */ jsx73(KimaNetwork_default, {})
             ] })
           }
         )
@@ -7341,7 +7333,7 @@ var TransactionWidget = ({ theme }) => {
 
 // src/hooks/useGetFees.tsx
 import { useQuery as useQuery14 } from "@tanstack/react-query";
-import { useSelector as useSelector40 } from "react-redux";
+import { useSelector as useSelector39 } from "react-redux";
 
 // src/services/feesApi.ts
 var getFees = async (amount, originChain, originAddress, originSymbol, targetChain, targetAddress, targetSymbol, backendUrl) => {
@@ -7436,7 +7428,7 @@ var useGetFees = ({
   targetSymbol,
   backendUrl
 }) => {
-  const mode = useSelector40(selectMode);
+  const mode = useSelector39(selectMode);
   const isFiat = sourceNetwork === "BANK" || sourceNetwork === "CC";
   const haveBasics = !!backendUrl && !!amount && !!sourceNetwork && !!sourceSymbol && !!targetNetwork && !!targetAddress && !!targetSymbol;
   const enabled = haveBasics && (isFiat ? true : !!sourceAddress);
@@ -7484,24 +7476,24 @@ var useGetFees = ({
 var useGetFees_default = useGetFees;
 
 // src/widgets/transfer/hooks/useSubmitTransaction.tsx
-import { useDispatch as useDispatch12, useSelector as useSelector41 } from "react-redux";
+import { useDispatch as useDispatch12, useSelector as useSelector40 } from "react-redux";
 import { useMutation } from "@tanstack/react-query";
 var useSubmitTransaction = (isSubmitting, setIsSubmitting) => {
   const dispatch = useDispatch12();
-  const backendUrl = useSelector41(selectBackendUrl);
-  const mode = useSelector41(selectMode);
+  const backendUrl = useSelector40(selectBackendUrl);
+  const mode = useSelector40(selectMode);
   const {
     feeId,
     transactionValues,
     totalFee,
     options: feeOptions,
     swapInfo
-  } = useSelector41(selectServiceFee);
-  const originChainData = useSelector41(selectSourceChain);
-  const targetChainData = useSelector41(selectTargetChain);
-  const feeDeduct = useSelector41(selectFeeDeduct);
-  const ccTransactionIdSeed = useSelector41(selectCCTransactionIdSeed);
-  const submitted = useSelector41(selectSubmitted);
+  } = useSelector40(selectServiceFee);
+  const originChainData = useSelector40(selectSourceChain);
+  const targetChainData = useSelector40(selectTargetChain);
+  const feeDeduct = useSelector40(selectFeeDeduct);
+  const ccTransactionIdSeed = useSelector40(selectCCTransactionIdSeed);
+  const submitted = useSelector40(selectSubmitted);
   const doSwap = !isSamePeggedToken(
     originChainData,
     transactionValues.originSymbol,
@@ -7626,7 +7618,7 @@ var useSubmitTransaction_default = useSubmitTransaction;
 // src/widgets/transfer/hooks/useValidateTransaction.tsx
 import { useMemo as useMemo29 } from "react";
 import { formatUnits as formatUnits2, parseUnits as parseUnits2 } from "viem";
-import { useSelector as useSelector42 } from "react-redux";
+import { useSelector as useSelector41 } from "react-redux";
 var useValidateTransaction = (inputs) => {
   const {
     allowance = 0n,
@@ -7649,8 +7641,8 @@ var useValidateTransaction = (inputs) => {
   } = inputs;
   const { kimaBackendUrl } = useKimaContext();
   const { data: envOptions } = useGetEnvOptions({ kimaBackendUrl });
-  const mode = useSelector42(selectMode);
-  const networkOption = useSelector42(selectNetworkOption);
+  const mode = useSelector41(selectMode);
+  const networkOption = useSelector41(selectNetworkOption);
   const maxValue = useMemo29(() => {
     logger_default.debug("useValidateTransaction: maxValue: ", inputs);
     if (!balance) return 0n;
@@ -7766,13 +7758,13 @@ var useValidateTransaction = (inputs) => {
 var useValidateTransaction_default = useValidateTransaction;
 
 // src/widgets/transfer/components/TransferWidget.tsx
-import { useEffect as useEffect24, useState as useState13, useRef as useRef9, useMemo as useMemo39, useCallback as useCallback15 } from "react";
+import { useEffect as useEffect24, useState as useState13, useRef as useRef10, useMemo as useMemo39, useCallback as useCallback15 } from "react";
 import toast4, { Toaster as Toaster2 } from "react-hot-toast";
-import { useDispatch as useDispatch22, useSelector as useSelector53 } from "react-redux";
+import { useDispatch as useDispatch22, useSelector as useSelector52 } from "react-redux";
 import { parseUnits as parseUnits4 } from "viem";
 
 // src/components/reusable/WarningModal.tsx
-import { jsx as jsx75, jsxs as jsxs45 } from "react/jsx-runtime";
+import { jsx as jsx74, jsxs as jsxs44 } from "react/jsx-runtime";
 var WarningModal = ({
   message,
   cancelButtonText = "Cancel",
@@ -7780,11 +7772,11 @@ var WarningModal = ({
   onAcknowledge,
   onCancel
 }) => {
-  return /* @__PURE__ */ jsx75("div", { className: "warning-modal-overlay", children: /* @__PURE__ */ jsxs45("div", { className: "warning-modal", children: [
-    /* @__PURE__ */ jsx75("h3", { children: "Warning" }),
-    /* @__PURE__ */ jsx75("p", { children: message }),
-    /* @__PURE__ */ jsxs45("div", { className: "warning-modal-buttons", children: [
-      /* @__PURE__ */ jsx75(
+  return /* @__PURE__ */ jsx74("div", { className: "warning-modal-overlay", children: /* @__PURE__ */ jsxs44("div", { className: "warning-modal", children: [
+    /* @__PURE__ */ jsx74("h3", { children: "Warning" }),
+    /* @__PURE__ */ jsx74("p", { children: message }),
+    /* @__PURE__ */ jsxs44("div", { className: "warning-modal-buttons", children: [
+      /* @__PURE__ */ jsx74(
         SecondaryButton_default,
         {
           className: "warning-modal-cancel",
@@ -7792,7 +7784,7 @@ var WarningModal = ({
           children: cancelButtonText
         }
       ),
-      /* @__PURE__ */ jsx75(
+      /* @__PURE__ */ jsx74(
         PrimaryButton_default,
         {
           className: "warning-modal-acknowledge",
@@ -7809,30 +7801,30 @@ var WarningModal_default = WarningModal;
 import { parseUnits as parseUnits3 } from "viem";
 import { useEffect as useEffect20, useMemo as useMemo31, useState as useState11 } from "react";
 import { toast as toast3 } from "react-hot-toast";
-import { useDispatch as useDispatch14, useSelector as useSelector44 } from "react-redux";
+import { useDispatch as useDispatch14, useSelector as useSelector43 } from "react-redux";
 
 // src/components/primary/NetworkSelector.tsx
-import React11, { useState as useState10, useMemo as useMemo30, useRef as useRef5, useEffect as useEffect19 } from "react";
-import { useSelector as useSelector43, useDispatch as useDispatch13 } from "react-redux";
-import { jsx as jsx76, jsxs as jsxs46 } from "react/jsx-runtime";
+import React11, { useState as useState10, useMemo as useMemo30, useRef as useRef6, useEffect as useEffect19 } from "react";
+import { useSelector as useSelector42, useDispatch as useDispatch13 } from "react-redux";
+import { jsx as jsx75, jsxs as jsxs45 } from "react/jsx-runtime";
 var NetworkSelector = ({
   type,
   initialSelection,
   setInitialSelection
 }) => {
   const [collapsed, setCollapsed] = useState10(true);
-  const ref = useRef5(null);
+  const ref = useRef6(null);
   const dispatch = useDispatch13();
-  const theme = useSelector43(selectTheme);
-  const networkOptions = useSelector43(selectNetworks);
-  const transactionOption = useSelector43(selectTransactionOption);
-  const dAppOption = useSelector43(selectDappOption);
-  const mode = useSelector43(selectMode);
-  const sourceNetwork = useSelector43(selectSourceChain);
-  const sourceSymbol = useSelector43(selectSourceCurrency);
-  const targetNetwork = useSelector43(selectTargetChain);
-  const currentSourceAddr = useSelector43(selectSourceAddress);
-  const currentTargetAddr = useSelector43(selectTargetAddress);
+  const theme = useSelector42(selectTheme);
+  const networkOptions = useSelector42(selectNetworks);
+  const transactionOption = useSelector42(selectTransactionOption);
+  const dAppOption = useSelector42(selectDappOption);
+  const mode = useSelector42(selectMode);
+  const sourceNetwork = useSelector42(selectSourceChain);
+  const sourceSymbol = useSelector42(selectSourceCurrency);
+  const targetNetwork = useSelector42(selectTargetChain);
+  const currentSourceAddr = useSelector42(selectSourceAddress);
+  const currentTargetAddr = useSelector42(selectTargetAddress);
   const { switchChainHandler } = useKimaContext();
   const isOriginSelector = type === "origin";
   useEffect19(() => {
@@ -7908,7 +7900,7 @@ var NetworkSelector = ({
     shouldLockSourceNetwork,
     transactionOption?.targetChain
   ]);
-  const lastForcedShort = useRef5();
+  const lastForcedShort = useRef6();
   useEffect19(() => {
     if (!shouldLockSourceNetwork || !isOriginSelector || !transactionOption?.targetChain)
       return;
@@ -8055,7 +8047,7 @@ var NetworkSelector = ({
     currentTargetAddr,
     dispatch
   ]);
-  return /* @__PURE__ */ jsxs46(
+  return /* @__PURE__ */ jsxs45(
     "div",
     {
       className: `network-dropdown ${theme?.colorMode ?? ""} ${collapsed ? "collapsed" : "toggled"} ${shouldLockSourceNetwork ? "disabled" : ""}`,
@@ -8064,15 +8056,15 @@ var NetworkSelector = ({
       },
       ref,
       children: [
-        /* @__PURE__ */ jsxs46("div", { className: "network-wrapper", children: [
-          /* @__PURE__ */ jsx76(ChainIcon, { symbol: selectedNetwork.shortName }),
-          /* @__PURE__ */ jsx76("span", { children: selectedNetwork.name })
+        /* @__PURE__ */ jsxs45("div", { className: "network-wrapper", children: [
+          /* @__PURE__ */ jsx75(ChainIcon, { symbol: selectedNetwork.shortName }),
+          /* @__PURE__ */ jsx75("span", { children: selectedNetwork.name })
         ] }),
-        /* @__PURE__ */ jsx76(
+        /* @__PURE__ */ jsx75(
           "div",
           {
             className: `network-menu custom-scrollbar ${theme?.colorMode ?? ""} ${collapsed ? "collapsed" : "toggled"}`,
-            children: networks.filter((network) => network.shortName !== selectedNetwork.shortName).map((network) => /* @__PURE__ */ jsxs46(
+            children: networks.filter((network) => network.shortName !== selectedNetwork.shortName).map((network) => /* @__PURE__ */ jsxs45(
               "div",
               {
                 className: `network-menu-item ${theme?.colorMode ?? ""} ${network.disabled ? "disabled has-tooltip" : "enabled"}`,
@@ -8081,16 +8073,16 @@ var NetworkSelector = ({
                   if (!network.disabled) handleNetworkChange(network);
                 },
                 children: [
-                  network.disabled ? /* @__PURE__ */ jsx76(Warning_default, { width: 25, height: 25 }) : /* @__PURE__ */ jsx76(ChainIcon, { symbol: network.shortName }),
-                  /* @__PURE__ */ jsx76("p", { children: network.name }),
-                  network.disabled && /* @__PURE__ */ jsx76("span", { className: "tooltip", children: "Temporarily unavailable" })
+                  network.disabled ? /* @__PURE__ */ jsx75(Warning_default, { width: 25, height: 25 }) : /* @__PURE__ */ jsx75(ChainIcon, { symbol: network.shortName }),
+                  /* @__PURE__ */ jsx75("p", { children: network.name }),
+                  network.disabled && /* @__PURE__ */ jsx75("span", { className: "tooltip", children: "Temporarily unavailable" })
                 ]
               },
               network.id ?? network.shortName
             ))
           }
         ),
-        !shouldLockSourceNetwork && /* @__PURE__ */ jsx76("div", { className: `dropdown-icon ${collapsed ? "toggled" : "collapsed"}`, children: /* @__PURE__ */ jsx76(Arrow_default, { fill: "none" }) })
+        !shouldLockSourceNetwork && /* @__PURE__ */ jsx75("div", { className: `dropdown-icon ${collapsed ? "toggled" : "collapsed"}`, children: /* @__PURE__ */ jsx75(Arrow_default, { fill: "none" }) })
       ]
     }
   );
@@ -8098,30 +8090,30 @@ var NetworkSelector = ({
 var NetworkSelector_default = React11.memo(NetworkSelector);
 
 // src/components/reusable/SingleForm.tsx
-import { jsx as jsx77, jsxs as jsxs47 } from "react/jsx-runtime";
+import { jsx as jsx76, jsxs as jsxs46 } from "react/jsx-runtime";
 var SingleForm = ({
   isLoadingFees,
   initialSelection,
   setInitialSelection
 }) => {
   const dispatch = useDispatch14();
-  const mode = useSelector44(selectMode);
-  const theme = useSelector44(selectTheme);
-  const feeDeduct = useSelector44(selectFeeDeduct);
-  const { totalFee } = useSelector44(selectServiceFee);
-  const dAppOption = useSelector44(selectDappOption);
-  const compliantOption = useSelector44(selectCompliantOption);
-  const targetCompliant = useSelector44(selectTargetCompliant);
-  const sourceAddress = useSelector44(selectSourceAddress);
-  const sourceNetwork = useSelector44(selectSourceChain);
-  const targetNetwork = useSelector44(selectTargetChain);
-  const targetAddress = useSelector44(selectTargetAddress);
+  const mode = useSelector43(selectMode);
+  const theme = useSelector43(selectTheme);
+  const feeDeduct = useSelector43(selectFeeDeduct);
+  const { totalFee } = useSelector43(selectServiceFee);
+  const dAppOption = useSelector43(selectDappOption);
+  const compliantOption = useSelector43(selectCompliantOption);
+  const targetCompliant = useSelector43(selectTargetCompliant);
+  const sourceAddress = useSelector43(selectSourceAddress);
+  const sourceNetwork = useSelector43(selectSourceChain);
+  const targetNetwork = useSelector43(selectTargetChain);
+  const targetAddress = useSelector43(selectTargetAddress);
   const { isReady } = useIsWalletReady_default();
   const [amountValue, setAmountValue] = useState11("");
-  const amount = useSelector44(selectAmount);
-  const sourceCurrency = useSelector44(selectSourceCurrency);
-  const targetCurrency = useSelector44(selectTargetCurrency);
-  const backendUrl = useSelector44(selectBackendUrl);
+  const amount = useSelector43(selectAmount);
+  const sourceCurrency = useSelector43(selectSourceCurrency);
+  const targetCurrency = useSelector43(selectTargetCurrency);
+  const backendUrl = useSelector43(selectBackendUrl);
   const { balance, decimals } = useBalance_default();
   const { kimaBackendUrl } = useKimaContext();
   const { data: envOptions } = useGetEnvOptions({ kimaBackendUrl });
@@ -8292,14 +8284,14 @@ var SingleForm = ({
     demoSourceAddress,
     feeDeduct
   ]);
-  return /* @__PURE__ */ jsxs47("div", { className: "single-form", children: [
-    /* @__PURE__ */ jsxs47("div", { className: "form-item", children: [
-      /* @__PURE__ */ jsxs47("span", { className: "label", children: [
+  return /* @__PURE__ */ jsxs46("div", { className: "single-form", children: [
+    /* @__PURE__ */ jsxs46("div", { className: "form-item", children: [
+      /* @__PURE__ */ jsxs46("span", { className: "label", children: [
         dAppOption === "none" /* None */ && "Source",
         " Network:"
       ] }),
-      /* @__PURE__ */ jsxs47("div", { className: "items", children: [
-        /* @__PURE__ */ jsx77(
+      /* @__PURE__ */ jsxs46("div", { className: "items", children: [
+        /* @__PURE__ */ jsx76(
           NetworkSelector_default,
           {
             type: "origin",
@@ -8309,30 +8301,30 @@ var SingleForm = ({
             }
           }
         ),
-        /* @__PURE__ */ jsx77(CoinDropdown_default, { isSourceChain: true })
+        /* @__PURE__ */ jsx76(CoinDropdown_default, { isSourceChain: true })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs47(
+    /* @__PURE__ */ jsxs46(
       "div",
       {
         className: `dynamic-area ${sourceNetwork.shortName === "FIAT" /* FIAT */ ? "reverse" : "1"}`,
         children: [
           !["CC" /* CC */, "BANK" /* BANK */].includes(
             sourceNetwork.compatibility
-          ) && /* @__PURE__ */ jsxs47(
+          ) && /* @__PURE__ */ jsxs46(
             "div",
             {
               className: `form-item wallet-button-item ${isConnectedSourceWrapper ? "connected" : ""}`,
               children: [
-                /* @__PURE__ */ jsx77("span", { className: "label", children: "Wallet:" }),
-                /* @__PURE__ */ jsx77(WalletButton_default, { initialSelection: initialSelection.sourceSelection })
+                /* @__PURE__ */ jsx76("span", { className: "label", children: "Wallet:" }),
+                /* @__PURE__ */ jsx76(WalletButton_default, { initialSelection: initialSelection.sourceSelection })
               ]
             }
           ),
-          mode !== "payment" /* payment */ && /* @__PURE__ */ jsxs47("div", { className: "form-item", children: [
-            /* @__PURE__ */ jsx77("span", { className: "label", children: "Target Network:" }),
-            /* @__PURE__ */ jsxs47("div", { className: "items", children: [
-              /* @__PURE__ */ jsx77(
+          mode !== "payment" /* payment */ && /* @__PURE__ */ jsxs46("div", { className: "form-item", children: [
+            /* @__PURE__ */ jsx76("span", { className: "label", children: "Target Network:" }),
+            /* @__PURE__ */ jsxs46("div", { className: "items", children: [
+              /* @__PURE__ */ jsx76(
                 NetworkSelector_default,
                 {
                   type: "target",
@@ -8342,15 +8334,15 @@ var SingleForm = ({
                   }
                 }
               ),
-              /* @__PURE__ */ jsx77(CoinDropdown_default, { isSourceChain: false })
+              /* @__PURE__ */ jsx76(CoinDropdown_default, { isSourceChain: false })
             ] })
           ] })
         ]
       }
     ),
-    mode === "bridge" /* bridge */ && /* @__PURE__ */ jsxs47("div", { className: `form-item ${theme.colorMode}`, children: [
-      /* @__PURE__ */ jsx77("span", { className: "label", children: "Target Address:" }),
-      /* @__PURE__ */ jsx77(
+    mode === "bridge" /* bridge */ && /* @__PURE__ */ jsxs46("div", { className: `form-item ${theme.colorMode}`, children: [
+      /* @__PURE__ */ jsx76("span", { className: "label", children: "Target Address:" }),
+      /* @__PURE__ */ jsx76(
         AddressInput_default,
         {
           theme: theme.colorMode,
@@ -8358,14 +8350,14 @@ var SingleForm = ({
         }
       )
     ] }),
-    mode === "light" /* light */ && /* @__PURE__ */ jsxs47(
+    mode === "light" /* light */ && /* @__PURE__ */ jsxs46(
       "div",
       {
         className: `form-item wallet-button-item ${isConnectedTargetWrapper ? "connected" : ""}`,
         style: { display: "flex", alignItems: "center" },
         children: [
-          /* @__PURE__ */ jsx77("span", { className: "label", children: "Target Wallet:" }),
-          /* @__PURE__ */ jsx77(
+          /* @__PURE__ */ jsx76("span", { className: "label", children: "Target Wallet:" }),
+          /* @__PURE__ */ jsx76(
             WalletButton_default,
             {
               initialSelection: initialSelection.targetSelection,
@@ -8375,10 +8367,10 @@ var SingleForm = ({
         ]
       }
     ),
-    /* @__PURE__ */ jsxs47("div", { className: `form-item ${theme.colorMode}`, children: [
-      /* @__PURE__ */ jsx77("span", { className: "label", children: "Amount:" }),
-      /* @__PURE__ */ jsxs47("div", { className: `amount-label-container items ${theme.colorMode}`, children: [
-        /* @__PURE__ */ jsx77(
+    /* @__PURE__ */ jsxs46("div", { className: `form-item ${theme.colorMode}`, children: [
+      /* @__PURE__ */ jsx76("span", { className: "label", children: "Amount:" }),
+      /* @__PURE__ */ jsxs46("div", { className: `amount-label-container items ${theme.colorMode}`, children: [
+        /* @__PURE__ */ jsx76(
           "input",
           {
             className: `${theme.colorMode}`,
@@ -8389,21 +8381,21 @@ var SingleForm = ({
             disabled: mode === "payment" /* payment */
           }
         ),
-        /* @__PURE__ */ jsxs47("div", { className: "max-disclaimer", children: [
-          sourceNetwork.shortName !== "CC" && mode !== "payment" /* payment */ && /* @__PURE__ */ jsx77("span", { className: "max-button", onClick: onMaxClick, children: "Max" }),
-          dAppOption === "none" /* None */ && canQuoteFees && /* @__PURE__ */ jsxs47("p", { className: "fee-amount", children: [
+        /* @__PURE__ */ jsxs46("div", { className: "max-disclaimer", children: [
+          sourceNetwork.shortName !== "CC" && mode !== "payment" /* payment */ && /* @__PURE__ */ jsx76("span", { className: "max-button", onClick: onMaxClick, children: "Max" }),
+          dAppOption === "none" /* None */ && canQuoteFees && /* @__PURE__ */ jsxs46("p", { className: "fee-amount", children: [
             "Est fees:",
             " ",
-            isLoadingFees ? /* @__PURE__ */ jsxs47("span", { className: "inline-spinner loading", "aria-live": "polite", children: [
-              /* @__PURE__ */ jsx77("span", { className: "dot" }),
-              /* @__PURE__ */ jsx77("span", { className: "dot" }),
-              /* @__PURE__ */ jsx77("span", { className: "dot" })
-            ] }) : totalFee.value >= 0n ? /* @__PURE__ */ jsxs47("span", { className: "fee-value", children: [
+            isLoadingFees ? /* @__PURE__ */ jsxs46("span", { className: "inline-spinner loading", "aria-live": "polite", children: [
+              /* @__PURE__ */ jsx76("span", { className: "dot" }),
+              /* @__PURE__ */ jsx76("span", { className: "dot" }),
+              /* @__PURE__ */ jsx76("span", { className: "dot" })
+            ] }) : totalFee.value >= 0n ? /* @__PURE__ */ jsxs46("span", { className: "fee-value", children: [
               "$ ",
               formatBigInt(totalFee),
               " ",
               feeCurrency
-            ] }) : /* @__PURE__ */ jsx77("span", { className: "fee-value", children: "\u2014" })
+            ] }) : /* @__PURE__ */ jsx76("span", { className: "fee-value", children: "\u2014" })
           ] })
         ] })
       ] })
@@ -8413,8 +8405,8 @@ var SingleForm = ({
 var SingleForm_default = SingleForm;
 
 // src/components/reusable/FiatWidget.tsx
-import { useEffect as useEffect21, useMemo as useMemo32, useRef as useRef6, useState as useState12 } from "react";
-import { useSelector as useSelector45, useDispatch as useDispatch15 } from "react-redux";
+import { useEffect as useEffect21, useMemo as useMemo32, useRef as useRef7, useState as useState12 } from "react";
+import { useSelector as useSelector44, useDispatch as useDispatch15 } from "react-redux";
 import { v4 as uuidv4 } from "uuid";
 
 // src/widgets/transfer/hooks/useCCTransactionId.tsx
@@ -8441,18 +8433,18 @@ var useCCTransactionId = (backendUrl, transactionIdSeed) => {
 };
 
 // src/components/reusable/FiatWidget.tsx
-import { jsx as jsx78, jsxs as jsxs48 } from "react/jsx-runtime";
+import { jsx as jsx77, jsxs as jsxs47 } from "react/jsx-runtime";
 var FiatWidget = ({ submitCallback }) => {
   const dispatch = useDispatch15();
-  const feeDeduct = useSelector45(selectFeeDeduct);
-  const backendUrl = useSelector45(selectBackendUrl);
-  const ccTransactionStatus = useSelector45(selectCCTransactionStatus);
-  const networkOption = useSelector45(selectNetworkOption);
-  const sourceCurrency = useSelector45(selectSourceCurrency);
-  const sourceChain = useSelector45(selectSourceChain);
-  const { transactionValues } = useSelector45(selectServiceFee);
-  const ccTransactionIdSeedRef = useRef6(uuidv4());
-  const ccTransactionSubmittedRef = useRef6(false);
+  const feeDeduct = useSelector44(selectFeeDeduct);
+  const backendUrl = useSelector44(selectBackendUrl);
+  const ccTransactionStatus = useSelector44(selectCCTransactionStatus);
+  const networkOption = useSelector44(selectNetworkOption);
+  const sourceCurrency = useSelector44(selectSourceCurrency);
+  const sourceChain = useSelector44(selectSourceChain);
+  const { transactionValues } = useSelector44(selectServiceFee);
+  const ccTransactionIdSeedRef = useRef7(uuidv4());
+  const ccTransactionSubmittedRef = useRef7(false);
   const { data: envOptions, isLoading: isEnvLoading } = useGetEnvOptions({
     kimaBackendUrl: backendUrl
   });
@@ -8512,9 +8504,9 @@ var FiatWidget = ({ submitCallback }) => {
   useEffect21(() => {
     if (error) dispatch(setCCTransactionStatus("error-id"));
   }, [dispatch, error]);
-  return /* @__PURE__ */ jsxs48("div", { className: `cc-widget ${isLoading ? "loading" : ""}`, children: [
-    (isLoading || isTransactionIdLoading || isEnvLoading || ccTransactionStatus === "success") && /* @__PURE__ */ jsx78("div", { className: "cc-widget-loader", children: /* @__PURE__ */ jsx78(ring_default, { width: 50, height: 50, fill: "#86b8ce" }) }),
-    /* @__PURE__ */ jsx78(
+  return /* @__PURE__ */ jsxs47("div", { className: `cc-widget ${isLoading ? "loading" : ""}`, children: [
+    (isLoading || isTransactionIdLoading || isEnvLoading || ccTransactionStatus === "success") && /* @__PURE__ */ jsx77("div", { className: "cc-widget-loader", children: /* @__PURE__ */ jsx77(ring_default, { width: 50, height: 50, fill: "#86b8ce" }) }),
+    /* @__PURE__ */ jsx77(
       "iframe",
       {
         width: isLoading || isTransactionIdLoading || ccTransactionStatus === "success" || error ? 0 : "100%",
@@ -8610,20 +8602,20 @@ var useDisconnectWallet_default = useDisconnectWallet6;
 
 // src/widgets/transfer/components/solana/SolanaConnectModal.tsx
 import React16, { useCallback as useCallback13, useMemo as useMemo35 } from "react";
-import { useDispatch as useDispatch18, useSelector as useSelector49 } from "react-redux";
+import { useDispatch as useDispatch18, useSelector as useSelector48 } from "react-redux";
 import { useWallet as useSolanaWallet3 } from "@solana/wallet-adapter-react";
 
 // src/widgets/transfer/components/solana/SolanaWalletSelect.tsx
-import { useCallback as useCallback12, useEffect as useEffect22, useMemo as useMemo33, useRef as useRef7 } from "react";
-import { useDispatch as useDispatch16, useSelector as useSelector46 } from "react-redux";
+import { useCallback as useCallback12, useEffect as useEffect22, useMemo as useMemo33, useRef as useRef8 } from "react";
+import { useDispatch as useDispatch16, useSelector as useSelector45 } from "react-redux";
 import { useWallet as useWallet5 } from "@solana/wallet-adapter-react";
 import { WalletReadyState } from "@solana/wallet-adapter-base";
-import { jsx as jsx79, jsxs as jsxs49 } from "react/jsx-runtime";
+import { jsx as jsx78, jsxs as jsxs48 } from "react/jsx-runtime";
 var SolanaWalletSelect = () => {
-  const theme = useSelector46(selectTheme);
-  const sourceChain = useSelector46(selectSourceChain);
+  const theme = useSelector45(selectTheme);
+  const sourceChain = useSelector45(selectSourceChain);
   const dispatch = useDispatch16();
-  const sliderRef = useRef7();
+  const sliderRef = useRef8();
   const { wallet, wallets, select, connect, connected } = useWallet5();
   const [detected, undetected] = useMemo33(() => {
     const detected2 = [];
@@ -8683,27 +8675,27 @@ var SolanaWalletSelect = () => {
     }
     dispatch(setSolanaConnectModal(false));
   }, [wallet, sourceChain]);
-  return /* @__PURE__ */ jsx79("div", { className: `wallet-select`, children: /* @__PURE__ */ jsx79("div", { className: "slide-area hide-scrollbar", ref: sliderRef, children: /* @__PURE__ */ jsxs49("div", { className: "wallet-container", children: [
-    detected.map((wallet2, index) => /* @__PURE__ */ jsx79(
+  return /* @__PURE__ */ jsx78("div", { className: `wallet-select`, children: /* @__PURE__ */ jsx78("div", { className: "slide-area hide-scrollbar", ref: sliderRef, children: /* @__PURE__ */ jsxs48("div", { className: "wallet-container", children: [
+    detected.map((wallet2, index) => /* @__PURE__ */ jsx78(
       "div",
       {
         className: `card-item ${theme.colorMode}`,
         onClick: () => handleWalletClick(wallet2.adapter.name),
-        children: /* @__PURE__ */ jsxs49("div", { className: "wallet-item", children: [
-          /* @__PURE__ */ jsx79("img", { src: wallet2.adapter.icon, alt: wallet2.adapter.name }),
-          /* @__PURE__ */ jsx79("span", { children: wallet2.adapter.name })
+        children: /* @__PURE__ */ jsxs48("div", { className: "wallet-item", children: [
+          /* @__PURE__ */ jsx78("img", { src: wallet2.adapter.icon, alt: wallet2.adapter.name }),
+          /* @__PURE__ */ jsx78("span", { children: wallet2.adapter.name })
         ] })
       },
       `${wallet2.adapter.name}-${index}`
     )),
-    undetected.map((wallet2, index) => /* @__PURE__ */ jsx79(
+    undetected.map((wallet2, index) => /* @__PURE__ */ jsx78(
       ExternalLink_default,
       {
         to: wallet2.adapter.url,
         className: `card-item ${theme.colorMode}`,
-        children: /* @__PURE__ */ jsxs49("div", { className: "wallet-item", children: [
-          /* @__PURE__ */ jsx79("img", { src: wallet2.adapter.icon, alt: wallet2.adapter.name }),
-          /* @__PURE__ */ jsxs49("span", { children: [
+        children: /* @__PURE__ */ jsxs48("div", { className: "wallet-item", children: [
+          /* @__PURE__ */ jsx78("img", { src: wallet2.adapter.icon, alt: wallet2.adapter.name }),
+          /* @__PURE__ */ jsxs48("span", { children: [
             "Install ",
             wallet2.adapter.name
           ] })
@@ -8717,12 +8709,12 @@ var SolanaWalletSelect_default = SolanaWalletSelect;
 
 // src/widgets/transfer/components/solana/AccountDetailsModal.tsx
 import { useMemo as useMemo34 } from "react";
-import { useDispatch as useDispatch17, useSelector as useSelector48 } from "react-redux";
+import { useDispatch as useDispatch17, useSelector as useSelector47 } from "react-redux";
 import { useWallet as useSolanaWallet2 } from "@solana/wallet-adapter-react";
 
 // src/widgets/transfer/components/WalletModalShell.tsx
-import { useSelector as useSelector47 } from "react-redux";
-import { jsx as jsx80, jsxs as jsxs50 } from "react/jsx-runtime";
+import { useSelector as useSelector46 } from "react-redux";
+import { jsx as jsx79, jsxs as jsxs49 } from "react/jsx-runtime";
 var WalletModalShell = ({
   isOpen,
   title,
@@ -8731,20 +8723,20 @@ var WalletModalShell = ({
   className = "",
   rightHeader
 }) => {
-  const theme = useSelector47(selectTheme);
+  const theme = useSelector46(selectTheme);
   if (!isOpen) return null;
-  return /* @__PURE__ */ jsxs50(
+  return /* @__PURE__ */ jsxs49(
     "div",
     {
       className: `kima-modal ${theme.colorMode} ${isOpen ? "open" : ""} ${className}`,
       children: [
-        /* @__PURE__ */ jsx80("div", { className: "modal-overlay", onClick: onClose }),
-        /* @__PURE__ */ jsxs50("div", { className: `modal-content-container ${theme.colorMode}`, children: [
-          /* @__PURE__ */ jsx80("div", { className: "kima-card-header", children: /* @__PURE__ */ jsxs50("div", { className: "topbar", children: [
-            /* @__PURE__ */ jsx80("div", { className: "title", children: /* @__PURE__ */ jsx80("h3", { children: title }) }),
-            /* @__PURE__ */ jsx80("div", { className: "control-buttons", children: rightHeader })
+        /* @__PURE__ */ jsx79("div", { className: "modal-overlay", onClick: onClose }),
+        /* @__PURE__ */ jsxs49("div", { className: `modal-content-container ${theme.colorMode}`, children: [
+          /* @__PURE__ */ jsx79("div", { className: "kima-card-header", children: /* @__PURE__ */ jsxs49("div", { className: "topbar", children: [
+            /* @__PURE__ */ jsx79("div", { className: "title", children: /* @__PURE__ */ jsx79("h3", { children: title }) }),
+            /* @__PURE__ */ jsx79("div", { className: "control-buttons", children: rightHeader })
           ] }) }),
-          /* @__PURE__ */ jsx80("div", { className: "modal-content", children })
+          /* @__PURE__ */ jsx79("div", { className: "modal-content", children })
         ] })
       ]
     }
@@ -8753,15 +8745,15 @@ var WalletModalShell = ({
 var WalletModalShell_default = WalletModalShell;
 
 // src/widgets/transfer/components/solana/AccountDetailsModal.tsx
-import { jsx as jsx81, jsxs as jsxs51 } from "react/jsx-runtime";
+import { jsx as jsx80, jsxs as jsxs50 } from "react/jsx-runtime";
 var AccountDetailsModal = () => {
   const dispatch = useDispatch17();
-  const theme = useSelector48(selectTheme);
-  const mode = useSelector48(selectMode);
-  const sourceAddress = useSelector48(selectSourceAddress);
-  const networkOption = useSelector48(selectNetworkOption);
-  const sourceChain = useSelector48(selectSourceChain);
-  const isOpen = useSelector48(selectAccountDetailsModal);
+  const theme = useSelector47(selectTheme);
+  const mode = useSelector47(selectMode);
+  const sourceAddress = useSelector47(selectSourceAddress);
+  const networkOption = useSelector47(selectNetworkOption);
+  const sourceChain = useSelector47(selectSourceChain);
+  const isOpen = useSelector47(selectAccountDetailsModal);
   const { disconnect: solanaWalletDisconnect } = useSolanaWallet2();
   const { balance: solBalance } = useSolNativeBalance();
   const isSol = sourceChain.shortName === "SOL" /* SOLANA */;
@@ -8784,30 +8776,30 @@ var AccountDetailsModal = () => {
       close();
     }
   };
-  return /* @__PURE__ */ jsxs51(
+  return /* @__PURE__ */ jsxs50(
     WalletModalShell_default,
     {
       isOpen: !!isOpen,
       title: "Account Details",
       onClose: close,
-      rightHeader: /* @__PURE__ */ jsx81("button", { className: "cross-icon-button", onClick: close, children: /* @__PURE__ */ jsx81(Cross_default, { fill: theme.colorMode === "light" ? "black" : "white" }) }),
+      rightHeader: /* @__PURE__ */ jsx80("button", { className: "cross-icon-button", onClick: close, children: /* @__PURE__ */ jsx80(Cross_default, { fill: theme.colorMode === "light" ? "black" : "white" }) }),
       children: [
-        /* @__PURE__ */ jsxs51("div", { className: "summary", children: [
-          /* @__PURE__ */ jsxs51("div", { className: "address", children: [
-            /* @__PURE__ */ jsx81("h2", { children: sourceAddress ? getShortenedAddress(sourceAddress) : "\u2014" }),
-            sourceAddress && /* @__PURE__ */ jsx81(CopyButton_default, { text: sourceAddress })
+        /* @__PURE__ */ jsxs50("div", { className: "summary", children: [
+          /* @__PURE__ */ jsxs50("div", { className: "address", children: [
+            /* @__PURE__ */ jsx80("h2", { children: sourceAddress ? getShortenedAddress(sourceAddress) : "\u2014" }),
+            sourceAddress && /* @__PURE__ */ jsx80(CopyButton_default, { text: sourceAddress })
           ] }),
-          /* @__PURE__ */ jsxs51("h3", { children: [
+          /* @__PURE__ */ jsxs50("h3", { children: [
             formatterFloat.format(Number(solBalance || 0)),
             " SOL"
           ] })
         ] }),
-        /* @__PURE__ */ jsx81(SecondaryButton_default, { className: "block-explorer", children: /* @__PURE__ */ jsxs51(ExternalLink_default, { className: "link", to: explorerUrl, children: [
-          /* @__PURE__ */ jsx81(Explorer_default, { fill: "#778DA3" }),
-          /* @__PURE__ */ jsx81("p", { children: "Block explorer" }),
-          /* @__PURE__ */ jsx81(ExternalUrl_default, { fill: "#778DA3" })
+        /* @__PURE__ */ jsx80(SecondaryButton_default, { className: "block-explorer", children: /* @__PURE__ */ jsxs50(ExternalLink_default, { className: "link", to: explorerUrl, children: [
+          /* @__PURE__ */ jsx80(Explorer_default, { fill: "#778DA3" }),
+          /* @__PURE__ */ jsx80("p", { children: "Block explorer" }),
+          /* @__PURE__ */ jsx80(ExternalUrl_default, { fill: "#778DA3" })
         ] }) }),
-        /* @__PURE__ */ jsx81(
+        /* @__PURE__ */ jsx80(
           PrimaryButton_default,
           {
             clickHandler: handleDisconnect,
@@ -8822,13 +8814,13 @@ var AccountDetailsModal = () => {
 var AccountDetailsModal_default = AccountDetailsModal;
 
 // src/widgets/transfer/components/solana/SolanaConnectModal.tsx
-import { Fragment as Fragment10, jsx as jsx82, jsxs as jsxs52 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx81, jsxs as jsxs51 } from "react/jsx-runtime";
 var SolanaWalletConnectModal = () => {
   const dispatch = useDispatch18();
-  const theme = useSelector49(selectTheme);
-  const isOpen = useSelector49(selectSolanaConnectModal);
-  const mode = useSelector49(selectMode);
-  const sourceChain = useSelector49(selectSourceChain);
+  const theme = useSelector48(selectTheme);
+  const isOpen = useSelector48(selectSolanaConnectModal);
+  const mode = useSelector48(selectMode);
+  const sourceChain = useSelector48(selectSourceChain);
   const { connect, connecting, connected, publicKey } = useSolanaWallet3();
   const isSol = sourceChain.shortName === "SOL" /* SOLANA */;
   const close = useCallback13(() => {
@@ -8861,16 +8853,16 @@ var SolanaWalletConnectModal = () => {
     () => mode === "light" /* light */ ? `Light mode uses a demo Solana address (${lightDemoAccounts.SOL}).` : "",
     [mode]
   );
-  return /* @__PURE__ */ jsxs52(Fragment10, { children: [
-    /* @__PURE__ */ jsx82(AccountDetailsModal_default, {}),
-    /* @__PURE__ */ jsxs52(
+  return /* @__PURE__ */ jsxs51(Fragment10, { children: [
+    /* @__PURE__ */ jsx81(AccountDetailsModal_default, {}),
+    /* @__PURE__ */ jsxs51(
       WalletModalShell_default,
       {
         isOpen: !!isOpen,
         title: "Connect Wallet",
         onClose: close,
         className: "wallet-connect",
-        rightHeader: /* @__PURE__ */ jsx82("button", { className: "cross-icon-button", onClick: close, children: /* @__PURE__ */ jsx82(
+        rightHeader: /* @__PURE__ */ jsx81("button", { className: "cross-icon-button", onClick: close, children: /* @__PURE__ */ jsx81(
           Cross_default,
           {
             width: 30,
@@ -8879,10 +8871,10 @@ var SolanaWalletConnectModal = () => {
           }
         ) }),
         children: [
-          demoMsg && /* @__PURE__ */ jsx82("p", { className: "muted", children: demoMsg }),
-          mode !== "light" /* light */ ? /* @__PURE__ */ jsxs52(Fragment10, { children: [
-            /* @__PURE__ */ jsx82(SolanaWalletSelect_default, {}),
-            /* @__PURE__ */ jsx82("div", { style: { marginTop: 12 }, children: /* @__PURE__ */ jsx82(
+          demoMsg && /* @__PURE__ */ jsx81("p", { className: "muted", children: demoMsg }),
+          mode !== "light" /* light */ ? /* @__PURE__ */ jsxs51(Fragment10, { children: [
+            /* @__PURE__ */ jsx81(SolanaWalletSelect_default, {}),
+            /* @__PURE__ */ jsx81("div", { style: { marginTop: 12 }, children: /* @__PURE__ */ jsx81(
               "button",
               {
                 className: "primary",
@@ -8891,8 +8883,8 @@ var SolanaWalletConnectModal = () => {
                 children: connecting ? "Connecting\u2026" : connected ? "Connected" : "Connect"
               }
             ) })
-          ] }) : /* @__PURE__ */ jsxs52("div", { style: { display: "flex", gap: 8 }, children: [
-            /* @__PURE__ */ jsx82(
+          ] }) : /* @__PURE__ */ jsxs51("div", { style: { display: "flex", gap: 8 }, children: [
+            /* @__PURE__ */ jsx81(
               "button",
               {
                 className: "secondary",
@@ -8900,7 +8892,7 @@ var SolanaWalletConnectModal = () => {
                 children: "View Account"
               }
             ),
-            /* @__PURE__ */ jsx82("button", { className: "primary", onClick: close, children: "Close" })
+            /* @__PURE__ */ jsx81("button", { className: "primary", onClick: close, children: "Close" })
           ] })
         ]
       }
@@ -8911,22 +8903,22 @@ var SolanaConnectModal_default = SolanaWalletConnectModal;
 
 // src/widgets/transfer/components/tron/TronWalletConnectModal.tsx
 import { useCallback as useCallback14, useMemo as useMemo38 } from "react";
-import { useDispatch as useDispatch21, useSelector as useSelector52 } from "react-redux";
+import { useDispatch as useDispatch21, useSelector as useSelector51 } from "react-redux";
 import { useWallet as useTronWallet5 } from "@tronweb3/tronwallet-adapter-react-hooks";
 
 // src/widgets/transfer/components/tron/AccountDetailsModal.tsx
 import { useMemo as useMemo36 } from "react";
-import { useDispatch as useDispatch19, useSelector as useSelector50 } from "react-redux";
+import { useDispatch as useDispatch19, useSelector as useSelector49 } from "react-redux";
 import { useWallet as useTronWallet4 } from "@tronweb3/tronwallet-adapter-react-hooks";
-import { jsx as jsx83, jsxs as jsxs53 } from "react/jsx-runtime";
+import { jsx as jsx82, jsxs as jsxs52 } from "react/jsx-runtime";
 var AccountDetailsModal2 = () => {
   const dispatch = useDispatch19();
-  const theme = useSelector50(selectTheme);
-  const mode = useSelector50(selectMode);
-  const networkOption = useSelector50(selectNetworkOption);
-  const sourceChain = useSelector50(selectSourceChain);
-  const sourceAddress = useSelector50(selectSourceAddress);
-  const isOpen = useSelector50(selectAccountDetailsModal);
+  const theme = useSelector49(selectTheme);
+  const mode = useSelector49(selectMode);
+  const networkOption = useSelector49(selectNetworkOption);
+  const sourceChain = useSelector49(selectSourceChain);
+  const sourceAddress = useSelector49(selectSourceAddress);
+  const isOpen = useSelector49(selectAccountDetailsModal);
   const { disconnect: tronWalletDisconnect } = useTronWallet4();
   const { balance: tronBalance } = useTronNativeBalance();
   const isTrx = sourceChain.shortName === "TRX" /* TRON */;
@@ -8949,30 +8941,30 @@ var AccountDetailsModal2 = () => {
       close();
     }
   };
-  return /* @__PURE__ */ jsxs53(
+  return /* @__PURE__ */ jsxs52(
     WalletModalShell_default,
     {
       isOpen: !!isOpen,
       title: "Account Details",
       onClose: close,
-      rightHeader: /* @__PURE__ */ jsx83("button", { className: "cross-icon-button", onClick: close, children: /* @__PURE__ */ jsx83(Cross_default, { fill: theme.colorMode === "light" ? "black" : "white" }) }),
+      rightHeader: /* @__PURE__ */ jsx82("button", { className: "cross-icon-button", onClick: close, children: /* @__PURE__ */ jsx82(Cross_default, { fill: theme.colorMode === "light" ? "black" : "white" }) }),
       children: [
-        /* @__PURE__ */ jsxs53("div", { className: "summary", children: [
-          /* @__PURE__ */ jsxs53("div", { className: "address", children: [
-            /* @__PURE__ */ jsx83("h2", { children: sourceAddress ? getShortenedAddress(sourceAddress) : "\u2014" }),
-            sourceAddress && /* @__PURE__ */ jsx83(CopyButton_default, { text: sourceAddress })
+        /* @__PURE__ */ jsxs52("div", { className: "summary", children: [
+          /* @__PURE__ */ jsxs52("div", { className: "address", children: [
+            /* @__PURE__ */ jsx82("h2", { children: sourceAddress ? getShortenedAddress(sourceAddress) : "\u2014" }),
+            sourceAddress && /* @__PURE__ */ jsx82(CopyButton_default, { text: sourceAddress })
           ] }),
-          /* @__PURE__ */ jsxs53("h3", { children: [
+          /* @__PURE__ */ jsxs52("h3", { children: [
             formatterFloat.format(Number(tronBalance || 0)),
             " TRX"
           ] })
         ] }),
-        /* @__PURE__ */ jsx83(SecondaryButton_default, { className: "block-explorer", children: /* @__PURE__ */ jsxs53(ExternalLink_default, { className: "link", to: explorerUrl, children: [
-          /* @__PURE__ */ jsx83(Explorer_default, { fill: "#778DA3" }),
-          /* @__PURE__ */ jsx83("p", { children: "Block explorer" }),
-          /* @__PURE__ */ jsx83(ExternalUrl_default, { fill: "#778DA3" })
+        /* @__PURE__ */ jsx82(SecondaryButton_default, { className: "block-explorer", children: /* @__PURE__ */ jsxs52(ExternalLink_default, { className: "link", to: explorerUrl, children: [
+          /* @__PURE__ */ jsx82(Explorer_default, { fill: "#778DA3" }),
+          /* @__PURE__ */ jsx82("p", { children: "Block explorer" }),
+          /* @__PURE__ */ jsx82(ExternalUrl_default, { fill: "#778DA3" })
         ] }) }),
-        /* @__PURE__ */ jsx83(
+        /* @__PURE__ */ jsx82(
           PrimaryButton_default,
           {
             clickHandler: handleDisconnect,
@@ -8987,14 +8979,14 @@ var AccountDetailsModal2 = () => {
 var AccountDetailsModal_default2 = AccountDetailsModal2;
 
 // src/widgets/transfer/components/tron/TronWalletSelect.tsx
-import { useEffect as useEffect23, useMemo as useMemo37, useRef as useRef8 } from "react";
-import { useDispatch as useDispatch20, useSelector as useSelector51 } from "react-redux";
+import { useEffect as useEffect23, useMemo as useMemo37, useRef as useRef9 } from "react";
+import { useDispatch as useDispatch20, useSelector as useSelector50 } from "react-redux";
 import { useWallet as useWallet6 } from "@tronweb3/tronwallet-adapter-react-hooks";
 import { AdapterState } from "@tronweb3/tronwallet-abstract-adapter";
-import { jsx as jsx84, jsxs as jsxs54 } from "react/jsx-runtime";
+import { jsx as jsx83, jsxs as jsxs53 } from "react/jsx-runtime";
 var TronWalletSelect = () => {
-  const theme = useSelector51(selectTheme);
-  const sliderRef = useRef8();
+  const theme = useSelector50(selectTheme);
+  const sliderRef = useRef9();
   const dispatch = useDispatch20();
   const {
     wallets,
@@ -9047,27 +9039,27 @@ var TronWalletSelect = () => {
   const connectWallet = async (walletName) => {
     currentWallet?.adapter.name === walletName ? await connect() : select(walletName);
   };
-  return /* @__PURE__ */ jsx84("div", { className: `wallet-select`, children: /* @__PURE__ */ jsx84("div", { className: "slide-area hide-scrollbar", ref: sliderRef, children: /* @__PURE__ */ jsxs54("div", { className: "wallet-container", children: [
-    detected.map((wallet, index) => /* @__PURE__ */ jsx84(
+  return /* @__PURE__ */ jsx83("div", { className: `wallet-select`, children: /* @__PURE__ */ jsx83("div", { className: "slide-area hide-scrollbar", ref: sliderRef, children: /* @__PURE__ */ jsxs53("div", { className: "wallet-container", children: [
+    detected.map((wallet, index) => /* @__PURE__ */ jsx83(
       "div",
       {
         className: `card-item ${theme.colorMode}`,
         onClick: () => connectWallet(wallet.adapter.name),
-        children: /* @__PURE__ */ jsxs54("div", { className: "wallet-item", children: [
-          /* @__PURE__ */ jsx84("img", { src: wallet.adapter.icon, alt: wallet.adapter.name }),
-          /* @__PURE__ */ jsx84("span", { children: wallet.adapter.name })
+        children: /* @__PURE__ */ jsxs53("div", { className: "wallet-item", children: [
+          /* @__PURE__ */ jsx83("img", { src: wallet.adapter.icon, alt: wallet.adapter.name }),
+          /* @__PURE__ */ jsx83("span", { children: wallet.adapter.name })
         ] })
       },
       `${wallet.adapter.name}-${index}`
     )),
-    undetected.map((wallet, index) => /* @__PURE__ */ jsx84(
+    undetected.map((wallet, index) => /* @__PURE__ */ jsx83(
       ExternalLink_default,
       {
         to: wallet.adapter.url,
         className: `card-item ${theme.colorMode}`,
-        children: /* @__PURE__ */ jsxs54("div", { className: "wallet-item", children: [
-          /* @__PURE__ */ jsx84("img", { src: wallet.adapter.icon, alt: wallet.adapter.name }),
-          /* @__PURE__ */ jsxs54("span", { children: [
+        children: /* @__PURE__ */ jsxs53("div", { className: "wallet-item", children: [
+          /* @__PURE__ */ jsx83("img", { src: wallet.adapter.icon, alt: wallet.adapter.name }),
+          /* @__PURE__ */ jsxs53("span", { children: [
             "Install ",
             wallet.adapter.name
           ] })
@@ -9080,13 +9072,13 @@ var TronWalletSelect = () => {
 var TronWalletSelect_default = TronWalletSelect;
 
 // src/widgets/transfer/components/tron/TronWalletConnectModal.tsx
-import { Fragment as Fragment11, jsx as jsx85, jsxs as jsxs55 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx84, jsxs as jsxs54 } from "react/jsx-runtime";
 var TronWalletConnectModal = () => {
   const dispatch = useDispatch21();
-  const theme = useSelector52(selectTheme);
-  const isOpen = useSelector52(selectTronConnectModal);
-  const mode = useSelector52(selectMode);
-  const sourceChain = useSelector52(selectSourceChain);
+  const theme = useSelector51(selectTheme);
+  const isOpen = useSelector51(selectTronConnectModal);
+  const mode = useSelector51(selectMode);
+  const sourceChain = useSelector51(selectSourceChain);
   const { connect, connected, connecting } = useTronWallet5();
   const isTrx = sourceChain.shortName === "TRX" /* TRON */;
   const close = useCallback14(() => {
@@ -9112,21 +9104,21 @@ var TronWalletConnectModal = () => {
     () => mode === "light" /* light */ ? `Light mode uses a demo Tron address (${lightDemoAccounts.TRX}).` : "",
     [mode]
   );
-  return /* @__PURE__ */ jsxs55(Fragment11, { children: [
-    /* @__PURE__ */ jsx85(AccountDetailsModal_default2, {}),
-    /* @__PURE__ */ jsxs55(
+  return /* @__PURE__ */ jsxs54(Fragment11, { children: [
+    /* @__PURE__ */ jsx84(AccountDetailsModal_default2, {}),
+    /* @__PURE__ */ jsxs54(
       WalletModalShell_default,
       {
         isOpen: !!isOpen,
         title: "Connect Wallet",
         onClose: close,
         className: "wallet-connect",
-        rightHeader: /* @__PURE__ */ jsx85("button", { className: "icon-button", onClick: close, children: /* @__PURE__ */ jsx85(Cross_default, { fill: theme.colorMode === "light" ? "black" : "white" }) }),
+        rightHeader: /* @__PURE__ */ jsx84("button", { className: "icon-button", onClick: close, children: /* @__PURE__ */ jsx84(Cross_default, { fill: theme.colorMode === "light" ? "black" : "white" }) }),
         children: [
-          demoMsg && /* @__PURE__ */ jsx85("p", { className: "muted", children: demoMsg }),
-          mode !== "light" /* light */ ? /* @__PURE__ */ jsxs55(Fragment11, { children: [
-            /* @__PURE__ */ jsx85(TronWalletSelect_default, {}),
-            /* @__PURE__ */ jsx85("div", { style: { marginTop: 12 }, children: /* @__PURE__ */ jsx85(
+          demoMsg && /* @__PURE__ */ jsx84("p", { className: "muted", children: demoMsg }),
+          mode !== "light" /* light */ ? /* @__PURE__ */ jsxs54(Fragment11, { children: [
+            /* @__PURE__ */ jsx84(TronWalletSelect_default, {}),
+            /* @__PURE__ */ jsx84("div", { style: { marginTop: 12 }, children: /* @__PURE__ */ jsx84(
               "button",
               {
                 className: "primary",
@@ -9135,8 +9127,8 @@ var TronWalletConnectModal = () => {
                 children: connecting ? "Connecting\u2026" : connected ? "Connected" : "Connect"
               }
             ) })
-          ] }) : /* @__PURE__ */ jsxs55("div", { style: { display: "flex", gap: 8 }, children: [
-            /* @__PURE__ */ jsx85(
+          ] }) : /* @__PURE__ */ jsxs54("div", { style: { display: "flex", gap: 8 }, children: [
+            /* @__PURE__ */ jsx84(
               "button",
               {
                 className: "secondary",
@@ -9144,7 +9136,7 @@ var TronWalletConnectModal = () => {
                 children: "View Account"
               }
             ),
-            /* @__PURE__ */ jsx85("button", { className: "primary", onClick: close, children: "Close" })
+            /* @__PURE__ */ jsx84("button", { className: "primary", onClick: close, children: "Close" })
           ] })
         ]
       }
@@ -9154,7 +9146,7 @@ var TronWalletConnectModal = () => {
 var TronWalletConnectModal_default = TronWalletConnectModal;
 
 // src/widgets/transfer/components/TransferWidget.tsx
-import { jsx as jsx86, jsxs as jsxs56 } from "react/jsx-runtime";
+import { jsx as jsx85, jsxs as jsxs55 } from "react/jsx-runtime";
 var TransferWidget = ({
   theme,
   helpURL,
@@ -9163,7 +9155,7 @@ var TransferWidget = ({
 }) => {
   logger_default.debug("[TransferWidget] mount");
   const dispatch = useDispatch22();
-  const mainRef = useRef9(null);
+  const mainRef = useRef10(null);
   const [signature, setSignature2] = useState13("");
   const [isSubmitting, setIsSubmitting] = useState13(false);
   const [formStep, setFormStep] = useState13(0);
@@ -9173,26 +9165,26 @@ var TransferWidget = ({
   const [isApproving, setApproving] = useState13(false);
   const [isSigning, setSigning] = useState13(false);
   const [feeOptionDisabled, setFeeOptionDisabled] = useState13(false);
-  const networkOption = useSelector53(selectNetworkOption);
-  const dAppOption = useSelector53(selectDappOption);
-  const mode = useSelector53(selectMode);
-  const transactionOption = useSelector53(selectTransactionOption);
-  const backendUrl = useSelector53(selectBackendUrl);
-  const sourceAddress = useSelector53(selectSourceAddress);
-  const targetAddress = useSelector53(selectTargetAddress);
-  const sourceChain = useSelector53(selectSourceChain);
-  const targetChain = useSelector53(selectTargetChain);
-  const sourceCurrency = useSelector53(selectSourceCurrency);
-  const targetCurrency = useSelector53(selectTargetCurrency);
-  const amount = useSelector53(selectAmount);
-  const { totalFee, transactionValues } = useSelector53(selectServiceFee);
-  const compliantOption = useSelector53(selectCompliantOption);
-  const networkOptions = useSelector53(selectNetworkOption);
-  const feeDeduct = useSelector53(selectFeeDeduct);
-  const pendingTxs = useSelector53(selectPendingTxs);
-  const networks = useSelector53(selectNetworks);
-  const submitted = useSelector53(selectSubmitted);
-  const ccTransactionStatus = useSelector53(selectCCTransactionStatus);
+  const networkOption = useSelector52(selectNetworkOption);
+  const dAppOption = useSelector52(selectDappOption);
+  const mode = useSelector52(selectMode);
+  const transactionOption = useSelector52(selectTransactionOption);
+  const backendUrl = useSelector52(selectBackendUrl);
+  const sourceAddress = useSelector52(selectSourceAddress);
+  const targetAddress = useSelector52(selectTargetAddress);
+  const sourceChain = useSelector52(selectSourceChain);
+  const targetChain = useSelector52(selectTargetChain);
+  const sourceCurrency = useSelector52(selectSourceCurrency);
+  const targetCurrency = useSelector52(selectTargetCurrency);
+  const amount = useSelector52(selectAmount);
+  const { totalFee, transactionValues } = useSelector52(selectServiceFee);
+  const compliantOption = useSelector52(selectCompliantOption);
+  const networkOptions = useSelector52(selectNetworkOption);
+  const feeDeduct = useSelector52(selectFeeDeduct);
+  const pendingTxs = useSelector52(selectPendingTxs);
+  const networks = useSelector52(selectNetworks);
+  const submitted = useSelector52(selectSubmitted);
+  const ccTransactionStatus = useSelector52(selectCCTransactionStatus);
   const txValues = feeDeduct ? transactionValues.feeFromTarget : transactionValues.feeFromOrigin;
   const { keplrHandler, closeHandler } = useKimaContext();
   const { width: windowWidth } = useWidth_default();
@@ -9247,7 +9239,7 @@ var TransferWidget = ({
       );
       toast4.error(
         "An unexpected error occurred while preparing the transfer. Please contact support for assistance.",
-        { icon: /* @__PURE__ */ jsx86(Error_default, {}) }
+        { icon: /* @__PURE__ */ jsx85(Error_default, {}) }
       );
     }
   }, [fees, mode, transactionOption, dispatch]);
@@ -9305,7 +9297,7 @@ var TransferWidget = ({
       logger_default.error("[TransferWidget] submit failed", err);
       toast4.error(
         "Failed to submit your transaction. Please contact support for assistance.",
-        { icon: /* @__PURE__ */ jsx86(Error_default, {}) }
+        { icon: /* @__PURE__ */ jsx85(Error_default, {}) }
       );
       dispatch(setCCTransactionStatus("error-generic"));
     }
@@ -9313,7 +9305,7 @@ var TransferWidget = ({
   const handleSubmit = async () => {
     const { error, message: validationMessage } = validate(true);
     if (error === "ValidationError" /* Error */) {
-      toast4.error(validationMessage, { icon: /* @__PURE__ */ jsx86(Error_default, {}) });
+      toast4.error(validationMessage, { icon: /* @__PURE__ */ jsx85(Error_default, {}) });
       return;
     }
     if (["BANK", "CC"].includes(sourceChain.shortName)) {
@@ -9352,14 +9344,14 @@ var TransferWidget = ({
         if (msg.includes("ChainMismatch")) {
           toast4.error(
             `Your wallet is on the wrong network. Please switch to ${sourceChain.name} and try again.`,
-            { icon: /* @__PURE__ */ jsx86(Error_default, {}) }
+            { icon: /* @__PURE__ */ jsx85(Error_default, {}) }
           );
           return;
         }
         logger_default.error("[TransferWidget] approval failed", err);
         toast4.error(
           "Failed to approve the token allowance. Please contact support for assistance.",
-          { icon: /* @__PURE__ */ jsx86(Error_default, {}) }
+          { icon: /* @__PURE__ */ jsx85(Error_default, {}) }
         );
       }
       return;
@@ -9394,7 +9386,7 @@ var TransferWidget = ({
       logger_default.error("[TransferWidget] handleSubmit failed", err);
       toast4.error(
         "An unexpected error occurred while submitting. Please contact support for assistance.",
-        { icon: /* @__PURE__ */ jsx86(Error_default, {}) }
+        { icon: /* @__PURE__ */ jsx85(Error_default, {}) }
       );
       setIsSubmitting(false);
     }
@@ -9414,7 +9406,7 @@ var TransferWidget = ({
       void handleSubmit();
       return;
     }
-    toast4.error(validationMessage, { icon: /* @__PURE__ */ jsx86(Error_default, {}) });
+    toast4.error(validationMessage, { icon: /* @__PURE__ */ jsx85(Error_default, {}) });
     mainRef.current?.click();
   };
   const onBack = () => {
@@ -9442,7 +9434,7 @@ var TransferWidget = ({
         logger_default.error("[TransferWidget] cancel approve failed", err);
         toast4.error(
           "Unable to cancel the approval. Please contact support for assistance.",
-          { icon: /* @__PURE__ */ jsx86(Error_default, {}) }
+          { icon: /* @__PURE__ */ jsx85(Error_default, {}) }
         );
       }
     } finally {
@@ -9487,11 +9479,11 @@ var TransferWidget = ({
       logger_default.error("[TransferWidget] reset failed", e);
       toast4.error(
         "Unable to reset the form. Please contact support for assistance.",
-        { icon: /* @__PURE__ */ jsx86(Error_default, {}) }
+        { icon: /* @__PURE__ */ jsx85(Error_default, {}) }
       );
     }
   };
-  return /* @__PURE__ */ jsxs56(
+  return /* @__PURE__ */ jsxs55(
     "div",
     {
       className: `kima-card ${theme.colorMode}`,
@@ -9499,7 +9491,7 @@ var TransferWidget = ({
         background: theme.colorMode === "light" /* light */ ? theme.backgroundColorLight : theme.backgroundColorDark
       },
       children: [
-        resetModalOpen && /* @__PURE__ */ jsx86(
+        resetModalOpen && /* @__PURE__ */ jsx85(
           WarningModal_default,
           {
             message: "Are you sure you want to reset the widget?",
@@ -9511,7 +9503,7 @@ var TransferWidget = ({
             onCancel: () => setResetModalOpen(false)
           }
         ),
-        warningModalOpen && /* @__PURE__ */ jsx86(
+        warningModalOpen && /* @__PURE__ */ jsx85(
           WarningModal_default,
           {
             message: warningModalOpen.message,
@@ -9525,21 +9517,21 @@ var TransferWidget = ({
             }
           }
         ),
-        mode === "payment" /* payment */ && !transactionOption && /* @__PURE__ */ jsx86("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__ */ jsxs56("div", { className: "transfer-card", children: [
-          /* @__PURE__ */ jsxs56("div", { className: "kima-card-header", children: [
-            /* @__PURE__ */ jsxs56("div", { className: "topbar", children: [
-              /* @__PURE__ */ jsx86("div", { className: "title", children: /* @__PURE__ */ jsx86("h3", { style: { marginRight: "5px" }, children: formStep === 0 ? titleOption?.initialTitle ?? (mode === "payment" /* payment */ ? "New Purchase" : "New Transfer") : titleOption?.confirmTitle ?? (mode === "payment" /* payment */ ? "Confirm Purchase" : "Transfer Details") }) }),
-              /* @__PURE__ */ jsxs56("div", { className: "control-buttons", children: [
-                /* @__PURE__ */ jsx86(
+        mode === "payment" /* payment */ && !transactionOption && /* @__PURE__ */ jsx85("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__ */ jsxs55("div", { className: "transfer-card", children: [
+          /* @__PURE__ */ jsxs55("div", { className: "kima-card-header", children: [
+            /* @__PURE__ */ jsxs55("div", { className: "topbar", children: [
+              /* @__PURE__ */ jsx85("div", { className: "title", children: /* @__PURE__ */ jsx85("h3", { style: { marginRight: "5px" }, children: formStep === 0 ? titleOption?.initialTitle ?? (mode === "payment" /* payment */ ? "New Purchase" : "New Transfer") : titleOption?.confirmTitle ?? (mode === "payment" /* payment */ ? "Confirm Purchase" : "Transfer Details") }) }),
+              /* @__PURE__ */ jsxs55("div", { className: "control-buttons", children: [
+                /* @__PURE__ */ jsx85(
                   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__ */ jsx86("div", { className: "menu-button", children: "I need help" })
+                    children: /* @__PURE__ */ jsx85("div", { className: "menu-button", children: "I need help" })
                   }
                 ),
-                ["BANK", "CC"].includes(sourceChain.shortName) && formStep > 0 && /* @__PURE__ */ jsx86(ExternalLink_default, { to: "https://docs.kima.network/kima-network/supported-fiat#unsupported-countries-credit-cards", children: /* @__PURE__ */ jsx86("div", { className: "menu-button", children: "Unsupported Countries" }) }),
-                formStep === 0 && mode !== "payment" /* payment */ && /* @__PURE__ */ jsx86(
+                ["BANK", "CC"].includes(sourceChain.shortName) && formStep > 0 && /* @__PURE__ */ jsx85(ExternalLink_default, { to: "https://docs.kima.network/kima-network/supported-fiat#unsupported-countries-credit-cards", children: /* @__PURE__ */ jsx85("div", { className: "menu-button", children: "Unsupported Countries" }) }),
+                formStep === 0 && mode !== "payment" /* payment */ && /* @__PURE__ */ jsx85(
                   "button",
                   {
                     className: "reset-button",
@@ -9548,7 +9540,7 @@ var TransferWidget = ({
                     children: "Reset"
                   }
                 ),
-                closeHandler && /* @__PURE__ */ jsx86(
+                closeHandler && /* @__PURE__ */ jsx85(
                   "button",
                   {
                     className: "cross-icon-button",
@@ -9556,14 +9548,14 @@ var TransferWidget = ({
                       resetForm();
                       closeHandler(0);
                     },
-                    children: /* @__PURE__ */ jsx86(Cross_default, {})
+                    children: /* @__PURE__ */ jsx85(Cross_default, {})
                   }
                 )
               ] })
             ] }),
-            mode === "payment" /* payment */ && paymentTitleOption?.title && /* @__PURE__ */ jsx86("h4", { className: "subtitle", children: paymentTitleOption.title })
+            mode === "payment" /* payment */ && paymentTitleOption?.title && /* @__PURE__ */ jsx85("h4", { className: "subtitle", children: paymentTitleOption.title })
           ] }),
-          /* @__PURE__ */ jsx86("div", { className: "kima-card-content", ref: mainRef, children: formStep === 0 ? /* @__PURE__ */ jsx86(
+          /* @__PURE__ */ jsx85("div", { className: "kima-card-content", ref: mainRef, children: formStep === 0 ? /* @__PURE__ */ jsx85(
             SingleForm_default,
             {
               ...{
@@ -9576,7 +9568,7 @@ var TransferWidget = ({
                 setInitialSelection
               }
             }
-          ) : ccTransactionStatus !== "idle" ? /* @__PURE__ */ jsx86(FiatWidget_default, { submitCallback: submit }) : /* @__PURE__ */ jsx86(
+          ) : ccTransactionStatus !== "idle" ? /* @__PURE__ */ jsx85(FiatWidget_default, { submitCallback: submit }) : /* @__PURE__ */ jsx85(
             ConfirmDetails_default,
             {
               ...{
@@ -9585,12 +9577,12 @@ var TransferWidget = ({
               }
             }
           ) }),
-          /* @__PURE__ */ jsx86(
+          /* @__PURE__ */ jsx85(
             "div",
             {
               className: `kima-card-footer ${mode === "bridge" /* bridge */ && formStep !== 0 && "confirm"}`,
-              children: /* @__PURE__ */ jsxs56("div", { className: "button-group", children: [
-                isBackButtonEnabled && /* @__PURE__ */ jsx86(
+              children: /* @__PURE__ */ jsxs55("div", { className: "button-group", children: [
+                isBackButtonEnabled && /* @__PURE__ */ jsx85(
                   SecondaryButton_default,
                   {
                     clickHandler: onBack,
@@ -9600,7 +9592,7 @@ var TransferWidget = ({
                   }
                 ),
                 !!allowance && allowance > 0n && formStep !== 0 && !["BANK", "CC"].includes(sourceChain.shortName) && // EVM path
-                mode !== "light" /* light */ && /* @__PURE__ */ jsx86(
+                mode !== "light" /* light */ && /* @__PURE__ */ jsx85(
                   SecondaryButton_default,
                   {
                     clickHandler: onCancelApprove,
@@ -9610,7 +9602,7 @@ var TransferWidget = ({
                     children: isCancellingApprove ? "Cancelling Approval" : "Cancel Approve"
                   }
                 ),
-                isSubmitButtonEnabled && /* @__PURE__ */ jsx86(
+                isSubmitButtonEnabled && /* @__PURE__ */ jsx85(
                   PrimaryButton_default,
                   {
                     clickHandler: onNext,
@@ -9622,9 +9614,9 @@ var TransferWidget = ({
               ] })
             }
           ),
-          /* @__PURE__ */ jsx86(SolanaConnectModal_default, {}),
-          /* @__PURE__ */ jsx86(TronWalletConnectModal_default, {}),
-          /* @__PURE__ */ jsx86(
+          /* @__PURE__ */ jsx85(SolanaConnectModal_default, {}),
+          /* @__PURE__ */ jsx85(TronWalletConnectModal_default, {}),
+          /* @__PURE__ */ jsx85(
             Toaster2,
             {
               position: "top-right",
@@ -9648,9 +9640,9 @@ var TransferWidget = ({
               }
             }
           ),
-          /* @__PURE__ */ jsx86("div", { className: "floating-footer", children: /* @__PURE__ */ jsxs56("div", { className: `items ${theme.colorMode}`, children: [
-            /* @__PURE__ */ jsx86("span", { children: "Powered by" }),
-            /* @__PURE__ */ jsx86(KimaNetwork_default, {})
+          /* @__PURE__ */ jsx85("div", { className: "floating-footer", children: /* @__PURE__ */ jsxs55("div", { className: `items ${theme.colorMode}`, children: [
+            /* @__PURE__ */ jsx85("span", { children: "Powered by" }),
+            /* @__PURE__ */ jsx85(KimaNetwork_default, {})
           ] }) })
         ] })
       ]
@@ -9659,7 +9651,7 @@ var TransferWidget = ({
 };
 
 // src/widgets/common/KimaWidgetWrapper.tsx
-import { jsx as jsx87 } from "react/jsx-runtime";
+import { jsx as jsx86 } from "react/jsx-runtime";
 var KimaWidgetWrapper = ({
   mode,
   txId,
@@ -9677,14 +9669,14 @@ var KimaWidgetWrapper = ({
   const { kimaBackendUrl } = useKimaContext();
   const dispatch = useDispatch23();
   const { setThemeMode, setThemeVariables } = useAppKitTheme();
-  const submitted = useSelector54(selectSubmitted);
-  const sourceChain = useSelector54(selectSourceChain);
-  const ccTransactionStatus = useSelector54(selectCCTransactionStatus);
-  const ccTransactionRetrying = useSelector54(selectCCTransactionRetrying);
+  const submitted = useSelector53(selectSubmitted);
+  const sourceChain = useSelector53(selectSourceChain);
+  const ccTransactionStatus = useSelector53(selectCCTransactionStatus);
+  const ccTransactionRetrying = useSelector53(selectCCTransactionRetrying);
   const networkOption = envOptions?.env;
   const kimaExplorer = envOptions?.kimaExplorer || "https://explorer.sardis.kima.network";
   const { currentPlugin } = useGetCurrentPlugin_default();
-  const prevColorMode = useRef10(void 0);
+  const prevColorMode = useRef11(void 0);
   useEffect25(() => {
     if (prevColorMode.current !== theme?.colorMode) {
       dispatch(setTheme(theme));
@@ -9698,7 +9690,7 @@ var KimaWidgetWrapper = ({
       prevColorMode.current = theme?.colorMode;
     }
   }, [theme?.colorMode, dispatch, setThemeMode, setThemeVariables, theme]);
-  const prevConfigRef = useRef10({
+  const prevConfigRef = useRef11({
     compliantOption: void 0,
     backendUrl: void 0,
     mode: void 0,
@@ -9740,7 +9732,7 @@ var KimaWidgetWrapper = ({
     kimaExplorer,
     dispatch
   ]);
-  const prevTxOptJson = useRef10(null);
+  const prevTxOptJson = useRef11(null);
   useEffect25(() => {
     const nextJson = transactionOption ? JSON.stringify(transactionOption) : null;
     if (nextJson === prevTxOptJson.current) return;
@@ -9770,8 +9762,8 @@ var KimaWidgetWrapper = ({
     }
     prevTxOptJson.current = nextJson;
   }, [transactionOption, chainData, dispatch]);
-  const prevModeRef = useRef10(void 0);
-  const prevTxIdRef = useRef10(void 0);
+  const prevModeRef = useRef11(void 0);
+  const prevTxIdRef = useRef11(void 0);
   useEffect25(() => {
     const modeChanged = prevModeRef.current !== mode;
     const txChanged = prevTxIdRef.current !== txId;
@@ -9803,7 +9795,7 @@ var KimaWidgetWrapper = ({
       prevTxIdRef.current = txId;
     }
   }, [mode, txId, transactionOption, dispatch]);
-  const didIndex = useRef10(false);
+  const didIndex = useRef11(false);
   useEffect25(() => {
     if (!chainData?.length || didIndex.current) return;
     logger_default.debug(
@@ -9829,10 +9821,10 @@ var KimaWidgetWrapper = ({
   }, [currentPlugin?.id, sourceChain?.shortName]);
   const content = useMemo40(() => {
     if (mode === "status" /* status */) {
-      return /* @__PURE__ */ jsx87(TransactionWidget, { theme });
+      return /* @__PURE__ */ jsx86(TransactionWidget, { theme });
     }
     if (!currentPlugin && !sourceChain?.shortName) {
-      return /* @__PURE__ */ jsx87(
+      return /* @__PURE__ */ jsx86(
         TransferWidget,
         {
           theme,
@@ -9844,15 +9836,15 @@ var KimaWidgetWrapper = ({
       );
     }
     if (!currentPlugin) {
-      return /* @__PURE__ */ jsx87(SkeletonLoader_default, { theme });
+      return /* @__PURE__ */ jsx86(SkeletonLoader_default, { theme });
     }
     if (sourceChain.shortName === "CC") {
       if (submitted) {
         logger_default.debug("[KimaWidgetWrapper] CC mode -> TransactionWidget");
-        return /* @__PURE__ */ jsx87(TransactionWidget, { theme });
+        return /* @__PURE__ */ jsx86(TransactionWidget, { theme });
       }
       if (ccTransactionStatus === "error-id") {
-        return /* @__PURE__ */ jsx87(
+        return /* @__PURE__ */ jsx86(
           ErrorWidget_default,
           {
             theme,
@@ -9867,7 +9859,7 @@ var KimaWidgetWrapper = ({
         );
       }
       if (ccTransactionStatus === "error-generic") {
-        return /* @__PURE__ */ jsx87(
+        return /* @__PURE__ */ jsx86(
           ErrorWidget_default,
           {
             theme,
@@ -9881,7 +9873,7 @@ var KimaWidgetWrapper = ({
           }
         );
       }
-      return /* @__PURE__ */ jsx87(
+      return /* @__PURE__ */ jsx86(
         TransferWidget,
         {
           theme,
@@ -9896,7 +9888,7 @@ var KimaWidgetWrapper = ({
       "[KimaWidgetWrapper] rendering TransferWidget with plugin",
       currentPlugin?.id
     );
-    return submitted ? /* @__PURE__ */ jsx87(TransactionWidget, { theme }) : /* @__PURE__ */ jsx87(
+    return submitted ? /* @__PURE__ */ jsx86(TransactionWidget, { theme }) : /* @__PURE__ */ jsx86(
       TransferWidget,
       {
         theme,
@@ -9925,7 +9917,7 @@ var KimaWidgetWrapper = ({
 var KimaWidgetWrapper_default = KimaWidgetWrapper;
 
 // src/widgets/common/KimaTransactionWidget.tsx
-import { jsx as jsx88 } from "react/jsx-runtime";
+import { jsx as jsx87 } from "react/jsx-runtime";
 var KimaTransactionWidget = ({
   mode,
   txId,
@@ -9959,11 +9951,11 @@ var KimaTransactionWidget = ({
     }
   }, [theme?.colorMode, dispatch, theme]);
   if (!hydrated || !theme?.colorMode)
-    return /* @__PURE__ */ jsx88(ring_default, { width: 20, height: 20, fill: "#86b8ce" });
+    return /* @__PURE__ */ jsx87(ring_default, { width: 20, height: 20, fill: "#86b8ce" });
   if (isLoadingEnvs || isLoadingChainData)
-    return /* @__PURE__ */ jsx88(SkeletonLoader_default, { theme });
+    return /* @__PURE__ */ jsx87(SkeletonLoader_default, { theme });
   if (envOptionsError || !envOptions)
-    return /* @__PURE__ */ jsx88(
+    return /* @__PURE__ */ jsx87(
       ErrorWidget_default,
       {
         theme,
@@ -9972,7 +9964,7 @@ var KimaTransactionWidget = ({
       }
     );
   if (chainDataError || !chainData)
-    return /* @__PURE__ */ jsx88(
+    return /* @__PURE__ */ jsx87(
       ErrorWidget_default,
       {
         theme,
@@ -9980,7 +9972,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__ */ jsx88(
+  return /* @__PURE__ */ jsx87(
     KimaWidgetWrapper_default,
     {
       ...{