@trustware/sdk-staging 1.1.13-staging.1 → 1.1.13-staging.2

package/dist/index.mjs

@@ -550,7 +550,7 @@ var init_constants = __esm({
   "src/constants.ts"() {
     "use strict";
     SDK_NAME = "@trustware/sdk";
-    SDK_VERSION = "1.1.13-staging.1";
+    SDK_VERSION = "1.1.13-staging.2";
     API_ROOT = "https://bv-staging-api.trustware.io";
     GTM_ID = "GTM-TZDGNCXB";
     API_PREFIX = "/api";
@@ -9716,7 +9716,7 @@ var init_failure = __esm({
 });
 
 // src/hooks/useGTM.ts
-import { useEffect as useEffect11, useRef as useRef3, useCallback as useCallback8 } from "react";
+import { useEffect as useEffect11, useCallback as useCallback8 } from "react";
 function isGA4Allowed() {
   try {
     return Trustware.getConfig().features.shouldAllowGA4;
@@ -9785,7 +9785,6 @@ function useGTMTracker() {
   return { trackEvent, trackPageView, setUserProperty, directGtag };
 }
 function useGTM(gtmId) {
-  const scriptRef = useRef3(null);
   const tracker = useGTMTracker();
   useEffect11(() => {
     if (!isGA4Allowed()) {
@@ -9800,14 +9799,24 @@ function useGTM(gtmId) {
       );
       return;
     }
-    if (isContainerInitialized) return;
+    containerRefCount += 1;
+    const release = () => {
+      containerRefCount -= 1;
+      if (containerRefCount > 0) return;
+      if (injectedScript) {
+        injectedScript.parentNode?.removeChild(injectedScript);
+        injectedScript = null;
+      }
+      isContainerInitialized = false;
+    };
+    if (isContainerInitialized) return release;
     const alreadyLoaded = document.querySelector(
       `script[src*="googletagmanager.com/gtm.js?id=${gtmId}"]`
     );
     if (alreadyLoaded) {
       window.dataLayer = window.dataLayer || [];
       isContainerInitialized = true;
-      return;
+      return release;
     }
     window.dataLayer = window.dataLayer || [];
     window.dataLayer.push({
@@ -9819,15 +9828,9 @@ function useGTM(gtmId) {
     script.async = true;
     script.src = `https://www.googletagmanager.com/gtm.js?id=${gtmId}`;
     firstScript.parentNode?.insertBefore(script, firstScript);
-    scriptRef.current = script;
+    injectedScript = script;
     isContainerInitialized = true;
-    return () => {
-      if (scriptRef.current) {
-        scriptRef.current.parentNode?.removeChild(scriptRef.current);
-        scriptRef.current = null;
-      }
-      isContainerInitialized = false;
-    };
+    return release;
   }, [gtmId]);
   const addNoscriptIframe = useCallback8(() => {
     if (!isGA4Allowed()) return;
@@ -9845,12 +9848,14 @@ function useGTM(gtmId) {
   }, [gtmId]);
   return { ...tracker, addNoscriptIframe };
 }
-var isContainerInitialized;
+var isContainerInitialized, containerRefCount, injectedScript;
 var init_useGTM = __esm({
   "src/hooks/useGTM.ts"() {
     "use strict";
     init_core2();
     isContainerInitialized = false;
+    containerRefCount = 0;
+    injectedScript = null;
   }
 });
 
@@ -9864,7 +9869,7 @@ var init_hooks = __esm({
 });
 
 // src/widget/hooks/useTransactionPolling.ts
-import { useCallback as useCallback9, useEffect as useEffect12, useRef as useRef4, useState as useState13 } from "react";
+import { useCallback as useCallback9, useEffect as useEffect12, useRef as useRef3, useState as useState13 } from "react";
 function useTransactionPolling() {
   const { setCurrentStep } = useDepositNavigation();
   const { setTransactionStatus, setErrorMessage } = useDepositTransaction();
@@ -9885,11 +9890,11 @@ function useTransactionPolling() {
     transaction: null,
     receiptSubmitted: false
   });
-  const pollingRef = useRef4(null);
-  const timeoutRef = useRef4(null);
-  const abortRef = useRef4(false);
-  const startTimeRef = useRef4(0);
-  const pollCountRef = useRef4(0);
+  const pollingRef = useRef3(null);
+  const timeoutRef = useRef3(null);
+  const abortRef = useRef3(false);
+  const startTimeRef = useRef3(0);
+  const pollCountRef = useRef3(0);
   const clearPolling = useCallback9(() => {
     abortRef.current = true;
     if (pollingRef.current) {
@@ -10060,7 +10065,7 @@ function useTransactionPolling() {
       receiptSubmitted: false
     });
   }, [clearPolling]);
-  const clearPollingRef = useRef4(clearPolling);
+  const clearPollingRef = useRef3(clearPolling);
   clearPollingRef.current = clearPolling;
   useEffect12(() => {
     return () => {
@@ -10129,7 +10134,7 @@ var init_hooks2 = __esm({
 });
 
 // src/widget/state/deposit/useWalletTokenState.ts
-import { useCallback as useCallback10, useEffect as useEffect13, useRef as useRef5, useState as useState14 } from "react";
+import { useCallback as useCallback10, useEffect as useEffect13, useRef as useRef4, useState as useState14 } from "react";
 function useWalletTokenState({
   walletAddress,
   selectedChain,
@@ -10140,16 +10145,16 @@ function useWalletTokenState({
   const [yourWalletTokens, setYourWalletTokens] = useState14([]);
   const [yourWalletTokensLoading, setYourWalletTokensLoading] = useState14(false);
   const [walletTokensReloadNonce, setWalletTokensReloadNonce] = useState14(0);
-  const lastLoadedWalletRef = useRef5(null);
+  const lastLoadedWalletRef = useRef4(null);
   const { tokens } = useTokens(null);
   const { chains } = useChains();
-  const selectedChainRef = useRef5(selectedChain);
+  const selectedChainRef = useRef4(selectedChain);
   selectedChainRef.current = selectedChain;
-  const selectedTokenRef = useRef5(selectedToken);
+  const selectedTokenRef = useRef4(selectedToken);
   selectedTokenRef.current = selectedToken;
-  const setSelectedChainRef = useRef5(setSelectedChain);
+  const setSelectedChainRef = useRef4(setSelectedChain);
   setSelectedChainRef.current = setSelectedChain;
-  const setSelectedTokenRef = useRef5(setSelectedToken);
+  const setSelectedTokenRef = useRef4(setSelectedToken);
   setSelectedTokenRef.current = setSelectedToken;
   const { address: fallbackAddress } = useWalletInfo();
   const getCurrentWalletAddress = useCallback10(
@@ -11281,7 +11286,7 @@ var init_AmountSlider = __esm({
 });
 
 // src/widget/components/AmountInputDisplay.tsx
-import { useRef as useRef6, useState as useState15 } from "react";
+import { useRef as useRef5, useState as useState15 } from "react";
 import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
 function formatDisplayAmount(value) {
   if (!Number.isFinite(value) || value <= 0) return "0";
@@ -11321,7 +11326,7 @@ function AmountInputDisplay({
   inputAriaLabel = "Deposit amount"
 }) {
   const [isEditing, setIsEditing] = useState15(false);
-  const inputRef = useRef6(null);
+  const inputRef = useRef5(null);
   const handleAmountClick = () => {
     if (isFixedAmount) return;
     const isZeroish = !amount || parseFloat(amount) === 0;
@@ -11647,7 +11652,7 @@ var init_ConfettiEffect = __esm({
 });
 
 // src/widget/components/Dialog.tsx
-import { useEffect as useEffect15, useRef as useRef7 } from "react";
+import { useEffect as useEffect15, useRef as useRef6 } from "react";
 import { Fragment, jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
 var Dialog;
 var init_Dialog = __esm({
@@ -11664,10 +11669,10 @@ var init_Dialog = __esm({
       confirmText = "Close Anyway",
       isDark = false
     }) => {
-      const dialogRef = useRef7(null);
-      const overlayRef = useRef7(null);
-      const firstButtonRef = useRef7(null);
-      const lastButtonRef = useRef7(null);
+      const dialogRef = useRef6(null);
+      const overlayRef = useRef6(null);
+      const firstButtonRef = useRef6(null);
+      const lastButtonRef = useRef6(null);
       useEffect15(() => {
         const handleEscape = (e2) => {
           if (e2.key === "Escape" && open) {
@@ -12012,7 +12017,7 @@ var init_TransactionHashLink = __esm({
 });
 
 // src/widget/components/SwipeToConfirmTokens.tsx
-import { useState as useState17, useRef as useRef8, useCallback as useCallback12, useEffect as useEffect16 } from "react";
+import { useState as useState17, useRef as useRef7, useCallback as useCallback12, useEffect as useEffect16 } from "react";
 import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
 function SwipeToConfirmTokens({
   fromToken,
@@ -12030,13 +12035,13 @@ function SwipeToConfirmTokens({
   const [dragX, setDragX] = useState17(0);
   const [isDragging, setIsDragging] = useState17(false);
   const [isComplete, setIsComplete] = useState17(false);
-  const trackRef = useRef8(null);
-  const thumbRef = useRef8(null);
+  const trackRef = useRef7(null);
+  const thumbRef = useRef7(null);
   const [isLongPressing, setIsLongPressing] = useState17(false);
   const [longPressProgress, setLongPressProgress] = useState17(0);
-  const longPressTimerRef = useRef8(null);
-  const longPressStartRef = useRef8(null);
-  const longPressAnimationRef = useRef8(null);
+  const longPressTimerRef = useRef7(null);
+  const longPressStartRef = useRef7(null);
+  const longPressAnimationRef = useRef7(null);
   const LONG_PRESS_DURATION = 1500;
   const thumbSize = 48;
   const padding = 4;
@@ -12928,7 +12933,7 @@ var init_Toast = __esm({
 // src/widget/components/TokenSwipePill.tsx
 import React9, {
   useState as useState19,
-  useRef as useRef9,
+  useRef as useRef8,
   useCallback as useCallback14,
   useEffect as useEffect18,
   useMemo as useMemo9
@@ -12945,8 +12950,8 @@ function TokenSwipePill({
 }) {
   const [isDragging, setIsDragging] = useState19(false);
   const [dragOffset, setDragOffset] = useState19(0);
-  const startXRef = useRef9(0);
-  const containerRef = useRef9(null);
+  const startXRef = useRef8(0);
+  const containerRef = useRef8(null);
   const currentIndex = tokens.findIndex(
     (t) => normalizeAddress2(
       t.address,
@@ -14276,7 +14281,7 @@ var init_ErrorPage = __esm({
 });
 
 // src/widget/components/ImageLoader.tsx
-import { useCallback as useCallback15, useEffect as useEffect20, useMemo as useMemo11, useRef as useRef10, useState as useState21 } from "react";
+import { useCallback as useCallback15, useEffect as useEffect20, useMemo as useMemo11, useRef as useRef9, useState as useState21 } from "react";
 import { jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
 function Skeleton({
   background,
@@ -14308,10 +14313,10 @@ function ImageLoader({
   const [status, setStatus] = useState21("idle");
   const [attempt, setAttempt] = useState21(0);
   const [srcIsEmpty, setSrcIsEmpty] = useState21(false);
-  const imgRef = useRef10(null);
-  const observerRef = useRef10(null);
-  const onLoadRef = useRef10(onLoad);
-  const onErrorRef = useRef10(onError);
+  const imgRef = useRef9(null);
+  const observerRef = useRef9(null);
+  const onLoadRef = useRef9(onLoad);
+  const onErrorRef = useRef9(onError);
   useEffect20(() => {
     onLoadRef.current = onLoad;
     onErrorRef.current = onError;
@@ -17425,7 +17430,7 @@ var init_WalletNamespaceTabs = __esm({
 });
 
 // src/widget/features/wallet/components/CryptoWalletDropdownContent.tsx
-import { useEffect as useEffect24, useMemo as useMemo17, useRef as useRef11, useState as useState24 } from "react";
+import { useEffect as useEffect24, useMemo as useMemo17, useRef as useRef10, useState as useState24 } from "react";
 import { Fragment as Fragment7, jsx as jsx36, jsxs as jsxs30 } from "react/jsx-runtime";
 function ecosystemToNamespace(ecosystem) {
   switch (ecosystem.trim().toLowerCase()) {
@@ -17512,7 +17517,7 @@ function MobileWalletDropdownContent({
   const { selectedNamespace, setSelectedNamespace } = useDepositWallet();
   const { walletMetaId, isConnected, status, detected } = useWalletInfo();
   const [hoveredId, setHoveredId] = useState24(null);
-  const storeFallbackTimeoutRef = useRef11(
+  const storeFallbackTimeoutRef = useRef10(
     null
   );
   useEffect24(() => {
@@ -17983,7 +17988,7 @@ var init_HomePaymentOptions = __esm({
 });
 
 // src/widget/features/wallet/hooks/useHomeWalletActions.ts
-import { useCallback as useCallback18, useEffect as useEffect25, useMemo as useMemo18, useRef as useRef12, useState as useState25 } from "react";
+import { useCallback as useCallback18, useEffect as useEffect25, useMemo as useMemo18, useRef as useRef11, useState as useState25 } from "react";
 function useHomeWalletActions({
   connectWallet,
   detectedWallets,
@@ -17994,8 +17999,8 @@ function useHomeWalletActions({
 }) {
   const [isCryptoDropdownOpen, setIsCryptoDropdownOpen] = useState25(false);
   const [isFiatDropdownOpen, setIsFiatDropdownOpen] = useState25(false);
-  const cryptoDropdownRef = useRef12(null);
-  const fiatDropdownRef = useRef12(null);
+  const cryptoDropdownRef = useRef11(null);
+  const fiatDropdownRef = useRef11(null);
   const { disconnect } = useWalletInfo();
   useEffect25(() => {
     const handleClickOutside = (event) => {
@@ -32250,7 +32255,7 @@ var init_smart_account2 = __esm({
 });
 
 // src/widget/features/transaction/hooks/useTransactionActionModel.ts
-import { useCallback as useCallback19, useEffect as useEffect26, useMemo as useMemo20, useRef as useRef13, useState as useState26 } from "react";
+import { useCallback as useCallback19, useEffect as useEffect26, useMemo as useMemo20, useRef as useRef12, useState as useState26 } from "react";
 import { encodeFunctionData as encodeFunctionData9, erc20Abi } from "viem";
 function normalizeTokenAddressForCompare(chain, addr) {
   const chainType = (chain.type ?? chain.chainType ?? "").toLowerCase();
@@ -32272,7 +32277,7 @@ function useTransactionActionModel({
   walletAddress,
   walletStatus
 }) {
-  const feeDataCacheRef = useRef13({});
+  const feeDataCacheRef = useRef12({});
   const { isSubmitting, submitTransaction } = useTransactionSubmit();
   const { trackEvent } = useGTMTracker();
   const destinationConfig = (() => {
@@ -33413,7 +33418,7 @@ var init_CryptoPay = __esm({
 });
 
 // src/widget/pages/Processing.tsx
-import { useEffect as useEffect29, useMemo as useMemo22, useRef as useRef14 } from "react";
+import { useEffect as useEffect29, useMemo as useMemo22, useRef as useRef13 } from "react";
 import { jsx as jsx47, jsxs as jsxs40 } from "react/jsx-runtime";
 function getProgressFromStatus(status) {
   switch (status) {
@@ -33452,7 +33457,7 @@ function Processing({ style }) {
   const { resetState, setCurrentStep } = useDepositNavigation();
   const { transactionStatus, transactionHash, intentId } = useDepositTransaction();
   const { transaction, startPolling, isPolling } = useTransactionPolling();
-  const hasStartedPolling = useRef14(false);
+  const hasStartedPolling = useRef13(false);
   useEffect29(() => {
     return () => {
       hasStartedPolling.current = false;
@@ -33809,15 +33814,31 @@ var init_WidgetRouter = __esm({
   }
 });
 
+// src/widget/app/WidgetAnalytics.tsx
+import { Fragment as Fragment10, jsx as jsx51 } from "react/jsx-runtime";
+function WidgetAnalytics({
+  children
+}) {
+  useGTM(GTM_ID);
+  return /* @__PURE__ */ jsx51(Fragment10, { children });
+}
+var init_WidgetAnalytics = __esm({
+  "src/widget/app/WidgetAnalytics.tsx"() {
+    "use strict";
+    init_hooks();
+    init_constants();
+  }
+});
+
 // src/modes/swap/hooks/useSwapRoute.ts
-import { useCallback as useCallback20, useRef as useRef15, useState as useState28 } from "react";
+import { useCallback as useCallback20, useRef as useRef14, useState as useState28 } from "react";
 function useSwapRoute() {
   const [state, setState] = useState28({
     data: null,
     loading: false,
     error: null
   });
-  const abortRef = useRef15(false);
+  const abortRef = useRef14(false);
   const fetch2 = useCallback20(
     async (params) => {
       const { fromToken, fromChain, toToken, toChain, amount, walletAddress } = params;
@@ -33877,7 +33898,7 @@ var init_useSwapRoute = __esm({
 });
 
 // src/modes/swap/hooks/useSwapExecution.ts
-import { useCallback as useCallback21, useRef as useRef16, useState as useState29 } from "react";
+import { useCallback as useCallback21, useRef as useRef15, useState as useState29 } from "react";
 import { encodeFunctionData as encodeFunctionData10, erc20Abi as erc20Abi2 } from "viem";
 function normalizeTx(raw) {
   const r = raw;
@@ -33917,11 +33938,11 @@ function useSwapExecution(fromChain) {
     isSubmitting: false,
     allowanceStatus: "unknown"
   });
-  const saFailedUntilRef = useRef16(0);
-  const pollingRef = useRef16(null);
-  const timeoutRef = useRef16(null);
-  const abortRef = useRef16(false);
-  const pollCountRef = useRef16(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);
@@ -34368,6 +34389,36 @@ var init_walletBalance = __esm({
   }
 });
 
+// src/modes/swap/analytics.ts
+function chainLabel(chain) {
+  return chain?.networkName ?? chain?.axelarChainName ?? chain?.chainId ?? UNKNOWN;
+}
+function tokenLabel(token) {
+  return token?.symbol ?? UNKNOWN;
+}
+function buildSwapPaymentParams(ctx) {
+  return {
+    from_chain: chainLabel(ctx.fromChain),
+    from_token: tokenLabel(ctx.fromToken),
+    to_chain: chainLabel(ctx.toChain),
+    to_token: tokenLabel(ctx.toToken),
+    domain: ctx.domain
+  };
+}
+function claimAttemptOnce(slot, attempt) {
+  if (!attempt) return false;
+  if (slot.current === attempt) return false;
+  slot.current = attempt;
+  return true;
+}
+var UNKNOWN;
+var init_analytics = __esm({
+  "src/modes/swap/analytics.ts"() {
+    "use strict";
+    UNKNOWN = "unknown";
+  }
+});
+
 // src/core/forex.ts
 async function fetchForexRates(base2 = "USD") {
   let r;
@@ -34397,12 +34448,12 @@ var init_forex = __esm({
 });
 
 // src/modes/swap/hooks/useForex.ts
-import { useEffect as useEffect30, useRef as useRef17, useState as useState30 } from "react";
+import { useEffect as useEffect30, useRef as useRef16, useState as useState30 } from "react";
 function useForex() {
   const [rates, setRates] = useState30({ USD: 1 });
   const [error, setError] = useState30(null);
   const [lastUpdated, setLastUpdated] = useState30(null);
-  const timerRef = useRef17(null);
+  const timerRef = useRef16(null);
   useEffect30(() => {
     let cancelled = false;
     const load = () => {
@@ -34441,7 +34492,7 @@ var init_useForex = __esm({
 
 // src/modes/swap/components/SwapTokenSelect.tsx
 import { useState as useState31, useMemo as useMemo26, useEffect as useEffect31 } from "react";
-import { jsx as jsx51, jsxs as jsxs42 } from "react/jsx-runtime";
+import { jsx as jsx52, jsxs as jsxs42 } from "react/jsx-runtime";
 function SwapTokenSelect({
   side,
   selectedChain: initialChain,
@@ -34585,7 +34636,7 @@ function SwapTokenSelect({
               borderBottom: `1px solid ${colors.border}`
             },
             children: [
-              /* @__PURE__ */ jsx51(
+              /* @__PURE__ */ jsx52(
                 "button",
                 {
                   type: "button",
@@ -34599,7 +34650,7 @@ function SwapTokenSelect({
                     cursor: "pointer"
                   },
                   "aria-label": "Go back",
-                  children: /* @__PURE__ */ jsx51(
+                  children: /* @__PURE__ */ jsx52(
                     "svg",
                     {
                       style: {
@@ -34611,7 +34662,7 @@ function SwapTokenSelect({
                       fill: "none",
                       stroke: "currentColor",
                       strokeWidth: 2,
-                      children: /* @__PURE__ */ jsx51(
+                      children: /* @__PURE__ */ jsx52(
                         "path",
                         {
                           strokeLinecap: "round",
@@ -34623,7 +34674,7 @@ function SwapTokenSelect({
                   )
                 }
               ),
-              /* @__PURE__ */ jsx51(
+              /* @__PURE__ */ jsx52(
                 "h1",
                 {
                   style: {
@@ -34641,7 +34692,7 @@ function SwapTokenSelect({
           }
         ),
         /* @__PURE__ */ jsxs42("div", { style: { flex: 1, display: "flex", overflow: "hidden" }, children: [
-          /* @__PURE__ */ jsx51(
+          /* @__PURE__ */ jsx52(
             ChainSelectorPanel,
             {
               error: chainsError,
@@ -34652,7 +34703,7 @@ function SwapTokenSelect({
               popularChains
             }
           ),
-          /* @__PURE__ */ jsx51(
+          /* @__PURE__ */ jsx52(
             TokenSelectorPanel,
             {
               filteredTokens: visibleTokens,
@@ -34671,7 +34722,7 @@ function SwapTokenSelect({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx51(WidgetSecurityFooter, {})
+        /* @__PURE__ */ jsx52(WidgetSecurityFooter, {})
       ]
     }
   );
@@ -34761,8 +34812,8 @@ var init_currency = __esm({
 });
 
 // src/modes/swap/components/SwapWalletSelector/SwapWalletSelectorMobile.tsx
-import { useEffect as useEffect32, useMemo as useMemo27, useRef as useRef18, useState as useState32 } from "react";
-import { Fragment as Fragment10, jsx as jsx52, jsxs as jsxs43 } from "react/jsx-runtime";
+import { useEffect as useEffect32, useMemo as useMemo27, useRef as useRef17, useState as useState32 } from "react";
+import { Fragment as Fragment11, jsx as jsx53, jsxs as jsxs43 } from "react/jsx-runtime";
 function SwapWalletSelectorMobile({
   walletStatus,
   walletAddress,
@@ -34782,8 +34833,8 @@ function SwapWalletSelectorMobile({
   const [wcConnecting, setWcConnecting] = useState32(false);
   const [connectingId, setConnectingId] = useState32(null);
   const [selectedNamespace, setSelectedNamespace] = useState32("evm");
-  const prevStatusRef = useRef18(walletStatus);
-  const storeFallbackTimeoutRef = useRef18(
+  const prevStatusRef = useRef17(walletStatus);
+  const storeFallbackTimeoutRef = useRef17(
     null
   );
   useEffect32(() => {
@@ -34904,7 +34955,7 @@ function SwapWalletSelectorMobile({
               borderBottom: `1px solid ${colors.border}`
             },
             children: [
-              /* @__PURE__ */ jsx52(
+              /* @__PURE__ */ jsx53(
                 "button",
                 {
                   type: "button",
@@ -34917,7 +34968,7 @@ function SwapWalletSelectorMobile({
                     border: 0,
                     cursor: "pointer"
                   },
-                  children: /* @__PURE__ */ jsx52(
+                  children: /* @__PURE__ */ jsx53(
                     "svg",
                     {
                       style: {
@@ -34929,7 +34980,7 @@ function SwapWalletSelectorMobile({
                       fill: "none",
                       stroke: "currentColor",
                       strokeWidth: 2,
-                      children: /* @__PURE__ */ jsx52(
+                      children: /* @__PURE__ */ jsx53(
                         "path",
                         {
                           strokeLinecap: "round",
@@ -34941,7 +34992,7 @@ function SwapWalletSelectorMobile({
                   )
                 }
               ),
-              /* @__PURE__ */ jsx52(
+              /* @__PURE__ */ jsx53(
                 "h1",
                 {
                   style: {
@@ -34954,11 +35005,11 @@ function SwapWalletSelectorMobile({
                   children: "Connect Wallet"
                 }
               ),
-              /* @__PURE__ */ jsx52("div", { style: { width: "1.25rem", marginLeft: spacing[2] }, "aria-hidden": true })
+              /* @__PURE__ */ jsx53("div", { style: { width: "1.25rem", marginLeft: spacing[2] }, "aria-hidden": true })
             ]
           }
         ),
-        /* @__PURE__ */ jsx52("div", { style: { padding: `${spacing[3]} ${spacing[4]} 0` }, children: /* @__PURE__ */ jsx52(
+        /* @__PURE__ */ jsx53("div", { style: { padding: `${spacing[3]} ${spacing[4]} 0` }, children: /* @__PURE__ */ jsx53(
           "div",
           {
             style: {
@@ -34969,7 +35020,7 @@ function SwapWalletSelectorMobile({
               padding: "3px",
               gap: "2px"
             },
-            children: tabs.map((t) => /* @__PURE__ */ jsx52(
+            children: tabs.map((t) => /* @__PURE__ */ jsx53(
               "button",
               {
                 onClick: () => setSelectedNamespace(t.id),
@@ -35003,8 +35054,8 @@ function SwapWalletSelectorMobile({
             },
             children: [
               mobileWalletEntries.length === 0 ? /* @__PURE__ */ jsxs43("div", { style: { textAlign: "center", padding: `${spacing[8]} 0` }, children: [
-                /* @__PURE__ */ jsx52("div", { style: { fontSize: "2.5rem", marginBottom: spacing[4] }, children: "\u{1F45B}" }),
-                /* @__PURE__ */ jsx52(
+                /* @__PURE__ */ jsx53("div", { style: { fontSize: "2.5rem", marginBottom: spacing[4] }, children: "\u{1F45B}" }),
+                /* @__PURE__ */ jsx53(
                   "h3",
                   {
                     style: {
@@ -35016,7 +35067,7 @@ function SwapWalletSelectorMobile({
                     children: "No Wallets Found"
                   }
                 ),
-                /* @__PURE__ */ jsx52(
+                /* @__PURE__ */ jsx53(
                   "p",
                   {
                     style: {
@@ -35027,7 +35078,7 @@ function SwapWalletSelectorMobile({
                     children: "Please install a web3 wallet to continue."
                   }
                 ),
-                /* @__PURE__ */ jsx52(
+                /* @__PURE__ */ jsx53(
                   "a",
                   {
                     href: "https://metamask.io/download/",
@@ -35048,7 +35099,7 @@ function SwapWalletSelectorMobile({
                     children: "Install MetaMask"
                   }
                 )
-              ] }) : /* @__PURE__ */ jsx52(
+              ] }) : /* @__PURE__ */ jsx53(
                 "div",
                 {
                   style: {
@@ -35082,7 +35133,7 @@ function SwapWalletSelectorMobile({
                           isRowDisabled && { opacity: 0.4 }
                         ),
                         children: [
-                          /* @__PURE__ */ jsx52(
+                          /* @__PURE__ */ jsx53(
                             "div",
                             {
                               style: {
@@ -35096,7 +35147,7 @@ function SwapWalletSelectorMobile({
                                 overflow: "hidden",
                                 flexShrink: 0
                               },
-                              children: meta.logo ? /* @__PURE__ */ jsx52(
+                              children: meta.logo ? /* @__PURE__ */ jsx53(
                                 "img",
                                 {
                                   src: meta.logo,
@@ -35107,11 +35158,11 @@ function SwapWalletSelectorMobile({
                                     objectFit: "contain"
                                   }
                                 }
-                              ) : /* @__PURE__ */ jsx52("span", { style: { fontSize: "1.5rem" }, children: meta.emoji || "\u{1F45B}" })
+                              ) : /* @__PURE__ */ jsx53("span", { style: { fontSize: "1.5rem" }, children: meta.emoji || "\u{1F45B}" })
                             }
                           ),
                           /* @__PURE__ */ jsxs43("div", { style: { flex: 1, minWidth: 0 }, children: [
-                            /* @__PURE__ */ jsx52(
+                            /* @__PURE__ */ jsx53(
                               "p",
                               {
                                 style: {
@@ -35136,7 +35187,7 @@ function SwapWalletSelectorMobile({
                               }
                             )
                           ] }),
-                          isConnecting ? /* @__PURE__ */ jsx52(
+                          isConnecting ? /* @__PURE__ */ jsx53(
                             "div",
                             {
                               style: {
@@ -35149,7 +35200,7 @@ function SwapWalletSelectorMobile({
                                 flexShrink: 0
                               }
                             }
-                          ) : isWalletConnected ? /* @__PURE__ */ jsx52(
+                          ) : isWalletConnected ? /* @__PURE__ */ jsx53(
                             "button",
                             {
                               onClick: handleDisconnect,
@@ -35166,7 +35217,7 @@ function SwapWalletSelectorMobile({
                               },
                               children: "Disconnect"
                             }
-                          ) : /* @__PURE__ */ jsx52(
+                          ) : /* @__PURE__ */ jsx53(
                             "button",
                             {
                               onClick: () => void handleClick(entry),
@@ -35198,8 +35249,8 @@ function SwapWalletSelectorMobile({
                   })
                 }
               ),
-              selectedNamespace === "evm" && /* @__PURE__ */ jsxs43(Fragment10, { children: [
-                /* @__PURE__ */ jsx52(
+              selectedNamespace === "evm" && /* @__PURE__ */ jsxs43(Fragment11, { children: [
+                /* @__PURE__ */ jsx53(
                   "div",
                   {
                     style: {
@@ -35235,7 +35286,7 @@ function SwapWalletSelectorMobile({
                       ),
                       onClick: !wcConnected && !wcRowDisabled ? () => void handleWalletConnect() : void 0,
                       children: [
-                        /* @__PURE__ */ jsx52(
+                        /* @__PURE__ */ jsx53(
                           "div",
                           {
                             style: {
@@ -35248,7 +35299,7 @@ function SwapWalletSelectorMobile({
                               justifyContent: "center",
                               flexShrink: 0
                             },
-                            children: /* @__PURE__ */ jsx52(
+                            children: /* @__PURE__ */ jsx53(
                               "svg",
                               {
                                 style: {
@@ -35258,13 +35309,13 @@ function SwapWalletSelectorMobile({
                                 },
                                 viewBox: "0 0 24 24",
                                 fill: "currentColor",
-                                children: /* @__PURE__ */ jsx52("path", { d: "M6.09 10.56c3.26-3.2 8.56-3.2 11.82 0l.39.39a.4.4 0 010 .58l-1.34 1.31a.21.21 0 01-.3 0l-.54-.53c-2.28-2.23-5.97-2.23-8.24 0l-.58.56a.21.21 0 01-.3 0L5.66 11.6a.4.4 0 010-.58l.43-.46zm14.6 2.72l1.2 1.17a.4.4 0 010 .58l-5.38 5.27a.43.43 0 01-.6 0l-3.82-3.74a.11.11 0 00-.15 0l-3.82 3.74a.43.43 0 01-.6 0L2.15 15.03a.4.4 0 010-.58l1.2-1.17a.43.43 0 01.6 0l3.82 3.74c.04.04.1.04.15 0l3.82-3.74a.43.43 0 01.6 0l3.82 3.74c.04.04.1.04.15 0l3.82-3.74a.43.43 0 01.6 0z" })
+                                children: /* @__PURE__ */ jsx53("path", { d: "M6.09 10.56c3.26-3.2 8.56-3.2 11.82 0l.39.39a.4.4 0 010 .58l-1.34 1.31a.21.21 0 01-.3 0l-.54-.53c-2.28-2.23-5.97-2.23-8.24 0l-.58.56a.21.21 0 01-.3 0L5.66 11.6a.4.4 0 010-.58l.43-.46zm14.6 2.72l1.2 1.17a.4.4 0 010 .58l-5.38 5.27a.43.43 0 01-.6 0l-3.82-3.74a.11.11 0 00-.15 0l-3.82 3.74a.43.43 0 01-.6 0L2.15 15.03a.4.4 0 010-.58l1.2-1.17a.43.43 0 01.6 0l3.82 3.74c.04.04.1.04.15 0l3.82-3.74a.43.43 0 01.6 0l3.82 3.74c.04.04.1.04.15 0l3.82-3.74a.43.43 0 01.6 0z" })
                               }
                             )
                           }
                         ),
                         /* @__PURE__ */ jsxs43("div", { style: { flex: 1, minWidth: 0 }, children: [
-                          /* @__PURE__ */ jsx52(
+                          /* @__PURE__ */ jsx53(
                             "p",
                             {
                               style: {
@@ -35289,7 +35340,7 @@ function SwapWalletSelectorMobile({
                             }
                           )
                         ] }),
-                        wcConnecting ? /* @__PURE__ */ jsx52(
+                        wcConnecting ? /* @__PURE__ */ jsx53(
                           "div",
                           {
                             style: {
@@ -35302,7 +35353,7 @@ function SwapWalletSelectorMobile({
                               flexShrink: 0
                             }
                           }
-                        ) : wcConnected ? /* @__PURE__ */ jsx52(
+                        ) : wcConnected ? /* @__PURE__ */ jsx53(
                           "button",
                           {
                             onClick: (e2) => {
@@ -35322,7 +35373,7 @@ function SwapWalletSelectorMobile({
                             },
                             children: "Disconnect"
                           }
-                        ) : /* @__PURE__ */ jsx52(
+                        ) : /* @__PURE__ */ jsx53(
                           "button",
                           {
                             onClick: (e2) => {
@@ -35377,8 +35428,8 @@ var init_SwapWalletSelectorMobile = __esm({
 });
 
 // src/modes/swap/components/SwapWalletSelector/SwapWalletSelectorDesktop.tsx
-import { useEffect as useEffect33, useMemo as useMemo28, useRef as useRef19, useState as useState33 } from "react";
-import { Fragment as Fragment11, jsx as jsx53, jsxs as jsxs44 } from "react/jsx-runtime";
+import { useEffect as useEffect33, useMemo as useMemo28, useRef as useRef18, useState as useState33 } from "react";
+import { Fragment as Fragment12, jsx as jsx54, jsxs as jsxs44 } from "react/jsx-runtime";
 function SwapWalletSelectorDesktop({
   walletStatus,
   walletAddress,
@@ -35398,7 +35449,7 @@ function SwapWalletSelectorDesktop({
   const [connectingId, setConnectingId] = useState33(null);
   const [timerExpired, setTimerExpired] = useState33(false);
   const [selectedNamespace, setSelectedNamespace] = useState33("evm");
-  const prevStatusRef = useRef19(walletStatus);
+  const prevStatusRef = useRef18(walletStatus);
   useEffect33(() => {
     const t = setTimeout(() => setTimerExpired(true), 450);
     return () => clearTimeout(t);
@@ -35482,7 +35533,7 @@ function SwapWalletSelectorDesktop({
           borderBottom: `1px solid ${colors.border}`
         },
         children: [
-          /* @__PURE__ */ jsx53(
+          /* @__PURE__ */ jsx54(
             "button",
             {
               type: "button",
@@ -35495,7 +35546,7 @@ function SwapWalletSelectorDesktop({
                 border: 0,
                 cursor: "pointer"
               },
-              children: /* @__PURE__ */ jsx53(
+              children: /* @__PURE__ */ jsx54(
                 "svg",
                 {
                   style: {
@@ -35507,7 +35558,7 @@ function SwapWalletSelectorDesktop({
                   fill: "none",
                   stroke: "currentColor",
                   strokeWidth: 2,
-                  children: /* @__PURE__ */ jsx53(
+                  children: /* @__PURE__ */ jsx54(
                     "path",
                     {
                       strokeLinecap: "round",
@@ -35519,7 +35570,7 @@ function SwapWalletSelectorDesktop({
               )
             }
           ),
-          /* @__PURE__ */ jsx53(
+          /* @__PURE__ */ jsx54(
             "h1",
             {
               style: {
@@ -35532,7 +35583,7 @@ function SwapWalletSelectorDesktop({
               children: "Connect Wallet"
             }
           ),
-          /* @__PURE__ */ jsx53(
+          /* @__PURE__ */ jsx54(
             "div",
             {
               style: {
@@ -35543,7 +35594,7 @@ function SwapWalletSelectorDesktop({
                 padding: "3px",
                 gap: "2px"
               },
-              children: tabs.map((t) => /* @__PURE__ */ jsx53(
+              children: tabs.map((t) => /* @__PURE__ */ jsx54(
                 "button",
                 {
                   onClick: () => setSelectedNamespace(t.id),
@@ -35592,7 +35643,7 @@ function SwapWalletSelectorDesktop({
                   animation: "tw-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite"
                 },
                 children: [
-                  /* @__PURE__ */ jsx53(
+                  /* @__PURE__ */ jsx54(
                     "div",
                     {
                       style: {
@@ -35603,7 +35654,7 @@ function SwapWalletSelectorDesktop({
                       }
                     }
                   ),
-                  /* @__PURE__ */ jsx53(
+                  /* @__PURE__ */ jsx54(
                     "div",
                     {
                       style: {
@@ -35618,7 +35669,7 @@ function SwapWalletSelectorDesktop({
               },
               i
             )),
-            /* @__PURE__ */ jsx53(
+            /* @__PURE__ */ jsx54(
               "p",
               {
                 style: {
@@ -35633,8 +35684,8 @@ function SwapWalletSelectorDesktop({
           ]
         }
       ) : filteredWallets.length === 0 ? /* @__PURE__ */ jsxs44("div", { style: { textAlign: "center", padding: `${spacing[8]} 0` }, children: [
-        /* @__PURE__ */ jsx53("div", { style: { fontSize: "2.5rem", marginBottom: spacing[4] }, children: "\u{1F45B}" }),
-        /* @__PURE__ */ jsx53(
+        /* @__PURE__ */ jsx54("div", { style: { fontSize: "2.5rem", marginBottom: spacing[4] }, children: "\u{1F45B}" }),
+        /* @__PURE__ */ jsx54(
           "h3",
           {
             style: {
@@ -35646,7 +35697,7 @@ function SwapWalletSelectorDesktop({
             children: "No Wallets Found"
           }
         ),
-        /* @__PURE__ */ jsx53(
+        /* @__PURE__ */ jsx54(
           "p",
           {
             style: {
@@ -35657,7 +35708,7 @@ function SwapWalletSelectorDesktop({
             children: "Please install a web3 wallet to continue."
           }
         ),
-        /* @__PURE__ */ jsx53(
+        /* @__PURE__ */ jsx54(
           "a",
           {
             href: "https://metamask.io/download/",
@@ -35678,7 +35729,7 @@ function SwapWalletSelectorDesktop({
             children: "Install MetaMask"
           }
         )
-      ] }) : /* @__PURE__ */ jsx53(
+      ] }) : /* @__PURE__ */ jsx54(
         "div",
         {
           style: {
@@ -35709,7 +35760,7 @@ function SwapWalletSelectorDesktop({
                   }
                 ),
                 children: [
-                  /* @__PURE__ */ jsx53(
+                  /* @__PURE__ */ jsx54(
                     "div",
                     {
                       style: {
@@ -35723,7 +35774,7 @@ function SwapWalletSelectorDesktop({
                         overflow: "hidden",
                         flexShrink: 0
                       },
-                      children: wallet.meta.logo ? /* @__PURE__ */ jsx53(
+                      children: wallet.meta.logo ? /* @__PURE__ */ jsx54(
                         "img",
                         {
                           src: wallet.meta.logo,
@@ -35734,7 +35785,7 @@ function SwapWalletSelectorDesktop({
                             objectFit: "contain"
                           }
                         }
-                      ) : wallet.detail?.info?.icon ? /* @__PURE__ */ jsx53(
+                      ) : wallet.detail?.info?.icon ? /* @__PURE__ */ jsx54(
                         "img",
                         {
                           src: wallet.detail.info.icon,
@@ -35745,11 +35796,11 @@ function SwapWalletSelectorDesktop({
                             objectFit: "contain"
                           }
                         }
-                      ) : /* @__PURE__ */ jsx53("span", { style: { fontSize: "1.5rem" }, children: wallet.meta.emoji || "\u{1F45B}" })
+                      ) : /* @__PURE__ */ jsx54("span", { style: { fontSize: "1.5rem" }, children: wallet.meta.emoji || "\u{1F45B}" })
                     }
                   ),
                   /* @__PURE__ */ jsxs44("div", { style: { flex: 1, minWidth: 0 }, children: [
-                    /* @__PURE__ */ jsx53(
+                    /* @__PURE__ */ jsx54(
                       "p",
                       {
                         style: {
@@ -35774,7 +35825,7 @@ function SwapWalletSelectorDesktop({
                       }
                     )
                   ] }),
-                  isConnecting ? /* @__PURE__ */ jsx53(
+                  isConnecting ? /* @__PURE__ */ jsx54(
                     "div",
                     {
                       style: {
@@ -35787,7 +35838,7 @@ function SwapWalletSelectorDesktop({
                         flexShrink: 0
                       }
                     }
-                  ) : isWalletConnected ? /* @__PURE__ */ jsx53(
+                  ) : isWalletConnected ? /* @__PURE__ */ jsx54(
                     "button",
                     {
                       onClick: handleDisconnect,
@@ -35804,7 +35855,7 @@ function SwapWalletSelectorDesktop({
                       },
                       children: "Disconnect"
                     }
-                  ) : /* @__PURE__ */ jsx53(
+                  ) : /* @__PURE__ */ jsx54(
                     "button",
                     {
                       onClick: () => void handleClick(wallet),
@@ -35836,8 +35887,8 @@ function SwapWalletSelectorDesktop({
           })
         }
       ),
-      selectedNamespace === "evm" && /* @__PURE__ */ jsxs44(Fragment11, { children: [
-        /* @__PURE__ */ jsx53(
+      selectedNamespace === "evm" && /* @__PURE__ */ jsxs44(Fragment12, { children: [
+        /* @__PURE__ */ jsx54(
           "div",
           {
             style: {
@@ -35871,7 +35922,7 @@ function SwapWalletSelectorDesktop({
               ),
               onClick: !wcConnected ? () => void handleWalletConnect() : void 0,
               children: [
-                /* @__PURE__ */ jsx53(
+                /* @__PURE__ */ jsx54(
                   "div",
                   {
                     style: {
@@ -35884,7 +35935,7 @@ function SwapWalletSelectorDesktop({
                       justifyContent: "center",
                       flexShrink: 0
                     },
-                    children: /* @__PURE__ */ jsx53(
+                    children: /* @__PURE__ */ jsx54(
                       "svg",
                       {
                         style: {
@@ -35894,13 +35945,13 @@ function SwapWalletSelectorDesktop({
                         },
                         viewBox: "0 0 24 24",
                         fill: "currentColor",
-                        children: /* @__PURE__ */ jsx53("path", { d: "M6.09 10.56c3.26-3.2 8.56-3.2 11.82 0l.39.39a.4.4 0 010 .58l-1.34 1.31a.21.21 0 01-.3 0l-.54-.53c-2.28-2.23-5.97-2.23-8.24 0l-.58.56a.21.21 0 01-.3 0L5.66 11.6a.4.4 0 010-.58l.43-.46zm14.6 2.72l1.2 1.17a.4.4 0 010 .58l-5.38 5.27a.43.43 0 01-.6 0l-3.82-3.74a.11.11 0 00-.15 0l-3.82 3.74a.43.43 0 01-.6 0L2.15 15.03a.4.4 0 010-.58l1.2-1.17a.43.43 0 01.6 0l3.82 3.74c.04.04.1.04.15 0l3.82-3.74a.43.43 0 01.6 0l3.82 3.74c.04.04.1.04.15 0l3.82-3.74a.43.43 0 01.6 0z" })
+                        children: /* @__PURE__ */ jsx54("path", { d: "M6.09 10.56c3.26-3.2 8.56-3.2 11.82 0l.39.39a.4.4 0 010 .58l-1.34 1.31a.21.21 0 01-.3 0l-.54-.53c-2.28-2.23-5.97-2.23-8.24 0l-.58.56a.21.21 0 01-.3 0L5.66 11.6a.4.4 0 010-.58l.43-.46zm14.6 2.72l1.2 1.17a.4.4 0 010 .58l-5.38 5.27a.43.43 0 01-.6 0l-3.82-3.74a.11.11 0 00-.15 0l-3.82 3.74a.43.43 0 01-.6 0L2.15 15.03a.4.4 0 010-.58l1.2-1.17a.43.43 0 01.6 0l3.82 3.74c.04.04.1.04.15 0l3.82-3.74a.43.43 0 01.6 0l3.82 3.74c.04.04.1.04.15 0l3.82-3.74a.43.43 0 01.6 0z" })
                       }
                     )
                   }
                 ),
                 /* @__PURE__ */ jsxs44("div", { style: { flex: 1, minWidth: 0 }, children: [
-                  /* @__PURE__ */ jsx53(
+                  /* @__PURE__ */ jsx54(
                     "p",
                     {
                       style: {
@@ -35925,7 +35976,7 @@ function SwapWalletSelectorDesktop({
                     }
                   )
                 ] }),
-                wcConnecting ? /* @__PURE__ */ jsx53(
+                wcConnecting ? /* @__PURE__ */ jsx54(
                   "div",
                   {
                     style: {
@@ -35938,7 +35989,7 @@ function SwapWalletSelectorDesktop({
                       flexShrink: 0
                     }
                   }
-                ) : wcConnected ? /* @__PURE__ */ jsx53(
+                ) : wcConnected ? /* @__PURE__ */ jsx54(
                   "button",
                   {
                     onClick: (e2) => {
@@ -35958,7 +36009,7 @@ function SwapWalletSelectorDesktop({
                     },
                     children: "Disconnect"
                   }
-                ) : /* @__PURE__ */ jsx53(
+                ) : /* @__PURE__ */ jsx54(
                   "button",
                   {
                     onClick: (e2) => {
@@ -36000,7 +36051,7 @@ var init_SwapWalletSelectorDesktop = __esm({
 });
 
 // src/modes/swap/components/SwapWalletSelector/index.tsx
-import { Fragment as Fragment12, jsx as jsx54, jsxs as jsxs45 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx55, jsxs as jsxs45 } from "react/jsx-runtime";
 function SwapWalletSelector({
   walletStatus,
   walletAddress,
@@ -36008,8 +36059,8 @@ function SwapWalletSelector({
   onBack
 }) {
   const isMobile = useIsMobile();
-  return /* @__PURE__ */ jsxs45(Fragment12, { children: [
-    isMobile && /* @__PURE__ */ jsx54(
+  return /* @__PURE__ */ jsxs45(Fragment13, { children: [
+    isMobile && /* @__PURE__ */ jsx55(
       SwapWalletSelectorMobile_default,
       {
         walletStatus,
@@ -36018,7 +36069,7 @@ function SwapWalletSelector({
         onBack
       }
     ),
-    !isMobile && /* @__PURE__ */ jsx54(
+    !isMobile && /* @__PURE__ */ jsx55(
       SwapWalletSelectorDesktop,
       {
         walletStatus,
@@ -36055,11 +36106,11 @@ import {
   useCallback as useCallback22,
   useEffect as useEffect34,
   useMemo as useMemo29,
-  useRef as useRef20,
+  useRef as useRef19,
   useState as useState34
 } from "react";
 import ReactDOM from "react-dom";
-import { Fragment as Fragment13, jsx as jsx55, jsxs as jsxs46 } from "react/jsx-runtime";
+import { Fragment as Fragment14, jsx as jsx56, jsxs as jsxs46 } from "react/jsx-runtime";
 function fmtAmount(n, max = 6) {
   if (!isFinite(n) || n === 0) return "0";
   return n.toLocaleString(void 0, { maximumFractionDigits: max });
@@ -36141,8 +36192,8 @@ function RateRow({ label, value }) {
         justifyContent: "space-between"
       },
       children: [
-        /* @__PURE__ */ jsx55("span", { style: { color: colors.mutedForeground }, children: label }),
-        /* @__PURE__ */ jsx55("span", { style: { color: colors.foreground, fontWeight: fontWeight.medium }, children: value })
+        /* @__PURE__ */ jsx56("span", { style: { color: colors.mutedForeground }, children: label }),
+        /* @__PURE__ */ jsx56("span", { style: { color: colors.foreground, fontWeight: fontWeight.medium }, children: value })
       ]
     }
   );
@@ -36174,13 +36225,13 @@ function SwapMode({
   const [completedAt, setCompletedAt] = useState34(null);
   const [copiedHash, setCopiedHash] = useState34(null);
   const [rateUpdated, setRateUpdated] = useState34(false);
-  const prevToAmountRef = useRef20(null);
+  const prevToAmountRef = useRef19(null);
   const [destAddress, setDestAddress] = useState34("");
   const [quoteAge, setQuoteAge] = useState34(0);
-  const quoteTimestampRef = useRef20(null);
+  const quoteTimestampRef = useRef19(null);
   const [quoteLoadingMsgIdx, setQuoteLoadingMsgIdx] = useState34(0);
   const [quoteLoadingMsgVisible, setQuoteLoadingMsgVisible] = useState34(true);
-  const latestFetchParamsRef = useRef20(null);
+  const latestFetchParamsRef = useRef19(null);
   const { rates: forexRates } = useForex();
   const currencyMeta = getCurrencyMeta(selectedCurrency);
   const currencyRate = forexRates[selectedCurrency] ?? 1;
@@ -36196,9 +36247,12 @@ function SwapMode({
     },
     [currencyRate, selectedCurrency]
   );
-  const settingsRef = useRef20(null);
-  const currencyDropdownRef = useRef20(null);
+  const settingsRef = useRef19(null);
+  const currencyDropdownRef = useRef19(null);
   const { emitEvent } = useTrustware();
+  const { trackEvent } = useGTMTracker();
+  const initiatedAttemptRef = useRef19(null);
+  const completedAttemptRef = useRef19(null);
   const { features, theme: configTheme } = useTrustwareConfig();
   const effectiveThemeSetting = themeProp ?? configTheme ?? "system";
   const { resolvedTheme, toggleTheme } = useThemePreference(
@@ -36231,7 +36285,7 @@ function SwapMode({
     () => [...popularChains, ...otherChains],
     [popularChains, otherChains]
   );
-  const destInitialized = useRef20(false);
+  const destInitialized = useRef19(false);
   useEffect34(() => {
     if (!defaultDestRef || destInitialized.current || allChains.length === 0)
       return;
@@ -36440,6 +36494,16 @@ function SwapMode({
   }, []);
   const handleExecute = useCallback22(async () => {
     if (!route.data) return;
+    const paymentParams = buildSwapPaymentParams({
+      fromChain,
+      fromToken,
+      toChain,
+      toToken,
+      domain: window.origin
+    });
+    if (claimAttemptOnce(initiatedAttemptRef, route.data)) {
+      trackEvent("payment_initiated", paymentParams);
+    }
     setStage("processing");
     const fromTokenAddress = fromToken?.address ?? fromToken?.address;
     const fromTokenDecimals = fromToken?.decimals ?? void 0;
@@ -36455,12 +36519,25 @@ function SwapMode({
       walletAddress ?? void 0,
       maxApproval,
       () => {
+        if (claimAttemptOnce(completedAttemptRef, routeToSend)) {
+          trackEvent("payment_completed", paymentParams);
+        }
         setCompletedAt(/* @__PURE__ */ new Date());
         setStage("success");
       },
       () => setStage("error")
     );
-  }, [route, execution, fromToken, walletAddress, maxApproval]);
+  }, [
+    route,
+    execution,
+    fromChain,
+    fromToken,
+    toChain,
+    toToken,
+    walletAddress,
+    maxApproval,
+    trackEvent
+  ]);
   const handleReset = useCallback22(() => {
     execution.reset();
     route.clear();
@@ -36670,7 +36747,7 @@ function SwapMode({
   useEffect34(() => {
     setDestAddress("");
   }, [toChainType]);
-  const fetchRef = useRef20(route.fetch);
+  const fetchRef = useRef19(route.fetch);
   useEffect34(() => {
     fetchRef.current = route.fetch;
   });
@@ -36734,7 +36811,7 @@ function SwapMode({
     quoteTimestampRef.current = route.data ? Date.now() : null;
     setQuoteAge(0);
   }, [route.data]);
-  const msgTimeoutRef = useRef20(null);
+  const msgTimeoutRef = useRef19(null);
   useEffect34(() => {
     if (!route.loading) {
       setQuoteLoadingMsgIdx(0);
@@ -36807,7 +36884,7 @@ function SwapMode({
     return () => document.removeEventListener("mousedown", handler);
   }, [showCurrencyDropdown]);
   if (stage === "select-from") {
-    return /* @__PURE__ */ jsx55(WidgetContainer, { theme: resolvedTheme, style, children: /* @__PURE__ */ jsx55(
+    return /* @__PURE__ */ jsx56(WidgetContainer, { theme: resolvedTheme, style, children: /* @__PURE__ */ jsx56(
       SwapTokenSelect,
       {
         side: "from",
@@ -36825,7 +36902,7 @@ function SwapMode({
     ) });
   }
   if (stage === "select-to" && !lockDestToken) {
-    return /* @__PURE__ */ jsx55(WidgetContainer, { theme: resolvedTheme, style, children: /* @__PURE__ */ jsx55(
+    return /* @__PURE__ */ jsx56(WidgetContainer, { theme: resolvedTheme, style, children: /* @__PURE__ */ jsx56(
       SwapTokenSelect,
       {
         side: "to",
@@ -36845,7 +36922,7 @@ function SwapMode({
   }
   if (stage === "connect-wallet") {
     return /* @__PURE__ */ jsxs46(WidgetContainer, { theme: resolvedTheme, style, children: [
-      /* @__PURE__ */ jsx55(
+      /* @__PURE__ */ jsx56(
         SwapWalletSelector_default,
         {
           walletStatus,
@@ -36854,7 +36931,7 @@ function SwapMode({
           onBack: handleWalletConnected
         }
       ),
-      isConnected && /* @__PURE__ */ jsx55("div", { style: { padding: `0 ${spacing[4]} ${spacing[4]}` }, children: /* @__PURE__ */ jsx55(
+      isConnected && /* @__PURE__ */ jsx56("div", { style: { padding: `0 ${spacing[4]} ${spacing[4]}` }, children: /* @__PURE__ */ jsx56(
         "button",
         {
           onClick: () => setStage("home"),
@@ -36887,7 +36964,7 @@ function SwapMode({
     const offset = circ - progress / 100 * circ;
     const isApproving = txStatus === "approving";
     const title = isApproving ? "Approving..." : "Order Submitted";
-    return /* @__PURE__ */ jsx55(WidgetContainer, { theme: resolvedTheme, style, children: /* @__PURE__ */ jsxs46("div", { style: { padding: `${spacing[5]} ${spacing[6]} ${spacing[6]}` }, children: [
+    return /* @__PURE__ */ jsx56(WidgetContainer, { theme: resolvedTheme, style, children: /* @__PURE__ */ jsxs46("div", { style: { padding: `${spacing[5]} ${spacing[6]} ${spacing[6]}` }, children: [
       /* @__PURE__ */ jsxs46(
         "div",
         {
@@ -36898,7 +36975,7 @@ function SwapMode({
             marginBottom: spacing[5]
           },
           children: [
-            /* @__PURE__ */ jsx55(
+            /* @__PURE__ */ jsx56(
               "button",
               {
                 onClick: handleReset,
@@ -36913,7 +36990,7 @@ function SwapMode({
                   border: 0,
                   cursor: "pointer"
                 },
-                children: /* @__PURE__ */ jsx55(
+                children: /* @__PURE__ */ jsx56(
                   "svg",
                   {
                     style: {
@@ -36927,12 +37004,12 @@ function SwapMode({
                     strokeWidth: 2,
                     strokeLinecap: "round",
                     strokeLinejoin: "round",
-                    children: /* @__PURE__ */ jsx55("path", { d: "M19 12H5m7-7-7 7 7 7" })
+                    children: /* @__PURE__ */ jsx56("path", { d: "M19 12H5m7-7-7 7 7 7" })
                   }
                 )
               }
             ),
-            /* @__PURE__ */ jsx55(
+            /* @__PURE__ */ jsx56(
               "button",
               {
                 onClick: handleReset,
@@ -36949,7 +37026,7 @@ function SwapMode({
           ]
         }
       ),
-      /* @__PURE__ */ jsx55(
+      /* @__PURE__ */ jsx56(
         "h1",
         {
           style: {
@@ -36994,7 +37071,7 @@ function SwapMode({
                       height: ringSize,
                       style: { position: "absolute", inset: 0 },
                       children: [
-                        /* @__PURE__ */ jsx55(
+                        /* @__PURE__ */ jsx56(
                           "circle",
                           {
                             cx: ringSize / 2,
@@ -37005,7 +37082,7 @@ function SwapMode({
                             strokeWidth: ringStroke
                           }
                         ),
-                        /* @__PURE__ */ jsx55(
+                        /* @__PURE__ */ jsx56(
                           "circle",
                           {
                             cx: ringSize / 2,
@@ -37035,7 +37112,7 @@ function SwapMode({
                         textAlign: "center"
                       },
                       children: [
-                        /* @__PURE__ */ jsx55(
+                        /* @__PURE__ */ jsx56(
                           "span",
                           {
                             style: {
@@ -37058,7 +37135,7 @@ function SwapMode({
                               gap: spacing[1.5]
                             },
                             children: [
-                              fromToken?.iconUrl ? /* @__PURE__ */ jsx55(
+                              fromToken?.iconUrl ? /* @__PURE__ */ jsx56(
                                 "img",
                                 {
                                   src: fromToken.iconUrl,
@@ -37069,7 +37146,7 @@ function SwapMode({
                                   },
                                   alt: ""
                                 }
-                              ) : /* @__PURE__ */ jsx55(
+                              ) : /* @__PURE__ */ jsx56(
                                 "div",
                                 {
                                   style: {
@@ -37080,7 +37157,7 @@ function SwapMode({
                                   }
                                 }
                               ),
-                              /* @__PURE__ */ jsx55(
+                              /* @__PURE__ */ jsx56(
                                 "svg",
                                 {
                                   style: {
@@ -37094,10 +37171,10 @@ function SwapMode({
                                   strokeWidth: 2,
                                   strokeLinecap: "round",
                                   strokeLinejoin: "round",
-                                  children: /* @__PURE__ */ jsx55("path", { d: "M5 12h14m-7-7 7 7-7 7" })
+                                  children: /* @__PURE__ */ jsx56("path", { d: "M5 12h14m-7-7 7 7-7 7" })
                                 }
                               ),
-                              toToken?.iconUrl ? /* @__PURE__ */ jsx55(
+                              toToken?.iconUrl ? /* @__PURE__ */ jsx56(
                                 "img",
                                 {
                                   src: toToken.iconUrl,
@@ -37108,7 +37185,7 @@ function SwapMode({
                                   },
                                   alt: ""
                                 }
-                              ) : /* @__PURE__ */ jsx55(
+                              ) : /* @__PURE__ */ jsx56(
                                 "div",
                                 {
                                   style: {
@@ -37134,7 +37211,7 @@ function SwapMode({
                             children: [
                               fromToken?.symbol,
                               " ",
-                              /* @__PURE__ */ jsx55(
+                              /* @__PURE__ */ jsx56(
                                 "span",
                                 {
                                   style: {
@@ -37179,7 +37256,7 @@ function SwapMode({
                   justifyContent: "space-between"
                 },
                 children: [
-                  /* @__PURE__ */ jsx55(
+                  /* @__PURE__ */ jsx56(
                     ProcessingStepNode,
                     {
                       active: activeStep >= 0,
@@ -37188,8 +37265,8 @@ function SwapMode({
                       label: `Sending ${fromToken?.symbol ?? ""}`
                     }
                   ),
-                  /* @__PURE__ */ jsx55(ProcessingStepLine, { done: activeStep > 0 }),
-                  /* @__PURE__ */ jsx55(
+                  /* @__PURE__ */ jsx56(ProcessingStepLine, { done: activeStep > 0 }),
+                  /* @__PURE__ */ jsx56(
                     ProcessingStepNode,
                     {
                       active: activeStep >= 1,
@@ -37198,8 +37275,8 @@ function SwapMode({
                       label: "Create Order"
                     }
                   ),
-                  /* @__PURE__ */ jsx55(ProcessingStepLine, { done: activeStep > 1 }),
-                  /* @__PURE__ */ jsx55(
+                  /* @__PURE__ */ jsx56(ProcessingStepLine, { done: activeStep > 1 }),
+                  /* @__PURE__ */ jsx56(
                     ProcessingStepNode,
                     {
                       active: activeStep >= 2,
@@ -37257,16 +37334,16 @@ function SwapMode({
                               strokeLinecap: "round",
                               strokeLinejoin: "round",
                               children: [
-                                /* @__PURE__ */ jsx55("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }),
-                                /* @__PURE__ */ jsx55("polyline", { points: "15 3 21 3 21 9" }),
-                                /* @__PURE__ */ jsx55("line", { x1: "10", y1: "14", x2: "21", y2: "3" })
+                                /* @__PURE__ */ jsx56("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }),
+                                /* @__PURE__ */ jsx56("polyline", { points: "15 3 21 3 21 9" }),
+                                /* @__PURE__ */ jsx56("line", { x1: "10", y1: "14", x2: "21", y2: "3" })
                               ]
                             }
                           )
                         ]
                       }
                     ),
-                    /* @__PURE__ */ jsx55(
+                    /* @__PURE__ */ jsx56(
                       "button",
                       {
                         onClick: () => handleCopyHash(txHash),
@@ -37283,7 +37360,7 @@ function SwapMode({
                           padding: 0,
                           transition: "color 0.15s"
                         },
-                        children: isCopied ? "Copied!" : /* @__PURE__ */ jsxs46(Fragment13, { children: [
+                        children: isCopied ? "Copied!" : /* @__PURE__ */ jsxs46(Fragment14, { children: [
                           txHash.slice(0, 6),
                           "\u2026",
                           txHash.slice(-4),
@@ -37298,7 +37375,7 @@ function SwapMode({
                               strokeLinecap: "round",
                               strokeLinejoin: "round",
                               children: [
-                                /* @__PURE__ */ jsx55(
+                                /* @__PURE__ */ jsx56(
                                   "rect",
                                   {
                                     x: "9",
@@ -37309,7 +37386,7 @@ function SwapMode({
                                     ry: "2"
                                   }
                                 ),
-                                /* @__PURE__ */ jsx55("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
+                                /* @__PURE__ */ jsx56("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
                               ]
                             }
                           )
@@ -37337,8 +37414,8 @@ function SwapMode({
       dateStyle: "medium",
       timeStyle: "short"
     }) ?? null;
-    return /* @__PURE__ */ jsx55(WidgetContainer, { theme: resolvedTheme, style, children: /* @__PURE__ */ jsxs46("div", { style: { position: "relative", overflow: "hidden" }, children: [
-      /* @__PURE__ */ jsx55(Suspense2, { fallback: null, children: /* @__PURE__ */ jsx55(ConfettiEffect3, { isActive: true, pieceCount: 60, clearDelay: 4e3 }) }),
+    return /* @__PURE__ */ jsx56(WidgetContainer, { theme: resolvedTheme, style, children: /* @__PURE__ */ jsxs46("div", { style: { position: "relative", overflow: "hidden" }, children: [
+      /* @__PURE__ */ jsx56(Suspense2, { fallback: null, children: /* @__PURE__ */ jsx56(ConfettiEffect3, { isActive: true, pieceCount: 60, clearDelay: 4e3 }) }),
       /* @__PURE__ */ jsxs46("div", { style: { padding: `${spacing[6]} ${spacing[6]} 0` }, children: [
         /* @__PURE__ */ jsxs46(
           "div",
@@ -37350,7 +37427,7 @@ function SwapMode({
               marginBottom: spacing[5]
             },
             children: [
-              /* @__PURE__ */ jsx55(
+              /* @__PURE__ */ jsx56(
                 "div",
                 {
                   style: {
@@ -37363,7 +37440,7 @@ function SwapMode({
                     justifyContent: "center",
                     flexShrink: 0
                   },
-                  children: /* @__PURE__ */ jsx55(
+                  children: /* @__PURE__ */ jsx56(
                     "svg",
                     {
                       style: {
@@ -37377,12 +37454,12 @@ function SwapMode({
                       strokeWidth: 3,
                       strokeLinecap: "round",
                       strokeLinejoin: "round",
-                      children: /* @__PURE__ */ jsx55("path", { d: "M20 6L9 17l-5-5" })
+                      children: /* @__PURE__ */ jsx56("path", { d: "M20 6L9 17l-5-5" })
                     }
                   )
                 }
               ),
-              /* @__PURE__ */ jsx55(
+              /* @__PURE__ */ jsx56(
                 "h2",
                 {
                   style: {
@@ -37426,7 +37503,7 @@ function SwapMode({
                         },
                         children: [
                           fromToken?.iconUrl && /* @__PURE__ */ jsxs46("div", { style: { position: "relative", flexShrink: 0 }, children: [
-                            /* @__PURE__ */ jsx55(
+                            /* @__PURE__ */ jsx56(
                               "img",
                               {
                                 src: fromToken.iconUrl,
@@ -37438,7 +37515,7 @@ function SwapMode({
                                 }
                               }
                             ),
-                            fromChain?.chainIconURI && /* @__PURE__ */ jsx55(
+                            fromChain?.chainIconURI && /* @__PURE__ */ jsx56(
                               "img",
                               {
                                 src: fromChain.chainIconURI,
@@ -37456,7 +37533,7 @@ function SwapMode({
                               }
                             )
                           ] }),
-                          /* @__PURE__ */ jsx55("span", { style: { color: colors.mutedForeground }, children: "You sold" })
+                          /* @__PURE__ */ jsx56("span", { style: { color: colors.mutedForeground }, children: "You sold" })
                         ]
                       }
                     ),
@@ -37498,7 +37575,7 @@ function SwapMode({
                         },
                         children: [
                           toToken?.iconUrl && /* @__PURE__ */ jsxs46("div", { style: { position: "relative", flexShrink: 0 }, children: [
-                            /* @__PURE__ */ jsx55(
+                            /* @__PURE__ */ jsx56(
                               "img",
                               {
                                 src: toToken.iconUrl,
@@ -37510,7 +37587,7 @@ function SwapMode({
                                 }
                               }
                             ),
-                            toChain?.chainIconURI && /* @__PURE__ */ jsx55(
+                            toChain?.chainIconURI && /* @__PURE__ */ jsx56(
                               "img",
                               {
                                 src: toChain.chainIconURI,
@@ -37528,7 +37605,7 @@ function SwapMode({
                               }
                             )
                           ] }),
-                          /* @__PURE__ */ jsx55("span", { style: { color: colors.mutedForeground }, children: "Received" })
+                          /* @__PURE__ */ jsx56("span", { style: { color: colors.mutedForeground }, children: "Received" })
                         ]
                       }
                     ),
@@ -37549,7 +37626,7 @@ function SwapMode({
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx55(
+              /* @__PURE__ */ jsx56(
                 "div",
                 {
                   style: {
@@ -37569,28 +37646,28 @@ function SwapMode({
                     fontSize: fontSize.sm
                   },
                   children: [
-                    fromUsd > 0 && /* @__PURE__ */ jsx55(
+                    fromUsd > 0 && /* @__PURE__ */ jsx56(
                       SuccessReceiptRow,
                       {
                         label: "Value sold",
                         value: fmtLocal(fromUsd)
                       }
                     ),
-                    toUsd > 0 && /* @__PURE__ */ jsx55(
+                    toUsd > 0 && /* @__PURE__ */ jsx56(
                       SuccessReceiptRow,
                       {
                         label: "Value received",
                         value: fmtLocal(toUsd)
                       }
                     ),
-                    effectiveRate && /* @__PURE__ */ jsx55(
+                    effectiveRate && /* @__PURE__ */ jsx56(
                       SuccessReceiptRow,
                       {
                         label: "Effective rate",
                         value: effectiveRate
                       }
                     ),
-                    completedStr && /* @__PURE__ */ jsx55(SuccessReceiptRow, { label: "Completed", value: completedStr }),
+                    completedStr && /* @__PURE__ */ jsx56(SuccessReceiptRow, { label: "Completed", value: completedStr }),
                     txHash && (() => {
                       const srcUrl = buildExplorerUrl(
                         txHash,
@@ -37607,7 +37684,7 @@ function SwapMode({
                             justifyContent: "space-between"
                           },
                           children: [
-                            /* @__PURE__ */ jsx55("span", { style: { color: colors.mutedForeground }, children: destTxHash ? "Source tx" : "Transaction" }),
+                            /* @__PURE__ */ jsx56("span", { style: { color: colors.mutedForeground }, children: destTxHash ? "Source tx" : "Transaction" }),
                             /* @__PURE__ */ jsxs46(
                               "div",
                               {
@@ -37648,16 +37725,16 @@ function SwapMode({
                                             strokeLinecap: "round",
                                             strokeLinejoin: "round",
                                             children: [
-                                              /* @__PURE__ */ jsx55("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }),
-                                              /* @__PURE__ */ jsx55("polyline", { points: "15 3 21 3 21 9" }),
-                                              /* @__PURE__ */ jsx55("line", { x1: "10", y1: "14", x2: "21", y2: "3" })
+                                              /* @__PURE__ */ jsx56("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }),
+                                              /* @__PURE__ */ jsx56("polyline", { points: "15 3 21 3 21 9" }),
+                                              /* @__PURE__ */ jsx56("line", { x1: "10", y1: "14", x2: "21", y2: "3" })
                                             ]
                                           }
                                         )
                                       ]
                                     }
                                   ),
-                                  /* @__PURE__ */ jsx55(
+                                  /* @__PURE__ */ jsx56(
                                     "button",
                                     {
                                       onClick: () => handleCopyHash(txHash),
@@ -37689,7 +37766,7 @@ function SwapMode({
                                           strokeLinecap: "round",
                                           strokeLinejoin: "round",
                                           children: [
-                                            /* @__PURE__ */ jsx55(
+                                            /* @__PURE__ */ jsx56(
                                               "rect",
                                               {
                                                 x: "9",
@@ -37700,7 +37777,7 @@ function SwapMode({
                                                 ry: "2"
                                               }
                                             ),
-                                            /* @__PURE__ */ jsx55("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
+                                            /* @__PURE__ */ jsx56("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
                                           ]
                                         }
                                       )
@@ -37729,7 +37806,7 @@ function SwapMode({
                             justifyContent: "space-between"
                           },
                           children: [
-                            /* @__PURE__ */ jsx55("span", { style: { color: colors.mutedForeground }, children: "Destination tx" }),
+                            /* @__PURE__ */ jsx56("span", { style: { color: colors.mutedForeground }, children: "Destination tx" }),
                             /* @__PURE__ */ jsxs46(
                               "div",
                               {
@@ -37770,16 +37847,16 @@ function SwapMode({
                                             strokeLinecap: "round",
                                             strokeLinejoin: "round",
                                             children: [
-                                              /* @__PURE__ */ jsx55("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }),
-                                              /* @__PURE__ */ jsx55("polyline", { points: "15 3 21 3 21 9" }),
-                                              /* @__PURE__ */ jsx55("line", { x1: "10", y1: "14", x2: "21", y2: "3" })
+                                              /* @__PURE__ */ jsx56("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }),
+                                              /* @__PURE__ */ jsx56("polyline", { points: "15 3 21 3 21 9" }),
+                                              /* @__PURE__ */ jsx56("line", { x1: "10", y1: "14", x2: "21", y2: "3" })
                                             ]
                                           }
                                         )
                                       ]
                                     }
                                   ),
-                                  /* @__PURE__ */ jsx55(
+                                  /* @__PURE__ */ jsx56(
                                     "button",
                                     {
                                       onClick: () => handleCopyHash(destTxHash),
@@ -37810,7 +37887,7 @@ function SwapMode({
                                           strokeLinecap: "round",
                                           strokeLinejoin: "round",
                                           children: [
-                                            /* @__PURE__ */ jsx55(
+                                            /* @__PURE__ */ jsx56(
                                               "rect",
                                               {
                                                 x: "9",
@@ -37821,7 +37898,7 @@ function SwapMode({
                                                 ry: "2"
                                               }
                                             ),
-                                            /* @__PURE__ */ jsx55("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
+                                            /* @__PURE__ */ jsx56("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
                                           ]
                                         }
                                       )
@@ -37851,7 +37928,7 @@ function SwapMode({
             gap: spacing[2]
           },
           children: [
-            /* @__PURE__ */ jsx55(
+            /* @__PURE__ */ jsx56(
               "button",
               {
                 onClick: handleReset,
@@ -37898,7 +37975,7 @@ function SwapMode({
     ] }) });
   }
   if (stage === "error") {
-    return /* @__PURE__ */ jsx55(WidgetContainer, { theme: resolvedTheme, style, children: /* @__PURE__ */ jsx55(
+    return /* @__PURE__ */ jsx56(WidgetContainer, { theme: resolvedTheme, style, children: /* @__PURE__ */ jsx56(
       ErrorPage,
       {
         error: mapError(execution.errorMessage),
@@ -37910,7 +37987,7 @@ function SwapMode({
   if (stage === "review") {
     const reviewToAmount = toAmount ?? displayToAmount;
     const reviewToUsd = toUsd > 0 ? toUsd : displayToUsd;
-    return /* @__PURE__ */ jsx55(WidgetContainer, { theme: resolvedTheme, style, children: /* @__PURE__ */ jsxs46(
+    return /* @__PURE__ */ jsx56(WidgetContainer, { theme: resolvedTheme, style, children: /* @__PURE__ */ jsxs46(
       "div",
       {
         style: {
@@ -37929,7 +38006,7 @@ function SwapMode({
                 marginBottom: spacing[5]
               },
               children: [
-                /* @__PURE__ */ jsx55(
+                /* @__PURE__ */ jsx56(
                   "span",
                   {
                     style: {
@@ -37940,7 +38017,7 @@ function SwapMode({
                     children: "You're swapping"
                   }
                 ),
-                /* @__PURE__ */ jsx55(
+                /* @__PURE__ */ jsx56(
                   "button",
                   {
                     onClick: () => setStage("home"),
@@ -37955,7 +38032,7 @@ function SwapMode({
                       border: 0,
                       cursor: "pointer"
                     },
-                    children: /* @__PURE__ */ jsx55(
+                    children: /* @__PURE__ */ jsx56(
                       "svg",
                       {
                         style: {
@@ -37969,7 +38046,7 @@ function SwapMode({
                         strokeWidth: 2,
                         strokeLinecap: "round",
                         strokeLinejoin: "round",
-                        children: /* @__PURE__ */ jsx55("path", { d: "M18 6L6 18M6 6l12 12" })
+                        children: /* @__PURE__ */ jsx56("path", { d: "M18 6L6 18M6 6l12 12" })
                       }
                     )
                   }
@@ -38003,7 +38080,7 @@ function SwapMode({
                       ]
                     }
                   ),
-                  /* @__PURE__ */ jsx55(
+                  /* @__PURE__ */ jsx56(
                     "p",
                     {
                       style: {
@@ -38015,7 +38092,7 @@ function SwapMode({
                     }
                   )
                 ] }),
-                fromToken?.iconUrl && /* @__PURE__ */ jsx55(
+                fromToken?.iconUrl && /* @__PURE__ */ jsx56(
                   TokenIcon,
                   {
                     icon: fromToken.iconUrl,
@@ -38026,7 +38103,7 @@ function SwapMode({
               ]
             }
           ),
-          /* @__PURE__ */ jsx55(
+          /* @__PURE__ */ jsx56(
             "div",
             {
               style: {
@@ -38034,7 +38111,7 @@ function SwapMode({
                 justifyContent: "center",
                 margin: `${spacing[3]} 0`
               },
-              children: /* @__PURE__ */ jsx55(
+              children: /* @__PURE__ */ jsx56(
                 "svg",
                 {
                   style: {
@@ -38048,7 +38125,7 @@ function SwapMode({
                   strokeWidth: 2,
                   strokeLinecap: "round",
                   strokeLinejoin: "round",
-                  children: /* @__PURE__ */ jsx55("path", { d: "M12 5v14m-7-7l7 7 7-7" })
+                  children: /* @__PURE__ */ jsx56("path", { d: "M12 5v14m-7-7l7 7 7-7" })
                 }
               )
             }
@@ -38079,7 +38156,7 @@ function SwapMode({
                       ]
                     }
                   ),
-                  /* @__PURE__ */ jsx55(
+                  /* @__PURE__ */ jsx56(
                     "p",
                     {
                       style: {
@@ -38091,7 +38168,7 @@ function SwapMode({
                     }
                   )
                 ] }),
-                toToken?.iconUrl && /* @__PURE__ */ jsx55(
+                toToken?.iconUrl && /* @__PURE__ */ jsx56(
                   TokenIcon,
                   {
                     icon: toToken.iconUrl,
@@ -38121,7 +38198,7 @@ function SwapMode({
                 padding: 0
               },
               children: [
-                /* @__PURE__ */ jsx55(
+                /* @__PURE__ */ jsx56(
                   "div",
                   {
                     style: { flex: 1, height: "1px", backgroundColor: colors.border }
@@ -38139,7 +38216,7 @@ function SwapMode({
                     },
                     children: [
                       showReviewDetails ? "Hide details" : "View details",
-                      /* @__PURE__ */ jsx55(
+                      /* @__PURE__ */ jsx56(
                         "svg",
                         {
                           style: {
@@ -38154,7 +38231,7 @@ function SwapMode({
                           strokeWidth: 2,
                           strokeLinecap: "round",
                           strokeLinejoin: "round",
-                          children: /* @__PURE__ */ jsx55("path", { d: "M6 9l6 6 6-6" })
+                          children: /* @__PURE__ */ jsx56("path", { d: "M6 9l6 6 6-6" })
                         }
                       ),
                       route.data && /* @__PURE__ */ jsxs46(
@@ -38170,7 +38247,7 @@ function SwapMode({
                             marginLeft: "0.125rem"
                           },
                           children: [
-                            /* @__PURE__ */ jsx55(
+                            /* @__PURE__ */ jsx56(
                               "circle",
                               {
                                 cx: "7",
@@ -38181,7 +38258,7 @@ function SwapMode({
                                 strokeWidth: "1.5"
                               }
                             ),
-                            /* @__PURE__ */ jsx55(
+                            /* @__PURE__ */ jsx56(
                               "circle",
                               {
                                 cx: "7",
@@ -38202,7 +38279,7 @@ function SwapMode({
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsx55(
+                /* @__PURE__ */ jsx56(
                   "div",
                   {
                     style: { flex: 1, height: "1px", backgroundColor: colors.border }
@@ -38222,7 +38299,7 @@ function SwapMode({
                 marginBottom: spacing[2]
               },
               children: [
-                exchangeRate !== null && /* @__PURE__ */ jsx55(
+                exchangeRate !== null && /* @__PURE__ */ jsx56(
                   ReviewDetailRow,
                   {
                     label: "Rate",
@@ -38230,7 +38307,7 @@ function SwapMode({
                     value: `1 ${fromToken?.symbol} = ${fmtAmount(1 / (exchangeRate ?? 1), 4)} ${toToken?.symbol} ($${fmtAmount(fromTokenPriceUSD, 2)})`
                   }
                 ),
-                /* @__PURE__ */ jsx55(
+                /* @__PURE__ */ jsx56(
                   ReviewDetailRow,
                   {
                     label: "Fee",
@@ -38238,12 +38315,12 @@ function SwapMode({
                     value: protocolFeeUsd !== null ? fmtLocal(protocolFeeUsd) : "Free"
                   }
                 ),
-                /* @__PURE__ */ jsx55(
+                /* @__PURE__ */ jsx56(
                   ReviewDetailRow,
                   {
                     label: "Network cost",
                     tooltip: "Estimated gas fee paid to the blockchain network",
-                    value: isGasSponsored ? /* @__PURE__ */ jsx55(SponsoredBadge, {}) : networkCostUsd !== null ? /* @__PURE__ */ jsxs46(
+                    value: isGasSponsored ? /* @__PURE__ */ jsx56(SponsoredBadge, {}) : networkCostUsd !== null ? /* @__PURE__ */ jsxs46(
                       "span",
                       {
                         style: {
@@ -38252,14 +38329,14 @@ function SwapMode({
                           gap: "0.25rem"
                         },
                         children: [
-                          /* @__PURE__ */ jsx55(GasIcon, { size: "0.875rem" }),
+                          /* @__PURE__ */ jsx56(GasIcon, { size: "0.875rem" }),
                           fmtLocal(networkCostUsd)
                         ]
                       }
                     ) : "\u2014"
                   }
                 ),
-                /* @__PURE__ */ jsx55(
+                /* @__PURE__ */ jsx56(
                   ReviewDetailRow,
                   {
                     label: "Max slippage",
@@ -38267,12 +38344,12 @@ function SwapMode({
                     value: `${slippage}%`
                   }
                 ),
-                (routePath || route.data?.route?.provider) && /* @__PURE__ */ jsx55(
+                (routePath || route.data?.route?.provider) && /* @__PURE__ */ jsx56(
                   ReviewDetailRow,
                   {
                     label: "Route",
                     tooltip: "Protocol or bridge used to execute your swap",
-                    value: /* @__PURE__ */ jsx55(
+                    value: /* @__PURE__ */ jsx56(
                       "span",
                       {
                         style: {
@@ -38292,7 +38369,7 @@ function SwapMode({
               ]
             }
           ),
-          /* @__PURE__ */ jsx55(
+          /* @__PURE__ */ jsx56(
             SwapActionArea,
             {
               fromTokenSymbol: fromToken?.symbol ?? "",
@@ -38316,7 +38393,7 @@ function SwapMode({
   const ctaDisabled = !hasTokens || !hasAmount || insufficient || isConnected && needsDestAddress && !isValidDestAddress || route.loading || feesExceedOutput;
   const ctaAction = !isConnected ? handleConnectAndReview : () => void handleReview();
   const showRateRow = hasTokens && exchangeRate !== null;
-  return /* @__PURE__ */ jsx55(WidgetContainer, { theme: resolvedTheme, style, children: /* @__PURE__ */ jsxs46(
+  return /* @__PURE__ */ jsx56(WidgetContainer, { theme: resolvedTheme, style, children: /* @__PURE__ */ jsxs46(
     "div",
     {
       style: { display: "flex", flexDirection: "column", minHeight: "500px" },
@@ -38332,7 +38409,7 @@ function SwapMode({
               marginBottom: spacing[1]
             },
             children: [
-              /* @__PURE__ */ jsx55(
+              /* @__PURE__ */ jsx56(
                 "span",
                 {
                   style: {
@@ -38374,7 +38451,7 @@ function SwapMode({
                           walletAddress.slice(-4)
                         ]
                       }
-                    ) : /* @__PURE__ */ jsx55(
+                    ) : /* @__PURE__ */ jsx56(
                       "button",
                       {
                         onClick: handleConnectAndReview,
@@ -38389,7 +38466,7 @@ function SwapMode({
                         children: "Connect wallet"
                       }
                     ),
-                    /* @__PURE__ */ jsx55(
+                    /* @__PURE__ */ jsx56(
                       "button",
                       {
                         onClick: () => setShowSettings((v) => !v),
@@ -38418,8 +38495,8 @@ function SwapMode({
                             strokeLinecap: "round",
                             strokeLinejoin: "round",
                             children: [
-                              /* @__PURE__ */ jsx55("circle", { cx: "12", cy: "12", r: "3" }),
-                              /* @__PURE__ */ jsx55("path", { d: "M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z" })
+                              /* @__PURE__ */ jsx56("circle", { cx: "12", cy: "12", r: "3" }),
+                              /* @__PURE__ */ jsx56("path", { d: "M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z" })
                             ]
                           }
                         )
@@ -38441,7 +38518,7 @@ function SwapMode({
                           zIndex: 100
                         },
                         children: [
-                          /* @__PURE__ */ jsx55(
+                          /* @__PURE__ */ jsx56(
                             "p",
                             {
                               style: {
@@ -38455,7 +38532,7 @@ function SwapMode({
                               children: "Appearance"
                             }
                           ),
-                          /* @__PURE__ */ jsx55("div", { style: { marginBottom: spacing[4] }, children: /* @__PURE__ */ jsxs46(
+                          /* @__PURE__ */ jsx56("div", { style: { marginBottom: spacing[4] }, children: /* @__PURE__ */ jsxs46(
                             "div",
                             {
                               style: {
@@ -38465,7 +38542,7 @@ function SwapMode({
                               },
                               children: [
                                 /* @__PURE__ */ jsxs46("div", { children: [
-                                  /* @__PURE__ */ jsx55(
+                                  /* @__PURE__ */ jsx56(
                                     "p",
                                     {
                                       style: {
@@ -38476,7 +38553,7 @@ function SwapMode({
                                       children: "Dark mode"
                                     }
                                   ),
-                                  /* @__PURE__ */ jsx55(
+                                  /* @__PURE__ */ jsx56(
                                     "p",
                                     {
                                       style: {
@@ -38488,7 +38565,7 @@ function SwapMode({
                                     }
                                   )
                                 ] }),
-                                /* @__PURE__ */ jsx55(
+                                /* @__PURE__ */ jsx56(
                                   "button",
                                   {
                                     role: "switch",
@@ -38505,7 +38582,7 @@ function SwapMode({
                                       transition: "background-color 0.2s",
                                       flexShrink: 0
                                     },
-                                    children: /* @__PURE__ */ jsx55(
+                                    children: /* @__PURE__ */ jsx56(
                                       "span",
                                       {
                                         style: {
@@ -38526,7 +38603,7 @@ function SwapMode({
                               ]
                             }
                           ) }),
-                          /* @__PURE__ */ jsx55(
+                          /* @__PURE__ */ jsx56(
                             "p",
                             {
                               style: {
@@ -38541,7 +38618,7 @@ function SwapMode({
                             }
                           ),
                           /* @__PURE__ */ jsxs46("div", { style: { marginBottom: spacing[4] }, children: [
-                            /* @__PURE__ */ jsx55(
+                            /* @__PURE__ */ jsx56(
                               "p",
                               {
                                 style: {
@@ -38579,7 +38656,7 @@ function SwapMode({
                                 },
                                 v
                               )),
-                              /* @__PURE__ */ jsx55("div", { style: { flex: 1.5, position: "relative" }, children: /* @__PURE__ */ jsx55(
+                              /* @__PURE__ */ jsx56("div", { style: { flex: 1.5, position: "relative" }, children: /* @__PURE__ */ jsx56(
                                 "input",
                                 {
                                   type: "number",
@@ -38610,7 +38687,7 @@ function SwapMode({
                                 }
                               ) })
                             ] }),
-                            slippage > 5 && /* @__PURE__ */ jsx55(
+                            slippage > 5 && /* @__PURE__ */ jsx56(
                               "p",
                               {
                                 style: {
@@ -38622,7 +38699,7 @@ function SwapMode({
                               }
                             )
                           ] }),
-                          canSetMaxApproval && /* @__PURE__ */ jsx55("div", { style: { marginBottom: spacing[4] }, children: /* @__PURE__ */ jsxs46(
+                          canSetMaxApproval && /* @__PURE__ */ jsx56("div", { style: { marginBottom: spacing[4] }, children: /* @__PURE__ */ jsxs46(
                             "div",
                             {
                               style: {
@@ -38632,7 +38709,7 @@ function SwapMode({
                               },
                               children: [
                                 /* @__PURE__ */ jsxs46("div", { children: [
-                                  /* @__PURE__ */ jsx55(
+                                  /* @__PURE__ */ jsx56(
                                     "p",
                                     {
                                       style: {
@@ -38643,7 +38720,7 @@ function SwapMode({
                                       children: "Max approval"
                                     }
                                   ),
-                                  /* @__PURE__ */ jsx55(
+                                  /* @__PURE__ */ jsx56(
                                     "p",
                                     {
                                       style: {
@@ -38655,7 +38732,7 @@ function SwapMode({
                                     }
                                   )
                                 ] }),
-                                /* @__PURE__ */ jsx55(
+                                /* @__PURE__ */ jsx56(
                                   "button",
                                   {
                                     role: "switch",
@@ -38672,7 +38749,7 @@ function SwapMode({
                                       transition: "background-color 0.2s",
                                       flexShrink: 0
                                     },
-                                    children: /* @__PURE__ */ jsx55(
+                                    children: /* @__PURE__ */ jsx56(
                                       "span",
                                       {
                                         style: {
@@ -38703,7 +38780,7 @@ function SwapMode({
                                 gap: spacing[3]
                               },
                               children: [
-                                /* @__PURE__ */ jsx55(
+                                /* @__PURE__ */ jsx56(
                                   "p",
                                   {
                                     style: {
@@ -38741,9 +38818,9 @@ function SwapMode({
                                             whiteSpace: "nowrap"
                                           },
                                           children: [
-                                            /* @__PURE__ */ jsx55("span", { children: currencySymbol }),
-                                            /* @__PURE__ */ jsx55("span", { children: selectedCurrency }),
-                                            /* @__PURE__ */ jsx55(
+                                            /* @__PURE__ */ jsx56("span", { children: currencySymbol }),
+                                            /* @__PURE__ */ jsx56("span", { children: selectedCurrency }),
+                                            /* @__PURE__ */ jsx56(
                                               "svg",
                                               {
                                                 style: {
@@ -38759,13 +38836,13 @@ function SwapMode({
                                                 strokeWidth: 2.5,
                                                 strokeLinecap: "round",
                                                 strokeLinejoin: "round",
-                                                children: /* @__PURE__ */ jsx55("path", { d: "M6 9l6 6 6-6" })
+                                                children: /* @__PURE__ */ jsx56("path", { d: "M6 9l6 6 6-6" })
                                               }
                                             )
                                           ]
                                         }
                                       ),
-                                      showCurrencyDropdown && /* @__PURE__ */ jsx55(
+                                      showCurrencyDropdown && /* @__PURE__ */ jsx56(
                                         "div",
                                         {
                                           style: {
@@ -38807,7 +38884,7 @@ function SwapMode({
                                                   fontFamily: "inherit"
                                                 },
                                                 children: [
-                                                  /* @__PURE__ */ jsx55(
+                                                  /* @__PURE__ */ jsx56(
                                                     "span",
                                                     {
                                                       style: {
@@ -38818,8 +38895,8 @@ function SwapMode({
                                                       children: c.symbol
                                                     }
                                                   ),
-                                                  /* @__PURE__ */ jsx55("span", { style: { flexShrink: 0 }, children: c.code }),
-                                                  /* @__PURE__ */ jsx55(
+                                                  /* @__PURE__ */ jsx56("span", { style: { flexShrink: 0 }, children: c.code }),
+                                                  /* @__PURE__ */ jsx56(
                                                     "span",
                                                     {
                                                       style: {
@@ -38854,7 +38931,7 @@ function SwapMode({
             ]
           }
         ),
-        /* @__PURE__ */ jsx55("div", { style: { padding: `0 ${spacing[3]}` }, children: /* @__PURE__ */ jsxs46(
+        /* @__PURE__ */ jsx56("div", { style: { padding: `0 ${spacing[3]}` }, children: /* @__PURE__ */ jsxs46(
           "div",
           {
             onMouseEnter: () => setHoverSell(true),
@@ -38876,7 +38953,7 @@ function SwapMode({
                     marginBottom: spacing[1]
                   },
                   children: [
-                    /* @__PURE__ */ jsx55(
+                    /* @__PURE__ */ jsx56(
                       "span",
                       {
                         style: {
@@ -38887,7 +38964,7 @@ function SwapMode({
                         children: "Sell"
                       }
                     ),
-                    /* @__PURE__ */ jsx55(
+                    /* @__PURE__ */ jsx56(
                       "div",
                       {
                         style: {
@@ -38898,7 +38975,7 @@ function SwapMode({
                           transition: "opacity 0.2s",
                           pointerEvents: hoverSell && fromBalance !== null ? "auto" : "none"
                         },
-                        children: PERCENT_OPTIONS.map((p) => /* @__PURE__ */ jsx55(
+                        children: PERCENT_OPTIONS.map((p) => /* @__PURE__ */ jsx56(
                           "button",
                           {
                             onClick: () => {
@@ -38959,7 +39036,7 @@ function SwapMode({
                 {
                   style: { display: "flex", alignItems: "center", gap: spacing[3] },
                   children: [
-                    amountInputMode === "usd" && /* @__PURE__ */ jsx55(
+                    amountInputMode === "usd" && /* @__PURE__ */ jsx56(
                       "span",
                       {
                         style: {
@@ -38974,7 +39051,7 @@ function SwapMode({
                         children: currencySymbol
                       }
                     ),
-                    /* @__PURE__ */ jsx55(
+                    /* @__PURE__ */ jsx56(
                       "input",
                       {
                         inputMode: "decimal",
@@ -39000,22 +39077,7 @@ function SwapMode({
                         }
                       }
                     ),
-                    amountInputMode === "token" && fromToken && /* @__PURE__ */ jsx55(
-                      "span",
-                      {
-                        style: {
-                          fontSize: scaleFontSize(amount || "0"),
-                          fontWeight: fontWeight.medium,
-                          letterSpacing: "-0.02em",
-                          color: amount ? colors.foreground : `${colors.mutedForeground}80`,
-                          transition: "font-size 0.15s ease",
-                          flexShrink: 0,
-                          userSelect: "none"
-                        },
-                        children: fromToken.symbol
-                      }
-                    ),
-                    /* @__PURE__ */ jsx55(
+                    /* @__PURE__ */ jsx56(
                       TokenPillButton,
                       {
                         token: fromToken,
@@ -39057,8 +39119,8 @@ function SwapMode({
                           fontFamily: "inherit"
                         },
                         children: [
-                          /* @__PURE__ */ jsx55("span", { children: amountInputMode === "usd" ? fromToken ? `${fmtAmount(tokenSellNum, 5)} ${fromToken.symbol}` : "0" : hasFromUsdPrice ? fmtLocal(usdSellNum) : "USD pricing unavailable" }),
-                          hasFromUsdPrice && /* @__PURE__ */ jsx55(
+                          /* @__PURE__ */ jsx56("span", { children: amountInputMode === "usd" ? fromToken ? `${fmtAmount(tokenSellNum, 5)} ${fromToken.symbol}` : "0" : hasFromUsdPrice ? fmtLocal(usdSellNum) : "USD pricing unavailable" }),
+                          hasFromUsdPrice && /* @__PURE__ */ jsx56(
                             "svg",
                             {
                               style: { width: "0.75rem", height: "0.75rem" },
@@ -39068,7 +39130,7 @@ function SwapMode({
                               strokeWidth: 2,
                               strokeLinecap: "round",
                               strokeLinejoin: "round",
-                              children: /* @__PURE__ */ jsx55("path", { d: "M7 16V4m0 0L3 8m4-4l4 4m6 0v12m0 0l4-4m-4 4l-4-4" })
+                              children: /* @__PURE__ */ jsx56("path", { d: "M7 16V4m0 0L3 8m4-4l4 4m6 0v12m0 0l4-4m-4 4l-4-4" })
                             }
                           )
                         ]
@@ -39089,7 +39151,7 @@ function SwapMode({
             ]
           }
         ) }),
-        /* @__PURE__ */ jsx55("div", { style: { position: "relative", height: 0, zIndex: 10 }, children: /* @__PURE__ */ jsx55(
+        /* @__PURE__ */ jsx56("div", { style: { position: "relative", height: 0, zIndex: 10 }, children: /* @__PURE__ */ jsx56(
           "button",
           {
             onClick: handleFlip,
@@ -39110,7 +39172,7 @@ function SwapMode({
               cursor: lockDestToken ? "default" : "pointer",
               opacity: lockDestToken ? 0.4 : 1
             },
-            children: /* @__PURE__ */ jsx55(
+            children: /* @__PURE__ */ jsx56(
               "svg",
               {
                 style: {
@@ -39122,7 +39184,7 @@ function SwapMode({
                 fill: "none",
                 stroke: "currentColor",
                 strokeWidth: 2,
-                children: /* @__PURE__ */ jsx55(
+                children: /* @__PURE__ */ jsx56(
                   "path",
                   {
                     strokeLinecap: "round",
@@ -39134,7 +39196,7 @@ function SwapMode({
             )
           }
         ) }),
-        /* @__PURE__ */ jsx55("div", { style: { padding: `0 ${spacing[3]}`, marginTop: spacing[3] }, children: /* @__PURE__ */ jsxs46(
+        /* @__PURE__ */ jsx56("div", { style: { padding: `0 ${spacing[3]}`, marginTop: spacing[3] }, children: /* @__PURE__ */ jsxs46(
           "div",
           {
             style: {
@@ -39143,7 +39205,7 @@ function SwapMode({
               padding: `${spacing[5]} ${spacing[5]} ${spacing[5]}`
             },
             children: [
-              /* @__PURE__ */ jsx55(
+              /* @__PURE__ */ jsx56(
                 "span",
                 {
                   style: {
@@ -39164,7 +39226,7 @@ function SwapMode({
                     marginTop: spacing[1]
                   },
                   children: [
-                    /* @__PURE__ */ jsx55(
+                    /* @__PURE__ */ jsx56(
                       "div",
                       {
                         style: {
@@ -39177,7 +39239,7 @@ function SwapMode({
                         },
                         children: displayToAmount !== null ? (() => {
                           const s = `${isEstimate ? "~" : ""}${fmtAmount(displayToAmount, 5)}`;
-                          return /* @__PURE__ */ jsx55(
+                          return /* @__PURE__ */ jsx56(
                             "span",
                             {
                               style: {
@@ -39188,7 +39250,7 @@ function SwapMode({
                               children: s
                             }
                           );
-                        })() : route.loading ? /* @__PURE__ */ jsx55(
+                        })() : route.loading ? /* @__PURE__ */ jsx56(
                           "span",
                           {
                             style: {
@@ -39198,7 +39260,7 @@ function SwapMode({
                             },
                             children: "\u2026"
                           }
-                        ) : /* @__PURE__ */ jsx55(
+                        ) : /* @__PURE__ */ jsx56(
                           "span",
                           {
                             style: {
@@ -39211,7 +39273,7 @@ function SwapMode({
                       },
                       rateUpdated ? "flash" : "stable"
                     ),
-                    /* @__PURE__ */ jsx55(
+                    /* @__PURE__ */ jsx56(
                       TokenPillButton,
                       {
                         token: toToken,
@@ -39237,7 +39299,7 @@ function SwapMode({
                     color: colors.mutedForeground
                   },
                   children: [
-                    /* @__PURE__ */ jsx55("span", { children: displayToUsd > 0 ? `${isEstimate ? "~" : ""}${fmtLocal(displayToUsd)}` : "" }),
+                    /* @__PURE__ */ jsx56("span", { children: displayToUsd > 0 ? `${isEstimate ? "~" : ""}${fmtLocal(displayToUsd)}` : "" }),
                     priceImpact !== null && /* @__PURE__ */ jsxs46(
                       "span",
                       {
@@ -39284,7 +39346,7 @@ function SwapMode({
                       }
                     ),
                     /* @__PURE__ */ jsxs46("div", { style: { position: "relative" }, children: [
-                      /* @__PURE__ */ jsx55(
+                      /* @__PURE__ */ jsx56(
                         "input",
                         {
                           type: "text",
@@ -39307,7 +39369,7 @@ function SwapMode({
                           }
                         }
                       ),
-                      /* @__PURE__ */ jsx55(
+                      /* @__PURE__ */ jsx56(
                         "button",
                         {
                           type: "button",
@@ -39354,7 +39416,7 @@ function SwapMode({
             ]
           }
         ) }),
-        route.error && !route.loading && /* @__PURE__ */ jsx55(
+        route.error && !route.loading && /* @__PURE__ */ jsx56(
           "p",
           {
             style: {
@@ -39379,13 +39441,13 @@ function SwapMode({
               padding: `0 ${spacing[3]}`
             },
             children: [
-              /* @__PURE__ */ jsx55(
+              /* @__PURE__ */ jsx56(
                 "svg",
                 {
                   className: "tw-animate-spin",
                   style: { width: "0.875rem", height: "0.875rem", flexShrink: 0 },
                   viewBox: "0 0 88 88",
-                  children: /* @__PURE__ */ jsx55(
+                  children: /* @__PURE__ */ jsx56(
                     "circle",
                     {
                       cx: "44",
@@ -39400,7 +39462,7 @@ function SwapMode({
                   )
                 }
               ),
-              /* @__PURE__ */ jsx55(
+              /* @__PURE__ */ jsx56(
                 "span",
                 {
                   style: {
@@ -39415,7 +39477,7 @@ function SwapMode({
             ]
           }
         ),
-        /* @__PURE__ */ jsx55("div", { style: { padding: `${spacing[2]} ${spacing[3]} 0` }, children: /* @__PURE__ */ jsx55(
+        /* @__PURE__ */ jsx56("div", { style: { padding: `${spacing[2]} ${spacing[3]} 0` }, children: /* @__PURE__ */ jsx56(
           "button",
           {
             disabled: ctaDisabled,
@@ -39490,8 +39552,8 @@ function SwapMode({
                           flexShrink: 0
                         },
                         children: [
-                          !isGasSponsored && /* @__PURE__ */ jsx55(GasIcon, {}),
-                          /* @__PURE__ */ jsx55(
+                          !isGasSponsored && /* @__PURE__ */ jsx56(GasIcon, {}),
+                          /* @__PURE__ */ jsx56(
                             "span",
                             {
                               style: isGasSponsored ? { color: colors.green[500] } : void 0,
@@ -39510,7 +39572,7 @@ function SwapMode({
                                 opacity: 0.75
                               },
                               children: [
-                                /* @__PURE__ */ jsx55(
+                                /* @__PURE__ */ jsx56(
                                   "circle",
                                   {
                                     cx: "7",
@@ -39521,7 +39583,7 @@ function SwapMode({
                                     strokeWidth: "1.5"
                                   }
                                 ),
-                                /* @__PURE__ */ jsx55(
+                                /* @__PURE__ */ jsx56(
                                   "circle",
                                   {
                                     cx: "7",
@@ -39539,7 +39601,7 @@ function SwapMode({
                               ]
                             }
                           ),
-                          /* @__PURE__ */ jsx55(
+                          /* @__PURE__ */ jsx56(
                             "svg",
                             {
                               style: {
@@ -39554,7 +39616,7 @@ function SwapMode({
                               strokeWidth: 2,
                               strokeLinecap: "round",
                               strokeLinejoin: "round",
-                              children: /* @__PURE__ */ jsx55("path", { d: "M6 9l6 6 6-6" })
+                              children: /* @__PURE__ */ jsx56("path", { d: "M6 9l6 6 6-6" })
                             }
                           )
                         ]
@@ -39575,18 +39637,18 @@ function SwapMode({
                     gap: spacing[2.5]
                   },
                   children: [
-                    /* @__PURE__ */ jsx55(
+                    /* @__PURE__ */ jsx56(
                       RateRow,
                       {
                         label: "Fee",
                         value: protocolFeeUsd !== null ? fmtLocal(protocolFeeUsd) : "Free"
                       }
                     ),
-                    /* @__PURE__ */ jsx55(
+                    /* @__PURE__ */ jsx56(
                       RateRow,
                       {
                         label: "Network cost",
-                        value: isGasSponsored ? /* @__PURE__ */ jsx55(SponsoredBadge, {}) : networkCostUsd !== null ? /* @__PURE__ */ jsxs46(
+                        value: isGasSponsored ? /* @__PURE__ */ jsx56(SponsoredBadge, {}) : networkCostUsd !== null ? /* @__PURE__ */ jsxs46(
                           "span",
                           {
                             style: {
@@ -39595,19 +39657,19 @@ function SwapMode({
                               gap: "0.25rem"
                             },
                             children: [
-                              /* @__PURE__ */ jsx55(GasIcon, { size: "0.75rem" }),
+                              /* @__PURE__ */ jsx56(GasIcon, { size: "0.75rem" }),
                               fmtLocal(networkCostUsd)
                             ]
                           }
-                        ) : /* @__PURE__ */ jsx55("span", { style: { color: colors.mutedForeground }, children: "Available after quote" })
+                        ) : /* @__PURE__ */ jsx56("span", { style: { color: colors.mutedForeground }, children: "Available after quote" })
                       }
                     ),
-                    /* @__PURE__ */ jsx55(RateRow, { label: "Max slippage", value: `${slippage}%` }),
-                    /* @__PURE__ */ jsx55(
+                    /* @__PURE__ */ jsx56(RateRow, { label: "Max slippage", value: `${slippage}%` }),
+                    /* @__PURE__ */ jsx56(
                       RateRow,
                       {
                         label: "Route",
-                        value: routePath ? /* @__PURE__ */ jsx55(
+                        value: routePath ? /* @__PURE__ */ jsx56(
                           "span",
                           {
                             style: {
@@ -39621,7 +39683,7 @@ function SwapMode({
                             title: routePath,
                             children: routePath
                           }
-                        ) : route.data?.route?.provider ?? /* @__PURE__ */ jsx55("span", { style: { color: colors.mutedForeground }, children: "Available after quote" })
+                        ) : route.data?.route?.provider ?? /* @__PURE__ */ jsx56("span", { style: { color: colors.mutedForeground }, children: "Available after quote" })
                       }
                     )
                   ]
@@ -39630,7 +39692,7 @@ function SwapMode({
             ]
           }
         ),
-        /* @__PURE__ */ jsx55(WidgetSecurityFooter, {})
+        /* @__PURE__ */ jsx56(WidgetSecurityFooter, {})
       ]
     }
   ) });
@@ -39677,7 +39739,7 @@ function SwapActionArea({
           marginBottom: spacing[3]
         },
         children: [
-          /* @__PURE__ */ jsx55(
+          /* @__PURE__ */ jsx56(
             "svg",
             {
               style: {
@@ -39687,10 +39749,10 @@ function SwapActionArea({
               },
               viewBox: "0 0 24 24",
               fill: "currentColor",
-              children: /* @__PURE__ */ jsx55("path", { d: "M12 2l2.09 6.26L20 10l-5.91 1.74L12 18l-2.09-6.26L4 10l5.91-1.74z" })
+              children: /* @__PURE__ */ jsx56("path", { d: "M12 2l2.09 6.26L20 10l-5.91 1.74L12 18l-2.09-6.26L4 10l5.91-1.74z" })
             }
           ),
-          /* @__PURE__ */ jsx55(
+          /* @__PURE__ */ jsx56(
             "span",
             {
               style: {
@@ -39704,8 +39766,8 @@ function SwapActionArea({
         ]
       }
     ),
-    quoteUnavailable ? /* @__PURE__ */ jsxs46(Fragment13, { children: [
-      /* @__PURE__ */ jsx55(
+    quoteUnavailable ? /* @__PURE__ */ jsxs46(Fragment14, { children: [
+      /* @__PURE__ */ jsx56(
         "p",
         {
           style: {
@@ -39717,7 +39779,7 @@ function SwapActionArea({
           children: quoteError ?? "This quote expired."
         }
       ),
-      /* @__PURE__ */ jsx55(
+      /* @__PURE__ */ jsx56(
         "button",
         {
           onClick: onRetryQuote,
@@ -39735,7 +39797,7 @@ function SwapActionArea({
           children: "Get a new quote"
         }
       )
-    ] }) : /* @__PURE__ */ jsx55(
+    ] }) : /* @__PURE__ */ jsx56(
       "button",
       {
         onClick: onExecute,
@@ -39813,7 +39875,7 @@ function TokenPillButton({
         },
         children: [
           placeholder,
-          /* @__PURE__ */ jsx55(
+          /* @__PURE__ */ jsx56(
             "svg",
             {
               style: { width: "1rem", height: "1rem" },
@@ -39821,7 +39883,7 @@ function TokenPillButton({
               fill: "none",
               stroke: "currentColor",
               strokeWidth: 2,
-              children: /* @__PURE__ */ jsx55(
+              children: /* @__PURE__ */ jsx56(
                 "path",
                 {
                   strokeLinecap: "round",
@@ -39856,7 +39918,7 @@ function TokenPillButton({
       },
       children: [
         /* @__PURE__ */ jsxs46("div", { style: { position: "relative" }, children: [
-          iconUrl ? /* @__PURE__ */ jsx55(
+          iconUrl ? /* @__PURE__ */ jsx56(
             "img",
             {
               src: iconUrl,
@@ -39868,7 +39930,7 @@ function TokenPillButton({
                 objectFit: "cover"
               }
             }
-          ) : /* @__PURE__ */ jsx55(
+          ) : /* @__PURE__ */ jsx56(
             "div",
             {
               style: {
@@ -39880,7 +39942,7 @@ function TokenPillButton({
                 alignItems: "center",
                 justifyContent: "center"
               },
-              children: /* @__PURE__ */ jsx55(
+              children: /* @__PURE__ */ jsx56(
                 "span",
                 {
                   style: {
@@ -39893,7 +39955,7 @@ function TokenPillButton({
               )
             }
           ),
-          chainIcon && /* @__PURE__ */ jsx55(
+          chainIcon && /* @__PURE__ */ jsx56(
             "img",
             {
               src: chainIcon,
@@ -39911,7 +39973,7 @@ function TokenPillButton({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx55(
+        /* @__PURE__ */ jsx56(
           "span",
           {
             style: {
@@ -39922,7 +39984,7 @@ function TokenPillButton({
             children: token.symbol
           }
         ),
-        !disabled && /* @__PURE__ */ jsx55(
+        !disabled && /* @__PURE__ */ jsx56(
           "svg",
           {
             style: {
@@ -39934,7 +39996,7 @@ function TokenPillButton({
             fill: "none",
             stroke: "currentColor",
             strokeWidth: 2,
-            children: /* @__PURE__ */ jsx55(
+            children: /* @__PURE__ */ jsx56(
               "path",
               {
                 strokeLinecap: "round",
@@ -39956,7 +40018,7 @@ function TokenIcon({
   const imgSize = size === "lg" ? "2.75rem" : "2.5rem";
   const badgeSize = size === "lg" ? "1.125rem" : "1rem";
   return /* @__PURE__ */ jsxs46("div", { style: { position: "relative", flexShrink: 0 }, children: [
-    /* @__PURE__ */ jsx55(
+    /* @__PURE__ */ jsx56(
       "img",
       {
         src: icon,
@@ -39964,7 +40026,7 @@ function TokenIcon({
         style: { width: imgSize, height: imgSize, borderRadius: "9999px" }
       }
     ),
-    chainIcon && /* @__PURE__ */ jsx55(
+    chainIcon && /* @__PURE__ */ jsx56(
       "img",
       {
         src: chainIcon,
@@ -39988,7 +40050,7 @@ function ReviewDetailRow({
   value,
   tooltip
 }) {
-  const iconRef = useRef20(null);
+  const iconRef = useRef19(null);
   const [tipPos, setTipPos] = useState34(null);
   const handleMouseEnter = () => {
     if (!tooltip || !iconRef.current) return;
@@ -40016,7 +40078,7 @@ function ReviewDetailRow({
             },
             children: [
               label,
-              /* @__PURE__ */ jsx55(
+              /* @__PURE__ */ jsx56(
                 "span",
                 {
                   ref: iconRef,
@@ -40039,8 +40101,8 @@ function ReviewDetailRow({
                       strokeLinecap: "round",
                       strokeLinejoin: "round",
                       children: [
-                        /* @__PURE__ */ jsx55("circle", { cx: "12", cy: "12", r: "10" }),
-                        /* @__PURE__ */ jsx55("path", { d: "M12 16v-4M12 8h.01" })
+                        /* @__PURE__ */ jsx56("circle", { cx: "12", cy: "12", r: "10" }),
+                        /* @__PURE__ */ jsx56("path", { d: "M12 16v-4M12 8h.01" })
                       ]
                     }
                   )
@@ -40049,9 +40111,9 @@ function ReviewDetailRow({
             ]
           }
         ),
-        /* @__PURE__ */ jsx55("span", { style: { color: colors.foreground, fontWeight: fontWeight.medium }, children: value }),
+        /* @__PURE__ */ jsx56("span", { style: { color: colors.foreground, fontWeight: fontWeight.medium }, children: value }),
         tooltip && tipPos && typeof document !== "undefined" && ReactDOM.createPortal(
-          /* @__PURE__ */ jsx55(
+          /* @__PURE__ */ jsx56(
             "span",
             {
               style: {
@@ -40091,10 +40153,10 @@ function GasIcon({ size = "0.875rem" }) {
       strokeLinecap: "round",
       strokeLinejoin: "round",
       children: [
-        /* @__PURE__ */ jsx55("path", { d: "M3 22V7a2 2 0 0 1 2-2h7a2 2 0 0 1 2 2v15" }),
-        /* @__PURE__ */ jsx55("path", { d: "M3 11h11" }),
-        /* @__PURE__ */ jsx55("path", { d: "M17 5h1a2 2 0 0 1 2 2v2.5a1.5 1.5 0 0 0 3 0V7l-3-3" }),
-        /* @__PURE__ */ jsx55("path", { d: "M19 22V12" })
+        /* @__PURE__ */ jsx56("path", { d: "M3 22V7a2 2 0 0 1 2-2h7a2 2 0 0 1 2 2v15" }),
+        /* @__PURE__ */ jsx56("path", { d: "M3 11h11" }),
+        /* @__PURE__ */ jsx56("path", { d: "M17 5h1a2 2 0 0 1 2 2v2.5a1.5 1.5 0 0 0 3 0V7l-3-3" }),
+        /* @__PURE__ */ jsx56("path", { d: "M19 22V12" })
       ]
     }
   );
@@ -40111,13 +40173,13 @@ function SponsoredBadge() {
         fontWeight: fontWeight.medium
       },
       children: [
-        /* @__PURE__ */ jsx55(
+        /* @__PURE__ */ jsx56(
           "svg",
           {
             style: { width: "0.75rem", height: "0.75rem" },
             viewBox: "0 0 24 24",
             fill: "currentColor",
-            children: /* @__PURE__ */ jsx55("path", { d: "M12 2l2.09 6.26L20 10l-5.91 1.74L12 18l-2.09-6.26L4 10l5.91-1.74z" })
+            children: /* @__PURE__ */ jsx56("path", { d: "M12 2l2.09 6.26L20 10l-5.91 1.74L12 18l-2.09-6.26L4 10l5.91-1.74z" })
           }
         ),
         "Sponsored"
@@ -40138,8 +40200,8 @@ function SuccessReceiptRow({
         justifyContent: "space-between"
       },
       children: [
-        /* @__PURE__ */ jsx55("span", { style: { color: colors.mutedForeground }, children: label }),
-        /* @__PURE__ */ jsx55("span", { style: { fontWeight: fontWeight.medium, color: colors.foreground }, children: value })
+        /* @__PURE__ */ jsx56("span", { style: { color: colors.mutedForeground }, children: label }),
+        /* @__PURE__ */ jsx56("span", { style: { fontWeight: fontWeight.medium, color: colors.foreground }, children: value })
       ]
     }
   );
@@ -40153,7 +40215,7 @@ function ProcessingStepNode({
   const nodeColor = done ? colors.green[500] : active ? `hsl(var(--tw-primary))` : colors.border;
   const iconColor = done ? "#fff" : active ? `hsl(var(--tw-primary))` : colors.mutedForeground;
   const nodeBg = done ? colors.green[500] : "transparent";
-  const iconEl = icon === "send" ? /* @__PURE__ */ jsx55(
+  const iconEl = icon === "send" ? /* @__PURE__ */ jsx56(
     "svg",
     {
       style: { width: "0.875rem", height: "0.875rem", color: iconColor },
@@ -40163,9 +40225,9 @@ function ProcessingStepNode({
       strokeWidth: 2,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      children: /* @__PURE__ */ jsx55("path", { d: "M22 2L11 13M22 2l-7 20-4-9-9-4 20-7z" })
+      children: /* @__PURE__ */ jsx56("path", { d: "M22 2L11 13M22 2l-7 20-4-9-9-4 20-7z" })
     }
-  ) : icon === "plus" ? /* @__PURE__ */ jsx55(
+  ) : icon === "plus" ? /* @__PURE__ */ jsx56(
     "svg",
     {
       style: { width: "0.875rem", height: "0.875rem", color: iconColor },
@@ -40175,7 +40237,7 @@ function ProcessingStepNode({
       strokeWidth: 2,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      children: /* @__PURE__ */ jsx55("path", { d: "M12 5v14M5 12h14" })
+      children: /* @__PURE__ */ jsx56("path", { d: "M12 5v14M5 12h14" })
     }
   ) : /* @__PURE__ */ jsxs46(
     "svg",
@@ -40188,12 +40250,12 @@ function ProcessingStepNode({
       strokeLinecap: "round",
       strokeLinejoin: "round",
       children: [
-        /* @__PURE__ */ jsx55("path", { d: "M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z" }),
-        /* @__PURE__ */ jsx55("line", { x1: "4", y1: "22", x2: "4", y2: "15" })
+        /* @__PURE__ */ jsx56("path", { d: "M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z" }),
+        /* @__PURE__ */ jsx56("line", { x1: "4", y1: "22", x2: "4", y2: "15" })
       ]
     }
   );
-  const doneIcon = /* @__PURE__ */ jsx55(
+  const doneIcon = /* @__PURE__ */ jsx56(
     "svg",
     {
       style: { width: "0.875rem", height: "0.875rem", color: "#fff" },
@@ -40203,7 +40265,7 @@ function ProcessingStepNode({
       strokeWidth: 3,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      children: /* @__PURE__ */ jsx55("path", { d: "M20 6L9 17l-5-5" })
+      children: /* @__PURE__ */ jsx56("path", { d: "M20 6L9 17l-5-5" })
     }
   );
   return /* @__PURE__ */ jsxs46(
@@ -40217,7 +40279,7 @@ function ProcessingStepNode({
         maxWidth: "5rem"
       },
       children: [
-        /* @__PURE__ */ jsx55(
+        /* @__PURE__ */ jsx56(
           "div",
           {
             style: {
@@ -40235,7 +40297,7 @@ function ProcessingStepNode({
             children: done ? doneIcon : iconEl
           }
         ),
-        /* @__PURE__ */ jsx55(
+        /* @__PURE__ */ jsx56(
           "span",
           {
             style: {
@@ -40254,7 +40316,7 @@ function ProcessingStepNode({
   );
 }
 function ProcessingStepLine({ done }) {
-  return /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx56(
     "div",
     {
       style: {
@@ -40289,6 +40351,7 @@ var init_SwapMode = __esm({
     init_useSwapRoute();
     init_useSwapExecution();
     init_walletBalance();
+    init_analytics();
     init_useForex();
     init_SwapTokenSelect();
     init_currency();
@@ -40327,12 +40390,12 @@ var init_swap = __esm({
 import {
   useState as useState35,
   useEffect as useEffect35,
-  useRef as useRef21,
+  useRef as useRef20,
   useCallback as useCallback23,
   useImperativeHandle,
   forwardRef
 } from "react";
-import { Fragment as Fragment14, jsx as jsx56, jsxs as jsxs47 } from "react/jsx-runtime";
+import { Fragment as Fragment15, jsx as jsx57, jsxs as jsxs47 } from "react/jsx-runtime";
 function WidgetContent({
   style,
   onStateChange,
@@ -40364,8 +40427,8 @@ function WidgetContent({
     onStateChange
   ]);
   return /* @__PURE__ */ jsxs47("div", { style: mergeStyles(widgetContentContainerStyle, style), children: [
-    showThemeToggle && /* @__PURE__ */ jsx56("div", { style: themeToggleContainerStyle, children: /* @__PURE__ */ jsx56(ThemeToggle, { theme: resolvedTheme, onToggle: toggleTheme }) }),
-    /* @__PURE__ */ jsx56(
+    showThemeToggle && /* @__PURE__ */ jsx57("div", { style: themeToggleContainerStyle, children: /* @__PURE__ */ jsx57(ThemeToggle, { theme: resolvedTheme, onToggle: toggleTheme }) }),
+    /* @__PURE__ */ jsx57(
       WidgetRouter,
       {
         currentStep,
@@ -40387,7 +40450,6 @@ function WidgetInner({
   const { resolvedTheme } = useDepositUi();
   const { status, revalidate, errors } = useTrustware();
   const [showConfirmDialog, setShowConfirmDialog] = useState35(false);
-  useGTM(GTM_ID);
   const handleCloseRequest = useCallback23(() => {
     if (ACTIVE_TRANSACTION_STATUSES.includes(transactionStatus)) {
       setShowConfirmDialog(true);
@@ -40415,16 +40477,16 @@ function WidgetInner({
   const handleRefresh = useCallback23(() => {
     revalidate?.();
   }, [revalidate]);
-  return /* @__PURE__ */ jsxs47(Fragment14, { children: [
+  return /* @__PURE__ */ jsxs47(Fragment15, { children: [
     /* @__PURE__ */ jsxs47(WidgetContainer, { theme: effectiveTheme, style, children: [
-      /* @__PURE__ */ jsx56(
+      /* @__PURE__ */ jsx57(
         WidgetContent,
         {
           onStateChange,
           showThemeToggle
         }
       ),
-      /* @__PURE__ */ jsx56(
+      /* @__PURE__ */ jsx57(
         InitErrorOverlay,
         {
           open: initBlocked,
@@ -40435,7 +40497,7 @@ function WidgetInner({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx56(
+    /* @__PURE__ */ jsx57(
       ConfirmCloseDialog,
       {
         open: showConfirmDialog,
@@ -40461,8 +40523,7 @@ var init_TrustwareWidgetV2 = __esm({
     init_provider();
     init_manager();
     init_useTrustwareConfig();
-    init_hooks();
-    init_constants();
+    init_WidgetAnalytics();
     init_swap();
     widgetContentContainerStyle = {
       position: "relative",
@@ -40486,7 +40547,7 @@ var init_TrustwareWidgetV2 = __esm({
       showThemeToggle = true
     }, ref) {
       const [isOpen, setIsOpen] = useState35(defaultOpen);
-      const closeRequestRef = useRef21(null);
+      const closeRequestRef = useRef20(null);
       const config = useTrustwareConfig();
       const effectiveInitialStep = initialStep;
       const open = useCallback23(() => {
@@ -40517,10 +40578,10 @@ var init_TrustwareWidgetV2 = __esm({
       if (!isOpen) {
         return null;
       }
-      if (config.mode === "swap") {
-        return /* @__PURE__ */ jsx56(SwapMode, { theme, style });
-      }
-      return /* @__PURE__ */ jsx56(DepositProvider, { initialStep: effectiveInitialStep, children: /* @__PURE__ */ jsx56(
+      return /* @__PURE__ */ jsx57(WidgetAnalytics, { children: config.mode === "swap" ? (
+        // Swap Mode bypasses DepositProvider — fully standalone
+        /* @__PURE__ */ jsx57(SwapMode, { theme, style })
+      ) : /* @__PURE__ */ jsx57(DepositProvider, { initialStep: effectiveInitialStep, children: /* @__PURE__ */ jsx57(
         WidgetInner,
         {
           theme,
@@ -40529,7 +40590,7 @@ var init_TrustwareWidgetV2 = __esm({
           closeRequestRef,
           showThemeToggle
         }
-      ) });
+      ) }) });
     });
   }
 });