@trustware/sdk-staging 1.1.8-staging.8 → 1.1.9-staging.3

package/dist/widget.cjs

@@ -266,8 +266,8 @@ var init_theme = __esm({
   --tw-accent-foreground: 0 0% 100%;
   --tw-destructive: 0 84% 60%;
   --tw-destructive-foreground: 0 0% 100%;
-  --tw-border: 220 13% 91%;
-  --tw-input: 220 13% 91%;
+  --tw-border: 220 13% 94%;
+  --tw-input: 220 13% 94%;
   --tw-ring: 217 91% 60%;
   --tw-radius: 1rem;
 
@@ -585,7 +585,7 @@ var init_constants = __esm({
   "src/constants.ts"() {
     "use strict";
     SDK_NAME = "@trustware/sdk";
-    SDK_VERSION = "1.1.8-staging.8";
+    SDK_VERSION = "1.1.9-staging.3";
     API_ROOT = "https://bv-staging-api.trustware.io";
     GTM_ID = "GTM-TZDGNCXB";
     API_PREFIX = "/api";
@@ -605,16 +605,6 @@ var init_config2 = __esm({
 });
 
 // src/core/http.ts
-var http_exports = {};
-__export(http_exports, {
-  RateLimitError: () => RateLimitError,
-  apiBase: () => apiBase,
-  assertOK: () => assertOK,
-  jsonHeaders: () => jsonHeaders,
-  parseRateLimitHeaders: () => parseRateLimitHeaders,
-  rateLimitedFetch: () => rateLimitedFetch,
-  validateSdkAccess: () => validateSdkAccess
-});
 function apiBase() {
   return `${API_ROOT}${API_PREFIX}`;
 }
@@ -812,11 +802,6 @@ var init_chains = __esm({
 });
 
 // src/registry.ts
-var registry_exports = {};
-__export(registry_exports, {
-  NATIVE: () => NATIVE,
-  Registry: () => Registry
-});
 function getChainAliases(chain) {
   const values = [
     chain.chainId,
@@ -2350,7 +2335,7 @@ async function parseStreamingBalances(response, address, options = {}) {
   }
   return stream();
 }
-async function getBalances(chainRef, address) {
+async function getBalances(chainRef, address, opts) {
   const reg = await ensureRegistry();
   const chain = reg.chain(chainRef);
   if (!chain) return [];
@@ -2365,8 +2350,10 @@ async function getBalances(chainRef, address) {
     chain.nativeCurrency?.decimals ?? "",
     normalizeChainType(chain) ?? ""
   ].join(":");
-  const cached = balanceCache.get(cacheKey);
-  if (cached) return cached;
+  if (!opts?.forceRefresh) {
+    const cached = balanceCache.get(cacheKey);
+    if (cached) return cached;
+  }
   const url = `${apiBase()}/v1/data/wallets/${encodeURIComponent(chainKey)}/${trimmedAddress}/balances`;
   const response = await fetch(url, {
     method: "GET",
@@ -2873,7 +2860,6 @@ function useTrustwareConfig() {
           toToken: "",
           toAddress: void 0,
           defaultSlippage: 1,
-          routeType: "swap",
           options: {}
         },
         autoDetectProvider: false,
@@ -2986,6 +2972,10 @@ var init_useAmountConstraints = __esm({
 });
 
 // src/core/registryClient.ts
+var registryClient_exports = {};
+__export(registryClient_exports, {
+  getSharedRegistry: () => getSharedRegistry
+});
 function registryCacheKey() {
   const base2 = apiBase();
   const apiKey = TrustwareConfigStore.peek()?.apiKey ?? "__uninitialized__";
@@ -6116,11 +6106,27 @@ function toSolanaWalletInterface(provider) {
         serializedTransactionBase64
       );
       if (provider.signAndSendTransaction) {
-        const result = await provider.signAndSendTransaction(transaction, {
-          preflightCommitment: "confirmed"
-        });
-        if (typeof result === "string") return result;
-        if (result?.signature) return result.signature;
+        const MAX_INTERNAL_ERROR_ATTEMPTS = 3;
+        const INTERNAL_ERROR_RETRY_DELAY_MS = 500;
+        for (let attempt = 1; attempt <= MAX_INTERNAL_ERROR_ATTEMPTS; attempt++) {
+          try {
+            const result = await provider.signAndSendTransaction(transaction, {
+              skipPreflight: true
+            });
+            if (typeof result === "string") return result;
+            if (result?.signature) return result.signature;
+            break;
+          } catch (err) {
+            const code = err?.code;
+            if (code === -32603 && attempt < MAX_INTERNAL_ERROR_ATTEMPTS) {
+              await new Promise(
+                (resolve) => setTimeout(resolve, INTERNAL_ERROR_RETRY_DELAY_MS * attempt)
+              );
+              continue;
+            }
+            throw err;
+          }
+        }
       }
       if (!provider.signTransaction) {
         throw new Error("Connected Solana wallet cannot sign transactions");
@@ -6233,12 +6239,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;
   }
@@ -6266,6 +6285,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) ?? ""
       },
@@ -6277,6 +6298,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) ?? ""
       },
@@ -6288,6 +6311,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",
@@ -6297,8 +6321,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",
@@ -6308,7 +6362,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",
@@ -6318,18 +6375,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",
@@ -6339,7 +6387,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",
@@ -6348,8 +6398,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",
@@ -6360,6 +6427,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",
@@ -6370,25 +6438,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",
@@ -6399,16 +6449,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",
@@ -6418,7 +6459,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",
@@ -6427,7 +6483,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",
@@ -6436,7 +6495,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
       }
     ];
   }
@@ -6614,6 +6676,14 @@ function useWalletDetection(timeoutMs = 400) {
   );
   return { detected, detectedIds };
 }
+function useIsMobile() {
+  const [isMobile, set] = (0, import_react9.useState)(false);
+  (0, import_react9.useEffect)(() => {
+    const ua = navigator.userAgent || "";
+    set(/Android|iPhone|iPad|iPod/i.test(ua));
+  }, []);
+  return isMobile;
+}
 var import_react9, WALLET_BY_ID, DETECT_PRIORITY, GENERIC_FLAGS, RDNS_WALLET_MAP, NAME_WALLET_MAP;
 var init_detect = __esm({
   "src/wallets/detect.ts"() {
@@ -8167,6 +8237,7 @@ var init_wallets = __esm({
     init_adapters();
     init_solana();
     init_detect();
+    init_metadata();
   }
 });
 
@@ -8595,7 +8666,6 @@ function resolveConfig(input) {
     defaultSlippage: normalizeSlippage(
       input.routes.defaultSlippage ?? DEFAULT_SLIPPAGE
     ),
-    routeType: input.routes.routeType ?? "swap",
     options: {
       ...input.routes.options
     }
@@ -8795,10 +8865,9 @@ async function sendRouteTransaction(b, fallbackChainId) {
     if (w.ecosystem !== "solana") {
       throw new Error("A Solana wallet is required for this route");
     }
-    const { Registry: Registry2 } = await Promise.resolve().then(() => (init_registry(), registry_exports));
-    const { apiBase: apiBase2 } = await Promise.resolve().then(() => (init_http(), http_exports));
-    const registry = new Registry2(apiBase2());
-    await registry.ensureLoaded();
+    const { getSharedRegistry: getSharedRegistry2 } = await Promise.resolve().then(() => (init_registryClient(), registryClient_exports));
+    const registry = getSharedRegistry2();
+    await registry.ensureChainsLoaded();
     const chain = registry.chain(
       String(fallbackChainId ?? txReq.chainId ?? "")
     );
@@ -8812,9 +8881,8 @@ async function sendRouteTransaction(b, fallbackChainId) {
 async function runTopUp(params) {
   const w = walletManager.wallet;
   if (!w) throw new Error("Trustware.wallet not configured");
-  const { Registry: Registry2 } = await Promise.resolve().then(() => (init_registry(), registry_exports));
-  const { apiBase: apiBase2 } = await Promise.resolve().then(() => (init_http(), http_exports));
-  const reg = new Registry2(apiBase2());
+  const { getSharedRegistry: getSharedRegistry2 } = await Promise.resolve().then(() => (init_registryClient(), registryClient_exports));
+  const reg = getSharedRegistry2();
   await reg.ensureLoaded();
   const fromAddress = await w.getAddress();
   const currentChainRef = w.ecosystem === "evm" ? String(await w.getChainId()) : await w.getChainKey?.() ?? "solana-mainnet-beta";
@@ -8925,6 +8993,39 @@ var init_core = __esm({
       getConfig() {
         return TrustwareConfigStore.get();
       },
+      /**
+       * Read the SDK's currently configured theme mode.
+       *
+       * Returns the raw setting — `"light" | "dark" | "system"` — i.e. whatever
+       * was last passed to `init()` or `setTheme()`. When the mode is `"system"`,
+       * the widget resolves the actual light/dark appearance itself (from the OS
+       * `prefers-color-scheme`, or a saved preference if the user has used the
+       * widget's built-in theme toggle), so this getter still reports `"system"`
+       * rather than the resolved value.
+       */
+      getTheme() {
+        return TrustwareConfigStore.get().theme;
+      },
+      /**
+       * Set the widget's theme at runtime.
+       *
+       * Call this from your own app's theme toggle to keep an embedded
+       * `TrustwareWidget` in sync with your UI — no remount required, any
+       * mounted widget picks up the change immediately.
+       *
+       * Passing `"light"` or `"dark"` pins the widget to that mode. Passing
+       * `"system"` makes it follow the OS preference again — unless the user
+       * previously used the widget's own in-widget theme toggle, in which case
+       * their saved choice takes precedence until they toggle it again.
+       *
+       * @example
+       * // In your app's own dark-mode toggle handler:
+       * Trustware.setTheme(isDark ? "dark" : "light");
+       */
+      setTheme(theme) {
+        TrustwareConfigStore.update({ theme });
+        return Trustware;
+      },
       setDestinationAddress(address) {
         const prev = TrustwareConfigStore.get();
         TrustwareConfigStore.update({
@@ -13630,7 +13731,7 @@ function ChainSelectorPanel({
                     paddingTop: spacing[2],
                     paddingBottom: spacing[2],
                     fontSize: fontSize.sm,
-                    backgroundColor: colors.muted,
+                    backgroundColor: colors.background,
                     border: `1px solid ${colors.border}`,
                     borderRadius: borderRadius.lg,
                     color: colors.foreground,
@@ -13844,7 +13945,7 @@ function TokenSearchInput({
           paddingTop: spacing[2],
           paddingBottom: spacing[2],
           fontSize: fontSize.sm,
-          backgroundColor: colors.muted,
+          backgroundColor: colors.background,
           border: `1px solid ${colors.border}`,
           borderRadius: borderRadius.lg,
           color: colors.foreground,
@@ -15988,7 +16089,7 @@ var init_WalletNamespaceTabs = __esm({
 });
 
 // src/widget/features/wallet/components/CryptoWalletDropdownContent.tsx
-function CryptoWalletDropdownContent({
+function DesktopWalletDropdownContent({
   browserWallets,
   handleWalletConnect,
   handleWalletSelect
@@ -16052,7 +16153,263 @@ function CryptoWalletDropdownContent({
     }
   );
 }
-var import_jsx_runtime36;
+function MobileWalletDropdownContent({
+  handleWalletConnect
+}) {
+  const { setCurrentStep } = useDepositNavigation();
+  const { selectedNamespace } = useDepositWallet();
+  const { walletMetaId, isConnected, status } = useWalletInfo();
+  const [hoveredId, setHoveredId] = (0, import_react34.useState)(null);
+  const storeFallbackTimeoutRef = (0, import_react34.useRef)(
+    null
+  );
+  (0, import_react34.useEffect)(() => {
+    return () => {
+      if (storeFallbackTimeoutRef.current !== null) {
+        clearTimeout(storeFallbackTimeoutRef.current);
+      }
+    };
+  }, []);
+  const connectedWalletId = isConnected ? walletMetaId : null;
+  const currentUrl = window.location.href;
+  const mobileWallets = (0, import_react34.useMemo)(
+    () => 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 = (0, import_react34.useMemo)(
+    () => isConnected && status === "connected",
+    [isConnected, status]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+    "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__ */ (0, import_jsx_runtime36.jsx)(
+          "div",
+          {
+            style: {
+              width: "100%",
+              padding: spacing[2]
+            },
+            children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { style: { display: "flex", gap: spacing[2] }, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(WalletNamespaceTabs, { showBitcoin: false }) })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+          "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__ */ (0, import_jsx_runtime36.jsxs)(
+                "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__ */ (0, import_jsx_runtime36.jsxs)(
+                      "div",
+                      {
+                        style: {
+                          display: "flex",
+                          alignItems: "center",
+                          gap: spacing[2]
+                        },
+                        children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+                            "img",
+                            {
+                              src: wallet.logo ?? wallet.emoji,
+                              alt: wallet.name,
+                              style: {
+                                width: "2rem",
+                                height: "2rem",
+                                borderRadius: borderRadius.lg,
+                                objectFit: "cover"
+                              }
+                            }
+                          ),
+                          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+                            "span",
+                            {
+                              style: {
+                                fontWeight: fontWeight.medium,
+                                fontSize: fontSize.sm,
+                                color: colors.foreground
+                              },
+                              children: wallet.name
+                            }
+                          )
+                        ]
+                      }
+                    ),
+                    isConnectedWallet && /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+                      "div",
+                      {
+                        style: {
+                          display: "flex",
+                          alignItems: "center",
+                          gap: spacing[1]
+                        },
+                        children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+                            "div",
+                            {
+                              style: {
+                                width: "0.5rem",
+                                height: "0.5rem",
+                                borderRadius: "50%",
+                                backgroundColor: "#22c55e"
+                              }
+                            }
+                          ),
+                          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { style: { fontSize: fontSize.xs, color: "#22c55e" }, children: "Connected" })
+                        ]
+                      }
+                    )
+                  ]
+                },
+                wallet.id
+              );
+            })
+          }
+        ),
+        showContinueButton && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+          "div",
+          {
+            style: {
+              padding: spacing[3],
+              borderTop: `1px solid rgba(63, 63, 70, 0.5)`,
+              backgroundColor: colors.card
+            },
+            children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+              "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__ */ (0, import_jsx_runtime36.jsxs)(import_jsx_runtime36.Fragment, { children: [
+    !isMobile && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+      DesktopWalletDropdownContent,
+      {
+        browserWallets,
+        handleWalletConnect,
+        handleWalletSelect
+      }
+    ),
+    isMobile && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+      MobileWalletDropdownContent,
+      {
+        handleWalletConnect
+      }
+    )
+  ] });
+}
+var import_react34, import_jsx_runtime36;
 var init_CryptoWalletDropdownContent = __esm({
   "src/widget/features/wallet/components/CryptoWalletDropdownContent.tsx"() {
     "use strict";
@@ -16063,6 +16420,8 @@ var init_CryptoWalletDropdownContent = __esm({
     init_paymentOptionStyles();
     init_WalletNamespaceTabs();
     init_DepositContext();
+    init_wallets();
+    import_react34 = require("react");
     import_jsx_runtime36 = require("react/jsx-runtime");
   }
 });
@@ -16532,12 +16891,12 @@ function useHomeWalletActions({
   WalletConnect
   // setCurrentStepInternal,
 }) {
-  const [isCryptoDropdownOpen, setIsCryptoDropdownOpen] = (0, import_react34.useState)(false);
-  const [isFiatDropdownOpen, setIsFiatDropdownOpen] = (0, import_react34.useState)(false);
-  const cryptoDropdownRef = (0, import_react34.useRef)(null);
-  const fiatDropdownRef = (0, import_react34.useRef)(null);
+  const [isCryptoDropdownOpen, setIsCryptoDropdownOpen] = (0, import_react35.useState)(false);
+  const [isFiatDropdownOpen, setIsFiatDropdownOpen] = (0, import_react35.useState)(false);
+  const cryptoDropdownRef = (0, import_react35.useRef)(null);
+  const fiatDropdownRef = (0, import_react35.useRef)(null);
   const { disconnect } = useWalletInfo();
-  (0, import_react34.useEffect)(() => {
+  (0, import_react35.useEffect)(() => {
     const handleClickOutside = (event) => {
       if (cryptoDropdownRef.current && !cryptoDropdownRef.current.contains(event.target)) {
         setIsCryptoDropdownOpen(false);
@@ -16552,7 +16911,7 @@ function useHomeWalletActions({
   const { resetNavigation } = useDepositNavigationState("home");
   const { setYourWalletTokens } = useDepositWallet();
   const { isConnected, walletMetaId, connectedVia } = useWalletInfo();
-  const handleWalletSelect = (0, import_react34.useCallback)(
+  const handleWalletSelect = (0, import_react35.useCallback)(
     async (wallet) => {
       setIsCryptoDropdownOpen(false);
       try {
@@ -16563,6 +16922,7 @@ function useHomeWalletActions({
         setWalletType("other");
         const { error } = await connectWallet(wallet);
         if (error) {
+          console.error("Wallet connection error:", error);
           resetNavigation();
           return;
         }
@@ -16576,7 +16936,7 @@ function useHomeWalletActions({
   const handleFiatSelect = () => {
     setIsFiatDropdownOpen(false);
   };
-  const handleWalletConnect = (0, import_react34.useCallback)(async () => {
+  const handleWalletConnect = (0, import_react35.useCallback)(async () => {
     if (connectedVia !== "walletconnect" && isConnected) {
       disconnect();
       setYourWalletTokens([]);
@@ -16584,7 +16944,7 @@ function useHomeWalletActions({
     WalletConnect().catch(() => resetNavigation());
   }, [setYourWalletTokens, disconnect]);
   const { selectedNamespace } = useDepositWallet();
-  const browserWallets = (0, import_react34.useMemo)(() => {
+  const browserWallets = (0, import_react35.useMemo)(() => {
     if (!detectedWallets?.length) return [];
     return detectedWallets.filter(
       (wallet) => wallet?.meta?.id !== "walletconnect" && wallet?.meta?.ecosystem.trim().toLowerCase() === selectedNamespace.trim().toLowerCase()
@@ -16603,11 +16963,11 @@ function useHomeWalletActions({
     setIsFiatDropdownOpen
   };
 }
-var import_react34;
+var import_react35;
 var init_useHomeWalletActions = __esm({
   "src/widget/features/wallet/hooks/useHomeWalletActions.ts"() {
     "use strict";
-    import_react34 = require("react");
+    import_react35 = require("react");
     init_useDepositNavigationState();
     init_DepositContext();
     init_wallets();
@@ -17012,7 +17372,7 @@ function useRoutePreviewModel({
   walletAddress
 }) {
   const { chains } = useChains();
-  const destinationConfig = (0, import_react35.useMemo)(
+  const destinationConfig = (0, import_react36.useMemo)(
     () => ({
       dappName: config.messages?.title || "DApp",
       toChain: config.routes.toChain,
@@ -17026,7 +17386,7 @@ function useRoutePreviewModel({
       config.routes.toToken
     ]
   );
-  const routeConfig = (0, import_react35.useMemo)(() => {
+  const routeConfig = (0, import_react36.useMemo)(() => {
     const toChainId = config.routes.toChain;
     const toChainKey = normalizeChainKey2(toChainId);
     const toChain = toChainKey ? chains.find(
@@ -17063,7 +17423,7 @@ function useRoutePreviewModel({
     ...routeConfig,
     enabled: !!isReady
   });
-  const routePrerequisiteError = (0, import_react35.useMemo)(() => {
+  const routePrerequisiteError = (0, import_react36.useMemo)(() => {
     if (!isReady) return;
     if (!selectedChain) {
       return "Select a source chain to fetch a route.";
@@ -17104,11 +17464,11 @@ function useRoutePreviewModel({
     ...routeBuilderState
   };
 }
-var import_react35;
+var import_react36;
 var init_useRoutePreviewModel = __esm({
   "src/widget/features/route-preview/hooks/useRoutePreviewModel.ts"() {
     "use strict";
-    import_react35 = require("react");
+    import_react36 = require("react");
     init_hooks2();
     init_chainHelpers();
   }
@@ -30669,7 +31029,7 @@ function useTransactionActionModel({
   walletAddress,
   walletStatus
 }) {
-  const feeDataCacheRef = (0, import_react36.useRef)({});
+  const feeDataCacheRef = (0, import_react37.useRef)({});
   const { isSubmitting, submitTransaction } = useTransactionSubmit();
   const { trackEvent } = useGTM(GTM_ID);
   const destinationConfig = (() => {
@@ -30682,7 +31042,7 @@ function useTransactionActionModel({
   const chainType = selectedChain?.type ?? selectedChain?.chainType;
   const chainTypeNormalized = (chainType ?? "").toLowerCase();
   const isEvm = chainTypeNormalized === "evm";
-  const backendChainId2 = (0, import_react36.useMemo)(() => {
+  const backendChainId2 = (0, import_react37.useMemo)(() => {
     const chainRef = routeResult?.txReq?.chainId ?? selectedChain?.networkIdentifier ?? selectedChain?.chainId ?? selectedChain?.id;
     if (chainRef == null) return null;
     return String(chainRef);
@@ -30692,7 +31052,7 @@ function useTransactionActionModel({
     selectedChain?.id,
     selectedChain?.networkIdentifier
   ]);
-  const selectedTokenOnBackendChain = (0, import_react36.useMemo)(() => {
+  const selectedTokenOnBackendChain = (0, import_react37.useMemo)(() => {
     if (!backendChainId2) return false;
     const target = normalizeChainKey2(backendChainId2);
     return [
@@ -30709,23 +31069,23 @@ function useTransactionActionModel({
     selectedChain?.id,
     selectedChain?.networkIdentifier
   ]);
-  const isNativeSelected = (0, import_react36.useMemo)(() => {
+  const isNativeSelected = (0, import_react37.useMemo)(() => {
     const address = selectedToken?.address;
     return isNativeTokenAddress(address, chainType) || isZeroAddrLike(address, chainType) || normalizeTokenAddressForCompare(selectedChain, address) === normalizeTokenAddressForCompare(
       selectedChain,
       getNativeTokenAddress2(chainType)
     );
   }, [chainType, selectedChain, selectedToken?.address]);
-  const spender = (0, import_react36.useMemo)(() => {
+  const spender = (0, import_react37.useMemo)(() => {
     const txReq = routeResult?.txReq;
     const addr = txReq?.to ?? txReq?.target;
     return addr ?? null;
   }, [routeResult?.txReq]);
-  const [allowanceWei, setAllowanceWei] = (0, import_react36.useState)(0n);
-  const [isReadingAllowance, setIsReadingAllowance] = (0, import_react36.useState)(false);
-  const [isApproving, setIsApproving] = (0, import_react36.useState)(false);
-  const [gasReservationWei, setGasReservationWei] = (0, import_react36.useState)(0n);
-  const readAllowance = (0, import_react36.useCallback)(async () => {
+  const [allowanceWei, setAllowanceWei] = (0, import_react37.useState)(0n);
+  const [isReadingAllowance, setIsReadingAllowance] = (0, import_react37.useState)(false);
+  const [isApproving, setIsApproving] = (0, import_react37.useState)(false);
+  const [gasReservationWei, setGasReservationWei] = (0, import_react37.useState)(0n);
+  const readAllowance = (0, import_react37.useCallback)(async () => {
     if (!isEvm || isNativeSelected || !!routeResult?.sponsorship || // sponsored routes: SA approves bridge inside the UO batch
     !backendChainId2 || !selectedTokenOnBackendChain || !walletAddress || !spender || !selectedToken?.address) {
       setAllowanceWei(0n);
@@ -30755,12 +31115,12 @@ function useTransactionActionModel({
     spender,
     walletAddress
   ]);
-  (0, import_react36.useEffect)(() => {
+  (0, import_react37.useEffect)(() => {
     void readAllowance();
   }, [readAllowance]);
   const needsApproval = isEvm && !isNativeSelected && !routeResult?.sponsorship && // sponsored routes use Permit2 + SA internal batch — no EOA bridge approval
   !!walletAddress && !!spender && amountWei > 0n && allowanceWei < amountWei;
-  const waitForApprovalConfirmation2 = (0, import_react36.useCallback)(
+  const waitForApprovalConfirmation2 = (0, import_react37.useCallback)(
     async (chainId, txHash) => {
       const timeoutMs = 12e4;
       const intervalMs = 2e3;
@@ -30779,7 +31139,7 @@ function useTransactionActionModel({
     },
     []
   );
-  const handleApproveExact = (0, import_react36.useCallback)(async () => {
+  const handleApproveExact = (0, import_react37.useCallback)(async () => {
     if (isApproving || amountWei <= 0n || !walletAddress || !spender || !selectedToken?.address) {
       return;
     }
@@ -30872,7 +31232,7 @@ function useTransactionActionModel({
     waitForApprovalConfirmation2,
     walletAddress
   ]);
-  const getCachedFeeData = (0, import_react36.useCallback)(async () => {
+  const getCachedFeeData = (0, import_react37.useCallback)(async () => {
     if (!backendChainId2) return {};
     const now = Date.now();
     const cache = feeDataCacheRef.current;
@@ -30895,7 +31255,7 @@ function useTransactionActionModel({
     }
     return cache.inflight;
   }, [backendChainId2]);
-  const estimateGasReservationWei = (0, import_react36.useCallback)(async () => {
+  const estimateGasReservationWei = (0, import_react37.useCallback)(async () => {
     if (!isNativeSelected) {
       setGasReservationWei(0n);
       return 0n;
@@ -30959,16 +31319,16 @@ function useTransactionActionModel({
     routeResult?.txReq,
     walletAddress
   ]);
-  (0, import_react36.useEffect)(() => {
+  (0, import_react37.useEffect)(() => {
     if (routeResult) {
       void estimateGasReservationWei();
     }
   }, [estimateGasReservationWei, routeResult]);
-  const [smartAccountFailed, setSmartAccountFailed] = (0, import_react36.useState)(false);
-  (0, import_react36.useEffect)(() => {
+  const [smartAccountFailed, setSmartAccountFailed] = (0, import_react37.useState)(false);
+  (0, import_react37.useEffect)(() => {
     setSmartAccountFailed(false);
   }, [routeResult?.intentId]);
-  const handleConfirm = (0, import_react36.useCallback)(async () => {
+  const handleConfirm = (0, import_react37.useCallback)(async () => {
     if (!routeResult) {
       return;
     }
@@ -31038,7 +31398,7 @@ function useTransactionActionModel({
     trackEvent,
     walletAddress
   ]);
-  const handleSwipeConfirm = (0, import_react36.useCallback)(async () => {
+  const handleSwipeConfirm = (0, import_react37.useCallback)(async () => {
     if (needsApproval) {
       await handleApproveExact();
       if (!backendChainId2 || !selectedTokenOnBackendChain || !selectedToken?.address || !walletAddress || !spender) {
@@ -31069,7 +31429,7 @@ function useTransactionActionModel({
   ]);
   const isWalletConnected = walletStatus === "connected";
   const canSwipe = parsedAmount > 0 && !!selectedToken && isWalletConnected && !isLoadingRoute && !isSubmitting && !!routeResult && !actionErrorMessage && !isApproving && !isReadingAllowance;
-  const swipeResetKey = (0, import_react36.useMemo)(() => {
+  const swipeResetKey = (0, import_react37.useMemo)(() => {
     const tokenAddress = selectedToken ? normalizeAddress2(
       selectedToken.address,
       selectedToken?.chainData?.type ?? selectedToken?.chainData?.chainType
@@ -31095,11 +31455,11 @@ function useTransactionActionModel({
     swipeResetKey
   };
 }
-var import_react36, import_viem42;
+var import_react37, import_viem42;
 var init_useTransactionActionModel = __esm({
   "src/widget/features/transaction/hooks/useTransactionActionModel.ts"() {
     "use strict";
-    import_react36 = require("react");
+    import_react37 = require("react");
     import_viem42 = require("viem");
     init_core2();
     init_sdkRpc();
@@ -31303,9 +31663,9 @@ var init_DefaultCryptoPay = __esm({
 
 // src/widget/pages/CryptoPay/RouteQuoteLoader.tsx
 function RouteQuoteLoader({ selectedToken }) {
-  const [messageIndex, setMessageIndex] = (0, import_react37.useState)(0);
-  const [visible, setVisible] = (0, import_react37.useState)(true);
-  (0, import_react37.useEffect)(() => {
+  const [messageIndex, setMessageIndex] = (0, import_react38.useState)(0);
+  const [visible, setVisible] = (0, import_react38.useState)(true);
+  (0, import_react38.useEffect)(() => {
     let t = null;
     const interval = setInterval(() => {
       setVisible(false);
@@ -31461,11 +31821,11 @@ function RouteQuoteLoader({ selectedToken }) {
     }
   );
 }
-var import_react37, import_jsx_runtime49, QUOTE_MESSAGES;
+var import_react38, import_jsx_runtime49, QUOTE_MESSAGES;
 var init_RouteQuoteLoader = __esm({
   "src/widget/pages/CryptoPay/RouteQuoteLoader.tsx"() {
     "use strict";
-    import_react37 = require("react");
+    import_react38 = require("react");
     init_styles();
     import_jsx_runtime49 = require("react/jsx-runtime");
     QUOTE_MESSAGES = [
@@ -31505,17 +31865,17 @@ function CryptoPay({ style: _style }) {
   const { goBack, setCurrentStep, currentStep } = useDepositNavigation();
   const config = useTrustwareConfig();
   const { fixedFromAmountString, isFixedAmount, minAmountUsd, maxAmountUsd } = useAmountConstraints();
-  const routeRefreshMs = (0, import_react38.useMemo)(() => {
+  const routeRefreshMs = (0, import_react39.useMemo)(() => {
     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 = (0, import_react38.useMemo)(() => {
+  const showDefaultCryptoPay = (0, import_react39.useMemo)(() => {
     const nonZer0Tks = (yourWalletTokens ?? []).filter(IsPos);
     return !yourWalletTokensLoading && nonZer0Tks.length === 0 && yourWalletTokens.length > 0;
   }, [yourWalletTokens, yourWalletTokensLoading]);
-  const showSkeleton = (0, import_react38.useMemo)(() => {
+  const showSkeleton = (0, import_react39.useMemo)(() => {
     return (yourWalletTokens ?? []).length === 0;
   }, [yourWalletTokens]);
   const isReady = selectedToken != null && selectedToken?.chainData !== void 0 && !showDefaultCryptoPay && !showSkeleton;
@@ -31591,7 +31951,7 @@ function CryptoPay({ style: _style }) {
   });
   const { emitError } = useTrustware();
   const readySelectedToken = isReady ? selectedToken : null;
-  (0, import_react38.useEffect)(() => {
+  (0, import_react39.useEffect)(() => {
     if (currentStep !== "crypto-pay" || !actionErrorMessage) return;
     emitError?.(
       new TrustwareError({
@@ -31620,7 +31980,7 @@ function CryptoPay({ style: _style }) {
     if (isFixedAmount) return;
     setAmount(value.toString());
   };
-  const relayFeeUsd = (0, import_react38.useMemo)(
+  const relayFeeUsd = (0, import_react39.useMemo)(
     () => computeRelayFeeUsd(routeResult, isNativeSelected),
     [isNativeSelected, routeResult]
   );
@@ -31790,11 +32150,11 @@ function CryptoPay({ style: _style }) {
     }
   );
 }
-var import_react38, import_jsx_runtime50, SHOW_FEE_SUMMARY;
+var import_react39, import_jsx_runtime50, SHOW_FEE_SUMMARY;
 var init_CryptoPay = __esm({
   "src/widget/pages/CryptoPay/index.tsx"() {
     "use strict";
-    import_react38 = require("react");
+    import_react39 = require("react");
     init_relayFeeUtils();
     init_TrustwareError();
     init_useTrustwareConfig();
@@ -31851,27 +32211,27 @@ function Processing({ style }) {
   const { resetState, setCurrentStep } = useDepositNavigation();
   const { transactionStatus, transactionHash, intentId } = useDepositTransaction();
   const { transaction, startPolling, isPolling } = useTransactionPolling();
-  const hasStartedPolling = (0, import_react39.useRef)(false);
-  (0, import_react39.useEffect)(() => {
+  const hasStartedPolling = (0, import_react40.useRef)(false);
+  (0, import_react40.useEffect)(() => {
     return () => {
       hasStartedPolling.current = false;
     };
   }, []);
-  (0, import_react39.useEffect)(() => {
+  (0, import_react40.useEffect)(() => {
     if (intentId && transactionHash && !isPolling && !hasStartedPolling.current && transactionStatus !== "success" && transactionStatus !== "error") {
       hasStartedPolling.current = true;
       startPolling(intentId, transactionHash);
     }
   }, [intentId, transactionHash, isPolling, transactionStatus, startPolling]);
-  const progress = (0, import_react39.useMemo)(
+  const progress = (0, import_react40.useMemo)(
     () => getProgressFromStatus(transactionStatus),
     [transactionStatus]
   );
-  const stepText = (0, import_react39.useMemo)(
+  const stepText = (0, import_react40.useMemo)(
     () => getStepText(transactionStatus),
     [transactionStatus]
   );
-  const explorerUrl = (0, import_react39.useMemo)(() => {
+  const explorerUrl = (0, import_react40.useMemo)(() => {
     if (transaction?.fromChainTxUrl) {
       return transaction.fromChainTxUrl;
     }
@@ -32006,11 +32366,11 @@ function Processing({ style }) {
     }
   );
 }
-var import_react39, import_jsx_runtime51;
+var import_react40, import_jsx_runtime51;
 var init_Processing = __esm({
   "src/widget/pages/Processing.tsx"() {
     "use strict";
-    import_react39 = require("react");
+    import_react40 = require("react");
     init_styles();
     init_DepositContext();
     init_components();
@@ -32025,8 +32385,8 @@ function Success({ style }) {
   const { resetState } = useDepositNavigation();
   const { transactionHash } = useDepositTransaction();
   const { transaction } = useTransactionPolling();
-  const parsedAmount = (0, import_react40.useMemo)(() => parseFloat(amount) || 0, [amount]);
-  const explorerUrl = (0, import_react40.useMemo)(() => {
+  const parsedAmount = (0, import_react41.useMemo)(() => parseFloat(amount) || 0, [amount]);
+  const explorerUrl = (0, import_react41.useMemo)(() => {
     if (transaction?.toChainTxUrl) {
       return transaction.toChainTxUrl;
     }
@@ -32054,7 +32414,7 @@ function Success({ style }) {
         ...style
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react40.Suspense, { fallback: null, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(ConfettiEffect2, { isActive: true, pieceCount: 60, clearDelay: 4e3 }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react41.Suspense, { fallback: null, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(ConfettiEffect2, { isActive: true, pieceCount: 60, clearDelay: 4e3 }) }),
         /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(WidgetPageHeader, { title: "Deposit Complete" }),
         /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
           "div",
@@ -32087,16 +32447,16 @@ function Success({ style }) {
     }
   );
 }
-var import_react40, import_jsx_runtime52, ConfettiEffect2;
+var import_react41, import_jsx_runtime52, ConfettiEffect2;
 var init_Success = __esm({
   "src/widget/pages/Success.tsx"() {
     "use strict";
-    import_react40 = require("react");
+    import_react41 = require("react");
     init_DepositContext();
     init_components();
     init_transaction2();
     import_jsx_runtime52 = require("react/jsx-runtime");
-    ConfettiEffect2 = (0, import_react40.lazy)(() => Promise.resolve().then(() => (init_ConfettiEffect(), ConfettiEffect_exports)));
+    ConfettiEffect2 = (0, import_react41.lazy)(() => Promise.resolve().then(() => (init_ConfettiEffect(), ConfettiEffect_exports)));
   }
 });
 
@@ -32258,8 +32618,8 @@ function Error2({ style: _style }) {
     setErrorMessage,
     transactionHash
   } = useDepositTransaction();
-  const mapped = (0, import_react41.useMemo)(() => mapError(errorMessage), [errorMessage]);
-  const explorerUrl = (0, import_react41.useMemo)(() => {
+  const mapped = (0, import_react42.useMemo)(() => mapError(errorMessage), [errorMessage]);
+  const explorerUrl = (0, import_react42.useMemo)(() => {
     if (transactionHash && selectedChain?.blockExplorerUrls?.length) {
       return `${selectedChain.blockExplorerUrls[0].replace(/\/+$/, "")}/tx/${transactionHash}`;
     }
@@ -32282,11 +32642,11 @@ function Error2({ style: _style }) {
     }
   );
 }
-var import_react41, import_jsx_runtime53;
+var import_react42, import_jsx_runtime53;
 var init_Error = __esm({
   "src/widget/pages/Error.tsx"() {
     "use strict";
-    import_react41 = require("react");
+    import_react42 = require("react");
     init_DepositContext();
     init_components();
     init_mapError();
@@ -32327,11 +32687,11 @@ function WidgetRouter({
   navigationDirection,
   stepHistory
 }) {
-  const PageComponent = (0, import_react42.useMemo)(
+  const PageComponent = (0, import_react43.useMemo)(
     () => PAGE_COMPONENTS[currentStep],
     [currentStep]
   );
-  const animationClass = (0, import_react42.useMemo)(() => {
+  const animationClass = (0, import_react43.useMemo)(() => {
     return navigationDirection === "forward" ? "tw-animate-slide-in-right" : "tw-animate-slide-in-left";
   }, [navigationDirection]);
   return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
@@ -32344,11 +32704,11 @@ function WidgetRouter({
     `${currentStep}-${stepHistory.length}`
   );
 }
-var import_react42, import_jsx_runtime54, pageContainerBaseStyle;
+var import_react43, import_jsx_runtime54, pageContainerBaseStyle;
 var init_WidgetRouter = __esm({
   "src/widget/app/WidgetRouter.tsx"() {
     "use strict";
-    import_react42 = require("react");
+    import_react43 = require("react");
     init_utils();
     init_widgetSteps();
     import_jsx_runtime54 = require("react/jsx-runtime");
@@ -32362,13 +32722,13 @@ var init_WidgetRouter = __esm({
 
 // src/modes/swap/hooks/useSwapRoute.ts
 function useSwapRoute() {
-  const [state, setState] = (0, import_react43.useState)({
+  const [state, setState] = (0, import_react44.useState)({
     data: null,
     loading: false,
     error: null
   });
-  const abortRef = (0, import_react43.useRef)(false);
-  const fetch2 = (0, import_react43.useCallback)(
+  const abortRef = (0, import_react44.useRef)(false);
+  const fetch2 = (0, import_react44.useCallback)(
     async (params) => {
       const { fromToken, fromChain, toToken, toChain, amount, walletAddress } = params;
       const decimals = fromToken.decimals ?? 18;
@@ -32409,18 +32769,18 @@ function useSwapRoute() {
     },
     []
   );
-  const clear = (0, import_react43.useCallback)(() => {
+  const clear = (0, import_react44.useCallback)(() => {
     abortRef.current = true;
     setState({ data: null, loading: false, error: null });
   }, []);
   return { ...state, fetch: fetch2, clear };
 }
-var import_react43;
+var import_react44;
 var init_useSwapRoute = __esm({
   "src/modes/swap/hooks/useSwapRoute.ts"() {
     "use strict";
     "use client";
-    import_react43 = require("react");
+    import_react44 = require("react");
     init_routes();
     init_chainHelpers();
     init_store();
@@ -32461,7 +32821,7 @@ async function waitForApprovalConfirmation(chainId, txHash) {
   throw new Error("Timed out waiting for approval confirmation");
 }
 function useSwapExecution(fromChain) {
-  const [state, setState] = (0, import_react44.useState)({
+  const [state, setState] = (0, import_react45.useState)({
     txStatus: "idle",
     txHash: null,
     intentId: null,
@@ -32470,19 +32830,19 @@ function useSwapExecution(fromChain) {
     isSubmitting: false,
     allowanceStatus: "unknown"
   });
-  const saFailedUntilRef = (0, import_react44.useRef)(0);
-  const pollingRef = (0, import_react44.useRef)(null);
-  const timeoutRef = (0, import_react44.useRef)(null);
-  const abortRef = (0, import_react44.useRef)(false);
-  const pollCountRef = (0, import_react44.useRef)(0);
-  const clearPolling = (0, import_react44.useCallback)(() => {
+  const saFailedUntilRef = (0, import_react45.useRef)(0);
+  const pollingRef = (0, import_react45.useRef)(null);
+  const timeoutRef = (0, import_react45.useRef)(null);
+  const abortRef = (0, import_react45.useRef)(false);
+  const pollCountRef = (0, import_react45.useRef)(0);
+  const clearPolling = (0, import_react45.useCallback)(() => {
     abortRef.current = true;
     if (pollingRef.current) clearTimeout(pollingRef.current);
     if (timeoutRef.current) clearTimeout(timeoutRef.current);
     pollingRef.current = null;
     timeoutRef.current = null;
   }, []);
-  const startPolling = (0, import_react44.useCallback)(
+  const startPolling = (0, import_react45.useCallback)(
     (intentIdVal, onSuccess, onError) => {
       clearPolling();
       abortRef.current = false;
@@ -32527,7 +32887,7 @@ function useSwapExecution(fromChain) {
     },
     [clearPolling]
   );
-  const checkAllowance = (0, import_react44.useCallback)(
+  const checkAllowance = (0, import_react45.useCallback)(
     async (params) => {
       const { fromTokenAddress, walletAddress, routeResult } = params;
       if (routeResult.sponsorship) {
@@ -32567,7 +32927,7 @@ function useSwapExecution(fromChain) {
     },
     [fromChain]
   );
-  const execute = (0, import_react44.useCallback)(
+  const execute = (0, import_react45.useCallback)(
     async (routeResult, fromTokenAddress, fromTokenDecimals, walletAddress, maxApproval, onSuccess, onError) => {
       if (!routeResult?.txReq) {
         const msg = "Invalid route data. Please try again.";
@@ -32763,10 +33123,10 @@ function useSwapExecution(fromChain) {
     },
     [fromChain, startPolling]
   );
-  const resetSmartAccountFailure = (0, import_react44.useCallback)(() => {
+  const resetSmartAccountFailure = (0, import_react45.useCallback)(() => {
     saFailedUntilRef.current = 0;
   }, []);
-  const reset = (0, import_react44.useCallback)(() => {
+  const reset = (0, import_react45.useCallback)(() => {
     clearPolling();
     saFailedUntilRef.current = 0;
     setState({
@@ -32797,12 +33157,12 @@ function mapTxError(err) {
     return "Transaction would fail. Try a different amount.";
   return msg.length > 150 ? msg.slice(0, 147) + "..." : msg || "Transaction failed.";
 }
-var import_react44, import_viem43, FAST_POLL_MS, SLOW_POLL_MS, TIMEOUT_MS, SA_COOLDOWN_MS;
+var import_react45, import_viem43, FAST_POLL_MS, SLOW_POLL_MS, TIMEOUT_MS, SA_COOLDOWN_MS;
 var init_useSwapExecution = __esm({
   "src/modes/swap/hooks/useSwapExecution.ts"() {
     "use strict";
     "use client";
-    import_react44 = require("react");
+    import_react45 = require("react");
     import_viem43 = require("viem");
     init_core2();
     init_routes();
@@ -32840,11 +33200,11 @@ var init_forex = __esm({
 
 // src/modes/swap/hooks/useForex.ts
 function useForex() {
-  const [rates, setRates] = (0, import_react45.useState)({ USD: 1 });
-  const [error, setError] = (0, import_react45.useState)(null);
-  const [lastUpdated, setLastUpdated] = (0, import_react45.useState)(null);
-  const timerRef = (0, import_react45.useRef)(null);
-  (0, import_react45.useEffect)(() => {
+  const [rates, setRates] = (0, import_react46.useState)({ USD: 1 });
+  const [error, setError] = (0, import_react46.useState)(null);
+  const [lastUpdated, setLastUpdated] = (0, import_react46.useState)(null);
+  const timerRef = (0, import_react46.useRef)(null);
+  (0, import_react46.useEffect)(() => {
     let cancelled = false;
     const load = () => {
       fetchForexRates("USD").then((r) => {
@@ -32871,11 +33231,11 @@ function useForex() {
   }, []);
   return { rates, error, lastUpdated };
 }
-var import_react45, REFRESH_MS;
+var import_react46, REFRESH_MS;
 var init_useForex = __esm({
   "src/modes/swap/hooks/useForex.ts"() {
     "use strict";
-    import_react45 = require("react");
+    import_react46 = require("react");
     init_forex();
     REFRESH_MS = 5 * 60 * 1e3;
   }
@@ -32896,10 +33256,10 @@ function SwapTokenSelect({
   allowedTokens,
   excludeToken
 }) {
-  const [localChain, setLocalChain] = (0, import_react46.useState)(initialChain);
-  const [pinnedTokens, setPinnedTokens] = (0, import_react46.useState)([]);
-  const [pinnedLoading, setPinnedLoading] = (0, import_react46.useState)(false);
-  (0, import_react46.useEffect)(() => {
+  const [localChain, setLocalChain] = (0, import_react47.useState)(initialChain);
+  const [pinnedTokens, setPinnedTokens] = (0, import_react47.useState)([]);
+  const [pinnedLoading, setPinnedLoading] = (0, import_react47.useState)(false);
+  (0, import_react47.useEffect)(() => {
     if (!allowedTokens || allowedTokens.length === 0 || !localChain) {
       setPinnedTokens([]);
       return;
@@ -32980,26 +33340,26 @@ function SwapTokenSelect({
     walletAddress,
     yourWalletTokens
   });
-  const allowedSet = (0, import_react46.useMemo)(() => {
+  const allowedSet = (0, import_react47.useMemo)(() => {
     if (!allowedTokens || allowedTokens.length === 0) return null;
     return new Set(
       allowedTokens.map((t) => `${t.chainId}:${t.address.toLowerCase()}`)
     );
   }, [allowedTokens]);
-  const filteredWalletTokens = (0, import_react46.useMemo)(() => {
+  const filteredWalletTokens = (0, import_react47.useMemo)(() => {
     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 = (0, import_react46.useMemo)(() => {
+  const visibleTokens = (0, import_react47.useMemo)(() => {
     if (!excludeKey) return filteredTokens;
     return filteredTokens.filter(
       (t) => `${Number(t.chainId)}:${t.address.toLowerCase()}` !== excludeKey
     );
   }, [filteredTokens, excludeKey]);
-  const visibleWalletTokens = (0, import_react46.useMemo)(() => {
+  const visibleWalletTokens = (0, import_react47.useMemo)(() => {
     if (!excludeKey) return filteredWalletTokens;
     return filteredWalletTokens.filter(
       (t) => `${Number(t.chainId)}:${t.address.toLowerCase()}` !== excludeKey
@@ -33116,11 +33476,11 @@ function SwapTokenSelect({
     }
   );
 }
-var import_react46, import_jsx_runtime55;
+var import_react47, import_jsx_runtime55;
 var init_SwapTokenSelect = __esm({
   "src/modes/swap/components/SwapTokenSelect.tsx"() {
     "use strict";
-    import_react46 = require("react");
+    import_react47 = require("react");
     init_styles();
     init_registryClient();
     init_hooks2();
@@ -33146,16 +33506,16 @@ function SwapWalletSelector({
   } = useWalletInfo();
   const walletConnectCfg = TrustwareConfigStore.peek()?.walletConnect;
   const connectWC = useWalletConnectConnect(walletConnectCfg);
-  const [wcConnecting, setWcConnecting] = (0, import_react47.useState)(false);
-  const [connectingId, setConnectingId] = (0, import_react47.useState)(null);
-  const [timerExpired, setTimerExpired] = (0, import_react47.useState)(false);
-  const [selectedNamespace, setSelectedNamespace] = (0, import_react47.useState)("evm");
-  const prevStatusRef = (0, import_react47.useRef)(walletStatus);
-  (0, import_react47.useEffect)(() => {
+  const [wcConnecting, setWcConnecting] = (0, import_react48.useState)(false);
+  const [connectingId, setConnectingId] = (0, import_react48.useState)(null);
+  const [timerExpired, setTimerExpired] = (0, import_react48.useState)(false);
+  const [selectedNamespace, setSelectedNamespace] = (0, import_react48.useState)("evm");
+  const prevStatusRef = (0, import_react48.useRef)(walletStatus);
+  (0, import_react48.useEffect)(() => {
     const t = setTimeout(() => setTimerExpired(true), 450);
     return () => clearTimeout(t);
   }, []);
-  (0, import_react47.useEffect)(() => {
+  (0, import_react48.useEffect)(() => {
     const prev = prevStatusRef.current;
     if (prev !== walletStatus) {
       if (prev === "connecting" && (walletStatus === "connected" || walletStatus === "error")) {
@@ -33164,7 +33524,7 @@ function SwapWalletSelector({
       prevStatusRef.current = walletStatus;
     }
   }, [walletStatus]);
-  const filteredWallets = (0, import_react47.useMemo)(
+  const filteredWallets = (0, import_react48.useMemo)(
     () => detected.filter(
       (w) => (w.meta?.ecosystem ?? "").toLowerCase() === selectedNamespace
     ),
@@ -33740,11 +34100,11 @@ function SwapWalletSelector({
     ] })
   ] });
 }
-var import_react47, import_jsx_runtime56;
+var import_react48, import_jsx_runtime56;
 var init_SwapWalletSelector = __esm({
   "src/modes/swap/components/SwapWalletSelector.tsx"() {
     "use strict";
-    import_react47 = require("react");
+    import_react48 = require("react");
     init_styles();
     init_utils();
     init_wallets();
@@ -33919,41 +34279,41 @@ function SwapMode({
   theme: themeProp,
   style
 }) {
-  const [stage, setStage] = (0, import_react48.useState)("home");
-  const [fromToken, setFromToken] = (0, import_react48.useState)(
+  const [stage, setStage] = (0, import_react49.useState)("home");
+  const [fromToken, setFromToken] = (0, import_react49.useState)(
     null
   );
-  const [fromChain, setFromChain] = (0, import_react48.useState)(null);
-  const [toToken, setToToken] = (0, import_react48.useState)(null);
-  const [toChain, setToChain] = (0, import_react48.useState)(null);
-  const [amount, setAmount] = (0, import_react48.useState)("");
-  const [amountInputMode, setAmountInputMode] = (0, import_react48.useState)(
+  const [fromChain, setFromChain] = (0, import_react49.useState)(null);
+  const [toToken, setToToken] = (0, import_react49.useState)(null);
+  const [toChain, setToChain] = (0, import_react49.useState)(null);
+  const [amount, setAmount] = (0, import_react49.useState)("");
+  const [amountInputMode, setAmountInputMode] = (0, import_react49.useState)(
     "usd"
   );
-  const [hoverSell, setHoverSell] = (0, import_react48.useState)(false);
-  const [showRateDetails, setShowRateDetails] = (0, import_react48.useState)(false);
-  const [showReviewDetails, setShowReviewDetails] = (0, import_react48.useState)(false);
-  const [showSettings, setShowSettings] = (0, import_react48.useState)(false);
-  const [maxApproval, setMaxApproval] = (0, import_react48.useState)(false);
-  const [slippage, setSlippage] = (0, import_react48.useState)(0.5);
-  const [slippageInput, setSlippageInput] = (0, import_react48.useState)("");
-  const [selectedCurrency, setSelectedCurrency] = (0, import_react48.useState)("USD");
-  const [showCurrencyDropdown, setShowCurrencyDropdown] = (0, import_react48.useState)(false);
-  const [completedAt, setCompletedAt] = (0, import_react48.useState)(null);
-  const [copiedHash, setCopiedHash] = (0, import_react48.useState)(null);
-  const [rateUpdated, setRateUpdated] = (0, import_react48.useState)(false);
-  const prevToAmountRef = (0, import_react48.useRef)(null);
-  const [destAddress, setDestAddress] = (0, import_react48.useState)("");
-  const [quoteAge, setQuoteAge] = (0, import_react48.useState)(0);
-  const quoteTimestampRef = (0, import_react48.useRef)(null);
-  const [quoteLoadingMsgIdx, setQuoteLoadingMsgIdx] = (0, import_react48.useState)(0);
-  const [quoteLoadingMsgVisible, setQuoteLoadingMsgVisible] = (0, import_react48.useState)(true);
-  const latestFetchParamsRef = (0, import_react48.useRef)(null);
+  const [hoverSell, setHoverSell] = (0, import_react49.useState)(false);
+  const [showRateDetails, setShowRateDetails] = (0, import_react49.useState)(false);
+  const [showReviewDetails, setShowReviewDetails] = (0, import_react49.useState)(false);
+  const [showSettings, setShowSettings] = (0, import_react49.useState)(false);
+  const [maxApproval, setMaxApproval] = (0, import_react49.useState)(false);
+  const [slippage, setSlippage] = (0, import_react49.useState)(0.5);
+  const [slippageInput, setSlippageInput] = (0, import_react49.useState)("");
+  const [selectedCurrency, setSelectedCurrency] = (0, import_react49.useState)("USD");
+  const [showCurrencyDropdown, setShowCurrencyDropdown] = (0, import_react49.useState)(false);
+  const [completedAt, setCompletedAt] = (0, import_react49.useState)(null);
+  const [copiedHash, setCopiedHash] = (0, import_react49.useState)(null);
+  const [rateUpdated, setRateUpdated] = (0, import_react49.useState)(false);
+  const prevToAmountRef = (0, import_react49.useRef)(null);
+  const [destAddress, setDestAddress] = (0, import_react49.useState)("");
+  const [quoteAge, setQuoteAge] = (0, import_react49.useState)(0);
+  const quoteTimestampRef = (0, import_react49.useRef)(null);
+  const [quoteLoadingMsgIdx, setQuoteLoadingMsgIdx] = (0, import_react49.useState)(0);
+  const [quoteLoadingMsgVisible, setQuoteLoadingMsgVisible] = (0, import_react49.useState)(true);
+  const latestFetchParamsRef = (0, import_react49.useRef)(null);
   const { rates: forexRates } = useForex();
   const currencyMeta = getCurrencyMeta(selectedCurrency);
   const currencyRate = forexRates[selectedCurrency] ?? 1;
   const currencySymbol = currencyMeta.symbol;
-  const fmtLocal = (0, import_react48.useCallback)(
+  const fmtLocal = (0, import_react49.useCallback)(
     (usdAmount) => {
       const sym = getCurrencyMeta(selectedCurrency).symbol;
       if (usdAmount === null || !isFinite(usdAmount) || usdAmount <= 0)
@@ -33964,8 +34324,8 @@ function SwapMode({
     },
     [currencyRate, selectedCurrency]
   );
-  const settingsRef = (0, import_react48.useRef)(null);
-  const currencyDropdownRef = (0, import_react48.useRef)(null);
+  const settingsRef = (0, import_react49.useRef)(null);
+  const currencyDropdownRef = (0, import_react49.useRef)(null);
   const { emitEvent } = useTrustware();
   const { features, theme: configTheme } = useTrustwareConfig();
   const effectiveThemeSetting = themeProp ?? configTheme ?? "system";
@@ -33981,26 +34341,26 @@ function SwapMode({
     isLoading: chainsLoading,
     error: chainsError
   } = useChains();
-  const allowedDestChainIds = (0, import_react48.useMemo)(() => {
+  const allowedDestChainIds = (0, import_react49.useMemo)(() => {
     if (!allowedDestTokens || allowedDestTokens.length === 0) return null;
     return new Set(allowedDestTokens.map((t) => t.chainId));
   }, [allowedDestTokens]);
-  const toPopularChains = (0, import_react48.useMemo)(
+  const toPopularChains = (0, import_react49.useMemo)(
     () => allowedDestChainIds ? popularChains.filter(
       (c) => allowedDestChainIds.has(Number(c.chainId))
     ) : popularChains,
     [popularChains, allowedDestChainIds]
   );
-  const toOtherChains = (0, import_react48.useMemo)(
+  const toOtherChains = (0, import_react49.useMemo)(
     () => allowedDestChainIds ? otherChains.filter((c) => allowedDestChainIds.has(Number(c.chainId))) : otherChains,
     [otherChains, allowedDestChainIds]
   );
-  const allChains = (0, import_react48.useMemo)(
+  const allChains = (0, import_react49.useMemo)(
     () => [...popularChains, ...otherChains],
     [popularChains, otherChains]
   );
-  const destInitialized = (0, import_react48.useRef)(false);
-  (0, import_react48.useEffect)(() => {
+  const destInitialized = (0, import_react49.useRef)(false);
+  (0, import_react49.useEffect)(() => {
     if (!defaultDestRef || destInitialized.current || allChains.length === 0)
       return;
     const chain = allChains.find(
@@ -34031,11 +34391,11 @@ function SwapMode({
     });
   }, [defaultDestRef, allChains]);
   const { walletAddress, walletStatus, connectWallet, disconnectWallet } = useWalletSessionState();
-  const setFromTokenStable = (0, import_react48.useCallback)(
+  const setFromTokenStable = (0, import_react49.useCallback)(
     (t) => setFromToken(t),
     []
   );
-  const setFromChainStable = (0, import_react48.useCallback)(
+  const setFromChainStable = (0, import_react49.useCallback)(
     (c) => setFromChain(c),
     []
   );
@@ -34048,18 +34408,18 @@ function SwapMode({
   });
   const route = useSwapRoute();
   const execution = useSwapExecution(fromChain);
-  const fromTokenPriceUSD = (0, import_react48.useMemo)(() => {
+  const fromTokenPriceUSD = (0, import_react49.useMemo)(() => {
     const p = fromToken?.usdPrice;
     return typeof p === "number" && Number.isFinite(p) && p > 0 ? p : 0;
   }, [fromToken]);
   const hasFromUsdPrice = fromTokenPriceUSD > 0;
-  const toTokenPriceUSD = (0, import_react48.useMemo)(() => {
+  const toTokenPriceUSD = (0, import_react49.useMemo)(() => {
     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 = (0, import_react48.useMemo)(() => {
+  const usdSellNum = (0, import_react49.useMemo)(() => {
     if (amountInputMode === "usd") return rawSellNum / currencyRate;
     return hasFromUsdPrice ? rawSellNum * fromTokenPriceUSD : 0;
   }, [
@@ -34069,7 +34429,7 @@ function SwapMode({
     hasFromUsdPrice,
     fromTokenPriceUSD
   ]);
-  const tokenSellNum = (0, import_react48.useMemo)(() => {
+  const tokenSellNum = (0, import_react49.useMemo)(() => {
     if (amountInputMode === "usd") {
       return hasFromUsdPrice && fromTokenPriceUSD > 0 ? usdSellNum / fromTokenPriceUSD : 0;
     }
@@ -34081,12 +34441,12 @@ function SwapMode({
     hasFromUsdPrice,
     fromTokenPriceUSD
   ]);
-  const tokenAmountStr = (0, import_react48.useMemo)(() => {
+  const tokenAmountStr = (0, import_react49.useMemo)(() => {
     if (tokenSellNum <= 0) return "";
     const decimals = fromToken?.decimals ?? 18;
     return truncateDecimal(tokenSellNum, Math.min(decimals, 18));
   }, [tokenSellNum, fromToken?.decimals]);
-  const handleCurrencyChange = (0, import_react48.useCallback)(
+  const handleCurrencyChange = (0, import_react49.useCallback)(
     (newCode) => {
       if (amountInputMode === "usd" && amount) {
         const oldRate = currencyRate;
@@ -34101,7 +34461,7 @@ function SwapMode({
     },
     [amountInputMode, amount, currencyRate, forexRates, route]
   );
-  const handleSelectFromToken = (0, import_react48.useCallback)(
+  const handleSelectFromToken = (0, import_react49.useCallback)(
     (token, chain) => {
       setFromToken(token);
       setFromChain(chain);
@@ -34122,7 +34482,7 @@ function SwapMode({
     },
     [route, emitEvent, toToken, toChain, amount]
   );
-  const handleSelectToToken = (0, import_react48.useCallback)(
+  const handleSelectToToken = (0, import_react49.useCallback)(
     (token, chain) => {
       setToToken(token);
       setToChain(chain);
@@ -34139,7 +34499,7 @@ function SwapMode({
     },
     [route, emitEvent, fromToken, fromChain, amount]
   );
-  const handleFlip = (0, import_react48.useCallback)(() => {
+  const handleFlip = (0, import_react49.useCallback)(() => {
     if (lockDestToken) return;
     const newFrom = toToken ?? fromToken;
     const newFromChain = toChain ?? fromChain;
@@ -34161,7 +34521,7 @@ function SwapMode({
   const toChainType = normalizeChainType2(toChain);
   const needsDestAddress = !!fromChainType && !!toChainType && fromChainType !== toChainType;
   const isValidDestAddress = !needsDestAddress || validateDestAddress(destAddress, toChainType ?? "");
-  const handleReview = (0, import_react48.useCallback)(async () => {
+  const handleReview = (0, import_react49.useCallback)(async () => {
     if (!fromToken || !fromChain || !toToken || !toChain || !tokenAmountStr || !walletAddress) {
       if (!walletAddress) setStage("connect-wallet");
       return;
@@ -34196,19 +34556,24 @@ function SwapMode({
     route,
     slippage
   ]);
-  const handleConnectAndReview = (0, import_react48.useCallback)(() => {
+  const handleConnectAndReview = (0, import_react49.useCallback)(() => {
     setStage("connect-wallet");
   }, []);
-  const handleWalletConnected = (0, import_react48.useCallback)(() => {
+  const handleWalletConnected = (0, import_react49.useCallback)(() => {
     setStage("home");
   }, []);
-  const handleExecute = (0, import_react48.useCallback)(async () => {
+  const handleExecute = (0, import_react49.useCallback)(async () => {
     if (!route.data) return;
     setStage("processing");
     const fromTokenAddress = fromToken?.address ?? fromToken?.address;
     const fromTokenDecimals = fromToken?.decimals ?? void 0;
+    let routeToSend = route.data;
+    if (isSerializedSolanaTxRequest(routeToSend.txReq) && latestFetchParamsRef.current) {
+      const fresh = await route.fetch(latestFetchParamsRef.current);
+      if (fresh) routeToSend = fresh;
+    }
     await execution.execute(
-      route.data,
+      routeToSend,
       fromTokenAddress,
       fromTokenDecimals,
       walletAddress ?? void 0,
@@ -34219,8 +34584,8 @@ function SwapMode({
       },
       () => setStage("error")
     );
-  }, [route.data, execution, fromToken, walletAddress, maxApproval]);
-  const handleReset = (0, import_react48.useCallback)(() => {
+  }, [route, execution, fromToken, walletAddress, maxApproval]);
+  const handleReset = (0, import_react49.useCallback)(() => {
     execution.reset();
     route.clear();
     setAmount("");
@@ -34230,7 +34595,7 @@ function SwapMode({
     setStage("home");
     reloadWalletTokens();
   }, [execution, route, reloadWalletTokens]);
-  const handleSwapBack = (0, import_react48.useCallback)(() => {
+  const handleSwapBack = (0, import_react49.useCallback)(() => {
     const prevFrom = fromToken;
     const prevFromChain = fromChain;
     setFromToken(toToken);
@@ -34254,14 +34619,14 @@ function SwapMode({
     route,
     reloadWalletTokens
   ]);
-  const handleCopyHash = (0, import_react48.useCallback)((hash) => {
+  const handleCopyHash = (0, import_react49.useCallback)((hash) => {
     if (!navigator?.clipboard?.writeText) return;
     void navigator.clipboard.writeText(hash).then(() => {
       setCopiedHash(hash);
       setTimeout(() => setCopiedHash((v) => v === hash ? null : v), 1500);
     });
   }, []);
-  const handleToggleDenom = (0, import_react48.useCallback)(() => {
+  const handleToggleDenom = (0, import_react49.useCallback)(() => {
     if (!hasFromUsdPrice) return;
     const parsed = parseFloat(amount) || 0;
     if (amountInputMode === "usd") {
@@ -34287,7 +34652,7 @@ function SwapMode({
     fromToken?.decimals,
     route
   ]);
-  const fromBalance = (0, import_react48.useMemo)(() => {
+  const fromBalance = (0, import_react49.useMemo)(() => {
     const walletToken = fromToken;
     if (!walletToken || !("balance" in walletToken)) return null;
     const raw = walletToken.balance;
@@ -34297,7 +34662,7 @@ function SwapMode({
     return Number.isFinite(n) ? n : null;
   }, [fromToken]);
   const balanceUsd = fromBalance !== null && hasFromUsdPrice ? fromBalance * fromTokenPriceUSD : null;
-  const estimatedToAmount = (0, import_react48.useMemo)(() => {
+  const estimatedToAmount = (0, import_react49.useMemo)(() => {
     if (tokenSellNum <= 0 || !hasFromUsdPrice || !hasToUsdPrice) return null;
     return tokenSellNum * (fromTokenPriceUSD / toTokenPriceUSD);
   }, [
@@ -34307,10 +34672,10 @@ function SwapMode({
     hasFromUsdPrice,
     hasToUsdPrice
   ]);
-  const backendToUsdStr = (0, import_react48.useMemo)(() => {
+  const backendToUsdStr = (0, import_react49.useMemo)(() => {
     return route.data?.finalExchangeRate?.toAmountMinUSD ?? route.data?.route?.estimate?.toAmountMinUsd ?? route.data?.route?.estimate?.toAmountUsd ?? null;
   }, [route.data]);
-  const toAmount = (0, import_react48.useMemo)(() => {
+  const toAmount = (0, import_react49.useMemo)(() => {
     if (backendToUsdStr && toTokenPriceUSD > 0) {
       const usd = parseFloat(backendToUsdStr);
       if (Number.isFinite(usd) && usd > 0) return usd / toTokenPriceUSD;
@@ -34336,7 +34701,7 @@ function SwapMode({
     estimatedToAmount
   ]);
   const fromUsd = usdSellNum;
-  const toUsd = (0, import_react48.useMemo)(() => {
+  const toUsd = (0, import_react49.useMemo)(() => {
     if (backendToUsdStr) {
       const n = parseFloat(backendToUsdStr);
       if (Number.isFinite(n) && n > 0) return n;
@@ -34347,12 +34712,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 = (0, import_react48.useMemo)(() => {
+  const priceImpact = (0, import_react49.useMemo)(() => {
     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 = (0, import_react48.useMemo)(() => {
+  const routePath = (0, import_react49.useMemo)(() => {
     if (!route.data) return null;
     const provider = route.data.route?.provider;
     const steps = route.data.route?.steps;
@@ -34379,19 +34744,19 @@ function SwapMode({
     return null;
   }, [route.data, fromToken?.symbol, toToken?.symbol]);
   const isGasSponsored = !!route.data?.sponsorship;
-  const networkCostUsd = (0, import_react48.useMemo)(() => {
+  const networkCostUsd = (0, import_react49.useMemo)(() => {
     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 = (0, import_react48.useMemo)(() => {
+  const protocolFeeUsd = (0, import_react49.useMemo)(() => {
     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 = (0, import_react48.useMemo)(() => {
+  const exchangeRate = (0, import_react49.useMemo)(() => {
     if (!hasFromUsdPrice || !hasToUsdPrice) return null;
     return toTokenPriceUSD / fromTokenPriceUSD;
   }, [fromTokenPriceUSD, toTokenPriceUSD, hasFromUsdPrice, hasToUsdPrice]);
@@ -34400,13 +34765,13 @@ function SwapMode({
   const hasAmount = rawSellNum > 0 && (amountInputMode === "token" || hasFromUsdPrice);
   const isConnected = walletStatus === "connected" && !!walletAddress;
   const canGetQuote = hasTokens && hasAmount && !insufficient && isConnected && (!needsDestAddress || isValidDestAddress);
-  (0, import_react48.useEffect)(() => {
+  (0, import_react49.useEffect)(() => {
     if (!fromToken) return;
     if (!hasFromUsdPrice && amountInputMode === "usd") {
       setAmountInputMode("token");
     }
   }, [fromToken, hasFromUsdPrice, amountInputMode]);
-  (0, import_react48.useEffect)(() => {
+  (0, import_react49.useEffect)(() => {
     if (displayToAmount === null) {
       prevToAmountRef.current = null;
       return;
@@ -34420,14 +34785,14 @@ function SwapMode({
     const t = setTimeout(() => setRateUpdated(false), 700);
     return () => clearTimeout(t);
   }, [displayToAmount]);
-  (0, import_react48.useEffect)(() => {
+  (0, import_react49.useEffect)(() => {
     setDestAddress("");
   }, [toChainType]);
-  const fetchRef = (0, import_react48.useRef)(route.fetch);
-  (0, import_react48.useEffect)(() => {
+  const fetchRef = (0, import_react49.useRef)(route.fetch);
+  (0, import_react49.useEffect)(() => {
     fetchRef.current = route.fetch;
   });
-  (0, import_react48.useEffect)(() => {
+  (0, import_react49.useEffect)(() => {
     if (!canGetQuote || stage !== "home") return;
     if (!fromToken || !fromChain || !toToken || !toChain || !walletAddress)
       return;
@@ -34456,7 +34821,7 @@ function SwapMode({
     destAddress,
     slippage
   ]);
-  (0, import_react48.useEffect)(() => {
+  (0, import_react49.useEffect)(() => {
     if (!canGetQuote || !fromToken || !fromChain || !toToken || !toChain || !walletAddress) {
       latestFetchParamsRef.current = null;
       return;
@@ -34483,12 +34848,12 @@ function SwapMode({
     destAddress,
     slippage
   ]);
-  (0, import_react48.useEffect)(() => {
+  (0, import_react49.useEffect)(() => {
     quoteTimestampRef.current = route.data ? Date.now() : null;
     setQuoteAge(0);
   }, [route.data]);
-  const msgTimeoutRef = (0, import_react48.useRef)(null);
-  (0, import_react48.useEffect)(() => {
+  const msgTimeoutRef = (0, import_react49.useRef)(null);
+  (0, import_react49.useEffect)(() => {
     if (!route.loading) {
       setQuoteLoadingMsgIdx(0);
       setQuoteLoadingMsgVisible(true);
@@ -34506,7 +34871,7 @@ function SwapMode({
       if (msgTimeoutRef.current !== null) clearTimeout(msgTimeoutRef.current);
     };
   }, [route.loading]);
-  (0, import_react48.useEffect)(() => {
+  (0, import_react49.useEffect)(() => {
     if (!route.data) return;
     const id = setInterval(() => {
       const ts = quoteTimestampRef.current;
@@ -34520,7 +34885,7 @@ function SwapMode({
     }, 1e3);
     return () => clearInterval(id);
   }, [route.data]);
-  (0, import_react48.useEffect)(() => {
+  (0, import_react49.useEffect)(() => {
     if (stage !== "review") return;
     if (!route.data || !walletAddress) return;
     const fromTokenAddress = fromToken?.address;
@@ -34531,7 +34896,7 @@ function SwapMode({
       routeResult: route.data
     });
   }, [stage, route.data, walletAddress, fromToken]);
-  (0, import_react48.useEffect)(() => {
+  (0, import_react49.useEffect)(() => {
     if (!showSettings) {
       setShowCurrencyDropdown(false);
       return;
@@ -34544,7 +34909,7 @@ function SwapMode({
     document.addEventListener("mousedown", handler);
     return () => document.removeEventListener("mousedown", handler);
   }, [showSettings]);
-  (0, import_react48.useEffect)(() => {
+  (0, import_react49.useEffect)(() => {
     if (!showCurrencyDropdown) return;
     const handler = (e2) => {
       if (currencyDropdownRef.current && !currencyDropdownRef.current.contains(e2.target)) {
@@ -35086,7 +35451,7 @@ function SwapMode({
       timeStyle: "short"
     }) ?? null;
     return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(WidgetContainer, { theme: resolvedTheme, style, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { style: { position: "relative", overflow: "hidden" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_react48.Suspense, { fallback: null, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(ConfettiEffect3, { isActive: true, pieceCount: 60, clearDelay: 4e3 }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_react49.Suspense, { fallback: null, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(ConfettiEffect3, { isActive: true, pieceCount: 60, clearDelay: 4e3 }) }),
       /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { style: { padding: `${spacing[6]} ${spacing[6]} 0` }, children: [
         /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
           "div",
@@ -37694,8 +38059,8 @@ function ReviewDetailRow({
   value,
   tooltip
 }) {
-  const iconRef = (0, import_react48.useRef)(null);
-  const [tipPos, setTipPos] = (0, import_react48.useState)(null);
+  const iconRef = (0, import_react49.useRef)(null);
+  const [tipPos, setTipPos] = (0, import_react49.useState)(null);
   const handleMouseEnter = () => {
     if (!tooltip || !iconRef.current) return;
     const r = iconRef.current.getBoundingClientRect();
@@ -37974,17 +38339,18 @@ function ProcessingStepLine({ done }) {
     }
   );
 }
-var import_react48, import_react_dom, import_jsx_runtime57, ConfettiEffect3, QUOTE_TTL, QUOTE_LOADING_MESSAGES, PERCENT_OPTIONS;
+var import_react49, import_react_dom, import_jsx_runtime57, ConfettiEffect3, QUOTE_TTL, QUOTE_LOADING_MESSAGES, PERCENT_OPTIONS;
 var init_SwapMode = __esm({
   "src/modes/swap/SwapMode.tsx"() {
     "use strict";
-    import_react48 = require("react");
+    import_react49 = require("react");
     import_react_dom = __toESM(require("react-dom"), 1);
     init_styles();
     init_utils();
     init_mapError();
     init_components();
     init_registryClient();
+    init_routes();
     init_useThemePreference();
     init_useWalletSessionState();
     init_useWalletTokenState();
@@ -38000,7 +38366,7 @@ var init_SwapMode = __esm({
     init_SwapWalletSelector();
     init_currency();
     import_jsx_runtime57 = require("react/jsx-runtime");
-    ConfettiEffect3 = (0, import_react48.lazy)(
+    ConfettiEffect3 = (0, import_react49.lazy)(
       () => Promise.resolve().then(() => (init_ConfettiEffect(), ConfettiEffect_exports))
     );
     QUOTE_TTL = 60;
@@ -38041,7 +38407,7 @@ function WidgetContent({
   const { transactionHash, transactionStatus } = useDepositTransaction();
   const { resolvedTheme, toggleTheme } = useDepositUi();
   useWalletExternalDisconnect(() => setCurrentStep("home"));
-  (0, import_react49.useEffect)(() => {
+  (0, import_react50.useEffect)(() => {
     const state = {
       currentStep,
       amount,
@@ -38084,8 +38450,8 @@ function WidgetInner({
   const { transactionStatus } = useDepositTransaction();
   const { resolvedTheme } = useDepositUi();
   const { status, revalidate, errors } = useTrustware();
-  const [showConfirmDialog, setShowConfirmDialog] = (0, import_react49.useState)(false);
-  const handleCloseRequest = (0, import_react49.useCallback)(() => {
+  const [showConfirmDialog, setShowConfirmDialog] = (0, import_react50.useState)(false);
+  const handleCloseRequest = (0, import_react50.useCallback)(() => {
     if (ACTIVE_TRANSACTION_STATUSES.includes(transactionStatus)) {
       setShowConfirmDialog(true);
     } else {
@@ -38096,20 +38462,20 @@ function WidgetInner({
       onClose?.();
     }
   }, [transactionStatus, onClose, resetState]);
-  (0, import_react49.useEffect)(() => {
+  (0, import_react50.useEffect)(() => {
     closeRequestRef.current = handleCloseRequest;
   }, [handleCloseRequest, closeRequestRef]);
-  const handleConfirmClose = (0, import_react49.useCallback)(() => {
+  const handleConfirmClose = (0, import_react50.useCallback)(() => {
     setShowConfirmDialog(false);
     onClose?.();
   }, [onClose]);
-  const handleCancelClose = (0, import_react49.useCallback)(() => {
+  const handleCancelClose = (0, import_react50.useCallback)(() => {
     setShowConfirmDialog(false);
   }, []);
   const effectiveTheme = resolvedTheme;
   const isRefreshing = status === "initializing";
   const initBlocked = status === "error";
-  const handleRefresh = (0, import_react49.useCallback)(() => {
+  const handleRefresh = (0, import_react50.useCallback)(() => {
     revalidate?.();
   }, [revalidate]);
   return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_jsx_runtime58.Fragment, { children: [
@@ -38143,11 +38509,11 @@ function WidgetInner({
     )
   ] });
 }
-var import_react49, import_jsx_runtime58, widgetContentContainerStyle, themeToggleContainerStyle, TrustwareWidgetV2;
+var import_react50, import_jsx_runtime58, widgetContentContainerStyle, themeToggleContainerStyle, TrustwareWidgetV2;
 var init_TrustwareWidgetV2 = __esm({
   "src/widget/TrustwareWidgetV2.tsx"() {
     "use strict";
-    import_react49 = require("react");
+    import_react50 = require("react");
     init_utils();
     init_styles();
     init_DepositContext();
@@ -38173,7 +38539,7 @@ var init_TrustwareWidgetV2 = __esm({
       right: spacing[3],
       zIndex: 12
     };
-    TrustwareWidgetV2 = (0, import_react49.forwardRef)(function TrustwareWidgetV22({
+    TrustwareWidgetV2 = (0, import_react50.forwardRef)(function TrustwareWidgetV22({
       theme,
       style,
       initialStep = "home",
@@ -38182,15 +38548,15 @@ var init_TrustwareWidgetV2 = __esm({
       onOpen,
       showThemeToggle = true
     }, ref) {
-      const [isOpen, setIsOpen] = (0, import_react49.useState)(defaultOpen);
-      const closeRequestRef = (0, import_react49.useRef)(null);
+      const [isOpen, setIsOpen] = (0, import_react50.useState)(defaultOpen);
+      const closeRequestRef = (0, import_react50.useRef)(null);
       const config = useTrustwareConfig();
       const effectiveInitialStep = initialStep;
-      const open = (0, import_react49.useCallback)(() => {
+      const open = (0, import_react50.useCallback)(() => {
         setIsOpen(true);
         onOpen?.();
       }, [onOpen]);
-      const close = (0, import_react49.useCallback)(() => {
+      const close = (0, import_react50.useCallback)(() => {
         if (closeRequestRef.current) {
           closeRequestRef.current();
         } else {
@@ -38198,11 +38564,11 @@ var init_TrustwareWidgetV2 = __esm({
           onClose?.();
         }
       }, [onClose]);
-      const handleClose = (0, import_react49.useCallback)(() => {
+      const handleClose = (0, import_react50.useCallback)(() => {
         setIsOpen(false);
         onClose?.();
       }, [onClose]);
-      (0, import_react49.useImperativeHandle)(
+      (0, import_react50.useImperativeHandle)(
         ref,
         () => ({
           open,