@kimafinance/kima-transaction-widget 1.5.19 → 1.5.21

package/dist/index.cjs

@@ -3042,6 +3042,9 @@ var isAddressCompatible = (address, shortName) => {
   return false;
 };
 
+// src/shared/lib/fees.ts
+var getFeeSideValues = (feeDeduct, transactionValues) => feeDeduct ? transactionValues.feeFromTarget : transactionValues.feeFromOrigin;
+
 // src/features/allowances/evm/useApproveErc20.ts
 var import_viem2 = require("viem");
 
@@ -3068,7 +3071,7 @@ var useApproveErc20 = () => {
   const tokenOptions = (0, import_react_redux.useSelector)(selectTokenOptions);
   const { transactionValues } = (0, import_react_redux.useSelector)(selectServiceFee);
   const feeDeduct = (0, import_react_redux.useSelector)(selectFeeDeduct);
-  const txValues = feeDeduct ? transactionValues.feeFromTarget : transactionValues.feeFromOrigin;
+  const txValues = getFeeSideValues(feeDeduct, transactionValues);
   const allowanceNeeded = BigInt(txValues.allowanceAmount.value);
   const { pools } = useGetPools_default(
     (0, import_react_redux.useSelector)(selectBackendUrl),
@@ -3237,7 +3240,7 @@ var useEvmSignMessage = () => {
   const { address: appkitAddress } = (0, import_react7.useAppKitAccount)() || {};
   const { walletProvider: appkitProvider } = (0, import_react7.useAppKitProvider)("eip155");
   const userAddress = useEvmAddress(mode);
-  const { message } = feeDeduct ? transactionValues.feeFromTarget : transactionValues.feeFromOrigin;
+  const { message } = getFeeSideValues(feeDeduct, transactionValues);
   const signMessage = (0, import_react6.useCallback)(async () => {
     try {
       const eip1193 = appkitProvider?.provider ?? globalThis.ethereum;
@@ -3275,7 +3278,7 @@ var useAllowance = () => {
   const { signMessage } = useEvmSignMessage();
   const { transactionValues } = (0, import_react_redux4.useSelector)(selectServiceFee);
   const feeDeduct = (0, import_react_redux4.useSelector)(selectFeeDeduct);
-  const txValues = feeDeduct ? transactionValues.feeFromTarget : transactionValues.feeFromOrigin;
+  const txValues = getFeeSideValues(feeDeduct, transactionValues);
   const allowanceNeeded = (0, import_react8.useMemo)(
     () => BigInt(txValues.allowanceAmount.value),
     [txValues.allowanceAmount.value]
@@ -4127,7 +4130,7 @@ var useApproveSPL = () => {
   const tokenOptions = (0, import_react_redux13.useSelector)(selectTokenOptions);
   const { transactionValues } = (0, import_react_redux13.useSelector)(selectServiceFee);
   const feeDeduct = (0, import_react_redux13.useSelector)(selectFeeDeduct);
-  const { allowanceAmount } = feeDeduct ? transactionValues.feeFromTarget : transactionValues.feeFromOrigin;
+  const { allowanceAmount } = getFeeSideValues(feeDeduct, transactionValues);
   const allowanceNumber = BigInt(allowanceAmount.value);
   const ownerPk = mode === "light" /* light */ ? new import_web37.PublicKey(lightDemoAccounts.SOL) : publicKey ? new import_web37.PublicKey(publicKey) : void 0;
   const { pools } = useGetPools_default(backendUrl, networkOption);
@@ -4217,7 +4220,7 @@ var useSolSignMessage = () => {
   const { signMessage } = useSolProvider();
   const { transactionValues } = (0, import_react_redux14.useSelector)(selectServiceFee);
   const feeDeduct = (0, import_react_redux14.useSelector)(selectFeeDeduct);
-  const { message } = feeDeduct ? transactionValues.feeFromTarget : transactionValues.feeFromOrigin;
+  const { message } = getFeeSideValues(feeDeduct, transactionValues);
   const sign = (0, import_react23.useCallback)(async () => {
     if (!signMessage) {
       logger_default.warn("useSolSignMessage: signMessage not available");
@@ -4244,7 +4247,7 @@ var useAllowance2 = () => {
   const { transactionValues } = (0, import_react_redux15.useSelector)(selectServiceFee);
   const feeDeduct = (0, import_react_redux15.useSelector)(selectFeeDeduct);
   const needed = BigInt(
-    (feeDeduct ? transactionValues.feeFromTarget : transactionValues.feeFromOrigin).allowanceAmount.value
+    getFeeSideValues(feeDeduct, transactionValues).allowanceAmount.value
   );
   const current = read?.allowance ?? 0n;
   const isApproved = current >= needed;
@@ -4922,7 +4925,7 @@ var useApproveTrc20 = () => {
   const tokenOptions = (0, import_react_redux21.useSelector)(selectTokenOptions);
   const { transactionValues } = (0, import_react_redux21.useSelector)(selectServiceFee);
   const feeDeduct = (0, import_react_redux21.useSelector)(selectFeeDeduct);
-  const txValues = feeDeduct ? transactionValues.feeFromTarget : transactionValues.feeFromOrigin;
+  const txValues = getFeeSideValues(feeDeduct, transactionValues);
   const allowanceNeeded = BigInt(txValues.allowanceAmount.value);
   const { tronWeb, signTransaction } = useTronProvider();
   const address = useTronAddress(mode);
@@ -5077,7 +5080,7 @@ var useAllowance3 = () => {
   const { sign } = useTronSignMessage();
   const { transactionValues } = (0, import_react_redux23.useSelector)(selectServiceFee);
   const feeDeduct = (0, import_react_redux23.useSelector)(selectFeeDeduct);
-  const txValues = feeDeduct ? transactionValues.feeFromTarget : transactionValues.feeFromOrigin;
+  const txValues = getFeeSideValues(feeDeduct, transactionValues);
   const allowanceNeeded = (0, import_react31.useMemo)(
     () => BigInt(txValues.allowanceAmount.value),
     [txValues.allowanceAmount.value]
@@ -5482,7 +5485,7 @@ var KimaProvider = ({
 var KimaProvider_default = KimaProvider;
 
 // src/widgets/common/KimaTransactionWidget.tsx
-var import_react67 = require("react");
+var import_react69 = require("react");
 var import_react_redux58 = require("react-redux");
 
 // src/assets/loading/180-ring.tsx
@@ -5771,6 +5774,15 @@ var isSamePeggedToken = (originChain, originSymbol, targetChain, targetSymbol) =
   if (!src.peggedTo || !dst.peggedTo) return false;
   return src.peggedTo === dst.peggedTo;
 };
+var uiTokenSymbol = (symbol) => {
+  if (!symbol) return symbol ?? "";
+  const s = symbol.toString().trim();
+  const up = s.toUpperCase();
+  if (up === "WETH") return "ETH";
+  if (up === "WSOL") return "SOL";
+  if (up === "WBTC") return "BTC";
+  return s;
+};
 
 // src/components/reusable/WalletButton.tsx
 var import_wallet_adapter_react5 = require("@solana/wallet-adapter-react");
@@ -6066,7 +6078,7 @@ var WalletButton = ({
         isConnected && mode !== "light" /* light */ && !placeholder && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_jsx_runtime63.Fragment, { children: balance !== void 0 && decimals !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("p", { className: "balance-info", children: [
           formatUSD(bigIntToNumber({ value: balance, decimals })),
           " ",
-          selectedCoin,
+          uiTokenSymbol(selectedCoin),
           " available"
         ] }) : /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "loading", "aria-label": "balance-loading" }) })
       ]
@@ -6163,6 +6175,7 @@ var COIN_LIST2 = {
   USD: USD_default,
   USDT: USDT_default,
   USD1: USD1_default,
+  BTC: BTC_default,
   WBTC: BTC_default,
   WETH: Ethereum_default,
   WSOL: Solana_default,
@@ -6185,7 +6198,6 @@ function TokenIcon({
 
 // src/components/reusable/CoinDropdown.tsx
 var import_jsx_runtime65 = require("react/jsx-runtime");
-var displaySymbol = (sym) => sym === "WETH" ? "ETH" : sym === "WSOL" ? "SOL" : sym ?? "";
 var CoinDropdown = ({
   isSourceChain = true
 }) => {
@@ -6254,7 +6266,7 @@ var CoinDropdown = ({
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "coin-wrapper", children: tokenSymbol ? /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(import_jsx_runtime65.Fragment, { children: [
           /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(TokenIcon, { symbol: tokenSymbol, width: 24, height: 24 }),
-          /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "coin", children: displaySymbol(tokenSymbol) })
+          /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "coin", children: uiTokenSymbol(tokenSymbol) })
         ] }) : /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "coin placeholder", children: "Select token" }) }),
         /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
           "div",
@@ -6270,7 +6282,7 @@ var CoinDropdown = ({
                 },
                 children: [
                   /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(TokenIcon, { symbol: token.symbol, width: 24, height: 24 }),
-                  /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("p", { children: displaySymbol(token.symbol) })
+                  /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("p", { children: uiTokenSymbol(token.symbol) })
                 ]
               },
               token.symbol
@@ -6332,6 +6344,8 @@ var FeeDeductionRadioButtons = ({ disabled }) => {
   const targetCurrency = (0, import_react_redux31.useSelector)(selectTargetCurrency);
   const theme = (0, import_react_redux31.useSelector)(selectTheme);
   const isSubmitted = (0, import_react_redux31.useSelector)(selectSubmitted);
+  const uiSourceCurrency = uiTokenSymbol(sourceCurrency);
+  const uiTargetCurrency = uiTokenSymbol(targetCurrency);
   const handleChange = (value) => {
     dispatch(setFeeDeduct(value));
   };
@@ -6349,9 +6363,9 @@ var FeeDeductionRadioButtons = ({ disabled }) => {
       ),
       /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("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(
+      )} ${uiSourceCurrency} ${["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}` })
+      )} ${uiTargetCurrency} ${["BANK", "CC"].includes(targetNetwork.shortName) ? "with" : "in"} ${targetNetwork.name}` })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("label", { className: `fee-option ${disabled ? "disabled" : ""}`, children: [
       /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
@@ -6366,9 +6380,9 @@ var FeeDeductionRadioButtons = ({ disabled }) => {
       ),
       /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("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(
+      )} ${uiSourceCurrency} ${["BANK", "CC"].includes(sourceNetwork.shortName) ? "with" : "in"} ${sourceNetwork.name} to receive $${formatterFloat.format(
         Number(amount)
-      )} ${targetCurrency} ${["BANK", "CC"].includes(targetNetwork.shortName) ? "with" : "in"} ${targetNetwork.name}` })
+      )} ${uiTargetCurrency} ${["BANK", "CC"].includes(targetNetwork.shortName) ? "with" : "in"} ${targetNetwork.name}` })
     ] })
   ] }) });
 };
@@ -6425,6 +6439,14 @@ var ConfirmDetails = ({
   );
   const sourceCurrency = (0, import_react_redux32.useSelector)(selectSourceCurrency);
   const targetCurrency = (0, import_react_redux32.useSelector)(selectTargetCurrency);
+  const uiSourceCurrency = (0, import_react47.useMemo)(
+    () => uiTokenSymbol(sourceCurrency),
+    [sourceCurrency]
+  );
+  const uiTargetCurrency = (0, import_react47.useMemo)(
+    () => uiTokenSymbol(targetCurrency),
+    [targetCurrency]
+  );
   const { width, updateWidth } = useWidth_default();
   const isSwap = (0, import_react47.useMemo)(
     () => !isSamePeggedToken(
@@ -6490,8 +6512,8 @@ var ConfirmDetails = ({
     /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("p", { children: [
       "Step ",
       isApproved ? "2" : "1",
-      "\xA0of 2\xA0\xA0\xA0",
-      isApproved ? "Submit transaction" : originNetwork.shortName === "FIAT" /* FIAT */ ? "Bank Details" : "Approval"
+      "\xA0of 2:\xA0\xA0\xA0",
+      isApproved ? isSwap ? "Submit Swap Transaction" : "Submit Transfer Transaction" : originNetwork.shortName === "FIAT" /* FIAT */ ? "Bank Details" : "Approval"
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "detail-item", children: [
       /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("span", { className: "label", children: [
@@ -6513,7 +6535,7 @@ var ConfirmDetails = ({
         /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "coin-details", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("p", { children: [
           formatBigInt(amountToTransferBig),
           " ",
-          sourceCurrency
+          uiSourceCurrency
         ] }) })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "amount-details", children: [
@@ -6538,7 +6560,7 @@ var ConfirmDetails = ({
               /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("span", { className: "service-fee", children: [
                 formatBigInt(totalFee),
                 " ",
-                sourceCurrency
+                uiSourceCurrency
               ] })
             ]
           }
@@ -6550,7 +6572,7 @@ var ConfirmDetails = ({
           /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("span", { className: "service-fee", children: [
             formatBigInt(combinedSwapFees),
             " ",
-            sourceCurrency
+            uiSourceCurrency
           ] })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "amount-details", children: [
@@ -6558,7 +6580,7 @@ var ConfirmDetails = ({
           /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("span", { className: "service-fee", children: [
             formatBigInt(kimaFee),
             " ",
-            sourceCurrency
+            uiSourceCurrency
           ] })
         ] })
       ] }) : /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_jsx_runtime68.Fragment, { children: [
@@ -6567,7 +6589,7 @@ var ConfirmDetails = ({
           /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("span", { className: "service-fee", children: [
             formatBigInt(sourceFee),
             " ",
-            sourceCurrency
+            uiSourceCurrency
           ] })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "amount-details", children: [
@@ -6579,7 +6601,7 @@ var ConfirmDetails = ({
           /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("span", { className: "service-fee", children: [
             formatBigInt(targetFee),
             " ",
-            targetCurrency
+            uiTargetCurrency
           ] })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "amount-details", children: [
@@ -6587,7 +6609,7 @@ var ConfirmDetails = ({
           /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("span", { className: "service-fee", children: [
             formatBigInt(kimaFee),
             " ",
-            sourceCurrency
+            uiSourceCurrency
           ] })
         ] })
       ] }) }),
@@ -6596,7 +6618,7 @@ var ConfirmDetails = ({
         /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("span", { className: "service-fee", children: [
           formatBigInt(targetTransferBig),
           " ",
-          targetCurrency
+          uiTargetCurrency
         ] })
       ] })
     ] }) }),
@@ -6680,29 +6702,20 @@ var import_jsx_runtime70 = require("react/jsx-runtime");
 var import_react49 = require("react");
 var import_react_redux35 = require("react-redux");
 var import_jsx_runtime71 = require("react/jsx-runtime");
-var stepInfo = [
-  {
-    title: "Initialize"
-  },
-  {
-    title: "Source Transfer"
-  },
-  {
-    title: "Validation"
-  },
-  {
-    title: "Target Transfer"
-  },
-  {
-    title: "Finalize"
-  }
+var DEFAULT_STEPS = [
+  { title: "Initialize" },
+  { title: "Source Transfer" },
+  { title: "Validation" },
+  { title: "Target Transfer" },
+  { title: "Finalize" }
 ];
-var StepBox = ({ step, errorStep, loadingStep, data }) => {
+var StepBox = ({ step, errorStep, loadingStep, data, steps }) => {
   const theme = (0, import_react_redux35.useSelector)(selectTheme);
   const explorerUrl = (0, import_react_redux35.useSelector)(selectKimaExplorer);
   const networkOption = (0, import_react_redux35.useSelector)(selectNetworkOption);
   const networks = (0, import_react_redux35.useSelector)(selectNetworks);
   const { width: windowWidth } = useWidth_default();
+  const stepInfo = steps ?? DEFAULT_STEPS;
   const sourceChain = (0, import_react49.useMemo)(() => {
     const sourceKey = data?.sourceChain === "FIAT" ? "CC" : data?.sourceChain;
     return networks.find((network) => network.shortName === sourceKey);
@@ -6801,7 +6814,7 @@ var StepBox = ({ step, errorStep, loadingStep, data }) => {
         /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(CopyButton_default, { text: data?.tssReleaseHash || "" })
       ] })
     ] }) : null
-  ] }, item.title)) }) });
+  ] }, `${item.title}-${index}`)) }) });
 };
 var StepBox_default = StepBox;
 
@@ -6929,45 +6942,49 @@ var useDebugCode = (sequence = ["D", "E", "B", "U", "G"]) => {
 };
 
 // src/widgets/common/KimaWidgetWrapper.tsx
-var import_react65 = require("@reown/appkit/react");
-var import_react66 = require("react");
+var import_react67 = require("@reown/appkit/react");
+var import_react68 = require("react");
 var import_react_redux57 = require("react-redux");
 
 // src/widgets/transaction/components/TransactionWidget.tsx
-var import_react53 = require("react");
+var import_react54 = require("react");
 
 // src/components/reusable/Progressbar.tsx
+var import_react51 = require("react");
 var import_react_redux37 = require("react-redux");
 var import_jsx_runtime73 = require("react/jsx-runtime");
-var stepInfo2 = [
-  {
-    title: "Initialize"
-  },
-  {
-    title: "Source Transfer"
-  },
-  {
-    title: "Validation"
-  },
-  {
-    title: "Target Transfer"
-  },
-  {
-    title: "Finalize"
-  }
+var DEFAULT_STEPS2 = [
+  { title: "Initialize" },
+  { title: "Source Transfer" },
+  { title: "Validation" },
+  { title: "Target Transfer" },
+  { title: "Finalize" }
 ];
-var Progressbar = ({ step, errorStep, setFocus, loadingStep }) => {
+var Progressbar = ({
+  step,
+  errorStep,
+  setFocus,
+  loadingStep,
+  steps
+}) => {
   const theme = (0, import_react_redux37.useSelector)(selectTheme);
+  const stepInfo = steps ?? DEFAULT_STEPS2;
+  const lastIndex = stepInfo.length - 1;
+  const pct = (0, import_react51.useMemo)(() => {
+    if (lastIndex <= 0) return 0;
+    const clamped = Math.max(0, Math.min(step, lastIndex));
+    return clamped * 100 / lastIndex;
+  }, [step, lastIndex]);
   return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "kima-progressbar", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: `value step-${step * 100 / 4}` }),
-    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "step-indicators", children: stepInfo2.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "value", style: { width: `${pct}%` } }),
+    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "step-indicators", children: stepInfo.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
       "div",
       {
         className: `step ${step === index && "active"} 
                   ${step >= index ? index === errorStep ? "error" : "completed" : ""} 
                   ${step < index && "locked"} ${theme.colorMode}`,
         onClick: () => {
-          if (index < 4) setFocus(index);
+          if (index < lastIndex) setFocus(index);
         },
         children: /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "step-info", children: [
           step < index && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Lock_default, {}),
@@ -6975,7 +6992,7 @@ var Progressbar = ({ step, errorStep, setFocus, loadingStep }) => {
           /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { children: item.title })
         ] })
       },
-      item.title
+      `${item.title}-${index}`
     )) })
   ] });
 };
@@ -6988,7 +7005,7 @@ var import_react_redux42 = require("react-redux");
 var import_react_hot_toast2 = require("react-hot-toast");
 
 // src/widgets/transaction/hooks/useTxData.ts
-var import_react51 = require("react");
+var import_react52 = require("react");
 var import_react_query17 = require("@tanstack/react-query");
 
 // src/services/transactionApi.ts
@@ -7087,7 +7104,7 @@ var getTxData = async ({
 // src/widgets/transaction/hooks/useTxData.ts
 var POLLING_INTERVAL_MS = 1e3 * 10;
 var useTxData = (txId, dAppOption, backendUrl, isSwap) => {
-  const refPollForUpdates = (0, import_react51.useRef)(false);
+  const refPollForUpdates = (0, import_react52.useRef)(false);
   const isLP = dAppOption === "LPAdd" /* LPAdd */ || dAppOption === "LPDrain" /* LPDrain */;
   const validTxId = typeof txId === "number" ? txId > 0 : txId.toString().length > 0;
   return (0, import_react_query17.useQuery)({
@@ -7128,7 +7145,7 @@ var TransactionStatusMessage = ({
 var TransactionStatusMessage_default = TransactionStatusMessage;
 
 // src/components/reusable/TransactionSearch.tsx
-var import_react52 = require("react");
+var import_react53 = require("react");
 var import_react_redux38 = require("react-redux");
 var import_react_redux39 = require("react-redux");
 var import_react_hot_toast = __toESM(require("react-hot-toast"), 1);
@@ -7137,8 +7154,8 @@ var TransactionSearch = () => {
   const theme = (0, import_react_redux38.useSelector)(selectTheme);
   const backendUrl = (0, import_react_redux38.useSelector)(selectBackendUrl);
   const dispatch = (0, import_react_redux39.useDispatch)();
-  const [transactionId, setTransactionId] = (0, import_react52.useState)("");
-  const refPollForUpdates = (0, import_react52.useRef)(false);
+  const [transactionId, setTransactionId] = (0, import_react53.useState)("");
+  const refPollForUpdates = (0, import_react53.useRef)(false);
   const handleSearch = async () => {
     if (transactionId.length <= 0)
       return import_react_hot_toast.default.error("You must provide a valid transaction id", {
@@ -7186,14 +7203,57 @@ var TransactionSearch_default = TransactionSearch;
 
 // src/widgets/transaction/components/TransactionWidget.tsx
 var import_jsx_runtime76 = require("react/jsx-runtime");
+var TRANSFER_STEPS = [
+  { title: "Initialize" },
+  { title: "Source Transfer" },
+  { title: "Validation" },
+  { title: "Target Transfer" },
+  { title: "Finalize" }
+];
+var SWAP_STEPS = [
+  { title: "Initialize" },
+  { title: "Source Transfer" },
+  { title: "Swap" },
+  { title: "Target Transfer" },
+  { title: "Finalize" }
+];
+var normalizeStatus = (s) => (s ?? "").toString().trim().toUpperCase().replace(/[\s-]+/g, "_");
+var compact = (s) => s.replace(/_/g, "");
+var displaySymbol = (sym) => uiTokenSymbol(sym);
+var formatTruncMaxDecimals = (value, maxDecimals = 4, maxExtraDecimals = 12) => {
+  const n = Number(value);
+  if (!Number.isFinite(n)) return "";
+  const abs = Math.abs(n);
+  const baseFactor = 10 ** maxDecimals;
+  const baseTrunc = Math.trunc(n * baseFactor) / baseFactor;
+  if (abs === 0 || baseTrunc !== 0) {
+    const fixed2 = baseTrunc.toFixed(maxDecimals);
+    return fixed2.replace(/\.?0+$/, "");
+  }
+  let d = maxDecimals + 1;
+  const maxD = maxDecimals + maxExtraDecimals;
+  while (d <= maxD) {
+    const factor = 10 ** d;
+    const trunc = Math.trunc(n * factor) / factor;
+    if (trunc !== 0) {
+      const fixed2 = trunc.toFixed(d);
+      return fixed2.replace(/\.?0+$/, "");
+    }
+    d += 1;
+  }
+  const capFactor = 10 ** maxD;
+  const capTrunc = Math.trunc(n * capFactor) / capFactor;
+  const fixed = capTrunc.toFixed(maxD);
+  return fixed.replace(/\.?0+$/, "");
+};
 var TransactionWidget = ({ theme }) => {
-  const [step, setStep] = (0, import_react53.useState)(0);
-  const [focus, setFocus] = (0, import_react53.useState)(-1);
-  const [errorStep, setErrorStep] = (0, import_react53.useState)(-1);
-  const [errorMessage, setErrorMessage] = (0, import_react53.useState)("");
-  const [loadingStep, setLoadingStep] = (0, import_react53.useState)(-1);
-  const [minimized, setMinimized] = (0, import_react53.useState)(false);
-  const [isComplete, setIsComplete] = (0, import_react53.useState)(false);
+  const [step, setStep] = (0, import_react54.useState)(0);
+  const [focus, setFocus] = (0, import_react54.useState)(-1);
+  const [errorStep, setErrorStep] = (0, import_react54.useState)(-1);
+  const [errorMessage, setErrorMessage] = (0, import_react54.useState)("");
+  const [loadingStep, setLoadingStep] = (0, import_react54.useState)(-1);
+  const [minimized, setMinimized] = (0, import_react54.useState)(false);
+  const [isComplete, setIsComplete] = (0, import_react54.useState)(false);
   const dispatch = (0, import_react_redux42.useDispatch)();
   const explorerUrl = (0, import_react_redux41.useSelector)(selectKimaExplorer);
   const mode = (0, import_react_redux41.useSelector)(selectMode);
@@ -7220,8 +7280,12 @@ var TransactionWidget = ({ theme }) => {
   );
   const isSwapBy3Letters = three(sourceSymbol) !== three(targetSymbol);
   const widgetIsSwap = mode === "status" /* status */ ? isSwapBy3Letters : isSwapByPegged;
+  const steps = (0, import_react54.useMemo)(
+    () => widgetIsSwap ? SWAP_STEPS : TRANSFER_STEPS,
+    [widgetIsSwap]
+  );
   const { width: windowWidth, updateWidth } = useWidth_default();
-  (0, import_react53.useEffect)(() => {
+  (0, import_react54.useEffect)(() => {
     windowWidth === 0 && updateWidth(window.innerWidth);
   }, [windowWidth, updateWidth]);
   const safeTxId = typeof txId === "string" || typeof txId === "number" ? txId : -1;
@@ -7231,80 +7295,93 @@ var TransactionWidget = ({ theme }) => {
     backendUrl,
     widgetIsSwap
   );
-  const transactionSourceChain = (0, import_react53.useMemo)(
+  const transactionSourceChain = (0, import_react54.useMemo)(
     () => networks.find(
       (network) => network.shortName === (mode === "status" /* status */ ? data?.sourceChain === "FIAT" ? "CC" : data?.sourceChain : sourceChain.shortName)
     ),
     [data, mode, sourceChain, networks]
   );
-  const transactionTargetChain = (0, import_react53.useMemo)(
+  const transactionTargetChain = (0, import_react54.useMemo)(
     () => networks.find(
       (network) => network.shortName === (mode === "status" /* status */ ? data?.targetChain : targetChain.shortName)
     ),
     [data, mode, targetChain, networks]
   );
-  const isValidTxId = (0, import_react53.useMemo)(() => {
+  const isValidTxId = (0, import_react54.useMemo)(() => {
     return !(safeTxId === -1 || typeof safeTxId === "string" && safeTxId.length === 0);
   }, [safeTxId]);
-  const isEmptyStatus = (0, import_react53.useMemo)(() => {
+  const isEmptyStatus = (0, import_react54.useMemo)(() => {
     if (!data) return true;
     return data?.amount === "";
   }, [data]);
   const showFetchingTitle = isValidTxId && isEmptyStatus;
-  (0, import_react53.useEffect)(() => {
+  (0, import_react54.useEffect)(() => {
     if (!data || data.status !== "Completed" /* COMPLETED */) return;
     successHandler && successHandler({
       txId: safeTxId
     });
   }, [data, successHandler, safeTxId]);
-  (0, import_react53.useEffect)(() => {
+  (0, import_react54.useEffect)(() => {
     if (!data) return;
     if (data.status === "Completed" /* COMPLETED */) {
       setIsComplete(true);
     }
   }, [data]);
-  (0, import_react53.useEffect)(() => {
+  (0, import_react54.useEffect)(() => {
     if (error)
       import_react_hot_toast2.toast.error(
         "The provided transaction id is not valid, please use a different one or contact support for further assistance",
         { icon: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Error_default, {}) }
       );
   }, [error]);
-  (0, import_react53.useEffect)(() => {
-    const norm = (s2) => (s2 ?? "").toString().trim().toUpperCase().replace(/[\s_]/g, "");
-    const s = norm(data?.status);
-    if (!data || !s) {
+  (0, import_react54.useEffect)(() => {
+    const raw = normalizeStatus(data?.status);
+    const s = compact(raw);
+    const is = (candidate) => {
+      const cRaw = normalizeStatus(candidate);
+      return raw === cRaw || s === compact(cRaw);
+    };
+    if (!data || !raw) {
       setStep(0);
       setLoadingStep(0);
       return;
     }
-    logger_default.debug("tx status (normalized):", s, data?.failReason, errorMessage);
+    logger_default.debug("[TransactionWidget] status", { raw, widgetIsSwap, errorMessage });
     setErrorStep(-1);
-    if (s === "AVAILABLE" || s === "PULLED") {
-      setStep(1);
-      setLoadingStep(1);
-      return;
-    }
-    if (s === "CONFIRMED") {
-      setStep(2);
-      setLoadingStep(2);
+    if (is("DECLINED_INVALID") || is("DECLINEDINVALID")) {
+      setStep(0);
+      setErrorStep(0);
+      setLoadingStep(-1);
+      import_react_hot_toast2.toast.error("Invalid signature!");
       return;
     }
-    if (s.startsWith("UNAVAILABLE")) {
+    if (raw.startsWith("UNAVAILABLE")) {
       setStep(1);
       setErrorStep(1);
       setLoadingStep(-1);
-      logger_default.error("transaction failed:", data?.failReason);
       import_react_hot_toast2.toast.error("Unavailable", { icon: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Error_default, {}) });
       setErrorMessage("Unavailable");
       return;
     }
-    if (s === "PAID") {
+    if (is("FAILED_TO_PULL") || is("FAILEDTOPULL")) {
+      setStep(1);
+      setErrorStep(1);
+      setLoadingStep(-1);
+      import_react_hot_toast2.toast.error("Failed to pull tokens from source!", { icon: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Error_default, {}) });
+      setErrorMessage("Failed to pull tokens from source!");
+      return;
+    }
+    if (is("FAILED_TO_PAY") || is("FAILEDTOPAY")) {
       setStep(3);
-      setLoadingStep(3);
+      setErrorStep(3);
+      setLoadingStep(-1);
+      import_react_hot_toast2.toast.error("Failed to release tokens to target!", {
+        icon: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Error_default, {})
+      });
+      setErrorMessage("Failed to release tokens to target!");
       return;
     }
-    if (s === "REFUNDSTART" || s === "REFUNDSTARTED") {
+    if (is("REFUND_START") || is("REFUND_STARTED") || is("REFUNDSTART") || is("REFUNDSTARTED")) {
       setStep(3);
       setLoadingStep(3);
       import_react_hot_toast2.toast.error(
@@ -7316,7 +7393,7 @@ var TransactionWidget = ({ theme }) => {
       );
       return;
     }
-    if (s === "REFUNDFAILED") {
+    if (is("REFUND_FAILED") || is("REFUNDFAILED")) {
       setStep(3);
       setErrorStep(3);
       setLoadingStep(-1);
@@ -7324,7 +7401,7 @@ var TransactionWidget = ({ theme }) => {
       setErrorMessage("Failed to refund tokens to source!");
       return;
     }
-    if (s === "REFUNDCOMPLETED") {
+    if (is("REFUND_COMPLETED") || is("REFUNDCOMPLETED")) {
       setStep(4);
       setErrorStep(3);
       setLoadingStep(-1);
@@ -7332,48 +7409,60 @@ var TransactionWidget = ({ theme }) => {
       setErrorMessage("Refund completed!");
       return;
     }
-    if (s === "FAILEDTOPAY") {
-      setStep(3);
-      setErrorStep(3);
-      setLoadingStep(-1);
-      logger_default.error("transaction failed:", data?.failReason);
-      import_react_hot_toast2.toast.error("Failed to release tokens to target!", {
-        icon: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Error_default, {})
-      });
-      setErrorMessage("Failed to release tokens to target!");
+    if (widgetIsSwap) {
+      if (is("AVAILABLE") || is("PULLED") || is("PULL_CONFIRMED") || is("CONFIRMED")) {
+        setStep(1);
+        setLoadingStep(1);
+        return;
+      }
+      if (is("SWAP_APPROVED") || is("SWAP_APPROVE_CONFIRMED") || is("SWAPPED") || is("SWAP_CONFIRMED")) {
+        setStep(2);
+        setLoadingStep(2);
+        return;
+      }
+      if (is("PAID")) {
+        setStep(3);
+        setLoadingStep(3);
+        return;
+      }
+      if (is("COMPLETED")) {
+        setStep(4);
+        setLoadingStep(-1);
+        return;
+      }
+      setStep((prev) => Math.max(prev, 1));
+      setLoadingStep((prev) => Math.max(prev, 1));
       return;
     }
-    if (s === "FAILEDTOPULL") {
+    if (is("AVAILABLE") || is("PULLED")) {
       setStep(1);
-      setErrorStep(1);
-      setLoadingStep(-1);
-      logger_default.error("transaction failed:", data?.failReason);
-      import_react_hot_toast2.toast.error("Failed to pull tokens from source!", { icon: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Error_default, {}) });
-      setErrorMessage("Failed to pull tokens from source!");
+      setLoadingStep(1);
       return;
     }
-    if (s === "COMPLETED") {
-      setStep(4);
-      setLoadingStep(-1);
+    if (is("CONFIRMED")) {
+      setStep(2);
+      setLoadingStep(2);
       return;
     }
-    if (s === "DECLINEDINVALID") {
-      setStep(0);
-      setErrorStep(0);
+    if (is("PAID")) {
+      setStep(3);
+      setLoadingStep(3);
+      return;
+    }
+    if (is("COMPLETED")) {
+      setStep(4);
       setLoadingStep(-1);
-      import_react_hot_toast2.toast.error("Invalid signature!");
       return;
     }
-  }, [data?.status]);
-  const fmt3 = (v) => formatterFloat.format(Number(Number(v ?? 0).toFixed(3)));
-  const verb = (0, import_react53.useMemo)(() => {
+  }, [data?.status, widgetIsSwap, errorMessage]);
+  const verb = (0, import_react54.useMemo)(() => {
     if (mode === "status" /* status */) {
       if (isEmptyStatus) return "Fetching transaction status ";
       return data?.status?.toUpperCase?.() === "Completed" /* COMPLETED */ ? widgetIsSwap ? "Swapped " : "Transferred " : widgetIsSwap ? "Swapping " : "Transfering ";
     }
     return data?.status?.toUpperCase?.() === "Completed" /* COMPLETED */ ? widgetIsSwap ? "Swapped " : "Transferred " : widgetIsSwap ? "Swapping " : "Transfering ";
   }, [mode, data?.status, isEmptyStatus, widgetIsSwap]);
-  const originChargeAmount = (0, import_react53.useMemo)(() => {
+  const originChargeAmount = (0, import_react54.useMemo)(() => {
     const submit = txValues.submitAmount;
     const feeInSubmitDec = bigIntChangeDecimals({
       ...totalFee,
@@ -7382,37 +7471,39 @@ var TransactionWidget = ({ theme }) => {
     const val = feeDeduct ? submit.value : submit.value + feeInSubmitDec.value;
     return { value: val, decimals: submit.decimals };
   }, [txValues.submitAmount, totalFee, feeDeduct]);
-  const { leftAmt, rightAmt, leftSym, rightSym } = (0, import_react53.useMemo)(() => {
+  const { leftAmt, rightAmt, leftSym, rightSym } = (0, import_react54.useMemo)(() => {
     if (mode === "status" /* status */) {
       if (widgetIsSwap) {
         const amountIn = data?.amountIn;
         const amountOut = data?.amount ?? "";
+        const left2 = amountIn != null ? amountIn : amountOut !== "" ? amountOut : "";
+        const right2 = amountOut !== "" ? amountOut : "";
         return {
-          leftAmt: amountIn != null ? fmt3(amountIn) : amountOut !== "" ? fmt3(amountOut) : "",
-          rightAmt: amountOut !== "" ? fmt3(amountOut) : "",
-          leftSym: data?.sourceSymbol ?? "",
-          rightSym: data?.targetSymbol ?? ""
+          leftAmt: left2 !== "" ? formatTruncMaxDecimals(left2, 4) : "",
+          rightAmt: right2 !== "" ? formatTruncMaxDecimals(right2, 4) : "",
+          leftSym: displaySymbol(data?.sourceSymbol ?? ""),
+          rightSym: displaySymbol(data?.targetSymbol ?? "")
         };
       }
       const amt = data?.amount ?? "";
       return {
         leftAmt: amt,
         rightAmt: amt,
-        leftSym: data?.sourceSymbol ?? "",
-        rightSym: data?.targetSymbol ?? ""
+        leftSym: displaySymbol(data?.sourceSymbol ?? ""),
+        rightSym: displaySymbol(data?.targetSymbol ?? "")
       };
     }
     const isFiatSrc = (transactionSourceChain?.shortName ?? "") === "CC" || (transactionSourceChain?.shortName ?? "") === "BANK";
     let left = Number(amount) !== 0 ? isFiatSrc ? bigIntToNumber(originChargeAmount).toFixed(2) : formatBigInt(txValues.allowanceAmount) : "";
     let right = Number(amount) !== 0 ? isFiatSrc ? bigIntToNumber(txValues.submitAmount).toFixed(2) : formatBigInt(txValues.submitAmount) : "";
-    let leftSymbol = sourceSymbol;
-    let rightSymbol = targetSymbol;
+    let leftSymbol = displaySymbol(sourceSymbol);
+    let rightSymbol = displaySymbol(targetSymbol);
     if (widgetIsSwap && data && data?.amount != null && data?.amount !== "") {
-      right = fmt3(data.amount);
-      rightSymbol = data?.targetSymbol ?? rightSymbol;
+      right = formatTruncMaxDecimals(data.amount, 4);
+      rightSymbol = displaySymbol(data?.targetSymbol ?? rightSymbol);
       if (data?.amountIn != null) {
-        left = fmt3(data.amountIn);
-        leftSymbol = data?.sourceSymbol ?? leftSymbol;
+        left = formatTruncMaxDecimals(data.amountIn, 4);
+        leftSymbol = displaySymbol(data?.sourceSymbol ?? leftSymbol);
       }
     }
     return {
@@ -7471,7 +7562,7 @@ var TransactionWidget = ({ theme }) => {
       dispatch(setTxId(-1));
       dispatch(setSubmitted(false));
     } catch (e) {
-      logger_default.error("[TransactionWidget] reset failed", e);
+      logger_default.debug("[TransactionWidget] reset failed", e);
       import_react_hot_toast2.toast.error(
         "Unable to reset the transaction view. Please contact support for assistance.",
         { icon: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Error_default, {}) }
@@ -7480,6 +7571,10 @@ var TransactionWidget = ({ theme }) => {
   };
   const swapSrcAmt = data?.amountIn ?? amount;
   const swapDstAmt = data?.amount;
+  const swapSrcAmtLabel = formatTruncMaxDecimals(swapSrcAmt, 4);
+  const swapDstAmtLabel = formatTruncMaxDecimals(swapDstAmt, 4);
+  const swapSrcSymLabel = displaySymbol(data?.sourceSymbol ?? sourceSymbol);
+  const swapDstSymLabel = displaySymbol(data?.targetSymbol ?? targetSymbol);
   return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_react_redux40.Provider, { store: store_default, children: /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
     "div",
     {
@@ -7575,7 +7670,8 @@ var TransactionWidget = ({ theme }) => {
                 focus,
                 errorStep,
                 setFocus,
-                loadingStep
+                loadingStep,
+                steps
               }
             ),
             /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
@@ -7584,7 +7680,8 @@ var TransactionWidget = ({ theme }) => {
                 step,
                 errorStep,
                 loadingStep,
-                data
+                data,
+                steps
               }
             )
           ] }) : /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "transaction-content transaction-complete", children: [
@@ -7597,18 +7694,19 @@ var TransactionWidget = ({ theme }) => {
                 children: [
                   /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("p", { children: widgetIsSwap ? /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(import_jsx_runtime76.Fragment, { children: [
                     "You just swapped ",
-                    fmt3(swapSrcAmt),
+                    swapSrcAmtLabel,
+                    " ",
+                    swapSrcSymLabel,
                     " ",
-                    data?.sourceSymbol,
-                    " for ",
-                    fmt3(swapDstAmt),
+                    "for ",
+                    swapDstAmtLabel,
                     " ",
-                    data?.targetSymbol
+                    swapDstSymLabel
                   ] }) : /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(import_jsx_runtime76.Fragment, { children: [
                     "You just transferred ",
                     data?.amount,
                     " ",
-                    data?.sourceSymbol
+                    displaySymbol(data?.sourceSymbol)
                   ] }) }),
                   /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "header-network-labels", children: [
                     /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
@@ -8035,7 +8133,7 @@ var useSubmitTransaction = (isSubmitting, setIsSubmitting) => {
 var useSubmitTransaction_default = useSubmitTransaction;
 
 // src/widgets/transfer/hooks/useValidateTransaction.tsx
-var import_react54 = require("react");
+var import_react55 = require("react");
 var import_viem7 = require("viem");
 var import_react_redux45 = require("react-redux");
 var useValidateTransaction = (inputs) => {
@@ -8066,11 +8164,11 @@ var useValidateTransaction = (inputs) => {
   const tgtNet = (0, import_react_redux45.useSelector)(selectTargetChain);
   const srcCur = (0, import_react_redux45.useSelector)(selectSourceCurrency);
   const tgtCur = (0, import_react_redux45.useSelector)(selectTargetCurrency);
-  const isSwap = (0, import_react54.useMemo)(
+  const isSwap = (0, import_react55.useMemo)(
     () => !isSamePeggedToken(srcNet, srcCur, tgtNet, tgtCur),
     [srcNet, srcCur, tgtNet, tgtCur]
   );
-  const maxValue = (0, import_react54.useMemo)(() => {
+  const maxValue = (0, import_react55.useMemo)(() => {
     logger_default.debug("useValidateTransaction: maxValue: ", inputs);
     if (!balance) return 0n;
     if (totalFee <= 0n) return balance;
@@ -8185,8 +8283,8 @@ var useValidateTransaction = (inputs) => {
 var useValidateTransaction_default = useValidateTransaction;
 
 // src/widgets/transfer/components/TransferWidget.tsx
-var import_react64 = require("react");
-var import_react_hot_toast4 = __toESM(require("react-hot-toast"), 1);
+var import_react66 = require("react");
+var import_react_hot_toast10 = __toESM(require("react-hot-toast"), 1);
 var import_react_redux56 = require("react-redux");
 var import_viem9 = require("viem");
 
@@ -8226,12 +8324,12 @@ var WarningModal_default = WarningModal;
 
 // src/components/reusable/SingleForm.tsx
 var import_viem8 = require("viem");
-var import_react56 = require("react");
+var import_react57 = require("react");
 var import_react_hot_toast3 = require("react-hot-toast");
 var import_react_redux47 = require("react-redux");
 
 // src/components/primary/NetworkSelector.tsx
-var import_react55 = __toESM(require("react"), 1);
+var import_react56 = __toESM(require("react"), 1);
 var import_react_redux46 = require("react-redux");
 var import_jsx_runtime78 = require("react/jsx-runtime");
 var NetworkSelector = ({
@@ -8239,8 +8337,8 @@ var NetworkSelector = ({
   initialSelection,
   setInitialSelection
 }) => {
-  const [collapsed, setCollapsed] = (0, import_react55.useState)(true);
-  const ref = (0, import_react55.useRef)(null);
+  const [collapsed, setCollapsed] = (0, import_react56.useState)(true);
+  const ref = (0, import_react56.useRef)(null);
   const dispatch = (0, import_react_redux46.useDispatch)();
   const theme = (0, import_react_redux46.useSelector)(selectTheme);
   const networkOptions = (0, import_react_redux46.useSelector)(selectNetworks);
@@ -8254,7 +8352,7 @@ var NetworkSelector = ({
   const currentTargetAddr = (0, import_react_redux46.useSelector)(selectTargetAddress);
   const { switchChainHandler } = useKimaContext();
   const isOriginSelector = type === "origin";
-  (0, import_react55.useEffect)(() => {
+  (0, import_react56.useEffect)(() => {
     logger_default.info("[NetworkSelector] mount", {
       type,
       mode,
@@ -8263,7 +8361,7 @@ var NetworkSelector = ({
       targetShort: targetNetwork?.shortName
     });
   }, []);
-  const networks = (0, import_react55.useMemo)(() => {
+  const networks = (0, import_react56.useMemo)(() => {
     const result = networkOptions.filter((network) => {
       if (dAppOption !== "none" /* None */ && network.shortName === "CC")
         return false;
@@ -8288,7 +8386,7 @@ var NetworkSelector = ({
     isOriginSelector
   ]);
   const shouldLockSourceNetwork = isOriginSelector && mode === "payment" /* payment */ && dAppOption !== "none" /* None */ && !!transactionOption?.targetChain;
-  const selectedNetwork = (0, import_react55.useMemo)(() => {
+  const selectedNetwork = (0, import_react56.useMemo)(() => {
     if (shouldLockSourceNetwork) {
       const forced = networks.find(
         (n) => n.shortName === transactionOption.targetChain
@@ -8327,8 +8425,8 @@ var NetworkSelector = ({
     shouldLockSourceNetwork,
     transactionOption?.targetChain
   ]);
-  const lastForcedShort = (0, import_react55.useRef)();
-  (0, import_react55.useEffect)(() => {
+  const lastForcedShort = (0, import_react56.useRef)();
+  (0, import_react56.useEffect)(() => {
     if (!shouldLockSourceNetwork || !isOriginSelector || !transactionOption?.targetChain)
       return;
     const forcedNetwork = networks.find(
@@ -8443,7 +8541,7 @@ var NetworkSelector = ({
     }
     setCollapsed(true);
   };
-  (0, import_react55.useEffect)(() => {
+  (0, import_react56.useEffect)(() => {
     const handleOutsideClick = (e) => {
       if (ref.current && !ref.current.contains(e.target)) {
         setCollapsed(true);
@@ -8452,7 +8550,7 @@ var NetworkSelector = ({
     document.addEventListener("mousedown", handleOutsideClick);
     return () => document.removeEventListener("mousedown", handleOutsideClick);
   }, []);
-  (0, import_react55.useEffect)(() => {
+  (0, import_react56.useEffect)(() => {
     if (mode !== "light" /* light */) return;
     let srcDemo = "";
     if (isEVMChain(sourceNetwork.shortName)) srcDemo = lightDemoAccounts.EVM;
@@ -8524,7 +8622,7 @@ var NetworkSelector = ({
     }
   );
 };
-var NetworkSelector_default = import_react55.default.memo(NetworkSelector);
+var NetworkSelector_default = import_react56.default.memo(NetworkSelector);
 
 // src/components/reusable/SingleForm.tsx
 var import_jsx_runtime79 = require("react/jsx-runtime");
@@ -8546,7 +8644,7 @@ var SingleForm = ({
   const targetNetwork = (0, import_react_redux47.useSelector)(selectTargetChain);
   const targetAddress = (0, import_react_redux47.useSelector)(selectTargetAddress);
   const { isReady } = useIsWalletReady_default();
-  const [amountValue, setAmountValue] = (0, import_react56.useState)("");
+  const [amountValue, setAmountValue] = (0, import_react57.useState)("");
   const amount = (0, import_react_redux47.useSelector)(selectAmount);
   const sourceCurrency = (0, import_react_redux47.useSelector)(selectSourceCurrency);
   const targetCurrency = (0, import_react_redux47.useSelector)(selectTargetCurrency);
@@ -8554,11 +8652,11 @@ var SingleForm = ({
   const { balance, decimals } = useBalance_default();
   const { kimaBackendUrl } = useKimaContext();
   const { data: envOptions } = useGetEnvOptions({ kimaBackendUrl });
-  const errorMessage = (0, import_react56.useMemo)(
+  const errorMessage = (0, import_react57.useMemo)(
     () => compliantOption && targetCompliant !== null && !targetCompliant?.isCompliant ? `Target address has ${targetCompliant.results?.[0].result.risk_score} risk` : "",
     [compliantOption, targetCompliant]
   );
-  const maxValue = (0, import_react56.useMemo)(() => {
+  const maxValue = (0, import_react57.useMemo)(() => {
     if (mode === "light" /* light */) {
       const limit = envOptions?.transferLimitMaxUSDT ? parseFloat(envOptions.transferLimitMaxUSDT) : 1e3;
       return BigInt(limit);
@@ -8568,13 +8666,13 @@ var SingleForm = ({
     const intAmount = (0, import_viem8.parseUnits)(amount || "0", totalFee.decimals);
     return balance - intAmount;
   }, [mode, envOptions?.transferLimitMaxUSDT, balance, totalFee, amount]);
-  const feeCurrency = (0, import_react56.useMemo)(() => {
+  const feeCurrency = (0, import_react57.useMemo)(() => {
     const srcToken = sourceNetwork.supportedTokens.find(
       (t) => t.symbol === sourceCurrency
     );
     return srcToken?.peggedTo ?? "USD";
   }, [sourceNetwork, sourceCurrency]);
-  const canQuoteFees = (0, import_react56.useMemo)(() => {
+  const canQuoteFees = (0, import_react57.useMemo)(() => {
     const haveBasics = !!backendUrl && !!amount && !!sourceNetwork?.shortName && !!sourceCurrency && !!targetNetwork?.shortName && !!targetCurrency;
     if (!haveBasics) return false;
     const requiresSourceAddress = !["BANK", "CC"].includes(
@@ -8593,11 +8691,11 @@ var SingleForm = ({
     sourceAddress,
     targetAddress
   ]);
-  (0, import_react56.useEffect)(() => {
+  (0, import_react57.useEffect)(() => {
     if (!errorMessage) return;
     import_react_hot_toast3.toast.error(errorMessage);
   }, [errorMessage]);
-  (0, import_react56.useEffect)(() => {
+  (0, import_react57.useEffect)(() => {
     if (amountValue && amount !== "") return;
     setAmountValue(amount);
   }, [amount, amountValue]);
@@ -8636,7 +8734,7 @@ var SingleForm = ({
       );
     }
   };
-  const demoSourceAddress = (0, import_react56.useMemo)(() => {
+  const demoSourceAddress = (0, import_react57.useMemo)(() => {
     if (mode !== "light" /* light */) return "";
     const short = sourceNetwork?.shortName;
     if (!short) return "";
@@ -8645,7 +8743,7 @@ var SingleForm = ({
     if (lightDemoNetworks.includes(short)) return lightDemoAccounts.EVM;
     return "";
   }, [mode, sourceNetwork?.shortName]);
-  const isConnectedSourceWrapper = (0, import_react56.useMemo)(() => {
+  const isConnectedSourceWrapper = (0, import_react57.useMemo)(() => {
     if (mode === "light" /* light */) {
       const on2 = !!demoSourceAddress;
       logger_default.debug("[SingleForm] source wrapper connected (LIGHT)?", {
@@ -8678,7 +8776,7 @@ var SingleForm = ({
     demoSourceAddress,
     sourceNetwork?.shortName
   ]);
-  const isConnectedTargetWrapper = (0, import_react56.useMemo)(() => {
+  const isConnectedTargetWrapper = (0, import_react57.useMemo)(() => {
     if (mode !== "light" /* light */) return false;
     const on = !!targetAddress;
     logger_default.debug("[SingleForm] target wrapper connected (LIGHT)?", {
@@ -8688,13 +8786,13 @@ var SingleForm = ({
     });
     return on;
   }, [mode, targetAddress, targetNetwork?.shortName]);
-  const isConnected = (0, import_react56.useMemo)(() => {
+  const isConnected = (0, import_react57.useMemo)(() => {
     if (mode === "payment" /* payment */ && dAppOption !== "none" /* None */) {
       return isReady;
     }
     return isReady && !initialSelection.sourceSelection;
   }, [isReady, initialSelection, mode, dAppOption]);
-  (0, import_react56.useEffect)(() => {
+  (0, import_react57.useEffect)(() => {
     logger_default.debug("[SingleForm] snapshot", {
       mode,
       srcShort: sourceNetwork?.shortName,
@@ -8842,7 +8940,7 @@ var SingleForm = ({
 var SingleForm_default = SingleForm;
 
 // src/components/reusable/FiatWidget.tsx
-var import_react57 = require("react");
+var import_react58 = require("react");
 var import_react_redux48 = require("react-redux");
 var import_uuid = require("uuid");
 
@@ -8880,8 +8978,8 @@ var FiatWidget = ({ submitCallback }) => {
   const sourceCurrency = (0, import_react_redux48.useSelector)(selectSourceCurrency);
   const sourceChain = (0, import_react_redux48.useSelector)(selectSourceChain);
   const { transactionValues } = (0, import_react_redux48.useSelector)(selectServiceFee);
-  const ccTransactionIdSeedRef = (0, import_react57.useRef)((0, import_uuid.v4)());
-  const ccTransactionSubmittedRef = (0, import_react57.useRef)(false);
+  const ccTransactionIdSeedRef = (0, import_react58.useRef)((0, import_uuid.v4)());
+  const ccTransactionSubmittedRef = (0, import_react58.useRef)(false);
   const { data: envOptions, isLoading: isEnvLoading } = useGetEnvOptions({
     kimaBackendUrl: backendUrl
   });
@@ -8891,25 +8989,25 @@ var FiatWidget = ({ submitCallback }) => {
     isLoading: isTransactionIdLoading,
     error
   } = useCCTransactionId(backendUrl, ccTransactionIdSeedRef.current);
-  (0, import_react57.useEffect)(() => {
+  (0, import_react58.useEffect)(() => {
     dispatch(setCCTransactionIdSeed(ccTransactionIdSeedRef.current));
     dispatch(setCCTransactionId(data?.transactionId));
   }, [dispatch, data, isTransactionIdLoading]);
   const txValues = feeDeduct ? transactionValues.feeFromTarget : transactionValues.feeFromOrigin;
-  const allowanceAmount = (0, import_react57.useMemo)(
+  const allowanceAmount = (0, import_react58.useMemo)(
     () => formatBigInt(txValues.allowanceAmount),
     [txValues]
   );
-  const [isLoading, setIsLoading] = (0, import_react57.useState)(true);
-  const baseUrl = (0, import_react57.useMemo)(
+  const [isLoading, setIsLoading] = (0, import_react58.useState)(true);
+  const baseUrl = (0, import_react58.useMemo)(
     () => `https://widget2${networkOption === "testnet" /* testnet */ ? "-sandbox" : ""}.depa.wtf`,
     [networkOption]
   );
-  const scenario = (0, import_react57.useMemo)(
+  const scenario = (0, import_react58.useMemo)(
     () => sourceChain.shortName === "CC" ? "direct_card_payment" : "direct_bank_payment",
     [sourceChain]
   );
-  (0, import_react57.useEffect)(() => {
+  (0, import_react58.useEffect)(() => {
     const handleMessage = (event) => {
       if (event.origin !== baseUrl) {
         return;
@@ -8938,7 +9036,7 @@ var FiatWidget = ({ submitCallback }) => {
     window.addEventListener("message", handleMessage);
     return () => window.removeEventListener("message", handleMessage);
   }, []);
-  (0, import_react57.useEffect)(() => {
+  (0, import_react58.useEffect)(() => {
     if (error) dispatch(setCCTransactionStatus("error-id"));
   }, [dispatch, error]);
   return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: `cc-widget ${isLoading ? "loading" : ""}`, children: [
@@ -9038,23 +9136,79 @@ var useDisconnectWallet6 = () => {
 var useDisconnectWallet_default = useDisconnectWallet6;
 
 // src/widgets/transfer/components/solana/SolanaConnectModal.tsx
-var import_react60 = __toESM(require("react"), 1);
+var import_react62 = __toESM(require("react"), 1);
 var import_react_redux52 = require("react-redux");
 var import_wallet_adapter_react8 = require("@solana/wallet-adapter-react");
+var import_react_hot_toast6 = __toESM(require("react-hot-toast"), 1);
+
+// src/shared/lib/wallet.ts
+var isUserRejected = (err) => {
+  if (!err) return false;
+  if (err._kimaUserRejected) return true;
+  if (err.code === 4001) return true;
+  const msg = String(err?.message ?? err);
+  return /UserRejected|denied|canceled|cancelled/i.test(msg);
+};
 
 // src/widgets/transfer/components/solana/SolanaWalletSelect.tsx
-var import_react58 = require("react");
+var import_react60 = require("react");
 var import_react_redux49 = require("react-redux");
 var import_wallet_adapter_react6 = require("@solana/wallet-adapter-react");
 var import_wallet_adapter_base = require("@solana/wallet-adapter-base");
+
+// src/shared/lib/hooks/useHorizontalDragScroll.ts
+var import_react59 = require("react");
+var useHorizontalDragScroll = (ref) => {
+  (0, import_react59.useEffect)(() => {
+    const el = ref.current;
+    if (!el) return;
+    let isDown = false;
+    let startX = 0;
+    let scrollLeft = 0;
+    const onMouseDown = (e) => {
+      isDown = true;
+      el.classList.add("active");
+      startX = e.pageX - el.offsetLeft;
+      scrollLeft = el.scrollLeft;
+    };
+    const onMouseLeave = () => {
+      isDown = false;
+      el.classList.remove("active");
+    };
+    const onMouseUp = () => {
+      isDown = false;
+      el.classList.remove("active");
+    };
+    const onMouseMove = (e) => {
+      if (!isDown) return;
+      e.preventDefault();
+      const x = e.pageX - el.offsetLeft;
+      const walk = (x - startX) * 1;
+      el.scrollLeft = scrollLeft - walk;
+    };
+    el.addEventListener("mousedown", onMouseDown);
+    el.addEventListener("mouseleave", onMouseLeave);
+    el.addEventListener("mouseup", onMouseUp);
+    el.addEventListener("mousemove", onMouseMove);
+    return () => {
+      el.removeEventListener("mousedown", onMouseDown);
+      el.removeEventListener("mouseleave", onMouseLeave);
+      el.removeEventListener("mouseup", onMouseUp);
+      el.removeEventListener("mousemove", onMouseMove);
+    };
+  }, [ref]);
+};
+
+// src/widgets/transfer/components/solana/SolanaWalletSelect.tsx
+var import_react_hot_toast4 = __toESM(require("react-hot-toast"), 1);
 var import_jsx_runtime81 = require("react/jsx-runtime");
 var SolanaWalletSelect = () => {
   const theme = (0, import_react_redux49.useSelector)(selectTheme);
   const sourceChain = (0, import_react_redux49.useSelector)(selectSourceChain);
   const dispatch = (0, import_react_redux49.useDispatch)();
-  const sliderRef = (0, import_react58.useRef)();
+  const sliderRef = (0, import_react60.useRef)(null);
   const { wallet, wallets, select, connect, connected } = (0, import_wallet_adapter_react6.useWallet)();
-  const [detected, undetected] = (0, import_react58.useMemo)(() => {
+  const [detected, undetected] = (0, import_react60.useMemo)(() => {
     const detected2 = [];
     const undetected2 = [];
     for (const wallet2 of wallets) {
@@ -9066,39 +9220,14 @@ var SolanaWalletSelect = () => {
     }
     return [detected2, undetected2];
   }, [wallets]);
-  (0, import_react58.useEffect)(() => {
-    let isDown = false;
-    let startX;
-    let scrollLeft;
-    sliderRef.current?.addEventListener("mousedown", (e) => {
-      isDown = true;
-      sliderRef.current?.classList.add("active");
-      startX = e.pageX - sliderRef.current?.offsetLeft;
-      scrollLeft = sliderRef.current?.scrollLeft;
-    });
-    sliderRef.current?.addEventListener("mouseleave", () => {
-      isDown = false;
-      sliderRef.current.classList.remove("active");
-    });
-    sliderRef.current?.addEventListener("mouseup", () => {
-      isDown = false;
-      sliderRef.current.classList.remove("active");
-    });
-    sliderRef.current?.addEventListener("mousemove", (e) => {
-      if (!isDown) return;
-      e.preventDefault();
-      const x = e.pageX - sliderRef.current.offsetLeft;
-      const walk = (x - startX) * 1;
-      sliderRef.current.scrollLeft = scrollLeft - walk;
-    });
-  }, []);
-  const handleWalletClick = (0, import_react58.useCallback)(
+  useHorizontalDragScroll(sliderRef);
+  const handleWalletClick = (0, import_react60.useCallback)(
     (walletName) => {
       select(walletName);
     },
     [select]
   );
-  (0, import_react58.useEffect)(() => {
+  (0, import_react60.useEffect)(() => {
     if (!wallet) return;
     if (sourceChain.shortName !== "SOL") {
       return;
@@ -9108,7 +9237,14 @@ var SolanaWalletSelect = () => {
         "SolanaWalletSelect: Wallet exists but not connected, connecting wallet:",
         wallet
       );
-      connect().catch((err) => logger_default.error("Solana connect error:", err));
+      connect().catch((err) => {
+        if (isUserRejected(err)) {
+          (0, import_react_hot_toast4.default)("Wallet connection was cancelled.");
+        } else {
+          import_react_hot_toast4.default.error("Failed to connect wallet.");
+        }
+        logger_default.error("Solana connect error:", err);
+      });
     }
     dispatch(setSolanaConnectModal(false));
   }, [wallet, sourceChain]);
@@ -9145,10 +9281,20 @@ var SolanaWalletSelect = () => {
 var SolanaWalletSelect_default = SolanaWalletSelect;
 
 // src/widgets/transfer/components/solana/AccountDetailsModal.tsx
-var import_react59 = require("react");
+var import_react61 = require("react");
 var import_react_redux51 = require("react-redux");
 var import_wallet_adapter_react7 = require("@solana/wallet-adapter-react");
 
+// src/shared/lib/explorers.ts
+var getSolanaAccountExplorerUrl = (address, networkOption) => {
+  const cluster = networkOption === "mainnet" /* mainnet */ ? "mainnet" : "devnet";
+  return `https://solscan.io/account/${address}?cluster=${cluster}`;
+};
+var getTronAccountExplorerUrl = (address, networkOption) => {
+  const sub = networkOption === "testnet" /* testnet */ ? "nile." : "";
+  return `https://${sub}tronscan.io/#/address/${address}`;
+};
+
 // src/widgets/transfer/components/WalletModalShell.tsx
 var import_react_redux50 = require("react-redux");
 var import_jsx_runtime82 = require("react/jsx-runtime");
@@ -9181,8 +9327,55 @@ var WalletModalShell = ({
 };
 var WalletModalShell_default = WalletModalShell;
 
-// src/widgets/transfer/components/solana/AccountDetailsModal.tsx
+// src/widgets/transfer/components/AccountDetailsModalBase.tsx
 var import_jsx_runtime83 = require("react/jsx-runtime");
+var AccountDetailsModalBase = ({
+  isOpen,
+  onClose,
+  themeMode,
+  address,
+  balance,
+  symbol,
+  explorerUrl,
+  onDisconnect,
+  disableDisconnect = false,
+  closeButtonClassName = "cross-icon-button"
+}) => {
+  const isLight = themeMode ? themeMode === "light" : true;
+  return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
+    WalletModalShell_default,
+    {
+      isOpen: !!isOpen,
+      title: "Account Details",
+      onClose,
+      rightHeader: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("button", { className: closeButtonClassName, onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Cross_default, { fill: isLight ? "black" : "white" }) }),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "summary", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "address", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("h2", { children: address ? getShortenedAddress(address) : "\u2014" }),
+            address && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(CopyButton_default, { text: address })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("h3", { children: [
+            formatterFloat.format(Number(balance || 0)),
+            " ",
+            symbol
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(SecondaryButton_default, { className: "block-explorer", children: /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(ExternalLink_default, { className: "link", to: explorerUrl, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Explorer_default, { fill: "#778DA3" }),
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("p", { children: "Block explorer" }),
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(ExternalUrl_default, { fill: "#778DA3" })
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(PrimaryButton_default, { clickHandler: onDisconnect, disabled: disableDisconnect, children: "Disconnect" })
+      ]
+    }
+  );
+};
+var AccountDetailsModalBase_default = AccountDetailsModalBase;
+
+// src/widgets/transfer/components/solana/AccountDetailsModal.tsx
+var import_react_hot_toast5 = __toESM(require("react-hot-toast"), 1);
+var import_jsx_runtime84 = require("react/jsx-runtime");
 var AccountDetailsModal = () => {
   const dispatch = (0, import_react_redux51.useDispatch)();
   const theme = (0, import_react_redux51.useSelector)(selectTheme);
@@ -9195,10 +9388,10 @@ var AccountDetailsModal = () => {
   const { balance: solBalance } = useSolNativeBalance();
   const isSol = sourceChain.shortName === "SOL" /* SOLANA */;
   if (!isSol) return null;
-  const explorerUrl = (0, import_react59.useMemo)(() => {
-    const cluster = networkOption === "mainnet" ? "mainnet" : "devnet";
-    return `https://solscan.io/account/${sourceAddress}?cluster=${cluster}`;
-  }, [sourceAddress, networkOption]);
+  const explorerUrl = (0, import_react61.useMemo)(
+    () => getSolanaAccountExplorerUrl(sourceAddress, networkOption),
+    [sourceAddress, networkOption]
+  );
   const close = () => dispatch(setAccountDetailsModal(false));
   const handleDisconnect = async () => {
     if (mode === "light" /* light */) {
@@ -9208,50 +9401,36 @@ var AccountDetailsModal = () => {
     }
     try {
       await solanaWalletDisconnect();
+      (0, import_react_hot_toast5.default)("Wallet disconnected.");
     } catch (e) {
+      if (isUserRejected(e)) {
+        (0, import_react_hot_toast5.default)("Wallet disconnect was cancelled.");
+      } else {
+        import_react_hot_toast5.default.error("Failed to disconnect wallet.", { icon: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Error_default, {}) });
+      }
     } finally {
       close();
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
-    WalletModalShell_default,
+  return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+    AccountDetailsModalBase_default,
     {
       isOpen: !!isOpen,
-      title: "Account Details",
       onClose: close,
-      rightHeader: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("button", { className: "cross-icon-button", onClick: close, children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Cross_default, { fill: theme.colorMode === "light" ? "black" : "white" }) }),
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "summary", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "address", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("h2", { children: sourceAddress ? getShortenedAddress(sourceAddress) : "\u2014" }),
-            sourceAddress && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(CopyButton_default, { text: sourceAddress })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("h3", { children: [
-            formatterFloat.format(Number(solBalance || 0)),
-            " SOL"
-          ] })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(SecondaryButton_default, { className: "block-explorer", children: /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(ExternalLink_default, { className: "link", to: explorerUrl, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Explorer_default, { fill: "#778DA3" }),
-          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("p", { children: "Block explorer" }),
-          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(ExternalUrl_default, { fill: "#778DA3" })
-        ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
-          PrimaryButton_default,
-          {
-            clickHandler: handleDisconnect,
-            disabled: mode === "light" /* light */,
-            children: "Disconnect"
-          }
-        )
-      ]
+      themeMode: theme.colorMode,
+      address: sourceAddress,
+      balance: solBalance,
+      symbol: "SOL",
+      explorerUrl,
+      onDisconnect: handleDisconnect,
+      disableDisconnect: mode === "light" /* light */
     }
   );
 };
 var AccountDetailsModal_default = AccountDetailsModal;
 
 // src/widgets/transfer/components/solana/SolanaConnectModal.tsx
-var import_jsx_runtime84 = require("react/jsx-runtime");
+var import_jsx_runtime85 = require("react/jsx-runtime");
 var SolanaWalletConnectModal = () => {
   const dispatch = (0, import_react_redux52.useDispatch)();
   const theme = (0, import_react_redux52.useSelector)(selectTheme);
@@ -9260,17 +9439,17 @@ var SolanaWalletConnectModal = () => {
   const sourceChain = (0, import_react_redux52.useSelector)(selectSourceChain);
   const { connect, connecting, connected, publicKey } = (0, import_wallet_adapter_react8.useWallet)();
   const isSol = sourceChain.shortName === "SOL" /* SOLANA */;
-  const close = (0, import_react60.useCallback)(() => {
+  const close = (0, import_react62.useCallback)(() => {
     dispatch(setSolanaConnectModal(false));
   }, [dispatch]);
-  import_react60.default.useEffect(() => {
+  import_react62.default.useEffect(() => {
     logger_default.debug("[SolanaConnectModal] wallet-adapter state", {
       connecting,
       connected,
       publicKey: publicKey?.toBase58?.()
     });
   }, [connecting, connected, publicKey]);
-  const onConnect = (0, import_react60.useCallback)(async () => {
+  const onConnect = (0, import_react62.useCallback)(async () => {
     if (!isSol) return;
     if (mode === "light" /* light */) {
       logger_default.debug("[SolanaConnectModal] LIGHT mode \u2192 skip connect, open details");
@@ -9282,24 +9461,30 @@ var SolanaWalletConnectModal = () => {
       await connect();
       dispatch(setSolanaConnectModal(false));
       dispatch(setAccountDetailsModal(true));
+      (0, import_react_hot_toast6.default)("Wallet connected.");
     } catch (e) {
+      if (isUserRejected(e)) {
+        (0, import_react_hot_toast6.default)("Wallet connection was cancelled.");
+      } else {
+        import_react_hot_toast6.default.error("Failed to connect wallet.", { icon: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Error_default, {}) });
+      }
       logger_default.error("[SolanaConnectModal] connect error", e);
     }
   }, [isSol, mode, connect, dispatch]);
-  const demoMsg = (0, import_react60.useMemo)(
+  const demoMsg = (0, import_react62.useMemo)(
     () => mode === "light" /* light */ ? `Light mode uses a demo Solana address (${lightDemoAccounts.SOL}).` : "",
     [mode]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(import_jsx_runtime84.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(AccountDetailsModal_default, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(import_jsx_runtime85.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(AccountDetailsModal_default, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
       WalletModalShell_default,
       {
         isOpen: !!isOpen,
         title: "Connect Wallet",
         onClose: close,
         className: "wallet-connect",
-        rightHeader: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("button", { className: "cross-icon-button", onClick: close, children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+        rightHeader: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("button", { className: "cross-icon-button", onClick: close, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
           Cross_default,
           {
             width: 30,
@@ -9308,10 +9493,10 @@ var SolanaWalletConnectModal = () => {
           }
         ) }),
         children: [
-          demoMsg && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("p", { className: "muted", children: demoMsg }),
-          mode !== "light" /* light */ ? /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(import_jsx_runtime84.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(SolanaWalletSelect_default, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { style: { marginTop: 12 }, children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+          demoMsg && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("p", { className: "muted", children: demoMsg }),
+          mode !== "light" /* light */ ? /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(import_jsx_runtime85.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(SolanaWalletSelect_default, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { style: { marginTop: 12 }, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
               "button",
               {
                 className: "primary",
@@ -9320,8 +9505,8 @@ var SolanaWalletConnectModal = () => {
                 children: connecting ? "Connecting\u2026" : connected ? "Connected" : "Connect"
               }
             ) })
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { style: { display: "flex", gap: 8 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { style: { display: "flex", gap: 8 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
               "button",
               {
                 className: "secondary",
@@ -9329,7 +9514,7 @@ var SolanaWalletConnectModal = () => {
                 children: "View Account"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("button", { className: "primary", onClick: close, children: "Close" })
+            /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("button", { className: "primary", onClick: close, children: "Close" })
           ] })
         ]
       }
@@ -9339,15 +9524,17 @@ var SolanaWalletConnectModal = () => {
 var SolanaConnectModal_default = SolanaWalletConnectModal;
 
 // src/widgets/transfer/components/tron/TronWalletConnectModal.tsx
-var import_react63 = require("react");
+var import_react65 = require("react");
 var import_react_redux55 = require("react-redux");
 var import_tronwallet_adapter_react_hooks8 = require("@tronweb3/tronwallet-adapter-react-hooks");
+var import_react_hot_toast9 = __toESM(require("react-hot-toast"), 1);
 
 // src/widgets/transfer/components/tron/AccountDetailsModal.tsx
-var import_react61 = require("react");
+var import_react63 = require("react");
 var import_react_redux53 = require("react-redux");
 var import_tronwallet_adapter_react_hooks6 = require("@tronweb3/tronwallet-adapter-react-hooks");
-var import_jsx_runtime85 = require("react/jsx-runtime");
+var import_react_hot_toast7 = __toESM(require("react-hot-toast"), 1);
+var import_jsx_runtime86 = require("react/jsx-runtime");
 var AccountDetailsModal2 = () => {
   const dispatch = (0, import_react_redux53.useDispatch)();
   const theme = (0, import_react_redux53.useSelector)(selectTheme);
@@ -9360,10 +9547,10 @@ var AccountDetailsModal2 = () => {
   const { balance: tronBalance } = useTronNativeBalance();
   const isTrx = sourceChain.shortName === "TRX" /* TRON */;
   if (!isTrx) return null;
-  const explorerUrl = (0, import_react61.useMemo)(() => {
-    const sub = networkOption === "testnet" ? "nile." : "";
-    return `https://${sub}tronscan.io/#/address/${sourceAddress}`;
-  }, [sourceAddress, networkOption]);
+  const explorerUrl = (0, import_react63.useMemo)(
+    () => getTronAccountExplorerUrl(sourceAddress, networkOption),
+    [sourceAddress, networkOption]
+  );
   const close = () => dispatch(setAccountDetailsModal(false));
   const handleDisconnect = async () => {
     if (mode === "light" /* light */) {
@@ -9373,57 +9560,44 @@ var AccountDetailsModal2 = () => {
     }
     try {
       await tronWalletDisconnect();
+      (0, import_react_hot_toast7.default)("Wallet disconnected.");
     } catch (e) {
+      if (isUserRejected(e)) {
+        (0, import_react_hot_toast7.default)("Wallet disconnect was cancelled.");
+      } else {
+        import_react_hot_toast7.default.error("Failed to disconnect wallet.", { icon: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Error_default, {}) });
+      }
     } finally {
       close();
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
-    WalletModalShell_default,
+  return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+    AccountDetailsModalBase_default,
     {
       isOpen: !!isOpen,
-      title: "Account Details",
       onClose: close,
-      rightHeader: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("button", { className: "cross-icon-button", onClick: close, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Cross_default, { fill: theme.colorMode === "light" ? "black" : "white" }) }),
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "summary", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "address", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("h2", { children: sourceAddress ? getShortenedAddress(sourceAddress) : "\u2014" }),
-            sourceAddress && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(CopyButton_default, { text: sourceAddress })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("h3", { children: [
-            formatterFloat.format(Number(tronBalance || 0)),
-            " TRX"
-          ] })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(SecondaryButton_default, { className: "block-explorer", children: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(ExternalLink_default, { className: "link", to: explorerUrl, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Explorer_default, { fill: "#778DA3" }),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("p", { children: "Block explorer" }),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ExternalUrl_default, { fill: "#778DA3" })
-        ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
-          PrimaryButton_default,
-          {
-            clickHandler: handleDisconnect,
-            disabled: mode === "light" /* light */,
-            children: "Disconnect"
-          }
-        )
-      ]
+      themeMode: theme.colorMode,
+      address: sourceAddress,
+      balance: tronBalance,
+      symbol: "TRX",
+      explorerUrl,
+      onDisconnect: handleDisconnect,
+      disableDisconnect: mode === "light" /* light */
     }
   );
 };
 var AccountDetailsModal_default2 = AccountDetailsModal2;
 
 // src/widgets/transfer/components/tron/TronWalletSelect.tsx
-var import_react62 = require("react");
+var import_react64 = require("react");
 var import_react_redux54 = require("react-redux");
 var import_tronwallet_adapter_react_hooks7 = require("@tronweb3/tronwallet-adapter-react-hooks");
 var import_tronwallet_abstract_adapter = require("@tronweb3/tronwallet-abstract-adapter");
-var import_jsx_runtime86 = require("react/jsx-runtime");
+var import_react_hot_toast8 = __toESM(require("react-hot-toast"), 1);
+var import_jsx_runtime87 = require("react/jsx-runtime");
 var TronWalletSelect = () => {
   const theme = (0, import_react_redux54.useSelector)(selectTheme);
-  const sliderRef = (0, import_react62.useRef)();
+  const sliderRef = (0, import_react64.useRef)(null);
   const dispatch = (0, import_react_redux54.useDispatch)();
   const {
     wallets,
@@ -9432,7 +9606,7 @@ var TronWalletSelect = () => {
     connect,
     connected
   } = (0, import_tronwallet_adapter_react_hooks7.useWallet)();
-  const [detected, undetected] = (0, import_react62.useMemo)(() => {
+  const [detected, undetected] = (0, import_react64.useMemo)(() => {
     const detected2 = [];
     const undetected2 = [];
     for (const wallet of wallets) {
@@ -9444,59 +9618,46 @@ var TronWalletSelect = () => {
     }
     return [detected2, undetected2];
   }, [wallets]);
-  (0, import_react62.useEffect)(() => {
-    let isDown = false;
-    let startX;
-    let scrollLeft;
-    sliderRef.current?.addEventListener("mousedown", (e) => {
-      isDown = true;
-      sliderRef.current?.classList.add("active");
-      startX = e.pageX - sliderRef.current?.offsetLeft;
-      scrollLeft = sliderRef.current?.scrollLeft;
-    });
-    sliderRef.current?.addEventListener("mouseleave", () => {
-      isDown = false;
-      sliderRef.current.classList.remove("active");
-    });
-    sliderRef.current?.addEventListener("mouseup", () => {
-      isDown = false;
-      sliderRef.current.classList.remove("active");
-    });
-    sliderRef.current?.addEventListener("mousemove", (e) => {
-      if (!isDown) return;
-      e.preventDefault();
-      const x = e.pageX - sliderRef.current.offsetLeft;
-      const walk = (x - startX) * 1;
-      sliderRef.current.scrollLeft = scrollLeft - walk;
-    });
-  }, []);
-  (0, import_react62.useEffect)(() => {
+  useHorizontalDragScroll(sliderRef);
+  (0, import_react64.useEffect)(() => {
     connected && dispatch(setTronConnectModal(false));
   }, [connected]);
   const connectWallet = async (walletName) => {
-    currentWallet?.adapter.name === walletName ? await connect() : select(walletName);
+    try {
+      if (currentWallet?.adapter.name === walletName) {
+        await connect();
+      } else {
+        select(walletName);
+      }
+    } catch (err) {
+      if (isUserRejected(err)) {
+        (0, import_react_hot_toast8.default)("Wallet connection was cancelled.");
+      } else {
+        import_react_hot_toast8.default.error("Failed to connect wallet.");
+      }
+    }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: `wallet-select`, children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "slide-area hide-scrollbar", ref: sliderRef, children: /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "wallet-container", children: [
-    detected.map((wallet, index) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: `wallet-select`, children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "slide-area hide-scrollbar", ref: sliderRef, children: /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "wallet-container", children: [
+    detected.map((wallet, index) => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
       "div",
       {
         className: `card-item ${theme.colorMode}`,
         onClick: () => connectWallet(wallet.adapter.name),
-        children: /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "wallet-item", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("img", { src: wallet.adapter.icon, alt: wallet.adapter.name }),
-          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { children: wallet.adapter.name })
+        children: /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "wallet-item", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("img", { src: wallet.adapter.icon, alt: wallet.adapter.name }),
+          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { children: wallet.adapter.name })
         ] })
       },
       `${wallet.adapter.name}-${index}`
     )),
-    undetected.map((wallet, index) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+    undetected.map((wallet, index) => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
       ExternalLink_default,
       {
         to: wallet.adapter.url,
         className: `card-item ${theme.colorMode}`,
-        children: /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "wallet-item", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("img", { src: wallet.adapter.icon, alt: wallet.adapter.name }),
-          /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("span", { children: [
+        children: /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "wallet-item", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("img", { src: wallet.adapter.icon, alt: wallet.adapter.name }),
+          /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("span", { children: [
             "Install ",
             wallet.adapter.name
           ] })
@@ -9509,7 +9670,7 @@ var TronWalletSelect = () => {
 var TronWalletSelect_default = TronWalletSelect;
 
 // src/widgets/transfer/components/tron/TronWalletConnectModal.tsx
-var import_jsx_runtime87 = require("react/jsx-runtime");
+var import_jsx_runtime88 = require("react/jsx-runtime");
 var TronWalletConnectModal = () => {
   const dispatch = (0, import_react_redux55.useDispatch)();
   const theme = (0, import_react_redux55.useSelector)(selectTheme);
@@ -9518,10 +9679,10 @@ var TronWalletConnectModal = () => {
   const sourceChain = (0, import_react_redux55.useSelector)(selectSourceChain);
   const { connect, connected, connecting } = (0, import_tronwallet_adapter_react_hooks8.useWallet)();
   const isTrx = sourceChain.shortName === "TRX" /* TRON */;
-  const close = (0, import_react63.useCallback)(() => {
+  const close = (0, import_react65.useCallback)(() => {
     dispatch(setTronConnectModal(false));
   }, [dispatch]);
-  const onConnect = (0, import_react63.useCallback)(async () => {
+  const onConnect = (0, import_react65.useCallback)(async () => {
     if (!isTrx) return;
     if (mode === "light" /* light */) {
       logger_default.debug("[TronConnectModal] LIGHT mode \u2192 skip connect, open details");
@@ -9533,29 +9694,35 @@ var TronWalletConnectModal = () => {
       await connect();
       dispatch(setTronConnectModal(false));
       dispatch(setAccountDetailsModal(true));
+      (0, import_react_hot_toast9.default)("Wallet connected.");
     } catch (e) {
+      if (isUserRejected(e)) {
+        (0, import_react_hot_toast9.default)("Wallet connection was cancelled.");
+      } else {
+        import_react_hot_toast9.default.error("Failed to connect wallet.", { icon: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Error_default, {}) });
+      }
       logger_default.error("[TronConnectModal] connect error", e);
     }
   }, [isTrx, mode, connect, dispatch]);
-  const demoMsg = (0, import_react63.useMemo)(
+  const demoMsg = (0, import_react65.useMemo)(
     () => mode === "light" /* light */ ? `Light mode uses a demo Tron address (${lightDemoAccounts.TRX}).` : "",
     [mode]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(import_jsx_runtime87.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(AccountDetailsModal_default2, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(import_jsx_runtime88.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(AccountDetailsModal_default2, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
       WalletModalShell_default,
       {
         isOpen: !!isOpen,
         title: "Connect Wallet",
         onClose: close,
         className: "wallet-connect",
-        rightHeader: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("button", { className: "icon-button", onClick: close, children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Cross_default, { fill: theme.colorMode === "light" ? "black" : "white" }) }),
+        rightHeader: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("button", { className: "icon-button", onClick: close, children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Cross_default, { fill: theme.colorMode === "light" ? "black" : "white" }) }),
         children: [
-          demoMsg && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("p", { className: "muted", children: demoMsg }),
-          mode !== "light" /* light */ ? /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(import_jsx_runtime87.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(TronWalletSelect_default, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { style: { marginTop: 12 }, children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+          demoMsg && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("p", { className: "muted", children: demoMsg }),
+          mode !== "light" /* light */ ? /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(import_jsx_runtime88.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(TronWalletSelect_default, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { style: { marginTop: 12 }, children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
               "button",
               {
                 className: "primary",
@@ -9564,8 +9731,8 @@ var TronWalletConnectModal = () => {
                 children: connecting ? "Connecting\u2026" : connected ? "Connected" : "Connect"
               }
             ) })
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { style: { display: "flex", gap: 8 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { style: { display: "flex", gap: 8 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
               "button",
               {
                 className: "secondary",
@@ -9573,7 +9740,7 @@ var TronWalletConnectModal = () => {
                 children: "View Account"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("button", { className: "primary", onClick: close, children: "Close" })
+            /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("button", { className: "primary", onClick: close, children: "Close" })
           ] })
         ]
       }
@@ -9583,7 +9750,7 @@ var TronWalletConnectModal = () => {
 var TronWalletConnectModal_default = TronWalletConnectModal;
 
 // src/widgets/transfer/components/TransferWidget.tsx
-var import_jsx_runtime88 = require("react/jsx-runtime");
+var import_jsx_runtime89 = require("react/jsx-runtime");
 var TransferWidget = ({
   theme,
   helpURL,
@@ -9592,16 +9759,16 @@ var TransferWidget = ({
 }) => {
   logger_default.debug("[TransferWidget] mount");
   const dispatch = (0, import_react_redux56.useDispatch)();
-  const mainRef = (0, import_react64.useRef)(null);
-  const [signature, setSignature2] = (0, import_react64.useState)("");
-  const [isSubmitting, setIsSubmitting] = (0, import_react64.useState)(false);
-  const [formStep, setFormStep] = (0, import_react64.useState)(0);
-  const [warningModalOpen, setWarningModalOpen] = (0, import_react64.useState)(null);
-  const [resetModalOpen, setResetModalOpen] = (0, import_react64.useState)(false);
-  const [isCancellingApprove, setCancellingApprove] = (0, import_react64.useState)(false);
-  const [isApproving, setApproving] = (0, import_react64.useState)(false);
-  const [isSigning, setSigning] = (0, import_react64.useState)(false);
-  const [feeOptionDisabled, setFeeOptionDisabled] = (0, import_react64.useState)(false);
+  const mainRef = (0, import_react66.useRef)(null);
+  const [signature, setSignature2] = (0, import_react66.useState)("");
+  const [isSubmitting, setIsSubmitting] = (0, import_react66.useState)(false);
+  const [formStep, setFormStep] = (0, import_react66.useState)(0);
+  const [warningModalOpen, setWarningModalOpen] = (0, import_react66.useState)(null);
+  const [resetModalOpen, setResetModalOpen] = (0, import_react66.useState)(false);
+  const [isCancellingApprove, setCancellingApprove] = (0, import_react66.useState)(false);
+  const [isApproving, setApproving] = (0, import_react66.useState)(false);
+  const [isSigning, setSigning] = (0, import_react66.useState)(false);
+  const [feeOptionDisabled, setFeeOptionDisabled] = (0, import_react66.useState)(false);
   const networkOption = (0, import_react_redux56.useSelector)(selectNetworkOption);
   const dAppOption = (0, import_react_redux56.useSelector)(selectDappOption);
   const mode = (0, import_react_redux56.useSelector)(selectMode);
@@ -9649,7 +9816,16 @@ var TransferWidget = ({
     targetSymbol: targetCurrency,
     backendUrl
   });
-  (0, import_react64.useEffect)(() => {
+  const isSwap = (0, import_react66.useMemo)(
+    () => !isSamePeggedToken(
+      sourceChain,
+      sourceCurrency,
+      targetChain,
+      targetCurrency
+    ),
+    [sourceChain, sourceCurrency, targetChain, targetCurrency]
+  );
+  (0, import_react66.useEffect)(() => {
     setSignature2("");
     setFeeOptionDisabled(false);
     setApproving(false);
@@ -9660,7 +9836,7 @@ var TransferWidget = ({
     targetChain.shortName,
     targetCurrency
   ]);
-  (0, import_react64.useEffect)(() => {
+  (0, import_react66.useEffect)(() => {
     try {
       if (fees) dispatch(setServiceFee(fees));
       if (transactionOption?.sourceChain) {
@@ -9674,13 +9850,13 @@ var TransferWidget = ({
         "[TransferWidget] failed to apply fees/update initial selection",
         e
       );
-      import_react_hot_toast4.default.error(
+      import_react_hot_toast10.default.error(
         "An unexpected error occurred while preparing the transfer. Please contact support for assistance.",
-        { icon: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Error_default, {}) }
+        { icon: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Error_default, {}) }
       );
     }
   }, [fees, mode, transactionOption, dispatch]);
-  const isBackButtonEnabled = (0, import_react64.useMemo)(() => {
+  const isBackButtonEnabled = (0, import_react66.useMemo)(() => {
     if (formStep !== 0) {
       if (["BANK", "CC"].includes(sourceChain.shortName)) {
         return ccTransactionStatus === "idle" || ccTransactionStatus === "failed";
@@ -9689,14 +9865,14 @@ var TransferWidget = ({
     }
     return false;
   }, [ccTransactionStatus, sourceChain, formStep]);
-  const isSubmitButtonEnabled = (0, import_react64.useMemo)(() => {
+  const isSubmitButtonEnabled = (0, import_react66.useMemo)(() => {
     if (submitted) return false;
     if (["BANK", "CC"].includes(sourceChain.shortName)) {
       return ccTransactionStatus === "idle";
     }
     return true;
   }, [sourceChain, ccTransactionStatus, submitted]);
-  const [initialSelection, setInitialSelection] = (0, import_react64.useState)({
+  const [initialSelection, setInitialSelection] = (0, import_react66.useState)({
     sourceSelection: true,
     targetSelection: true
   });
@@ -9727,22 +9903,61 @@ var TransferWidget = ({
     isSubmitting,
     setIsSubmitting
   );
-  const submit = (0, import_react64.useCallback)(async () => {
+  const submit = (0, import_react66.useCallback)(async () => {
     try {
       await submitTransaction(signature);
     } catch (err) {
       logger_default.error("[TransferWidget] submit failed", err);
-      import_react_hot_toast4.default.error(
+      import_react_hot_toast10.default.error(
         "Failed to submit your transaction. Please contact support for assistance.",
-        { icon: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Error_default, {}) }
+        { icon: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Error_default, {}) }
       );
       dispatch(setCCTransactionStatus("error-generic"));
     }
   }, [signature, submitTransaction, dispatch]);
+  const requestSignature = (0, import_react66.useCallback)(async () => {
+    let sig;
+    setSigning(true);
+    setFeeOptionDisabled(true);
+    try {
+      sig = await signMessage?.({
+        targetAddress,
+        targetChain: targetChain.shortName,
+        originSymbol: sourceCurrency,
+        originChain: sourceChain.shortName
+      });
+      if (!sig) {
+        (0, import_react_hot_toast10.default)("Signature request was cancelled.", { icon: "\u2139\uFE0F" });
+        return void 0;
+      }
+      setSignature2(sig);
+      return sig;
+    } catch (err) {
+      if (isUserRejected(err)) {
+        (0, import_react_hot_toast10.default)("Signature request was cancelled.", { icon: "\u2139\uFE0F" });
+      } else {
+        logger_default.error("[TransferWidget] signing failed", err);
+        import_react_hot_toast10.default.error(
+          "Failed to sign the message. Please contact support for assistance.",
+          { icon: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Error_default, {}) }
+        );
+      }
+      return void 0;
+    } finally {
+      setSigning(false);
+      if (!sig) setFeeOptionDisabled(false);
+    }
+  }, [
+    signMessage,
+    targetAddress,
+    targetChain.shortName,
+    sourceCurrency,
+    sourceChain.shortName
+  ]);
   const handleSubmit = async () => {
     const { error, message: validationMessage } = validate(true);
     if (error === "ValidationError" /* Error */) {
-      import_react_hot_toast4.default.error(validationMessage, { icon: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Error_default, {}) });
+      import_react_hot_toast10.default.error(validationMessage, { icon: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Error_default, {}) });
       return;
     }
     if (["BANK", "CC"].includes(sourceChain.shortName)) {
@@ -9752,44 +9967,34 @@ var TransferWidget = ({
     if (error === "ApprovalNeeded" /* ApprovalNeeded */ && mode !== "light" /* light */ && dAppOption === "none" /* None */) {
       try {
         if (!signature) {
-          setSigning(true);
-          setFeeOptionDisabled(true);
-          const sig = await signMessage?.({
-            targetAddress,
-            targetChain: targetChain.shortName,
-            originSymbol: sourceCurrency,
-            originChain: sourceChain.shortName
-          });
-          setSigning(false);
+          const sig = await requestSignature();
           if (!sig) {
-            (0, import_react_hot_toast4.default)("Signature request was cancelled.", { icon: "\u2139\uFE0F" });
             return;
           }
-          setSignature2(sig);
           return;
         }
         setApproving(true);
         await approve();
-        setApproving(false);
       } catch (err) {
-        setApproving(false);
-        if (err?.code === 4001) {
-          (0, import_react_hot_toast4.default)("Approval request was cancelled.", { icon: "\u2139\uFE0F" });
+        if (isUserRejected(err)) {
+          (0, import_react_hot_toast10.default)("Approval request was cancelled.", { icon: "\u2139\uFE0F" });
           return;
         }
         const msg = String(err?.message ?? err);
         if (msg.includes("ChainMismatch")) {
-          import_react_hot_toast4.default.error(
+          import_react_hot_toast10.default.error(
             `Your wallet is on the wrong network. Please switch to ${sourceChain.name} and try again.`,
-            { icon: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Error_default, {}) }
+            { icon: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Error_default, {}) }
           );
           return;
         }
         logger_default.error("[TransferWidget] approval failed", err);
-        import_react_hot_toast4.default.error(
+        import_react_hot_toast10.default.error(
           "Failed to approve the token allowance. Please contact support for assistance.",
-          { icon: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Error_default, {}) }
+          { icon: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Error_default, {}) }
         );
+      } finally {
+        setApproving(false);
       }
       return;
     }
@@ -9800,30 +10005,20 @@ var TransferWidget = ({
         return;
       }
       if (!signature && mode !== "light" /* light */ && dAppOption === "none" /* None */) {
-        setSigning(true);
-        setFeeOptionDisabled(true);
-        const sig = await signMessage?.({
-          targetAddress,
-          targetChain: targetChain.shortName,
-          originSymbol: sourceCurrency,
-          originChain: sourceChain.shortName
-        });
-        setSigning(false);
+        const sig = await requestSignature();
         if (!sig) {
-          (0, import_react_hot_toast4.default)("Signature request was cancelled.", { icon: "\u2139\uFE0F" });
           setIsSubmitting(false);
           return;
         }
-        setSignature2(sig);
         return;
       }
       setIsSubmitting(true);
       await submitTransaction(signature);
     } catch (err) {
       logger_default.error("[TransferWidget] handleSubmit failed", err);
-      import_react_hot_toast4.default.error(
+      import_react_hot_toast10.default.error(
         "An unexpected error occurred while submitting. Please contact support for assistance.",
-        { icon: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Error_default, {}) }
+        { icon: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Error_default, {}) }
       );
       setIsSubmitting(false);
     }
@@ -9843,7 +10038,7 @@ var TransferWidget = ({
       void handleSubmit();
       return;
     }
-    import_react_hot_toast4.default.error(validationMessage, { icon: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Error_default, {}) });
+    import_react_hot_toast10.default.error(validationMessage, { icon: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Error_default, {}) });
     mainRef.current?.click();
   };
   const onBack = () => {
@@ -9863,15 +10058,15 @@ var TransferWidget = ({
     try {
       setCancellingApprove(true);
       await approve(true);
-      (0, import_react_hot_toast4.default)("Approval successfully cancelled.", { icon: "\u2139\uFE0F" });
+      (0, import_react_hot_toast10.default)("Approval successfully cancelled.", { icon: "\u2139\uFE0F" });
     } catch (err) {
-      if (err?.code === 4001) {
-        (0, import_react_hot_toast4.default)("Cancel-approval request was cancelled.", { icon: "\u2139\uFE0F" });
+      if (isUserRejected(err)) {
+        (0, import_react_hot_toast10.default)("Cancel-approval request was cancelled.", { icon: "\u2139\uFE0F" });
       } else {
         logger_default.error("[TransferWidget] cancel approve failed", err);
-        import_react_hot_toast4.default.error(
+        import_react_hot_toast10.default.error(
           "Unable to cancel the approval. Please contact support for assistance.",
-          { icon: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Error_default, {}) }
+          { icon: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Error_default, {}) }
         );
       }
     } finally {
@@ -9917,13 +10112,13 @@ var TransferWidget = ({
       await disconnectWallet();
     } catch (e) {
       logger_default.error("[TransferWidget] reset failed", e);
-      import_react_hot_toast4.default.error(
+      import_react_hot_toast10.default.error(
         "Unable to reset the form. Please contact support for assistance.",
-        { icon: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Error_default, {}) }
+        { icon: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Error_default, {}) }
       );
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
     "div",
     {
       className: `kima-card ${theme.colorMode}`,
@@ -9931,7 +10126,7 @@ var TransferWidget = ({
         background: theme.colorMode === "light" /* light */ ? theme.backgroundColorLight : theme.backgroundColorDark
       },
       children: [
-        resetModalOpen && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+        resetModalOpen && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
           WarningModal_default,
           {
             message: "Are you sure you want to reset the widget?",
@@ -9943,7 +10138,7 @@ var TransferWidget = ({
             onCancel: () => setResetModalOpen(false)
           }
         ),
-        warningModalOpen && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+        warningModalOpen && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
           WarningModal_default,
           {
             message: warningModalOpen.message,
@@ -9957,21 +10152,21 @@ var TransferWidget = ({
             }
           }
         ),
-        mode === "payment" /* payment */ && !transactionOption && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("h2", { className: "invalid-option-banner", children: "We're unable to process your payment. Please ensure the necessary transaction details are provided. Contact support if the issue persists." }),
-        /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "transfer-card", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "kima-card-header", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "topbar", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "title", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("h3", { 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__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "control-buttons", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+        mode === "payment" /* payment */ && !transactionOption && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("h2", { className: "invalid-option-banner", children: "We're unable to process your payment. Please ensure the necessary transaction details are provided. Contact support if the issue persists." }),
+        /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "transfer-card", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "kima-card-header", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "topbar", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "title", children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("h3", { style: { marginRight: "5px" }, children: formStep === 0 ? titleOption?.initialTitle ?? (mode === "payment" /* payment */ ? "New Purchase" : "New Transfer") : titleOption?.confirmTitle ?? (mode === "payment" /* payment */ ? "Confirm Purchase" : isSwap ? "Swap Details" : "Transfer Details") }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "control-buttons", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
                   ExternalLink_default,
                   {
                     to: helpURL ? helpURL : networkOption === "testnet" /* testnet */ ? "https://docs.kima.network/kima-network/try-kima-with-the-demo-app" : "https://support.kima.network",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "menu-button", children: "I need help" })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "menu-button", children: "I need help" })
                   }
                 ),
-                ["BANK", "CC"].includes(sourceChain.shortName) && formStep > 0 && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(ExternalLink_default, { to: "https://docs.kima.network/kima-network/supported-fiat#unsupported-countries-credit-cards", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "menu-button", children: "Unsupported Countries" }) }),
-                formStep === 0 && mode !== "payment" /* payment */ && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+                ["BANK", "CC"].includes(sourceChain.shortName) && formStep > 0 && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(ExternalLink_default, { to: "https://docs.kima.network/kima-network/supported-fiat#unsupported-countries-credit-cards", children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "menu-button", children: "Unsupported Countries" }) }),
+                formStep === 0 && mode !== "payment" /* payment */ && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
                   "button",
                   {
                     className: "reset-button",
@@ -9980,7 +10175,7 @@ var TransferWidget = ({
                     children: "Reset"
                   }
                 ),
-                closeHandler && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+                closeHandler && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
                   "button",
                   {
                     className: "cross-icon-button",
@@ -9988,14 +10183,14 @@ var TransferWidget = ({
                       resetForm();
                       closeHandler(0);
                     },
-                    children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Cross_default, {})
+                    children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Cross_default, {})
                   }
                 )
               ] })
             ] }),
-            mode === "payment" /* payment */ && paymentTitleOption?.title && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("h4", { className: "subtitle", children: paymentTitleOption.title })
+            mode === "payment" /* payment */ && paymentTitleOption?.title && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("h4", { className: "subtitle", children: paymentTitleOption.title })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "kima-card-content", ref: mainRef, children: formStep === 0 ? /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "kima-card-content", ref: mainRef, children: formStep === 0 ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
             SingleForm_default,
             {
               ...{
@@ -10008,7 +10203,7 @@ var TransferWidget = ({
                 setInitialSelection
               }
             }
-          ) : ccTransactionStatus !== "idle" ? /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(FiatWidget_default, { submitCallback: submit }) : /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+          ) : ccTransactionStatus !== "idle" ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(FiatWidget_default, { submitCallback: submit }) : /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
             ConfirmDetails_default,
             {
               ...{
@@ -10017,12 +10212,12 @@ var TransferWidget = ({
               }
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
             "div",
             {
               className: `kima-card-footer ${mode === "bridge" /* bridge */ && formStep !== 0 && "confirm"}`,
-              children: /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "button-group", children: [
-                isBackButtonEnabled && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "button-group", children: [
+                isBackButtonEnabled && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
                   SecondaryButton_default,
                   {
                     clickHandler: onBack,
@@ -10032,7 +10227,7 @@ var TransferWidget = ({
                   }
                 ),
                 !!allowance && allowance > 0n && formStep !== 0 && !["BANK", "CC"].includes(sourceChain.shortName) && // EVM path
-                mode !== "light" /* light */ && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+                mode !== "light" /* light */ && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
                   SecondaryButton_default,
                   {
                     clickHandler: onCancelApprove,
@@ -10042,7 +10237,7 @@ var TransferWidget = ({
                     children: isCancellingApprove ? "Cancelling Approval" : "Cancel Approve"
                   }
                 ),
-                isSubmitButtonEnabled && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+                isSubmitButtonEnabled && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
                   PrimaryButton_default,
                   {
                     clickHandler: onNext,
@@ -10054,10 +10249,10 @@ var TransferWidget = ({
               ] })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(SolanaConnectModal_default, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(TronWalletConnectModal_default, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
-            import_react_hot_toast4.Toaster,
+          /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(SolanaConnectModal_default, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(TronWalletConnectModal_default, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+            import_react_hot_toast10.Toaster,
             {
               position: "top-right",
               reverseOrder: false,
@@ -10080,9 +10275,9 @@ var TransferWidget = ({
               }
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "floating-footer", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: `items ${theme.colorMode}`, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { children: "Powered by" }),
-            /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(KimaNetwork_default, {})
+          /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "floating-footer", children: /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: `items ${theme.colorMode}`, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { children: "Powered by" }),
+            /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(KimaNetwork_default, {})
           ] }) })
         ] })
       ]
@@ -10091,7 +10286,7 @@ var TransferWidget = ({
 };
 
 // src/widgets/common/KimaWidgetWrapper.tsx
-var import_jsx_runtime89 = require("react/jsx-runtime");
+var import_jsx_runtime90 = require("react/jsx-runtime");
 var KimaWidgetWrapper = ({
   mode,
   txId,
@@ -10108,7 +10303,7 @@ var KimaWidgetWrapper = ({
   useDebugCode();
   const { kimaBackendUrl } = useKimaContext();
   const dispatch = (0, import_react_redux57.useDispatch)();
-  const { setThemeMode, setThemeVariables } = (0, import_react65.useAppKitTheme)();
+  const { setThemeMode, setThemeVariables } = (0, import_react67.useAppKitTheme)();
   const submitted = (0, import_react_redux57.useSelector)(selectSubmitted);
   const sourceChain = (0, import_react_redux57.useSelector)(selectSourceChain);
   const ccTransactionStatus = (0, import_react_redux57.useSelector)(selectCCTransactionStatus);
@@ -10116,8 +10311,8 @@ var KimaWidgetWrapper = ({
   const networkOption = envOptions?.env;
   const kimaExplorer = envOptions?.kimaExplorer || "https://explorer.sardis.kima.network";
   const { currentPlugin } = useGetCurrentPlugin_default();
-  const prevColorMode = (0, import_react66.useRef)(void 0);
-  (0, import_react66.useEffect)(() => {
+  const prevColorMode = (0, import_react68.useRef)(void 0);
+  (0, import_react68.useEffect)(() => {
     if (prevColorMode.current !== theme?.colorMode) {
       dispatch(setTheme(theme));
       setThemeMode(
@@ -10130,7 +10325,7 @@ var KimaWidgetWrapper = ({
       prevColorMode.current = theme?.colorMode;
     }
   }, [theme?.colorMode, dispatch, setThemeMode, setThemeVariables, theme]);
-  const prevConfigRef = (0, import_react66.useRef)({
+  const prevConfigRef = (0, import_react68.useRef)({
     compliantOption: void 0,
     backendUrl: void 0,
     mode: void 0,
@@ -10138,7 +10333,7 @@ var KimaWidgetWrapper = ({
     networkOption: void 0,
     kimaExplorer: void 0
   });
-  (0, import_react66.useEffect)(() => {
+  (0, import_react68.useEffect)(() => {
     if (prevConfigRef.current.compliantOption !== compliantOption) {
       dispatch(setCompliantOption(compliantOption));
       prevConfigRef.current.compliantOption = compliantOption;
@@ -10172,8 +10367,8 @@ var KimaWidgetWrapper = ({
     kimaExplorer,
     dispatch
   ]);
-  const prevTxOptJson = (0, import_react66.useRef)(null);
-  (0, import_react66.useEffect)(() => {
+  const prevTxOptJson = (0, import_react68.useRef)(null);
+  (0, import_react68.useEffect)(() => {
     const nextJson = transactionOption ? JSON.stringify(transactionOption) : null;
     if (nextJson === prevTxOptJson.current) return;
     if (transactionOption) {
@@ -10202,9 +10397,9 @@ var KimaWidgetWrapper = ({
     }
     prevTxOptJson.current = nextJson;
   }, [transactionOption, chainData, dispatch]);
-  const prevModeRef = (0, import_react66.useRef)(void 0);
-  const prevTxIdRef = (0, import_react66.useRef)(void 0);
-  (0, import_react66.useEffect)(() => {
+  const prevModeRef = (0, import_react68.useRef)(void 0);
+  const prevTxIdRef = (0, import_react68.useRef)(void 0);
+  (0, import_react68.useEffect)(() => {
     const modeChanged = prevModeRef.current !== mode;
     const txChanged = prevTxIdRef.current !== txId;
     if (mode === "payment" /* payment */ && !transactionOption) {
@@ -10235,8 +10430,8 @@ var KimaWidgetWrapper = ({
       prevTxIdRef.current = txId;
     }
   }, [mode, txId, transactionOption, dispatch]);
-  const didIndex = (0, import_react66.useRef)(false);
-  (0, import_react66.useEffect)(() => {
+  const didIndex = (0, import_react68.useRef)(false);
+  (0, import_react68.useEffect)(() => {
     if (!chainData?.length || didIndex.current) return;
     logger_default.debug(
       "[KimaWidgetWrapper] indexing plugins for chains:",
@@ -10245,7 +10440,7 @@ var KimaWidgetWrapper = ({
     indexPluginsByChain(chainData);
     didIndex.current = true;
   }, [chainData]);
-  (0, import_react66.useEffect)(() => {
+  (0, import_react68.useEffect)(() => {
     logger_default.debug("[KimaWidgetWrapper] render", {
       mode,
       dAppOption,
@@ -10255,16 +10450,16 @@ var KimaWidgetWrapper = ({
       sourceChain: sourceChain?.shortName
     });
   });
-  const pluginKey = (0, import_react66.useMemo)(() => {
+  const pluginKey = (0, import_react68.useMemo)(() => {
     if (!currentPlugin?.id) return null;
     return `transfer-${currentPlugin.id}-${sourceChain?.shortName ?? "unknown"}`;
   }, [currentPlugin?.id, sourceChain?.shortName]);
-  const content = (0, import_react66.useMemo)(() => {
+  const content = (0, import_react68.useMemo)(() => {
     if (mode === "status" /* status */) {
-      return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(TransactionWidget, { theme });
+      return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(TransactionWidget, { theme });
     }
     if (!currentPlugin && !sourceChain?.shortName) {
-      return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
         TransferWidget,
         {
           theme,
@@ -10276,15 +10471,15 @@ var KimaWidgetWrapper = ({
       );
     }
     if (!currentPlugin) {
-      return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(SkeletonLoader_default, { theme });
+      return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(SkeletonLoader_default, { theme });
     }
     if (sourceChain.shortName === "CC") {
       if (submitted) {
         logger_default.debug("[KimaWidgetWrapper] CC mode -> TransactionWidget");
-        return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(TransactionWidget, { theme });
+        return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(TransactionWidget, { theme });
       }
       if (ccTransactionStatus === "error-id") {
-        return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
           ErrorWidget_default,
           {
             theme,
@@ -10299,7 +10494,7 @@ var KimaWidgetWrapper = ({
         );
       }
       if (ccTransactionStatus === "error-generic") {
-        return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
           ErrorWidget_default,
           {
             theme,
@@ -10313,7 +10508,7 @@ var KimaWidgetWrapper = ({
           }
         );
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
         TransferWidget,
         {
           theme,
@@ -10328,7 +10523,7 @@ var KimaWidgetWrapper = ({
       "[KimaWidgetWrapper] rendering TransferWidget with plugin",
       currentPlugin?.id
     );
-    return submitted ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(TransactionWidget, { theme }) : /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+    return submitted ? /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(TransactionWidget, { theme }) : /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
       TransferWidget,
       {
         theme,
@@ -10357,7 +10552,7 @@ var KimaWidgetWrapper = ({
 var KimaWidgetWrapper_default = KimaWidgetWrapper;
 
 // src/widgets/common/KimaTransactionWidget.tsx
-var import_jsx_runtime90 = require("react/jsx-runtime");
+var import_jsx_runtime91 = require("react/jsx-runtime");
 var KimaTransactionWidget = ({
   mode,
   txId,
@@ -10371,7 +10566,7 @@ var KimaTransactionWidget = ({
 }) => {
   const dispatch = (0, import_react_redux58.useDispatch)();
   const { kimaBackendUrl } = useKimaContext();
-  const [hydrated, setHydrated] = (0, import_react67.useState)(false);
+  const [hydrated, setHydrated] = (0, import_react69.useState)(false);
   const {
     data: envOptions,
     error: envOptionsError,
@@ -10382,20 +10577,20 @@ var KimaTransactionWidget = ({
     error: chainDataError,
     isLoading: isLoadingChainData
   } = useChainData(kimaBackendUrl);
-  (0, import_react67.useEffect)(() => {
+  (0, import_react69.useEffect)(() => {
     if (typeof window !== "undefined") setHydrated(true);
   }, []);
-  (0, import_react67.useEffect)(() => {
+  (0, import_react69.useEffect)(() => {
     if (theme?.colorMode) {
       dispatch(setTheme(theme));
     }
   }, [theme?.colorMode, dispatch, theme]);
   if (!hydrated || !theme?.colorMode)
-    return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(ring_default, { width: 20, height: 20, fill: "#86b8ce" });
+    return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ring_default, { width: 20, height: 20, fill: "#86b8ce" });
   if (isLoadingEnvs || isLoadingChainData)
-    return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(SkeletonLoader_default, { theme });
+    return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(SkeletonLoader_default, { theme });
   if (envOptionsError || !envOptions)
-    return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
       ErrorWidget_default,
       {
         theme,
@@ -10404,7 +10599,7 @@ var KimaTransactionWidget = ({
       }
     );
   if (chainDataError || !chainData)
-    return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
       ErrorWidget_default,
       {
         theme,
@@ -10412,7 +10607,7 @@ var KimaTransactionWidget = ({
         message: "There was an error loading the chain data from the backend. Please check that the backend is running properly and the widget points to the corresponding url." /* ChainLoadingError */
       }
     );
-  return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
     KimaWidgetWrapper_default,
     {
       ...{