@trustware/sdk-staging 1.1.9-staging.1 → 1.1.9-staging.3

package/dist/widget.mjs

@@ -563,7 +563,7 @@ var init_constants = __esm({
   "src/constants.ts"() {
     "use strict";
     SDK_NAME = "@trustware/sdk";
-    SDK_VERSION = "1.1.9-staging.1";
+    SDK_VERSION = "1.1.9-staging.3";
     API_ROOT = "https://bv-staging-api.trustware.io";
     GTM_ID = "GTM-TZDGNCXB";
     API_PREFIX = "/api";
@@ -6212,12 +6212,25 @@ var init_connect = __esm({
 function formatDeepLink(id, currentUrl) {
   const enc = encodeURIComponent(currentUrl);
   switch (id) {
+    // EVM
     case "metamask":
       return `metamask://dapp/${currentUrl}`;
     case "coinbase":
       return `coinbase://wallet/dapp?url=${enc}`;
     case "rainbow":
       return `rainbow://connect?uri=${enc}`;
+    case "trust":
+      return `https://link.trustwallet.com/open_url?coin_id=60&url=${enc}`;
+    case "okx":
+      return `okx://wallet/dapp/url?dappUrl=${enc}`;
+    // Solana
+    case "phantom-solana":
+      return `phantom://browse/${enc}`;
+    case "solflare":
+      return `solflare://ul/v1/browse/${enc}`;
+    case "backpack":
+      return `https://backpack.app/ul/v1/browse/${enc}?ref=${enc}`;
+    // No confirmed deep link scheme
     default:
       return void 0;
   }
@@ -6245,6 +6258,8 @@ var init_metadata = __esm({
         emoji: "\u{1F98A}",
         homepage: "https://metamask.io/",
         chromeWebStore: "https://chromewebstore.google.com/detail/metamask/nkbihfbeogaeaoehlefnkodbefgpgknn",
+        ios: "https://apps.apple.com/app/metamask/id1438144202",
+        android: "https://play.google.com/store/apps/details?id=io.metamask",
         detectFlags: ["isMetaMask"],
         deepLink: (url) => formatDeepLink("metamask", url) ?? ""
       },
@@ -6256,6 +6271,8 @@ var init_metadata = __esm({
         logo: `${ASSETS_BASE_URL}/assets/wallets/coinbase.svg`,
         emoji: "\u{1F7E6}",
         homepage: "https://www.coinbase.com/wallet",
+        ios: "https://apps.apple.com/app/coinbase-wallet/id1278383455",
+        android: "https://play.google.com/store/apps/details?id=org.toshi",
         detectFlags: ["isCoinbaseWallet"],
         deepLink: (url) => formatDeepLink("coinbase", url) ?? ""
       },
@@ -6267,6 +6284,7 @@ var init_metadata = __esm({
         logo: `${ASSETS_BASE_URL}/assets/wallets/walletconnect.svg`,
         emoji: "\u{1FA9D}",
         homepage: "https://walletconnect.com/"
+        // No deep link — opens its own modal
       },
       {
         id: "rainbow",
@@ -6276,8 +6294,38 @@ var init_metadata = __esm({
         logo: `${ASSETS_BASE_URL}/assets/wallets/rainbow.svg`,
         emoji: "\u{1F308}",
         homepage: "https://rainbow.me/",
-        deepLink: (url) => formatDeepLink("rainbow", url) ?? "",
-        detectFlags: ["isRainbow"]
+        ios: "https://apps.apple.com/app/rainbow-ethereum-wallet/id1457119021",
+        android: "https://play.google.com/store/apps/details?id=me.rainbow",
+        detectFlags: ["isRainbow"],
+        deepLink: (url) => formatDeepLink("rainbow", url) ?? ""
+      },
+      {
+        id: "trust",
+        name: "Trust Wallet",
+        category: "app",
+        ecosystem: "multi",
+        logo: `${ASSETS_BASE_URL}/assets/wallets/trust.svg`,
+        emoji: "\u{1F6E1}\uFE0F",
+        homepage: "https://trustwallet.com/",
+        ios: "https://apps.apple.com/app/trust-crypto-bitcoin-wallet/id1288339409",
+        android: "https://play.google.com/store/apps/details?id=com.wallet.crypto.trustapp",
+        detectFlags: ["isTrustWallet"],
+        deepLink: (url) => formatDeepLink("trust", url) ?? ""
+        // ✅ Added
+      },
+      {
+        id: "okx",
+        name: "OKX",
+        category: "injected",
+        ecosystem: "evm",
+        logo: `${ASSETS_BASE_URL}/assets/wallets/okx.svg`,
+        emoji: "\u2B1B",
+        homepage: "https://www.okx.com/web3",
+        ios: "https://apps.apple.com/app/okx-buy-bitcoin-eth-crypto/id1327268470",
+        android: "https://play.google.com/store/apps/details?id=com.okinc.okex.gp",
+        detectFlags: ["isOkxWallet"],
+        deepLink: (url) => formatDeepLink("okx", url) ?? ""
+        // ✅ Added
       },
       {
         id: "phantom-evm",
@@ -6287,7 +6335,10 @@ var init_metadata = __esm({
         logo: `${ASSETS_BASE_URL}/assets/wallets/phantom.svg`,
         emoji: "\u{1F47B}",
         homepage: "https://phantom.app/",
+        ios: "https://apps.apple.com/app/phantom-crypto-wallet/id1598432977",
+        android: "https://play.google.com/store/apps/details?id=app.phantom",
         detectFlags: ["isPhantom"]
+        // No EVM dapp browser deep link — falls back to app store
       },
       {
         id: "phantom-solana",
@@ -6297,18 +6348,9 @@ var init_metadata = __esm({
         logo: `${ASSETS_BASE_URL}/assets/wallets/phantom.svg`,
         emoji: "\u{1F47B}",
         homepage: "https://phantom.app/",
-        android: "https://play.google.com/store/apps/details?id=app.phantom",
         ios: "https://apps.apple.com/app/phantom-crypto-wallet/id1598432977",
-        deepLink: (url) => `phantom://browse/${encodeURIComponent(url)}`
-      },
-      {
-        id: "metamask-solana",
-        name: "MetaMask (Solana)",
-        category: "injected",
-        ecosystem: "solana",
-        logo: `${ASSETS_BASE_URL}/assets/wallets/metamask.svg`,
-        emoji: "\u{1F98A}",
-        homepage: "https://metamask.io/"
+        android: "https://play.google.com/store/apps/details?id=app.phantom",
+        deepLink: (url) => formatDeepLink("phantom-solana", url) ?? ""
       },
       {
         id: "solflare",
@@ -6318,7 +6360,9 @@ var init_metadata = __esm({
         logo: `${ASSETS_BASE_URL}/assets/wallets/solflare-logo.svg`,
         emoji: "\u2600\uFE0F",
         homepage: "https://solflare.com/",
-        deepLink: (url) => `solflare://ul/v1/browse/${encodeURIComponent(url)}`
+        ios: "https://apps.apple.com/app/solflare-solana-wallet/id1580902717",
+        android: "https://play.google.com/store/apps/details?id=com.solflare.mobile",
+        deepLink: (url) => formatDeepLink("solflare", url) ?? ""
       },
       {
         id: "backpack",
@@ -6327,8 +6371,25 @@ var init_metadata = __esm({
         ecosystem: "solana",
         logo: `${ASSETS_BASE_URL}/assets/wallets/backpack-logo.svg`,
         emoji: "\u{1F392}",
-        homepage: "https://backpack.app/"
+        homepage: "https://backpack.app/",
+        ios: "https://apps.apple.com/app/backpack-crypto-wallet/id6445964121",
+        android: "https://play.google.com/store/apps/details?id=app.backpack.mobile",
+        deepLink: (url) => formatDeepLink("backpack", url) ?? ""
+        // ✅ Added
       },
+      {
+        id: "metamask-solana",
+        name: "MetaMask (Solana)",
+        category: "injected",
+        ecosystem: "solana",
+        logo: `${ASSETS_BASE_URL}/assets/wallets/metamask.svg`,
+        emoji: "\u{1F98A}",
+        homepage: "https://metamask.io/",
+        ios: "https://apps.apple.com/app/metamask/id1438144202",
+        android: "https://play.google.com/store/apps/details?id=io.metamask"
+        // No Solana-specific deep link for MetaMask
+      },
+      // ── Extension/desktop only — hidden on mobile ─────────────────────────────
       {
         id: "rabby",
         name: "Rabby",
@@ -6339,6 +6400,7 @@ var init_metadata = __esm({
         homepage: "https://rabby.io/",
         chromeWebStore: "https://chromewebstore.google.com/detail/rabby/acmacodkjbdgmoleebolmdjonilkdbch",
         detectFlags: ["isRabby"]
+        // Extension only — no mobile app or deep link
       },
       {
         id: "brave",
@@ -6349,25 +6411,7 @@ var init_metadata = __esm({
         emoji: "\u{1F981}",
         homepage: "https://brave.com/wallet/",
         detectFlags: ["isBraveWallet"]
-      },
-      {
-        id: "okx",
-        name: "OKX",
-        category: "injected",
-        ecosystem: "evm",
-        logo: `${ASSETS_BASE_URL}/assets/wallets/okx.svg`,
-        emoji: "\u2B1B",
-        homepage: "https://www.okx.com/web3",
-        detectFlags: ["isOkxWallet"]
-      },
-      {
-        id: "zerion",
-        name: "Zerion",
-        category: "app",
-        ecosystem: "evm",
-        logo: `${ASSETS_BASE_URL}/assets/wallets/zerion.png`,
-        emoji: "\u{1F9FF}",
-        homepage: "https://zerion.io/wallet/"
+        // Built into Brave browser — no standalone deep link
       },
       {
         id: "taho",
@@ -6378,16 +6422,7 @@ var init_metadata = __esm({
         emoji: "\u{1F7EA}",
         homepage: "https://taho.xyz/",
         detectFlags: ["isTally", "isTallyWallet", "isTahoWallet"]
-      },
-      {
-        id: "trust",
-        name: "Trust Wallet",
-        category: "app",
-        ecosystem: "multi",
-        logo: `${ASSETS_BASE_URL}/assets/wallets/trust.svg`,
-        emoji: "\u{1F6E1}\uFE0F",
-        homepage: "https://trustwallet.com/",
-        detectFlags: ["isTrustWallet"]
+        // Extension only — no mobile app
       },
       {
         id: "bitget",
@@ -6397,7 +6432,22 @@ var init_metadata = __esm({
         logo: `${ASSETS_BASE_URL}/assets/wallets/bitget.svg`,
         emoji: "\u{1F7E9}",
         homepage: "https://web3.bitget.com/",
+        ios: "https://apps.apple.com/app/bitget-wallet-ex-bitkeep/id1395301115",
+        android: "https://play.google.com/store/apps/details?id=com.bitkeep.wallet",
         detectFlags: ["isBitGetWallet"]
+        // No public deep link scheme documented
+      },
+      {
+        id: "zerion",
+        name: "Zerion",
+        category: "app",
+        ecosystem: "evm",
+        logo: `${ASSETS_BASE_URL}/assets/wallets/zerion.png`,
+        emoji: "\u{1F9FF}",
+        homepage: "https://zerion.io/wallet/",
+        ios: "https://apps.apple.com/app/zerion-crypto-defi-wallet/id1456732565",
+        android: "https://play.google.com/store/apps/details?id=io.zerion.android"
+        // Uses WalletConnect URI — not a simple page URL deep link
       },
       {
         id: "safe",
@@ -6406,7 +6456,10 @@ var init_metadata = __esm({
         ecosystem: "evm",
         logo: `${ASSETS_BASE_URL}/assets/wallets/safe.svg`,
         emoji: "\u{1F7E9}",
-        homepage: "https://safe.global/"
+        homepage: "https://safe.global/",
+        ios: "https://apps.apple.com/app/safe-gnosis-safe/id1515759131",
+        android: "https://play.google.com/store/apps/details?id=io.gnosis.safe"
+        // Uses WalletConnect — no dapp browser deep link
       },
       {
         id: "kucoin",
@@ -6415,7 +6468,10 @@ var init_metadata = __esm({
         ecosystem: "evm",
         logo: `${ASSETS_BASE_URL}/assets/wallets/kucoin.svg`,
         emoji: "\u{1F7E6}",
-        homepage: "https://www.kucoin.com/"
+        homepage: "https://www.kucoin.com/",
+        ios: "https://apps.apple.com/app/kucoin-buy-bitcoin-crypto/id1378956601",
+        android: "https://play.google.com/store/apps/details?id=com.kubi.kucoin"
+        // No public deep link scheme documented
       }
     ];
   }
@@ -6594,6 +6650,14 @@ function useWalletDetection(timeoutMs = 400) {
   );
   return { detected, detectedIds };
 }
+function useIsMobile() {
+  const [isMobile, set] = useState7(false);
+  useEffect7(() => {
+    const ua = navigator.userAgent || "";
+    set(/Android|iPhone|iPad|iPod/i.test(ua));
+  }, []);
+  return isMobile;
+}
 var WALLET_BY_ID, DETECT_PRIORITY, GENERIC_FLAGS, RDNS_WALLET_MAP, NAME_WALLET_MAP;
 var init_detect = __esm({
   "src/wallets/detect.ts"() {
@@ -8146,6 +8210,7 @@ var init_wallets = __esm({
     init_adapters();
     init_solana();
     init_detect();
+    init_metadata();
   }
 });
 
@@ -15978,8 +16043,9 @@ var init_WalletNamespaceTabs = __esm({
 });
 
 // src/widget/features/wallet/components/CryptoWalletDropdownContent.tsx
-import { jsx as jsx36, jsxs as jsxs30 } from "react/jsx-runtime";
-function CryptoWalletDropdownContent({
+import { useEffect as useEffect23, useMemo as useMemo17, useRef as useRef10, useState as useState23 } from "react";
+import { Fragment as Fragment7, jsx as jsx36, jsxs as jsxs30 } from "react/jsx-runtime";
+function DesktopWalletDropdownContent({
   browserWallets,
   handleWalletConnect,
   handleWalletSelect
@@ -16043,6 +16109,262 @@ function CryptoWalletDropdownContent({
     }
   );
 }
+function MobileWalletDropdownContent({
+  handleWalletConnect
+}) {
+  const { setCurrentStep } = useDepositNavigation();
+  const { selectedNamespace } = useDepositWallet();
+  const { walletMetaId, isConnected, status } = useWalletInfo();
+  const [hoveredId, setHoveredId] = useState23(null);
+  const storeFallbackTimeoutRef = useRef10(
+    null
+  );
+  useEffect23(() => {
+    return () => {
+      if (storeFallbackTimeoutRef.current !== null) {
+        clearTimeout(storeFallbackTimeoutRef.current);
+      }
+    };
+  }, []);
+  const connectedWalletId = isConnected ? walletMetaId : null;
+  const currentUrl = window.location.href;
+  const mobileWallets = useMemo17(
+    () => WALLETS.filter((w) => {
+      if (w.id === "walletconnect") return true;
+      const hasMobileLink = Boolean(w.deepLink || w.ios || w.android);
+      if (!hasMobileLink) return false;
+      return w.ecosystem.trim().toLowerCase() === "multi" || w.ecosystem.trim().toLowerCase() === selectedNamespace.trim().toLowerCase();
+    }),
+    [selectedNamespace]
+  );
+  const handleWalletSelect = (wallet) => {
+    if (wallet.id === "walletconnect") {
+      handleWalletConnect();
+      return;
+    }
+    if (wallet.deepLink) {
+      const deepLinkUrl = wallet.deepLink(currentUrl);
+      if (deepLinkUrl) {
+        window.location.assign(deepLinkUrl);
+        if (storeFallbackTimeoutRef.current !== null) {
+          clearTimeout(storeFallbackTimeoutRef.current);
+        }
+        storeFallbackTimeoutRef.current = setTimeout(() => {
+          storeFallbackTimeoutRef.current = null;
+          const isIos2 = /iPhone|iPad/i.test(navigator.userAgent);
+          const storeUrl2 = isIos2 ? wallet.ios : wallet.android;
+          if (storeUrl2) window.location.assign(storeUrl2);
+        }, 1500);
+        return;
+      }
+    }
+    const isIos = /iPhone|iPad/i.test(navigator.userAgent);
+    const storeUrl = isIos ? wallet.ios : wallet.android;
+    if (storeUrl) window.location.assign(storeUrl);
+  };
+  const handleContinue = () => {
+    if (isConnected && status === "connected") {
+      setCurrentStep("crypto-pay");
+    } else {
+      alert("Please connect your wallet first.");
+    }
+  };
+  const showContinueButton = useMemo17(
+    () => isConnected && status === "connected",
+    [isConnected, status]
+  );
+  return /* @__PURE__ */ jsxs30(
+    "div",
+    {
+      style: {
+        ...dropdownSurfaceStyle,
+        maxHeight: "16rem",
+        backgroundColor: colors.card,
+        borderRadius: borderRadius.xl,
+        boxShadow: shadows.large,
+        border: `1px solid rgba(63, 63, 70, 0.5)`,
+        zIndex: 100,
+        overflow: "hidden",
+        // changed from auto
+        animation: "tw-fade-in 0.2s ease-out",
+        display: "flex",
+        flexDirection: "column"
+      },
+      children: [
+        /* @__PURE__ */ jsx36(
+          "div",
+          {
+            style: {
+              width: "100%",
+              padding: spacing[2]
+            },
+            children: /* @__PURE__ */ jsx36("div", { style: { display: "flex", gap: spacing[2] }, children: /* @__PURE__ */ jsx36(WalletNamespaceTabs, { showBitcoin: false }) })
+          }
+        ),
+        /* @__PURE__ */ jsx36(
+          "div",
+          {
+            style: {
+              padding: spacing[3],
+              overflowY: "auto",
+              flex: 1,
+              scrollbarWidth: "thin",
+              scrollbarColor: `${colors.muted} transparent`
+            },
+            children: mobileWallets.map((wallet) => {
+              const isConnectedWallet = wallet.id === connectedWalletId;
+              const isDisabled = isConnected && !isConnectedWallet;
+              const isHovered = hoveredId === wallet.id;
+              return /* @__PURE__ */ jsxs30(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => !isDisabled && handleWalletSelect(wallet),
+                  onMouseEnter: () => !isDisabled && setHoveredId(wallet.id),
+                  onMouseLeave: () => setHoveredId(null),
+                  style: {
+                    width: "100%",
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "space-between",
+                    padding: spacing[2],
+                    borderRadius: borderRadius.lg,
+                    transition: "background-color 0.2s",
+                    border: "none",
+                    backgroundColor: isHovered ? "rgba(255,255,255,0.06)" : "transparent",
+                    cursor: isDisabled ? "not-allowed" : "pointer",
+                    opacity: isDisabled ? 0.4 : 1,
+                    fontFamily: "inherit",
+                    fontSize: fontSize.sm,
+                    outline: "none"
+                  },
+                  children: [
+                    /* @__PURE__ */ jsxs30(
+                      "div",
+                      {
+                        style: {
+                          display: "flex",
+                          alignItems: "center",
+                          gap: spacing[2]
+                        },
+                        children: [
+                          /* @__PURE__ */ jsx36(
+                            "img",
+                            {
+                              src: wallet.logo ?? wallet.emoji,
+                              alt: wallet.name,
+                              style: {
+                                width: "2rem",
+                                height: "2rem",
+                                borderRadius: borderRadius.lg,
+                                objectFit: "cover"
+                              }
+                            }
+                          ),
+                          /* @__PURE__ */ jsx36(
+                            "span",
+                            {
+                              style: {
+                                fontWeight: fontWeight.medium,
+                                fontSize: fontSize.sm,
+                                color: colors.foreground
+                              },
+                              children: wallet.name
+                            }
+                          )
+                        ]
+                      }
+                    ),
+                    isConnectedWallet && /* @__PURE__ */ jsxs30(
+                      "div",
+                      {
+                        style: {
+                          display: "flex",
+                          alignItems: "center",
+                          gap: spacing[1]
+                        },
+                        children: [
+                          /* @__PURE__ */ jsx36(
+                            "div",
+                            {
+                              style: {
+                                width: "0.5rem",
+                                height: "0.5rem",
+                                borderRadius: "50%",
+                                backgroundColor: "#22c55e"
+                              }
+                            }
+                          ),
+                          /* @__PURE__ */ jsx36("span", { style: { fontSize: fontSize.xs, color: "#22c55e" }, children: "Connected" })
+                        ]
+                      }
+                    )
+                  ]
+                },
+                wallet.id
+              );
+            })
+          }
+        ),
+        showContinueButton && /* @__PURE__ */ jsx36(
+          "div",
+          {
+            style: {
+              padding: spacing[3],
+              borderTop: `1px solid rgba(63, 63, 70, 0.5)`,
+              backgroundColor: colors.card
+            },
+            children: /* @__PURE__ */ jsx36(
+              "button",
+              {
+                onClick: handleContinue,
+                style: {
+                  width: "100%",
+                  padding: `${spacing[2]} ${spacing[3]}`,
+                  borderRadius: borderRadius.lg,
+                  border: "none",
+                  backgroundColor: colors.primary,
+                  color: "#fff",
+                  fontFamily: "inherit",
+                  fontSize: fontSize.sm,
+                  fontWeight: fontWeight.medium,
+                  cursor: "pointer",
+                  transition: "opacity 0.2s"
+                },
+                onMouseEnter: (e2) => e2.currentTarget.style.opacity = "0.85",
+                onMouseLeave: (e2) => e2.currentTarget.style.opacity = "1",
+                children: "Continue \u2192"
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+function CryptoWalletDropdownContent({
+  browserWallets,
+  handleWalletConnect,
+  handleWalletSelect
+}) {
+  const isMobile = useIsMobile();
+  return /* @__PURE__ */ jsxs30(Fragment7, { children: [
+    !isMobile && /* @__PURE__ */ jsx36(
+      DesktopWalletDropdownContent,
+      {
+        browserWallets,
+        handleWalletConnect,
+        handleWalletSelect
+      }
+    ),
+    isMobile && /* @__PURE__ */ jsx36(
+      MobileWalletDropdownContent,
+      {
+        handleWalletConnect
+      }
+    )
+  ] });
+}
 var init_CryptoWalletDropdownContent = __esm({
   "src/widget/features/wallet/components/CryptoWalletDropdownContent.tsx"() {
     "use strict";
@@ -16053,6 +16375,7 @@ var init_CryptoWalletDropdownContent = __esm({
     init_paymentOptionStyles();
     init_WalletNamespaceTabs();
     init_DepositContext();
+    init_wallets();
   }
 });
 
@@ -16507,7 +16830,7 @@ var init_HomePaymentOptions = __esm({
 });
 
 // src/widget/features/wallet/hooks/useHomeWalletActions.ts
-import { useCallback as useCallback18, useEffect as useEffect23, useMemo as useMemo17, useRef as useRef10, useState as useState23 } from "react";
+import { useCallback as useCallback18, useEffect as useEffect24, useMemo as useMemo18, useRef as useRef11, useState as useState24 } from "react";
 function useHomeWalletActions({
   connectWallet,
   detectedWallets,
@@ -16516,12 +16839,12 @@ function useHomeWalletActions({
   WalletConnect
   // setCurrentStepInternal,
 }) {
-  const [isCryptoDropdownOpen, setIsCryptoDropdownOpen] = useState23(false);
-  const [isFiatDropdownOpen, setIsFiatDropdownOpen] = useState23(false);
-  const cryptoDropdownRef = useRef10(null);
-  const fiatDropdownRef = useRef10(null);
+  const [isCryptoDropdownOpen, setIsCryptoDropdownOpen] = useState24(false);
+  const [isFiatDropdownOpen, setIsFiatDropdownOpen] = useState24(false);
+  const cryptoDropdownRef = useRef11(null);
+  const fiatDropdownRef = useRef11(null);
   const { disconnect } = useWalletInfo();
-  useEffect23(() => {
+  useEffect24(() => {
     const handleClickOutside = (event) => {
       if (cryptoDropdownRef.current && !cryptoDropdownRef.current.contains(event.target)) {
         setIsCryptoDropdownOpen(false);
@@ -16547,6 +16870,7 @@ function useHomeWalletActions({
         setWalletType("other");
         const { error } = await connectWallet(wallet);
         if (error) {
+          console.error("Wallet connection error:", error);
           resetNavigation();
           return;
         }
@@ -16568,7 +16892,7 @@ function useHomeWalletActions({
     WalletConnect().catch(() => resetNavigation());
   }, [setYourWalletTokens, disconnect]);
   const { selectedNamespace } = useDepositWallet();
-  const browserWallets = useMemo17(() => {
+  const browserWallets = useMemo18(() => {
     if (!detectedWallets?.length) return [];
     return detectedWallets.filter(
       (wallet) => wallet?.meta?.id !== "walletconnect" && wallet?.meta?.ecosystem.trim().toLowerCase() === selectedNamespace.trim().toLowerCase()
@@ -16980,7 +17304,7 @@ var init_relayFeeUtils = __esm({
 });
 
 // src/widget/features/route-preview/hooks/useRoutePreviewModel.ts
-import { useMemo as useMemo18 } from "react";
+import { useMemo as useMemo19 } from "react";
 function useRoutePreviewModel({
   amountUsd,
   amountValidationError,
@@ -16993,7 +17317,7 @@ function useRoutePreviewModel({
   walletAddress
 }) {
   const { chains } = useChains();
-  const destinationConfig = useMemo18(
+  const destinationConfig = useMemo19(
     () => ({
       dappName: config.messages?.title || "DApp",
       toChain: config.routes.toChain,
@@ -17007,7 +17331,7 @@ function useRoutePreviewModel({
       config.routes.toToken
     ]
   );
-  const routeConfig = useMemo18(() => {
+  const routeConfig = useMemo19(() => {
     const toChainId = config.routes.toChain;
     const toChainKey = normalizeChainKey2(toChainId);
     const toChain = toChainKey ? chains.find(
@@ -17044,7 +17368,7 @@ function useRoutePreviewModel({
     ...routeConfig,
     enabled: !!isReady
   });
-  const routePrerequisiteError = useMemo18(() => {
+  const routePrerequisiteError = useMemo19(() => {
     if (!isReady) return;
     if (!selectedChain) {
       return "Select a source chain to fetch a route.";
@@ -30626,7 +30950,7 @@ var init_smart_account2 = __esm({
 });
 
 // src/widget/features/transaction/hooks/useTransactionActionModel.ts
-import { useCallback as useCallback19, useEffect as useEffect24, useMemo as useMemo19, useRef as useRef11, useState as useState24 } from "react";
+import { useCallback as useCallback19, useEffect as useEffect25, useMemo as useMemo20, useRef as useRef12, useState as useState25 } from "react";
 import { encodeFunctionData as encodeFunctionData8, erc20Abi } from "viem";
 function normalizeTokenAddressForCompare(chain, addr) {
   const chainType = (chain.type ?? chain.chainType ?? "").toLowerCase();
@@ -30648,7 +30972,7 @@ function useTransactionActionModel({
   walletAddress,
   walletStatus
 }) {
-  const feeDataCacheRef = useRef11({});
+  const feeDataCacheRef = useRef12({});
   const { isSubmitting, submitTransaction } = useTransactionSubmit();
   const { trackEvent } = useGTM(GTM_ID);
   const destinationConfig = (() => {
@@ -30661,7 +30985,7 @@ function useTransactionActionModel({
   const chainType = selectedChain?.type ?? selectedChain?.chainType;
   const chainTypeNormalized = (chainType ?? "").toLowerCase();
   const isEvm = chainTypeNormalized === "evm";
-  const backendChainId2 = useMemo19(() => {
+  const backendChainId2 = useMemo20(() => {
     const chainRef = routeResult?.txReq?.chainId ?? selectedChain?.networkIdentifier ?? selectedChain?.chainId ?? selectedChain?.id;
     if (chainRef == null) return null;
     return String(chainRef);
@@ -30671,7 +30995,7 @@ function useTransactionActionModel({
     selectedChain?.id,
     selectedChain?.networkIdentifier
   ]);
-  const selectedTokenOnBackendChain = useMemo19(() => {
+  const selectedTokenOnBackendChain = useMemo20(() => {
     if (!backendChainId2) return false;
     const target = normalizeChainKey2(backendChainId2);
     return [
@@ -30688,22 +31012,22 @@ function useTransactionActionModel({
     selectedChain?.id,
     selectedChain?.networkIdentifier
   ]);
-  const isNativeSelected = useMemo19(() => {
+  const isNativeSelected = useMemo20(() => {
     const address = selectedToken?.address;
     return isNativeTokenAddress(address, chainType) || isZeroAddrLike(address, chainType) || normalizeTokenAddressForCompare(selectedChain, address) === normalizeTokenAddressForCompare(
       selectedChain,
       getNativeTokenAddress2(chainType)
     );
   }, [chainType, selectedChain, selectedToken?.address]);
-  const spender = useMemo19(() => {
+  const spender = useMemo20(() => {
     const txReq = routeResult?.txReq;
     const addr = txReq?.to ?? txReq?.target;
     return addr ?? null;
   }, [routeResult?.txReq]);
-  const [allowanceWei, setAllowanceWei] = useState24(0n);
-  const [isReadingAllowance, setIsReadingAllowance] = useState24(false);
-  const [isApproving, setIsApproving] = useState24(false);
-  const [gasReservationWei, setGasReservationWei] = useState24(0n);
+  const [allowanceWei, setAllowanceWei] = useState25(0n);
+  const [isReadingAllowance, setIsReadingAllowance] = useState25(false);
+  const [isApproving, setIsApproving] = useState25(false);
+  const [gasReservationWei, setGasReservationWei] = useState25(0n);
   const readAllowance = useCallback19(async () => {
     if (!isEvm || isNativeSelected || !!routeResult?.sponsorship || // sponsored routes: SA approves bridge inside the UO batch
     !backendChainId2 || !selectedTokenOnBackendChain || !walletAddress || !spender || !selectedToken?.address) {
@@ -30734,7 +31058,7 @@ function useTransactionActionModel({
     spender,
     walletAddress
   ]);
-  useEffect24(() => {
+  useEffect25(() => {
     void readAllowance();
   }, [readAllowance]);
   const needsApproval = isEvm && !isNativeSelected && !routeResult?.sponsorship && // sponsored routes use Permit2 + SA internal batch — no EOA bridge approval
@@ -30938,13 +31262,13 @@ function useTransactionActionModel({
     routeResult?.txReq,
     walletAddress
   ]);
-  useEffect24(() => {
+  useEffect25(() => {
     if (routeResult) {
       void estimateGasReservationWei();
     }
   }, [estimateGasReservationWei, routeResult]);
-  const [smartAccountFailed, setSmartAccountFailed] = useState24(false);
-  useEffect24(() => {
+  const [smartAccountFailed, setSmartAccountFailed] = useState25(false);
+  useEffect25(() => {
     setSmartAccountFailed(false);
   }, [routeResult?.intentId]);
   const handleConfirm = useCallback19(async () => {
@@ -31048,7 +31372,7 @@ function useTransactionActionModel({
   ]);
   const isWalletConnected = walletStatus === "connected";
   const canSwipe = parsedAmount > 0 && !!selectedToken && isWalletConnected && !isLoadingRoute && !isSubmitting && !!routeResult && !actionErrorMessage && !isApproving && !isReadingAllowance;
-  const swipeResetKey = useMemo19(() => {
+  const swipeResetKey = useMemo20(() => {
     const tokenAddress = selectedToken ? normalizeAddress2(
       selectedToken.address,
       selectedToken?.chainData?.type ?? selectedToken?.chainData?.chainType
@@ -31278,12 +31602,12 @@ var init_DefaultCryptoPay = __esm({
 });
 
 // src/widget/pages/CryptoPay/RouteQuoteLoader.tsx
-import { useState as useState25, useEffect as useEffect25 } from "react";
+import { useState as useState26, useEffect as useEffect26 } from "react";
 import { jsx as jsx49, jsxs as jsxs39 } from "react/jsx-runtime";
 function RouteQuoteLoader({ selectedToken }) {
-  const [messageIndex, setMessageIndex] = useState25(0);
-  const [visible, setVisible] = useState25(true);
-  useEffect25(() => {
+  const [messageIndex, setMessageIndex] = useState26(0);
+  const [visible, setVisible] = useState26(true);
+  useEffect26(() => {
     let t = null;
     const interval = setInterval(() => {
       setVisible(false);
@@ -31459,8 +31783,8 @@ var init_RouteQuoteLoader = __esm({
 });
 
 // src/widget/pages/CryptoPay/index.tsx
-import { useEffect as useEffect26, useMemo as useMemo20 } from "react";
-import { Fragment as Fragment7, jsx as jsx50, jsxs as jsxs40 } from "react/jsx-runtime";
+import { useEffect as useEffect27, useMemo as useMemo21 } from "react";
+import { Fragment as Fragment8, jsx as jsx50, jsxs as jsxs40 } from "react/jsx-runtime";
 function CryptoPay({ style: _style }) {
   const {
     amount,
@@ -31483,17 +31807,17 @@ function CryptoPay({ style: _style }) {
   const { goBack, setCurrentStep, currentStep } = useDepositNavigation();
   const config = useTrustwareConfig();
   const { fixedFromAmountString, isFixedAmount, minAmountUsd, maxAmountUsd } = useAmountConstraints();
-  const routeRefreshMs = useMemo20(() => {
+  const routeRefreshMs = useMemo21(() => {
     const raw = config.routes?.options?.routeRefreshMs;
     const n = Number(raw);
     return Number.isFinite(n) && n > 0 ? n : void 0;
   }, [config.routes?.options?.routeRefreshMs]);
   const IsPos = (x) => x !== null && x !== void 0 && x.balance !== "0";
-  const showDefaultCryptoPay = useMemo20(() => {
+  const showDefaultCryptoPay = useMemo21(() => {
     const nonZer0Tks = (yourWalletTokens ?? []).filter(IsPos);
     return !yourWalletTokensLoading && nonZer0Tks.length === 0 && yourWalletTokens.length > 0;
   }, [yourWalletTokens, yourWalletTokensLoading]);
-  const showSkeleton = useMemo20(() => {
+  const showSkeleton = useMemo21(() => {
     return (yourWalletTokens ?? []).length === 0;
   }, [yourWalletTokens]);
   const isReady = selectedToken != null && selectedToken?.chainData !== void 0 && !showDefaultCryptoPay && !showSkeleton;
@@ -31569,7 +31893,7 @@ function CryptoPay({ style: _style }) {
   });
   const { emitError } = useTrustware();
   const readySelectedToken = isReady ? selectedToken : null;
-  useEffect26(() => {
+  useEffect27(() => {
     if (currentStep !== "crypto-pay" || !actionErrorMessage) return;
     emitError?.(
       new TrustwareError({
@@ -31598,7 +31922,7 @@ function CryptoPay({ style: _style }) {
     if (isFixedAmount) return;
     setAmount(value.toString());
   };
-  const relayFeeUsd = useMemo20(
+  const relayFeeUsd = useMemo21(
     () => computeRelayFeeUsd(routeResult, isNativeSelected),
     [isNativeSelected, routeResult]
   );
@@ -31699,7 +32023,7 @@ function CryptoPay({ style: _style }) {
             ]
           }
         ),
-        showSkeleton ? /* @__PURE__ */ jsx50(Fragment7, { children: /* @__PURE__ */ jsx50(
+        showSkeleton ? /* @__PURE__ */ jsx50(Fragment8, { children: /* @__PURE__ */ jsx50(
           "div",
           {
             style: {
@@ -31710,8 +32034,8 @@ function CryptoPay({ style: _style }) {
             },
             children: /* @__PURE__ */ jsx50(LoadingSkeleton, {})
           }
-        ) }) : /* @__PURE__ */ jsxs40(Fragment7, { children: [
-          isReady && /* @__PURE__ */ jsx50(Fragment7, { children: isLoadingRoute && !routeResult ? /* @__PURE__ */ jsx50(RouteQuoteLoader, { selectedToken: readySelectedToken }) : /* @__PURE__ */ jsxs40(Fragment7, { children: [
+        ) }) : /* @__PURE__ */ jsxs40(Fragment8, { children: [
+          isReady && /* @__PURE__ */ jsx50(Fragment8, { children: isLoadingRoute && !routeResult ? /* @__PURE__ */ jsx50(RouteQuoteLoader, { selectedToken: readySelectedToken }) : /* @__PURE__ */ jsxs40(Fragment8, { children: [
             /* @__PURE__ */ jsx50(
               CryptoPayAmountSection,
               {
@@ -31790,7 +32114,7 @@ var init_CryptoPay = __esm({
 });
 
 // src/widget/pages/Processing.tsx
-import { useEffect as useEffect27, useMemo as useMemo21, useRef as useRef12 } from "react";
+import { useEffect as useEffect28, useMemo as useMemo22, useRef as useRef13 } from "react";
 import { jsx as jsx51, jsxs as jsxs41 } from "react/jsx-runtime";
 function getProgressFromStatus(status) {
   switch (status) {
@@ -31829,27 +32153,27 @@ function Processing({ style }) {
   const { resetState, setCurrentStep } = useDepositNavigation();
   const { transactionStatus, transactionHash, intentId } = useDepositTransaction();
   const { transaction, startPolling, isPolling } = useTransactionPolling();
-  const hasStartedPolling = useRef12(false);
-  useEffect27(() => {
+  const hasStartedPolling = useRef13(false);
+  useEffect28(() => {
     return () => {
       hasStartedPolling.current = false;
     };
   }, []);
-  useEffect27(() => {
+  useEffect28(() => {
     if (intentId && transactionHash && !isPolling && !hasStartedPolling.current && transactionStatus !== "success" && transactionStatus !== "error") {
       hasStartedPolling.current = true;
       startPolling(intentId, transactionHash);
     }
   }, [intentId, transactionHash, isPolling, transactionStatus, startPolling]);
-  const progress = useMemo21(
+  const progress = useMemo22(
     () => getProgressFromStatus(transactionStatus),
     [transactionStatus]
   );
-  const stepText = useMemo21(
+  const stepText = useMemo22(
     () => getStepText(transactionStatus),
     [transactionStatus]
   );
-  const explorerUrl = useMemo21(() => {
+  const explorerUrl = useMemo22(() => {
     if (transaction?.fromChainTxUrl) {
       return transaction.fromChainTxUrl;
     }
@@ -31995,15 +32319,15 @@ var init_Processing = __esm({
 });
 
 // src/widget/pages/Success.tsx
-import { lazy, Suspense, useMemo as useMemo22 } from "react";
+import { lazy, Suspense, useMemo as useMemo23 } from "react";
 import { jsx as jsx52, jsxs as jsxs42 } from "react/jsx-runtime";
 function Success({ style }) {
   const { selectedToken, selectedChain, amount } = useDepositForm();
   const { resetState } = useDepositNavigation();
   const { transactionHash } = useDepositTransaction();
   const { transaction } = useTransactionPolling();
-  const parsedAmount = useMemo22(() => parseFloat(amount) || 0, [amount]);
-  const explorerUrl = useMemo22(() => {
+  const parsedAmount = useMemo23(() => parseFloat(amount) || 0, [amount]);
+  const explorerUrl = useMemo23(() => {
     if (transaction?.toChainTxUrl) {
       return transaction.toChainTxUrl;
     }
@@ -32224,7 +32548,7 @@ var init_mapError = __esm({
 });
 
 // src/widget/pages/Error.tsx
-import { useMemo as useMemo23 } from "react";
+import { useMemo as useMemo24 } from "react";
 import { jsx as jsx53 } from "react/jsx-runtime";
 function Error2({ style: _style }) {
   const { selectedChain } = useDepositForm();
@@ -32235,8 +32559,8 @@ function Error2({ style: _style }) {
     setErrorMessage,
     transactionHash
   } = useDepositTransaction();
-  const mapped = useMemo23(() => mapError(errorMessage), [errorMessage]);
-  const explorerUrl = useMemo23(() => {
+  const mapped = useMemo24(() => mapError(errorMessage), [errorMessage]);
+  const explorerUrl = useMemo24(() => {
     if (transactionHash && selectedChain?.blockExplorerUrls?.length) {
       return `${selectedChain.blockExplorerUrls[0].replace(/\/+$/, "")}/tx/${transactionHash}`;
     }
@@ -32296,18 +32620,18 @@ var init_widgetSteps = __esm({
 });
 
 // src/widget/app/WidgetRouter.tsx
-import { useMemo as useMemo24 } from "react";
+import { useMemo as useMemo25 } from "react";
 import { jsx as jsx54 } from "react/jsx-runtime";
 function WidgetRouter({
   currentStep,
   navigationDirection,
   stepHistory
 }) {
-  const PageComponent = useMemo24(
+  const PageComponent = useMemo25(
     () => PAGE_COMPONENTS[currentStep],
     [currentStep]
   );
-  const animationClass = useMemo24(() => {
+  const animationClass = useMemo25(() => {
     return navigationDirection === "forward" ? "tw-animate-slide-in-right" : "tw-animate-slide-in-left";
   }, [navigationDirection]);
   return /* @__PURE__ */ jsx54(
@@ -32335,14 +32659,14 @@ var init_WidgetRouter = __esm({
 });
 
 // src/modes/swap/hooks/useSwapRoute.ts
-import { useCallback as useCallback20, useRef as useRef13, useState as useState26 } from "react";
+import { useCallback as useCallback20, useRef as useRef14, useState as useState27 } from "react";
 function useSwapRoute() {
-  const [state, setState] = useState26({
+  const [state, setState] = useState27({
     data: null,
     loading: false,
     error: null
   });
-  const abortRef = useRef13(false);
+  const abortRef = useRef14(false);
   const fetch2 = useCallback20(
     async (params) => {
       const { fromToken, fromChain, toToken, toChain, amount, walletAddress } = params;
@@ -32401,7 +32725,7 @@ var init_useSwapRoute = __esm({
 });
 
 // src/modes/swap/hooks/useSwapExecution.ts
-import { useCallback as useCallback21, useRef as useRef14, useState as useState27 } from "react";
+import { useCallback as useCallback21, useRef as useRef15, useState as useState28 } from "react";
 import { encodeFunctionData as encodeFunctionData9, erc20Abi as erc20Abi2 } from "viem";
 function normalizeTx(raw) {
   const r = raw;
@@ -32436,7 +32760,7 @@ async function waitForApprovalConfirmation(chainId, txHash) {
   throw new Error("Timed out waiting for approval confirmation");
 }
 function useSwapExecution(fromChain) {
-  const [state, setState] = useState27({
+  const [state, setState] = useState28({
     txStatus: "idle",
     txHash: null,
     intentId: null,
@@ -32445,11 +32769,11 @@ function useSwapExecution(fromChain) {
     isSubmitting: false,
     allowanceStatus: "unknown"
   });
-  const saFailedUntilRef = useRef14(0);
-  const pollingRef = useRef14(null);
-  const timeoutRef = useRef14(null);
-  const abortRef = useRef14(false);
-  const pollCountRef = useRef14(0);
+  const saFailedUntilRef = useRef15(0);
+  const pollingRef = useRef15(null);
+  const timeoutRef = useRef15(null);
+  const abortRef = useRef15(false);
+  const pollCountRef = useRef15(0);
   const clearPolling = useCallback21(() => {
     abortRef.current = true;
     if (pollingRef.current) clearTimeout(pollingRef.current);
@@ -32812,13 +33136,13 @@ var init_forex = __esm({
 });
 
 // src/modes/swap/hooks/useForex.ts
-import { useEffect as useEffect28, useRef as useRef15, useState as useState28 } from "react";
+import { useEffect as useEffect29, useRef as useRef16, useState as useState29 } from "react";
 function useForex() {
-  const [rates, setRates] = useState28({ USD: 1 });
-  const [error, setError] = useState28(null);
-  const [lastUpdated, setLastUpdated] = useState28(null);
-  const timerRef = useRef15(null);
-  useEffect28(() => {
+  const [rates, setRates] = useState29({ USD: 1 });
+  const [error, setError] = useState29(null);
+  const [lastUpdated, setLastUpdated] = useState29(null);
+  const timerRef = useRef16(null);
+  useEffect29(() => {
     let cancelled = false;
     const load = () => {
       fetchForexRates("USD").then((r) => {
@@ -32855,7 +33179,7 @@ var init_useForex = __esm({
 });
 
 // src/modes/swap/components/SwapTokenSelect.tsx
-import { useState as useState29, useMemo as useMemo25, useEffect as useEffect29 } from "react";
+import { useState as useState30, useMemo as useMemo26, useEffect as useEffect30 } from "react";
 import { jsx as jsx55, jsxs as jsxs43 } from "react/jsx-runtime";
 function SwapTokenSelect({
   side,
@@ -32871,10 +33195,10 @@ function SwapTokenSelect({
   allowedTokens,
   excludeToken
 }) {
-  const [localChain, setLocalChain] = useState29(initialChain);
-  const [pinnedTokens, setPinnedTokens] = useState29([]);
-  const [pinnedLoading, setPinnedLoading] = useState29(false);
-  useEffect29(() => {
+  const [localChain, setLocalChain] = useState30(initialChain);
+  const [pinnedTokens, setPinnedTokens] = useState30([]);
+  const [pinnedLoading, setPinnedLoading] = useState30(false);
+  useEffect30(() => {
     if (!allowedTokens || allowedTokens.length === 0 || !localChain) {
       setPinnedTokens([]);
       return;
@@ -32955,26 +33279,26 @@ function SwapTokenSelect({
     walletAddress,
     yourWalletTokens
   });
-  const allowedSet = useMemo25(() => {
+  const allowedSet = useMemo26(() => {
     if (!allowedTokens || allowedTokens.length === 0) return null;
     return new Set(
       allowedTokens.map((t) => `${t.chainId}:${t.address.toLowerCase()}`)
     );
   }, [allowedTokens]);
-  const filteredWalletTokens = useMemo25(() => {
+  const filteredWalletTokens = useMemo26(() => {
     if (!allowedSet) return rawWalletTokens;
     return rawWalletTokens.filter(
       (t) => allowedSet.has(`${Number(t.chainId)}:${t.address.toLowerCase()}`)
     );
   }, [rawWalletTokens, allowedSet]);
   const excludeKey = excludeToken ? `${Number(excludeToken.chainId)}:${excludeToken.address.toLowerCase()}` : null;
-  const visibleTokens = useMemo25(() => {
+  const visibleTokens = useMemo26(() => {
     if (!excludeKey) return filteredTokens;
     return filteredTokens.filter(
       (t) => `${Number(t.chainId)}:${t.address.toLowerCase()}` !== excludeKey
     );
   }, [filteredTokens, excludeKey]);
-  const visibleWalletTokens = useMemo25(() => {
+  const visibleWalletTokens = useMemo26(() => {
     if (!excludeKey) return filteredWalletTokens;
     return filteredWalletTokens.filter(
       (t) => `${Number(t.chainId)}:${t.address.toLowerCase()}` !== excludeKey
@@ -33103,8 +33427,8 @@ var init_SwapTokenSelect = __esm({
 });
 
 // src/modes/swap/components/SwapWalletSelector.tsx
-import { useEffect as useEffect30, useMemo as useMemo26, useRef as useRef16, useState as useState30 } from "react";
-import { Fragment as Fragment8, jsx as jsx56, jsxs as jsxs44 } from "react/jsx-runtime";
+import { useEffect as useEffect31, useMemo as useMemo27, useRef as useRef17, useState as useState31 } from "react";
+import { Fragment as Fragment9, jsx as jsx56, jsxs as jsxs44 } from "react/jsx-runtime";
 function SwapWalletSelector({
   walletStatus,
   walletAddress,
@@ -33120,16 +33444,16 @@ function SwapWalletSelector({
   } = useWalletInfo();
   const walletConnectCfg = TrustwareConfigStore.peek()?.walletConnect;
   const connectWC = useWalletConnectConnect(walletConnectCfg);
-  const [wcConnecting, setWcConnecting] = useState30(false);
-  const [connectingId, setConnectingId] = useState30(null);
-  const [timerExpired, setTimerExpired] = useState30(false);
-  const [selectedNamespace, setSelectedNamespace] = useState30("evm");
-  const prevStatusRef = useRef16(walletStatus);
-  useEffect30(() => {
+  const [wcConnecting, setWcConnecting] = useState31(false);
+  const [connectingId, setConnectingId] = useState31(null);
+  const [timerExpired, setTimerExpired] = useState31(false);
+  const [selectedNamespace, setSelectedNamespace] = useState31("evm");
+  const prevStatusRef = useRef17(walletStatus);
+  useEffect31(() => {
     const t = setTimeout(() => setTimerExpired(true), 450);
     return () => clearTimeout(t);
   }, []);
-  useEffect30(() => {
+  useEffect31(() => {
     const prev = prevStatusRef.current;
     if (prev !== walletStatus) {
       if (prev === "connecting" && (walletStatus === "connected" || walletStatus === "error")) {
@@ -33138,7 +33462,7 @@ function SwapWalletSelector({
       prevStatusRef.current = walletStatus;
     }
   }, [walletStatus]);
-  const filteredWallets = useMemo26(
+  const filteredWallets = useMemo27(
     () => detected.filter(
       (w) => (w.meta?.ecosystem ?? "").toLowerCase() === selectedNamespace
     ),
@@ -33562,7 +33886,7 @@ function SwapWalletSelector({
           })
         }
       ),
-      selectedNamespace === "evm" && /* @__PURE__ */ jsxs44(Fragment8, { children: [
+      selectedNamespace === "evm" && /* @__PURE__ */ jsxs44(Fragment9, { children: [
         /* @__PURE__ */ jsx56(
           "div",
           {
@@ -33803,13 +34127,13 @@ import {
   lazy as lazy2,
   Suspense as Suspense2,
   useCallback as useCallback22,
-  useEffect as useEffect31,
-  useMemo as useMemo27,
-  useRef as useRef17,
-  useState as useState31
+  useEffect as useEffect32,
+  useMemo as useMemo28,
+  useRef as useRef18,
+  useState as useState32
 } from "react";
 import ReactDOM from "react-dom";
-import { Fragment as Fragment9, jsx as jsx57, jsxs as jsxs45 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx57, jsxs as jsxs45 } from "react/jsx-runtime";
 function fmtAmount(n, max = 6) {
   if (!isFinite(n) || n === 0) return "0";
   return n.toLocaleString(void 0, { maximumFractionDigits: max });
@@ -33901,36 +34225,36 @@ function SwapMode({
   theme: themeProp,
   style
 }) {
-  const [stage, setStage] = useState31("home");
-  const [fromToken, setFromToken] = useState31(
+  const [stage, setStage] = useState32("home");
+  const [fromToken, setFromToken] = useState32(
     null
   );
-  const [fromChain, setFromChain] = useState31(null);
-  const [toToken, setToToken] = useState31(null);
-  const [toChain, setToChain] = useState31(null);
-  const [amount, setAmount] = useState31("");
-  const [amountInputMode, setAmountInputMode] = useState31(
+  const [fromChain, setFromChain] = useState32(null);
+  const [toToken, setToToken] = useState32(null);
+  const [toChain, setToChain] = useState32(null);
+  const [amount, setAmount] = useState32("");
+  const [amountInputMode, setAmountInputMode] = useState32(
     "usd"
   );
-  const [hoverSell, setHoverSell] = useState31(false);
-  const [showRateDetails, setShowRateDetails] = useState31(false);
-  const [showReviewDetails, setShowReviewDetails] = useState31(false);
-  const [showSettings, setShowSettings] = useState31(false);
-  const [maxApproval, setMaxApproval] = useState31(false);
-  const [slippage, setSlippage] = useState31(0.5);
-  const [slippageInput, setSlippageInput] = useState31("");
-  const [selectedCurrency, setSelectedCurrency] = useState31("USD");
-  const [showCurrencyDropdown, setShowCurrencyDropdown] = useState31(false);
-  const [completedAt, setCompletedAt] = useState31(null);
-  const [copiedHash, setCopiedHash] = useState31(null);
-  const [rateUpdated, setRateUpdated] = useState31(false);
-  const prevToAmountRef = useRef17(null);
-  const [destAddress, setDestAddress] = useState31("");
-  const [quoteAge, setQuoteAge] = useState31(0);
-  const quoteTimestampRef = useRef17(null);
-  const [quoteLoadingMsgIdx, setQuoteLoadingMsgIdx] = useState31(0);
-  const [quoteLoadingMsgVisible, setQuoteLoadingMsgVisible] = useState31(true);
-  const latestFetchParamsRef = useRef17(null);
+  const [hoverSell, setHoverSell] = useState32(false);
+  const [showRateDetails, setShowRateDetails] = useState32(false);
+  const [showReviewDetails, setShowReviewDetails] = useState32(false);
+  const [showSettings, setShowSettings] = useState32(false);
+  const [maxApproval, setMaxApproval] = useState32(false);
+  const [slippage, setSlippage] = useState32(0.5);
+  const [slippageInput, setSlippageInput] = useState32("");
+  const [selectedCurrency, setSelectedCurrency] = useState32("USD");
+  const [showCurrencyDropdown, setShowCurrencyDropdown] = useState32(false);
+  const [completedAt, setCompletedAt] = useState32(null);
+  const [copiedHash, setCopiedHash] = useState32(null);
+  const [rateUpdated, setRateUpdated] = useState32(false);
+  const prevToAmountRef = useRef18(null);
+  const [destAddress, setDestAddress] = useState32("");
+  const [quoteAge, setQuoteAge] = useState32(0);
+  const quoteTimestampRef = useRef18(null);
+  const [quoteLoadingMsgIdx, setQuoteLoadingMsgIdx] = useState32(0);
+  const [quoteLoadingMsgVisible, setQuoteLoadingMsgVisible] = useState32(true);
+  const latestFetchParamsRef = useRef18(null);
   const { rates: forexRates } = useForex();
   const currencyMeta = getCurrencyMeta(selectedCurrency);
   const currencyRate = forexRates[selectedCurrency] ?? 1;
@@ -33946,8 +34270,8 @@ function SwapMode({
     },
     [currencyRate, selectedCurrency]
   );
-  const settingsRef = useRef17(null);
-  const currencyDropdownRef = useRef17(null);
+  const settingsRef = useRef18(null);
+  const currencyDropdownRef = useRef18(null);
   const { emitEvent } = useTrustware();
   const { features, theme: configTheme } = useTrustwareConfig();
   const effectiveThemeSetting = themeProp ?? configTheme ?? "system";
@@ -33963,26 +34287,26 @@ function SwapMode({
     isLoading: chainsLoading,
     error: chainsError
   } = useChains();
-  const allowedDestChainIds = useMemo27(() => {
+  const allowedDestChainIds = useMemo28(() => {
     if (!allowedDestTokens || allowedDestTokens.length === 0) return null;
     return new Set(allowedDestTokens.map((t) => t.chainId));
   }, [allowedDestTokens]);
-  const toPopularChains = useMemo27(
+  const toPopularChains = useMemo28(
     () => allowedDestChainIds ? popularChains.filter(
       (c) => allowedDestChainIds.has(Number(c.chainId))
     ) : popularChains,
     [popularChains, allowedDestChainIds]
   );
-  const toOtherChains = useMemo27(
+  const toOtherChains = useMemo28(
     () => allowedDestChainIds ? otherChains.filter((c) => allowedDestChainIds.has(Number(c.chainId))) : otherChains,
     [otherChains, allowedDestChainIds]
   );
-  const allChains = useMemo27(
+  const allChains = useMemo28(
     () => [...popularChains, ...otherChains],
     [popularChains, otherChains]
   );
-  const destInitialized = useRef17(false);
-  useEffect31(() => {
+  const destInitialized = useRef18(false);
+  useEffect32(() => {
     if (!defaultDestRef || destInitialized.current || allChains.length === 0)
       return;
     const chain = allChains.find(
@@ -34030,18 +34354,18 @@ function SwapMode({
   });
   const route = useSwapRoute();
   const execution = useSwapExecution(fromChain);
-  const fromTokenPriceUSD = useMemo27(() => {
+  const fromTokenPriceUSD = useMemo28(() => {
     const p = fromToken?.usdPrice;
     return typeof p === "number" && Number.isFinite(p) && p > 0 ? p : 0;
   }, [fromToken]);
   const hasFromUsdPrice = fromTokenPriceUSD > 0;
-  const toTokenPriceUSD = useMemo27(() => {
+  const toTokenPriceUSD = useMemo28(() => {
     const p = toToken?.usdPrice;
     return typeof p === "number" && Number.isFinite(p) && p > 0 ? p : 0;
   }, [toToken]);
   const hasToUsdPrice = toTokenPriceUSD > 0;
   const rawSellNum = parseFloat(amount) || 0;
-  const usdSellNum = useMemo27(() => {
+  const usdSellNum = useMemo28(() => {
     if (amountInputMode === "usd") return rawSellNum / currencyRate;
     return hasFromUsdPrice ? rawSellNum * fromTokenPriceUSD : 0;
   }, [
@@ -34051,7 +34375,7 @@ function SwapMode({
     hasFromUsdPrice,
     fromTokenPriceUSD
   ]);
-  const tokenSellNum = useMemo27(() => {
+  const tokenSellNum = useMemo28(() => {
     if (amountInputMode === "usd") {
       return hasFromUsdPrice && fromTokenPriceUSD > 0 ? usdSellNum / fromTokenPriceUSD : 0;
     }
@@ -34063,7 +34387,7 @@ function SwapMode({
     hasFromUsdPrice,
     fromTokenPriceUSD
   ]);
-  const tokenAmountStr = useMemo27(() => {
+  const tokenAmountStr = useMemo28(() => {
     if (tokenSellNum <= 0) return "";
     const decimals = fromToken?.decimals ?? 18;
     return truncateDecimal(tokenSellNum, Math.min(decimals, 18));
@@ -34274,7 +34598,7 @@ function SwapMode({
     fromToken?.decimals,
     route
   ]);
-  const fromBalance = useMemo27(() => {
+  const fromBalance = useMemo28(() => {
     const walletToken = fromToken;
     if (!walletToken || !("balance" in walletToken)) return null;
     const raw = walletToken.balance;
@@ -34284,7 +34608,7 @@ function SwapMode({
     return Number.isFinite(n) ? n : null;
   }, [fromToken]);
   const balanceUsd = fromBalance !== null && hasFromUsdPrice ? fromBalance * fromTokenPriceUSD : null;
-  const estimatedToAmount = useMemo27(() => {
+  const estimatedToAmount = useMemo28(() => {
     if (tokenSellNum <= 0 || !hasFromUsdPrice || !hasToUsdPrice) return null;
     return tokenSellNum * (fromTokenPriceUSD / toTokenPriceUSD);
   }, [
@@ -34294,10 +34618,10 @@ function SwapMode({
     hasFromUsdPrice,
     hasToUsdPrice
   ]);
-  const backendToUsdStr = useMemo27(() => {
+  const backendToUsdStr = useMemo28(() => {
     return route.data?.finalExchangeRate?.toAmountMinUSD ?? route.data?.route?.estimate?.toAmountMinUsd ?? route.data?.route?.estimate?.toAmountUsd ?? null;
   }, [route.data]);
-  const toAmount = useMemo27(() => {
+  const toAmount = useMemo28(() => {
     if (backendToUsdStr && toTokenPriceUSD > 0) {
       const usd = parseFloat(backendToUsdStr);
       if (Number.isFinite(usd) && usd > 0) return usd / toTokenPriceUSD;
@@ -34323,7 +34647,7 @@ function SwapMode({
     estimatedToAmount
   ]);
   const fromUsd = usdSellNum;
-  const toUsd = useMemo27(() => {
+  const toUsd = useMemo28(() => {
     if (backendToUsdStr) {
       const n = parseFloat(backendToUsdStr);
       if (Number.isFinite(n) && n > 0) return n;
@@ -34334,12 +34658,12 @@ function SwapMode({
   const isEstimate = !route.data;
   const USD_EPSILON = 1e-3;
   const displayToUsd = toUsd > USD_EPSILON ? toUsd : estimatedToAmount !== null && hasToUsdPrice ? estimatedToAmount * toTokenPriceUSD : 0;
-  const priceImpact = useMemo27(() => {
+  const priceImpact = useMemo28(() => {
     if (!route.data || fromUsd < 0.01 || displayToUsd < 0.01) return null;
     const impact = 1 - displayToUsd / fromUsd;
     return impact > 1e-3 ? impact : null;
   }, [route.data, fromUsd, displayToUsd]);
-  const routePath = useMemo27(() => {
+  const routePath = useMemo28(() => {
     if (!route.data) return null;
     const provider = route.data.route?.provider;
     const steps = route.data.route?.steps;
@@ -34366,19 +34690,19 @@ function SwapMode({
     return null;
   }, [route.data, fromToken?.symbol, toToken?.symbol]);
   const isGasSponsored = !!route.data?.sponsorship;
-  const networkCostUsd = useMemo27(() => {
+  const networkCostUsd = useMemo28(() => {
     const fees = route.data?.route?.estimate?.fees;
     if (!fees?.length) return null;
     const gasTotal = fees.filter((f) => f.type?.toLowerCase().includes("gas")).reduce((sum, f) => sum + (Number(f.amountUsd) || 0), 0);
     return gasTotal > 0 ? gasTotal : null;
   }, [route.data]);
-  const protocolFeeUsd = useMemo27(() => {
+  const protocolFeeUsd = useMemo28(() => {
     const fees = route.data?.route?.estimate?.fees;
     if (!fees?.length) return null;
     const total = fees.filter((f) => !f.type?.toLowerCase().includes("gas")).reduce((sum, f) => sum + (Number(f.amountUsd) || 0), 0);
     return total > 0 ? total : null;
   }, [route.data]);
-  const exchangeRate = useMemo27(() => {
+  const exchangeRate = useMemo28(() => {
     if (!hasFromUsdPrice || !hasToUsdPrice) return null;
     return toTokenPriceUSD / fromTokenPriceUSD;
   }, [fromTokenPriceUSD, toTokenPriceUSD, hasFromUsdPrice, hasToUsdPrice]);
@@ -34387,13 +34711,13 @@ function SwapMode({
   const hasAmount = rawSellNum > 0 && (amountInputMode === "token" || hasFromUsdPrice);
   const isConnected = walletStatus === "connected" && !!walletAddress;
   const canGetQuote = hasTokens && hasAmount && !insufficient && isConnected && (!needsDestAddress || isValidDestAddress);
-  useEffect31(() => {
+  useEffect32(() => {
     if (!fromToken) return;
     if (!hasFromUsdPrice && amountInputMode === "usd") {
       setAmountInputMode("token");
     }
   }, [fromToken, hasFromUsdPrice, amountInputMode]);
-  useEffect31(() => {
+  useEffect32(() => {
     if (displayToAmount === null) {
       prevToAmountRef.current = null;
       return;
@@ -34407,14 +34731,14 @@ function SwapMode({
     const t = setTimeout(() => setRateUpdated(false), 700);
     return () => clearTimeout(t);
   }, [displayToAmount]);
-  useEffect31(() => {
+  useEffect32(() => {
     setDestAddress("");
   }, [toChainType]);
-  const fetchRef = useRef17(route.fetch);
-  useEffect31(() => {
+  const fetchRef = useRef18(route.fetch);
+  useEffect32(() => {
     fetchRef.current = route.fetch;
   });
-  useEffect31(() => {
+  useEffect32(() => {
     if (!canGetQuote || stage !== "home") return;
     if (!fromToken || !fromChain || !toToken || !toChain || !walletAddress)
       return;
@@ -34443,7 +34767,7 @@ function SwapMode({
     destAddress,
     slippage
   ]);
-  useEffect31(() => {
+  useEffect32(() => {
     if (!canGetQuote || !fromToken || !fromChain || !toToken || !toChain || !walletAddress) {
       latestFetchParamsRef.current = null;
       return;
@@ -34470,12 +34794,12 @@ function SwapMode({
     destAddress,
     slippage
   ]);
-  useEffect31(() => {
+  useEffect32(() => {
     quoteTimestampRef.current = route.data ? Date.now() : null;
     setQuoteAge(0);
   }, [route.data]);
-  const msgTimeoutRef = useRef17(null);
-  useEffect31(() => {
+  const msgTimeoutRef = useRef18(null);
+  useEffect32(() => {
     if (!route.loading) {
       setQuoteLoadingMsgIdx(0);
       setQuoteLoadingMsgVisible(true);
@@ -34493,7 +34817,7 @@ function SwapMode({
       if (msgTimeoutRef.current !== null) clearTimeout(msgTimeoutRef.current);
     };
   }, [route.loading]);
-  useEffect31(() => {
+  useEffect32(() => {
     if (!route.data) return;
     const id = setInterval(() => {
       const ts = quoteTimestampRef.current;
@@ -34507,7 +34831,7 @@ function SwapMode({
     }, 1e3);
     return () => clearInterval(id);
   }, [route.data]);
-  useEffect31(() => {
+  useEffect32(() => {
     if (stage !== "review") return;
     if (!route.data || !walletAddress) return;
     const fromTokenAddress = fromToken?.address;
@@ -34518,7 +34842,7 @@ function SwapMode({
       routeResult: route.data
     });
   }, [stage, route.data, walletAddress, fromToken]);
-  useEffect31(() => {
+  useEffect32(() => {
     if (!showSettings) {
       setShowCurrencyDropdown(false);
       return;
@@ -34531,7 +34855,7 @@ function SwapMode({
     document.addEventListener("mousedown", handler);
     return () => document.removeEventListener("mousedown", handler);
   }, [showSettings]);
-  useEffect31(() => {
+  useEffect32(() => {
     if (!showCurrencyDropdown) return;
     const handler = (e2) => {
       if (currencyDropdownRef.current && !currencyDropdownRef.current.contains(e2.target)) {
@@ -35018,7 +35342,7 @@ function SwapMode({
                           padding: 0,
                           transition: "color 0.15s"
                         },
-                        children: isCopied ? "Copied!" : /* @__PURE__ */ jsxs45(Fragment9, { children: [
+                        children: isCopied ? "Copied!" : /* @__PURE__ */ jsxs45(Fragment10, { children: [
                           txHash.slice(0, 6),
                           "\u2026",
                           txHash.slice(-4),
@@ -37681,8 +38005,8 @@ function ReviewDetailRow({
   value,
   tooltip
 }) {
-  const iconRef = useRef17(null);
-  const [tipPos, setTipPos] = useState31(null);
+  const iconRef = useRef18(null);
+  const [tipPos, setTipPos] = useState32(null);
   const handleMouseEnter = () => {
     if (!tooltip || !iconRef.current) return;
     const r = iconRef.current.getBoundingClientRect();
@@ -38017,14 +38341,14 @@ var init_swap = __esm({
 
 // src/widget/TrustwareWidgetV2.tsx
 import {
-  useState as useState32,
-  useEffect as useEffect32,
-  useRef as useRef18,
+  useState as useState33,
+  useEffect as useEffect33,
+  useRef as useRef19,
   useCallback as useCallback23,
   useImperativeHandle,
   forwardRef
 } from "react";
-import { Fragment as Fragment10, jsx as jsx58, jsxs as jsxs46 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx58, jsxs as jsxs46 } from "react/jsx-runtime";
 function WidgetContent({
   style,
   onStateChange,
@@ -38035,7 +38359,7 @@ function WidgetContent({
   const { transactionHash, transactionStatus } = useDepositTransaction();
   const { resolvedTheme, toggleTheme } = useDepositUi();
   useWalletExternalDisconnect(() => setCurrentStep("home"));
-  useEffect32(() => {
+  useEffect33(() => {
     const state = {
       currentStep,
       amount,
@@ -38078,7 +38402,7 @@ function WidgetInner({
   const { transactionStatus } = useDepositTransaction();
   const { resolvedTheme } = useDepositUi();
   const { status, revalidate, errors } = useTrustware();
-  const [showConfirmDialog, setShowConfirmDialog] = useState32(false);
+  const [showConfirmDialog, setShowConfirmDialog] = useState33(false);
   const handleCloseRequest = useCallback23(() => {
     if (ACTIVE_TRANSACTION_STATUSES.includes(transactionStatus)) {
       setShowConfirmDialog(true);
@@ -38090,7 +38414,7 @@ function WidgetInner({
       onClose?.();
     }
   }, [transactionStatus, onClose, resetState]);
-  useEffect32(() => {
+  useEffect33(() => {
     closeRequestRef.current = handleCloseRequest;
   }, [handleCloseRequest, closeRequestRef]);
   const handleConfirmClose = useCallback23(() => {
@@ -38106,7 +38430,7 @@ function WidgetInner({
   const handleRefresh = useCallback23(() => {
     revalidate?.();
   }, [revalidate]);
-  return /* @__PURE__ */ jsxs46(Fragment10, { children: [
+  return /* @__PURE__ */ jsxs46(Fragment11, { children: [
     /* @__PURE__ */ jsxs46(WidgetContainer, { theme: effectiveTheme, style, children: [
       /* @__PURE__ */ jsx58(
         WidgetContent,
@@ -38174,8 +38498,8 @@ var init_TrustwareWidgetV2 = __esm({
       onOpen,
       showThemeToggle = true
     }, ref) {
-      const [isOpen, setIsOpen] = useState32(defaultOpen);
-      const closeRequestRef = useRef18(null);
+      const [isOpen, setIsOpen] = useState33(defaultOpen);
+      const closeRequestRef = useRef19(null);
       const config = useTrustwareConfig();
       const effectiveInitialStep = initialStep;
       const open = useCallback23(() => {