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

package/dist/widget.mjs

@@ -571,7 +571,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";
@@ -6042,7 +6042,7 @@ var init_failure = __esm({
 });
 
 // src/hooks/useGTM.ts
-import { useEffect as useEffect5, useRef as useRef2, useCallback as useCallback2 } from "react";
+import { useEffect as useEffect5, useCallback as useCallback2 } from "react";
 function isGA4Allowed() {
   try {
     return Trustware.getConfig().features.shouldAllowGA4;
@@ -6111,7 +6111,6 @@ function useGTMTracker() {
   return { trackEvent, trackPageView, setUserProperty, directGtag };
 }
 function useGTM(gtmId) {
-  const scriptRef = useRef2(null);
   const tracker = useGTMTracker();
   useEffect5(() => {
     if (!isGA4Allowed()) {
@@ -6126,14 +6125,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({
@@ -6145,15 +6154,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 = useCallback2(() => {
     if (!isGA4Allowed()) return;
@@ -6171,12 +6174,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;
   }
 });
 
@@ -6190,7 +6195,7 @@ var init_hooks = __esm({
 });
 
 // src/widget/hooks/useTransactionPolling.ts
-import { useCallback as useCallback3, useEffect as useEffect6, useRef as useRef3, useState as useState6 } from "react";
+import { useCallback as useCallback3, useEffect as useEffect6, useRef as useRef2, useState as useState6 } from "react";
 function useTransactionPolling() {
   const { setCurrentStep } = useDepositNavigation();
   const { setTransactionStatus, setErrorMessage } = useDepositTransaction();
@@ -6211,11 +6216,11 @@ function useTransactionPolling() {
     transaction: null,
     receiptSubmitted: false
   });
-  const pollingRef = useRef3(null);
-  const timeoutRef = useRef3(null);
-  const abortRef = useRef3(false);
-  const startTimeRef = useRef3(0);
-  const pollCountRef = useRef3(0);
+  const pollingRef = useRef2(null);
+  const timeoutRef = useRef2(null);
+  const abortRef = useRef2(false);
+  const startTimeRef = useRef2(0);
+  const pollCountRef = useRef2(0);
   const clearPolling = useCallback3(() => {
     abortRef.current = true;
     if (pollingRef.current) {
@@ -6386,7 +6391,7 @@ function useTransactionPolling() {
       receiptSubmitted: false
     });
   }, [clearPolling]);
-  const clearPollingRef = useRef3(clearPolling);
+  const clearPollingRef = useRef2(clearPolling);
   clearPollingRef.current = clearPolling;
   useEffect6(() => {
     return () => {
@@ -9132,7 +9137,7 @@ var init_wallets = __esm({
 });
 
 // src/widget/state/deposit/useWalletTokenState.ts
-import { useCallback as useCallback5, useEffect as useEffect9, useRef as useRef4, useState as useState8 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect9, useRef as useRef3, useState as useState8 } from "react";
 function useWalletTokenState({
   walletAddress,
   selectedChain,
@@ -9143,16 +9148,16 @@ function useWalletTokenState({
   const [yourWalletTokens, setYourWalletTokens] = useState8([]);
   const [yourWalletTokensLoading, setYourWalletTokensLoading] = useState8(false);
   const [walletTokensReloadNonce, setWalletTokensReloadNonce] = useState8(0);
-  const lastLoadedWalletRef = useRef4(null);
+  const lastLoadedWalletRef = useRef3(null);
   const { tokens } = useTokens(null);
   const { chains } = useChains();
-  const selectedChainRef = useRef4(selectedChain);
+  const selectedChainRef = useRef3(selectedChain);
   selectedChainRef.current = selectedChain;
-  const selectedTokenRef = useRef4(selectedToken);
+  const selectedTokenRef = useRef3(selectedToken);
   selectedTokenRef.current = selectedToken;
-  const setSelectedChainRef = useRef4(setSelectedChain);
+  const setSelectedChainRef = useRef3(setSelectedChain);
   setSelectedChainRef.current = setSelectedChain;
-  const setSelectedTokenRef = useRef4(setSelectedToken);
+  const setSelectedTokenRef = useRef3(setSelectedToken);
   setSelectedTokenRef.current = setSelectedToken;
   const { address: fallbackAddress } = useWalletInfo();
   const getCurrentWalletAddress = useCallback5(
@@ -10399,7 +10404,7 @@ var init_useWalletSessionState = __esm({
 });
 
 // src/widget/state/deposit/useWalletConnect.ts
-import { useCallback as useCallback10, useEffect as useEffect13, useRef as useRef5, useState as useState13 } from "react";
+import { useCallback as useCallback10, useEffect as useEffect13, useRef as useRef4, useState as useState13 } from "react";
 function useWalletConnect({
   setWalletType,
   setCurrentStep,
@@ -10411,7 +10416,7 @@ function useWalletConnect({
   const ecosystem = selectedNamespace.trim().toLowerCase() === "solana" ? "solana" : "evm";
   const [wcStatus, setWcStatus] = useState13("idle");
   const [wcErrorMessage, setWcErrorMessage] = useState13(null);
-  const wcTimeoutRef = useRef5(null);
+  const wcTimeoutRef = useRef4(null);
   const clearWcTimeout = useCallback10(() => {
     if (wcTimeoutRef.current !== null) {
       clearTimeout(wcTimeoutRef.current);
@@ -11119,7 +11124,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";
@@ -11159,7 +11164,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;
@@ -11485,7 +11490,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({
@@ -11502,10 +11507,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) {
@@ -11850,7 +11855,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,
@@ -11868,13 +11873,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;
@@ -12766,7 +12771,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
@@ -12783,8 +12788,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,
@@ -14114,7 +14119,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,
@@ -14146,10 +14151,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;
@@ -17263,7 +17268,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()) {
@@ -17350,7 +17355,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(() => {
@@ -17821,7 +17826,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,
@@ -17832,8 +17837,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) => {
@@ -32088,7 +32093,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();
@@ -32110,7 +32115,7 @@ function useTransactionActionModel({
   walletAddress,
   walletStatus
 }) {
-  const feeDataCacheRef = useRef13({});
+  const feeDataCacheRef = useRef12({});
   const { isSubmitting, submitTransaction } = useTransactionSubmit();
   const { trackEvent } = useGTMTracker();
   const destinationConfig = (() => {
@@ -33251,7 +33256,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) {
@@ -33290,7 +33295,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;
@@ -33647,15 +33652,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;
@@ -33715,7 +33736,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;
@@ -33755,11 +33776,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);
@@ -34206,6 +34227,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;
@@ -34235,12 +34286,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 = () => {
@@ -34279,7 +34330,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,
@@ -34423,7 +34474,7 @@ function SwapTokenSelect({
               borderBottom: `1px solid ${colors.border}`
             },
             children: [
-              /* @__PURE__ */ jsx51(
+              /* @__PURE__ */ jsx52(
                 "button",
                 {
                   type: "button",
@@ -34437,7 +34488,7 @@ function SwapTokenSelect({
                     cursor: "pointer"
                   },
                   "aria-label": "Go back",
-                  children: /* @__PURE__ */ jsx51(
+                  children: /* @__PURE__ */ jsx52(
                     "svg",
                     {
                       style: {
@@ -34449,7 +34500,7 @@ function SwapTokenSelect({
                       fill: "none",
                       stroke: "currentColor",
                       strokeWidth: 2,
-                      children: /* @__PURE__ */ jsx51(
+                      children: /* @__PURE__ */ jsx52(
                         "path",
                         {
                           strokeLinecap: "round",
@@ -34461,7 +34512,7 @@ function SwapTokenSelect({
                   )
                 }
               ),
-              /* @__PURE__ */ jsx51(
+              /* @__PURE__ */ jsx52(
                 "h1",
                 {
                   style: {
@@ -34479,7 +34530,7 @@ function SwapTokenSelect({
           }
         ),
         /* @__PURE__ */ jsxs42("div", { style: { flex: 1, display: "flex", overflow: "hidden" }, children: [
-          /* @__PURE__ */ jsx51(
+          /* @__PURE__ */ jsx52(
             ChainSelectorPanel,
             {
               error: chainsError,
@@ -34490,7 +34541,7 @@ function SwapTokenSelect({
               popularChains
             }
           ),
-          /* @__PURE__ */ jsx51(
+          /* @__PURE__ */ jsx52(
             TokenSelectorPanel,
             {
               filteredTokens: visibleTokens,
@@ -34509,7 +34560,7 @@ function SwapTokenSelect({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx51(WidgetSecurityFooter, {})
+        /* @__PURE__ */ jsx52(WidgetSecurityFooter, {})
       ]
     }
   );
@@ -34599,8 +34650,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,
@@ -34620,8 +34671,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(() => {
@@ -34742,7 +34793,7 @@ function SwapWalletSelectorMobile({
               borderBottom: `1px solid ${colors.border}`
             },
             children: [
-              /* @__PURE__ */ jsx52(
+              /* @__PURE__ */ jsx53(
                 "button",
                 {
                   type: "button",
@@ -34755,7 +34806,7 @@ function SwapWalletSelectorMobile({
                     border: 0,
                     cursor: "pointer"
                   },
-                  children: /* @__PURE__ */ jsx52(
+                  children: /* @__PURE__ */ jsx53(
                     "svg",
                     {
                       style: {
@@ -34767,7 +34818,7 @@ function SwapWalletSelectorMobile({
                       fill: "none",
                       stroke: "currentColor",
                       strokeWidth: 2,
-                      children: /* @__PURE__ */ jsx52(
+                      children: /* @__PURE__ */ jsx53(
                         "path",
                         {
                           strokeLinecap: "round",
@@ -34779,7 +34830,7 @@ function SwapWalletSelectorMobile({
                   )
                 }
               ),
-              /* @__PURE__ */ jsx52(
+              /* @__PURE__ */ jsx53(
                 "h1",
                 {
                   style: {
@@ -34792,11 +34843,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: {
@@ -34807,7 +34858,7 @@ function SwapWalletSelectorMobile({
               padding: "3px",
               gap: "2px"
             },
-            children: tabs.map((t) => /* @__PURE__ */ jsx52(
+            children: tabs.map((t) => /* @__PURE__ */ jsx53(
               "button",
               {
                 onClick: () => setSelectedNamespace(t.id),
@@ -34841,8 +34892,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: {
@@ -34854,7 +34905,7 @@ function SwapWalletSelectorMobile({
                     children: "No Wallets Found"
                   }
                 ),
-                /* @__PURE__ */ jsx52(
+                /* @__PURE__ */ jsx53(
                   "p",
                   {
                     style: {
@@ -34865,7 +34916,7 @@ function SwapWalletSelectorMobile({
                     children: "Please install a web3 wallet to continue."
                   }
                 ),
-                /* @__PURE__ */ jsx52(
+                /* @__PURE__ */ jsx53(
                   "a",
                   {
                     href: "https://metamask.io/download/",
@@ -34886,7 +34937,7 @@ function SwapWalletSelectorMobile({
                     children: "Install MetaMask"
                   }
                 )
-              ] }) : /* @__PURE__ */ jsx52(
+              ] }) : /* @__PURE__ */ jsx53(
                 "div",
                 {
                   style: {
@@ -34920,7 +34971,7 @@ function SwapWalletSelectorMobile({
                           isRowDisabled && { opacity: 0.4 }
                         ),
                         children: [
-                          /* @__PURE__ */ jsx52(
+                          /* @__PURE__ */ jsx53(
                             "div",
                             {
                               style: {
@@ -34934,7 +34985,7 @@ function SwapWalletSelectorMobile({
                                 overflow: "hidden",
                                 flexShrink: 0
                               },
-                              children: meta.logo ? /* @__PURE__ */ jsx52(
+                              children: meta.logo ? /* @__PURE__ */ jsx53(
                                 "img",
                                 {
                                   src: meta.logo,
@@ -34945,11 +34996,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: {
@@ -34974,7 +35025,7 @@ function SwapWalletSelectorMobile({
                               }
                             )
                           ] }),
-                          isConnecting ? /* @__PURE__ */ jsx52(
+                          isConnecting ? /* @__PURE__ */ jsx53(
                             "div",
                             {
                               style: {
@@ -34987,7 +35038,7 @@ function SwapWalletSelectorMobile({
                                 flexShrink: 0
                               }
                             }
-                          ) : isWalletConnected ? /* @__PURE__ */ jsx52(
+                          ) : isWalletConnected ? /* @__PURE__ */ jsx53(
                             "button",
                             {
                               onClick: handleDisconnect,
@@ -35004,7 +35055,7 @@ function SwapWalletSelectorMobile({
                               },
                               children: "Disconnect"
                             }
-                          ) : /* @__PURE__ */ jsx52(
+                          ) : /* @__PURE__ */ jsx53(
                             "button",
                             {
                               onClick: () => void handleClick(entry),
@@ -35036,8 +35087,8 @@ function SwapWalletSelectorMobile({
                   })
                 }
               ),
-              selectedNamespace === "evm" && /* @__PURE__ */ jsxs43(Fragment10, { children: [
-                /* @__PURE__ */ jsx52(
+              selectedNamespace === "evm" && /* @__PURE__ */ jsxs43(Fragment11, { children: [
+                /* @__PURE__ */ jsx53(
                   "div",
                   {
                     style: {
@@ -35073,7 +35124,7 @@ function SwapWalletSelectorMobile({
                       ),
                       onClick: !wcConnected && !wcRowDisabled ? () => void handleWalletConnect() : void 0,
                       children: [
-                        /* @__PURE__ */ jsx52(
+                        /* @__PURE__ */ jsx53(
                           "div",
                           {
                             style: {
@@ -35086,7 +35137,7 @@ function SwapWalletSelectorMobile({
                               justifyContent: "center",
                               flexShrink: 0
                             },
-                            children: /* @__PURE__ */ jsx52(
+                            children: /* @__PURE__ */ jsx53(
                               "svg",
                               {
                                 style: {
@@ -35096,13 +35147,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: {
@@ -35127,7 +35178,7 @@ function SwapWalletSelectorMobile({
                             }
                           )
                         ] }),
-                        wcConnecting ? /* @__PURE__ */ jsx52(
+                        wcConnecting ? /* @__PURE__ */ jsx53(
                           "div",
                           {
                             style: {
@@ -35140,7 +35191,7 @@ function SwapWalletSelectorMobile({
                               flexShrink: 0
                             }
                           }
-                        ) : wcConnected ? /* @__PURE__ */ jsx52(
+                        ) : wcConnected ? /* @__PURE__ */ jsx53(
                           "button",
                           {
                             onClick: (e2) => {
@@ -35160,7 +35211,7 @@ function SwapWalletSelectorMobile({
                             },
                             children: "Disconnect"
                           }
-                        ) : /* @__PURE__ */ jsx52(
+                        ) : /* @__PURE__ */ jsx53(
                           "button",
                           {
                             onClick: (e2) => {
@@ -35215,8 +35266,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,
@@ -35236,7 +35287,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);
@@ -35320,7 +35371,7 @@ function SwapWalletSelectorDesktop({
           borderBottom: `1px solid ${colors.border}`
         },
         children: [
-          /* @__PURE__ */ jsx53(
+          /* @__PURE__ */ jsx54(
             "button",
             {
               type: "button",
@@ -35333,7 +35384,7 @@ function SwapWalletSelectorDesktop({
                 border: 0,
                 cursor: "pointer"
               },
-              children: /* @__PURE__ */ jsx53(
+              children: /* @__PURE__ */ jsx54(
                 "svg",
                 {
                   style: {
@@ -35345,7 +35396,7 @@ function SwapWalletSelectorDesktop({
                   fill: "none",
                   stroke: "currentColor",
                   strokeWidth: 2,
-                  children: /* @__PURE__ */ jsx53(
+                  children: /* @__PURE__ */ jsx54(
                     "path",
                     {
                       strokeLinecap: "round",
@@ -35357,7 +35408,7 @@ function SwapWalletSelectorDesktop({
               )
             }
           ),
-          /* @__PURE__ */ jsx53(
+          /* @__PURE__ */ jsx54(
             "h1",
             {
               style: {
@@ -35370,7 +35421,7 @@ function SwapWalletSelectorDesktop({
               children: "Connect Wallet"
             }
           ),
-          /* @__PURE__ */ jsx53(
+          /* @__PURE__ */ jsx54(
             "div",
             {
               style: {
@@ -35381,7 +35432,7 @@ function SwapWalletSelectorDesktop({
                 padding: "3px",
                 gap: "2px"
               },
-              children: tabs.map((t) => /* @__PURE__ */ jsx53(
+              children: tabs.map((t) => /* @__PURE__ */ jsx54(
                 "button",
                 {
                   onClick: () => setSelectedNamespace(t.id),
@@ -35430,7 +35481,7 @@ function SwapWalletSelectorDesktop({
                   animation: "tw-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite"
                 },
                 children: [
-                  /* @__PURE__ */ jsx53(
+                  /* @__PURE__ */ jsx54(
                     "div",
                     {
                       style: {
@@ -35441,7 +35492,7 @@ function SwapWalletSelectorDesktop({
                       }
                     }
                   ),
-                  /* @__PURE__ */ jsx53(
+                  /* @__PURE__ */ jsx54(
                     "div",
                     {
                       style: {
@@ -35456,7 +35507,7 @@ function SwapWalletSelectorDesktop({
               },
               i
             )),
-            /* @__PURE__ */ jsx53(
+            /* @__PURE__ */ jsx54(
               "p",
               {
                 style: {
@@ -35471,8 +35522,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: {
@@ -35484,7 +35535,7 @@ function SwapWalletSelectorDesktop({
             children: "No Wallets Found"
           }
         ),
-        /* @__PURE__ */ jsx53(
+        /* @__PURE__ */ jsx54(
           "p",
           {
             style: {
@@ -35495,7 +35546,7 @@ function SwapWalletSelectorDesktop({
             children: "Please install a web3 wallet to continue."
           }
         ),
-        /* @__PURE__ */ jsx53(
+        /* @__PURE__ */ jsx54(
           "a",
           {
             href: "https://metamask.io/download/",
@@ -35516,7 +35567,7 @@ function SwapWalletSelectorDesktop({
             children: "Install MetaMask"
           }
         )
-      ] }) : /* @__PURE__ */ jsx53(
+      ] }) : /* @__PURE__ */ jsx54(
         "div",
         {
           style: {
@@ -35547,7 +35598,7 @@ function SwapWalletSelectorDesktop({
                   }
                 ),
                 children: [
-                  /* @__PURE__ */ jsx53(
+                  /* @__PURE__ */ jsx54(
                     "div",
                     {
                       style: {
@@ -35561,7 +35612,7 @@ function SwapWalletSelectorDesktop({
                         overflow: "hidden",
                         flexShrink: 0
                       },
-                      children: wallet.meta.logo ? /* @__PURE__ */ jsx53(
+                      children: wallet.meta.logo ? /* @__PURE__ */ jsx54(
                         "img",
                         {
                           src: wallet.meta.logo,
@@ -35572,7 +35623,7 @@ function SwapWalletSelectorDesktop({
                             objectFit: "contain"
                           }
                         }
-                      ) : wallet.detail?.info?.icon ? /* @__PURE__ */ jsx53(
+                      ) : wallet.detail?.info?.icon ? /* @__PURE__ */ jsx54(
                         "img",
                         {
                           src: wallet.detail.info.icon,
@@ -35583,11 +35634,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: {
@@ -35612,7 +35663,7 @@ function SwapWalletSelectorDesktop({
                       }
                     )
                   ] }),
-                  isConnecting ? /* @__PURE__ */ jsx53(
+                  isConnecting ? /* @__PURE__ */ jsx54(
                     "div",
                     {
                       style: {
@@ -35625,7 +35676,7 @@ function SwapWalletSelectorDesktop({
                         flexShrink: 0
                       }
                     }
-                  ) : isWalletConnected ? /* @__PURE__ */ jsx53(
+                  ) : isWalletConnected ? /* @__PURE__ */ jsx54(
                     "button",
                     {
                       onClick: handleDisconnect,
@@ -35642,7 +35693,7 @@ function SwapWalletSelectorDesktop({
                       },
                       children: "Disconnect"
                     }
-                  ) : /* @__PURE__ */ jsx53(
+                  ) : /* @__PURE__ */ jsx54(
                     "button",
                     {
                       onClick: () => void handleClick(wallet),
@@ -35674,8 +35725,8 @@ function SwapWalletSelectorDesktop({
           })
         }
       ),
-      selectedNamespace === "evm" && /* @__PURE__ */ jsxs44(Fragment11, { children: [
-        /* @__PURE__ */ jsx53(
+      selectedNamespace === "evm" && /* @__PURE__ */ jsxs44(Fragment12, { children: [
+        /* @__PURE__ */ jsx54(
           "div",
           {
             style: {
@@ -35709,7 +35760,7 @@ function SwapWalletSelectorDesktop({
               ),
               onClick: !wcConnected ? () => void handleWalletConnect() : void 0,
               children: [
-                /* @__PURE__ */ jsx53(
+                /* @__PURE__ */ jsx54(
                   "div",
                   {
                     style: {
@@ -35722,7 +35773,7 @@ function SwapWalletSelectorDesktop({
                       justifyContent: "center",
                       flexShrink: 0
                     },
-                    children: /* @__PURE__ */ jsx53(
+                    children: /* @__PURE__ */ jsx54(
                       "svg",
                       {
                         style: {
@@ -35732,13 +35783,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: {
@@ -35763,7 +35814,7 @@ function SwapWalletSelectorDesktop({
                     }
                   )
                 ] }),
-                wcConnecting ? /* @__PURE__ */ jsx53(
+                wcConnecting ? /* @__PURE__ */ jsx54(
                   "div",
                   {
                     style: {
@@ -35776,7 +35827,7 @@ function SwapWalletSelectorDesktop({
                       flexShrink: 0
                     }
                   }
-                ) : wcConnected ? /* @__PURE__ */ jsx53(
+                ) : wcConnected ? /* @__PURE__ */ jsx54(
                   "button",
                   {
                     onClick: (e2) => {
@@ -35796,7 +35847,7 @@ function SwapWalletSelectorDesktop({
                     },
                     children: "Disconnect"
                   }
-                ) : /* @__PURE__ */ jsx53(
+                ) : /* @__PURE__ */ jsx54(
                   "button",
                   {
                     onClick: (e2) => {
@@ -35838,7 +35889,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,
@@ -35846,8 +35897,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,
@@ -35856,7 +35907,7 @@ function SwapWalletSelector({
         onBack
       }
     ),
-    !isMobile && /* @__PURE__ */ jsx54(
+    !isMobile && /* @__PURE__ */ jsx55(
       SwapWalletSelectorDesktop,
       {
         walletStatus,
@@ -35893,11 +35944,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 });
@@ -35979,8 +36030,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 })
       ]
     }
   );
@@ -36012,13 +36063,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;
@@ -36034,9 +36085,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(
@@ -36069,7 +36123,7 @@ function SwapMode({
     () => [...popularChains, ...otherChains],
     [popularChains, otherChains]
   );
-  const destInitialized = useRef20(false);
+  const destInitialized = useRef19(false);
   useEffect34(() => {
     if (!defaultDestRef || destInitialized.current || allChains.length === 0)
       return;
@@ -36278,6 +36332,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;
@@ -36293,12 +36357,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();
@@ -36508,7 +36585,7 @@ function SwapMode({
   useEffect34(() => {
     setDestAddress("");
   }, [toChainType]);
-  const fetchRef = useRef20(route.fetch);
+  const fetchRef = useRef19(route.fetch);
   useEffect34(() => {
     fetchRef.current = route.fetch;
   });
@@ -36572,7 +36649,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);
@@ -36645,7 +36722,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",
@@ -36663,7 +36740,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",
@@ -36683,7 +36760,7 @@ function SwapMode({
   }
   if (stage === "connect-wallet") {
     return /* @__PURE__ */ jsxs46(WidgetContainer, { theme: resolvedTheme, style, children: [
-      /* @__PURE__ */ jsx55(
+      /* @__PURE__ */ jsx56(
         SwapWalletSelector_default,
         {
           walletStatus,
@@ -36692,7 +36769,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"),
@@ -36725,7 +36802,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",
         {
@@ -36736,7 +36813,7 @@ function SwapMode({
             marginBottom: spacing[5]
           },
           children: [
-            /* @__PURE__ */ jsx55(
+            /* @__PURE__ */ jsx56(
               "button",
               {
                 onClick: handleReset,
@@ -36751,7 +36828,7 @@ function SwapMode({
                   border: 0,
                   cursor: "pointer"
                 },
-                children: /* @__PURE__ */ jsx55(
+                children: /* @__PURE__ */ jsx56(
                   "svg",
                   {
                     style: {
@@ -36765,12 +36842,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,
@@ -36787,7 +36864,7 @@ function SwapMode({
           ]
         }
       ),
-      /* @__PURE__ */ jsx55(
+      /* @__PURE__ */ jsx56(
         "h1",
         {
           style: {
@@ -36832,7 +36909,7 @@ function SwapMode({
                       height: ringSize,
                       style: { position: "absolute", inset: 0 },
                       children: [
-                        /* @__PURE__ */ jsx55(
+                        /* @__PURE__ */ jsx56(
                           "circle",
                           {
                             cx: ringSize / 2,
@@ -36843,7 +36920,7 @@ function SwapMode({
                             strokeWidth: ringStroke
                           }
                         ),
-                        /* @__PURE__ */ jsx55(
+                        /* @__PURE__ */ jsx56(
                           "circle",
                           {
                             cx: ringSize / 2,
@@ -36873,7 +36950,7 @@ function SwapMode({
                         textAlign: "center"
                       },
                       children: [
-                        /* @__PURE__ */ jsx55(
+                        /* @__PURE__ */ jsx56(
                           "span",
                           {
                             style: {
@@ -36896,7 +36973,7 @@ function SwapMode({
                               gap: spacing[1.5]
                             },
                             children: [
-                              fromToken?.iconUrl ? /* @__PURE__ */ jsx55(
+                              fromToken?.iconUrl ? /* @__PURE__ */ jsx56(
                                 "img",
                                 {
                                   src: fromToken.iconUrl,
@@ -36907,7 +36984,7 @@ function SwapMode({
                                   },
                                   alt: ""
                                 }
-                              ) : /* @__PURE__ */ jsx55(
+                              ) : /* @__PURE__ */ jsx56(
                                 "div",
                                 {
                                   style: {
@@ -36918,7 +36995,7 @@ function SwapMode({
                                   }
                                 }
                               ),
-                              /* @__PURE__ */ jsx55(
+                              /* @__PURE__ */ jsx56(
                                 "svg",
                                 {
                                   style: {
@@ -36932,10 +37009,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,
@@ -36946,7 +37023,7 @@ function SwapMode({
                                   },
                                   alt: ""
                                 }
-                              ) : /* @__PURE__ */ jsx55(
+                              ) : /* @__PURE__ */ jsx56(
                                 "div",
                                 {
                                   style: {
@@ -36972,7 +37049,7 @@ function SwapMode({
                             children: [
                               fromToken?.symbol,
                               " ",
-                              /* @__PURE__ */ jsx55(
+                              /* @__PURE__ */ jsx56(
                                 "span",
                                 {
                                   style: {
@@ -37017,7 +37094,7 @@ function SwapMode({
                   justifyContent: "space-between"
                 },
                 children: [
-                  /* @__PURE__ */ jsx55(
+                  /* @__PURE__ */ jsx56(
                     ProcessingStepNode,
                     {
                       active: activeStep >= 0,
@@ -37026,8 +37103,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,
@@ -37036,8 +37113,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,
@@ -37095,16 +37172,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),
@@ -37121,7 +37198,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),
@@ -37136,7 +37213,7 @@ function SwapMode({
                               strokeLinecap: "round",
                               strokeLinejoin: "round",
                               children: [
-                                /* @__PURE__ */ jsx55(
+                                /* @__PURE__ */ jsx56(
                                   "rect",
                                   {
                                     x: "9",
@@ -37147,7 +37224,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" })
                               ]
                             }
                           )
@@ -37175,8 +37252,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",
@@ -37188,7 +37265,7 @@ function SwapMode({
               marginBottom: spacing[5]
             },
             children: [
-              /* @__PURE__ */ jsx55(
+              /* @__PURE__ */ jsx56(
                 "div",
                 {
                   style: {
@@ -37201,7 +37278,7 @@ function SwapMode({
                     justifyContent: "center",
                     flexShrink: 0
                   },
-                  children: /* @__PURE__ */ jsx55(
+                  children: /* @__PURE__ */ jsx56(
                     "svg",
                     {
                       style: {
@@ -37215,12 +37292,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: {
@@ -37264,7 +37341,7 @@ function SwapMode({
                         },
                         children: [
                           fromToken?.iconUrl && /* @__PURE__ */ jsxs46("div", { style: { position: "relative", flexShrink: 0 }, children: [
-                            /* @__PURE__ */ jsx55(
+                            /* @__PURE__ */ jsx56(
                               "img",
                               {
                                 src: fromToken.iconUrl,
@@ -37276,7 +37353,7 @@ function SwapMode({
                                 }
                               }
                             ),
-                            fromChain?.chainIconURI && /* @__PURE__ */ jsx55(
+                            fromChain?.chainIconURI && /* @__PURE__ */ jsx56(
                               "img",
                               {
                                 src: fromChain.chainIconURI,
@@ -37294,7 +37371,7 @@ function SwapMode({
                               }
                             )
                           ] }),
-                          /* @__PURE__ */ jsx55("span", { style: { color: colors.mutedForeground }, children: "You sold" })
+                          /* @__PURE__ */ jsx56("span", { style: { color: colors.mutedForeground }, children: "You sold" })
                         ]
                       }
                     ),
@@ -37336,7 +37413,7 @@ function SwapMode({
                         },
                         children: [
                           toToken?.iconUrl && /* @__PURE__ */ jsxs46("div", { style: { position: "relative", flexShrink: 0 }, children: [
-                            /* @__PURE__ */ jsx55(
+                            /* @__PURE__ */ jsx56(
                               "img",
                               {
                                 src: toToken.iconUrl,
@@ -37348,7 +37425,7 @@ function SwapMode({
                                 }
                               }
                             ),
-                            toChain?.chainIconURI && /* @__PURE__ */ jsx55(
+                            toChain?.chainIconURI && /* @__PURE__ */ jsx56(
                               "img",
                               {
                                 src: toChain.chainIconURI,
@@ -37366,7 +37443,7 @@ function SwapMode({
                               }
                             )
                           ] }),
-                          /* @__PURE__ */ jsx55("span", { style: { color: colors.mutedForeground }, children: "Received" })
+                          /* @__PURE__ */ jsx56("span", { style: { color: colors.mutedForeground }, children: "Received" })
                         ]
                       }
                     ),
@@ -37387,7 +37464,7 @@ function SwapMode({
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx55(
+              /* @__PURE__ */ jsx56(
                 "div",
                 {
                   style: {
@@ -37407,28 +37484,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,
@@ -37445,7 +37522,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",
                               {
@@ -37486,16 +37563,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),
@@ -37527,7 +37604,7 @@ function SwapMode({
                                           strokeLinecap: "round",
                                           strokeLinejoin: "round",
                                           children: [
-                                            /* @__PURE__ */ jsx55(
+                                            /* @__PURE__ */ jsx56(
                                               "rect",
                                               {
                                                 x: "9",
@@ -37538,7 +37615,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" })
                                           ]
                                         }
                                       )
@@ -37567,7 +37644,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",
                               {
@@ -37608,16 +37685,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),
@@ -37648,7 +37725,7 @@ function SwapMode({
                                           strokeLinecap: "round",
                                           strokeLinejoin: "round",
                                           children: [
-                                            /* @__PURE__ */ jsx55(
+                                            /* @__PURE__ */ jsx56(
                                               "rect",
                                               {
                                                 x: "9",
@@ -37659,7 +37736,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" })
                                           ]
                                         }
                                       )
@@ -37689,7 +37766,7 @@ function SwapMode({
             gap: spacing[2]
           },
           children: [
-            /* @__PURE__ */ jsx55(
+            /* @__PURE__ */ jsx56(
               "button",
               {
                 onClick: handleReset,
@@ -37736,7 +37813,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),
@@ -37748,7 +37825,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: {
@@ -37767,7 +37844,7 @@ function SwapMode({
                 marginBottom: spacing[5]
               },
               children: [
-                /* @__PURE__ */ jsx55(
+                /* @__PURE__ */ jsx56(
                   "span",
                   {
                     style: {
@@ -37778,7 +37855,7 @@ function SwapMode({
                     children: "You're swapping"
                   }
                 ),
-                /* @__PURE__ */ jsx55(
+                /* @__PURE__ */ jsx56(
                   "button",
                   {
                     onClick: () => setStage("home"),
@@ -37793,7 +37870,7 @@ function SwapMode({
                       border: 0,
                       cursor: "pointer"
                     },
-                    children: /* @__PURE__ */ jsx55(
+                    children: /* @__PURE__ */ jsx56(
                       "svg",
                       {
                         style: {
@@ -37807,7 +37884,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" })
                       }
                     )
                   }
@@ -37841,7 +37918,7 @@ function SwapMode({
                       ]
                     }
                   ),
-                  /* @__PURE__ */ jsx55(
+                  /* @__PURE__ */ jsx56(
                     "p",
                     {
                       style: {
@@ -37853,7 +37930,7 @@ function SwapMode({
                     }
                   )
                 ] }),
-                fromToken?.iconUrl && /* @__PURE__ */ jsx55(
+                fromToken?.iconUrl && /* @__PURE__ */ jsx56(
                   TokenIcon,
                   {
                     icon: fromToken.iconUrl,
@@ -37864,7 +37941,7 @@ function SwapMode({
               ]
             }
           ),
-          /* @__PURE__ */ jsx55(
+          /* @__PURE__ */ jsx56(
             "div",
             {
               style: {
@@ -37872,7 +37949,7 @@ function SwapMode({
                 justifyContent: "center",
                 margin: `${spacing[3]} 0`
               },
-              children: /* @__PURE__ */ jsx55(
+              children: /* @__PURE__ */ jsx56(
                 "svg",
                 {
                   style: {
@@ -37886,7 +37963,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" })
                 }
               )
             }
@@ -37917,7 +37994,7 @@ function SwapMode({
                       ]
                     }
                   ),
-                  /* @__PURE__ */ jsx55(
+                  /* @__PURE__ */ jsx56(
                     "p",
                     {
                       style: {
@@ -37929,7 +38006,7 @@ function SwapMode({
                     }
                   )
                 ] }),
-                toToken?.iconUrl && /* @__PURE__ */ jsx55(
+                toToken?.iconUrl && /* @__PURE__ */ jsx56(
                   TokenIcon,
                   {
                     icon: toToken.iconUrl,
@@ -37959,7 +38036,7 @@ function SwapMode({
                 padding: 0
               },
               children: [
-                /* @__PURE__ */ jsx55(
+                /* @__PURE__ */ jsx56(
                   "div",
                   {
                     style: { flex: 1, height: "1px", backgroundColor: colors.border }
@@ -37977,7 +38054,7 @@ function SwapMode({
                     },
                     children: [
                       showReviewDetails ? "Hide details" : "View details",
-                      /* @__PURE__ */ jsx55(
+                      /* @__PURE__ */ jsx56(
                         "svg",
                         {
                           style: {
@@ -37992,7 +38069,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(
@@ -38008,7 +38085,7 @@ function SwapMode({
                             marginLeft: "0.125rem"
                           },
                           children: [
-                            /* @__PURE__ */ jsx55(
+                            /* @__PURE__ */ jsx56(
                               "circle",
                               {
                                 cx: "7",
@@ -38019,7 +38096,7 @@ function SwapMode({
                                 strokeWidth: "1.5"
                               }
                             ),
-                            /* @__PURE__ */ jsx55(
+                            /* @__PURE__ */ jsx56(
                               "circle",
                               {
                                 cx: "7",
@@ -38040,7 +38117,7 @@ function SwapMode({
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsx55(
+                /* @__PURE__ */ jsx56(
                   "div",
                   {
                     style: { flex: 1, height: "1px", backgroundColor: colors.border }
@@ -38060,7 +38137,7 @@ function SwapMode({
                 marginBottom: spacing[2]
               },
               children: [
-                exchangeRate !== null && /* @__PURE__ */ jsx55(
+                exchangeRate !== null && /* @__PURE__ */ jsx56(
                   ReviewDetailRow,
                   {
                     label: "Rate",
@@ -38068,7 +38145,7 @@ function SwapMode({
                     value: `1 ${fromToken?.symbol} = ${fmtAmount(1 / (exchangeRate ?? 1), 4)} ${toToken?.symbol} ($${fmtAmount(fromTokenPriceUSD, 2)})`
                   }
                 ),
-                /* @__PURE__ */ jsx55(
+                /* @__PURE__ */ jsx56(
                   ReviewDetailRow,
                   {
                     label: "Fee",
@@ -38076,12 +38153,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: {
@@ -38090,14 +38167,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",
@@ -38105,12 +38182,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: {
@@ -38130,7 +38207,7 @@ function SwapMode({
               ]
             }
           ),
-          /* @__PURE__ */ jsx55(
+          /* @__PURE__ */ jsx56(
             SwapActionArea,
             {
               fromTokenSymbol: fromToken?.symbol ?? "",
@@ -38154,7 +38231,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" },
@@ -38170,7 +38247,7 @@ function SwapMode({
               marginBottom: spacing[1]
             },
             children: [
-              /* @__PURE__ */ jsx55(
+              /* @__PURE__ */ jsx56(
                 "span",
                 {
                   style: {
@@ -38212,7 +38289,7 @@ function SwapMode({
                           walletAddress.slice(-4)
                         ]
                       }
-                    ) : /* @__PURE__ */ jsx55(
+                    ) : /* @__PURE__ */ jsx56(
                       "button",
                       {
                         onClick: handleConnectAndReview,
@@ -38227,7 +38304,7 @@ function SwapMode({
                         children: "Connect wallet"
                       }
                     ),
-                    /* @__PURE__ */ jsx55(
+                    /* @__PURE__ */ jsx56(
                       "button",
                       {
                         onClick: () => setShowSettings((v) => !v),
@@ -38256,8 +38333,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" })
                             ]
                           }
                         )
@@ -38279,7 +38356,7 @@ function SwapMode({
                           zIndex: 100
                         },
                         children: [
-                          /* @__PURE__ */ jsx55(
+                          /* @__PURE__ */ jsx56(
                             "p",
                             {
                               style: {
@@ -38293,7 +38370,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: {
@@ -38303,7 +38380,7 @@ function SwapMode({
                               },
                               children: [
                                 /* @__PURE__ */ jsxs46("div", { children: [
-                                  /* @__PURE__ */ jsx55(
+                                  /* @__PURE__ */ jsx56(
                                     "p",
                                     {
                                       style: {
@@ -38314,7 +38391,7 @@ function SwapMode({
                                       children: "Dark mode"
                                     }
                                   ),
-                                  /* @__PURE__ */ jsx55(
+                                  /* @__PURE__ */ jsx56(
                                     "p",
                                     {
                                       style: {
@@ -38326,7 +38403,7 @@ function SwapMode({
                                     }
                                   )
                                 ] }),
-                                /* @__PURE__ */ jsx55(
+                                /* @__PURE__ */ jsx56(
                                   "button",
                                   {
                                     role: "switch",
@@ -38343,7 +38420,7 @@ function SwapMode({
                                       transition: "background-color 0.2s",
                                       flexShrink: 0
                                     },
-                                    children: /* @__PURE__ */ jsx55(
+                                    children: /* @__PURE__ */ jsx56(
                                       "span",
                                       {
                                         style: {
@@ -38364,7 +38441,7 @@ function SwapMode({
                               ]
                             }
                           ) }),
-                          /* @__PURE__ */ jsx55(
+                          /* @__PURE__ */ jsx56(
                             "p",
                             {
                               style: {
@@ -38379,7 +38456,7 @@ function SwapMode({
                             }
                           ),
                           /* @__PURE__ */ jsxs46("div", { style: { marginBottom: spacing[4] }, children: [
-                            /* @__PURE__ */ jsx55(
+                            /* @__PURE__ */ jsx56(
                               "p",
                               {
                                 style: {
@@ -38417,7 +38494,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",
@@ -38448,7 +38525,7 @@ function SwapMode({
                                 }
                               ) })
                             ] }),
-                            slippage > 5 && /* @__PURE__ */ jsx55(
+                            slippage > 5 && /* @__PURE__ */ jsx56(
                               "p",
                               {
                                 style: {
@@ -38460,7 +38537,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: {
@@ -38470,7 +38547,7 @@ function SwapMode({
                               },
                               children: [
                                 /* @__PURE__ */ jsxs46("div", { children: [
-                                  /* @__PURE__ */ jsx55(
+                                  /* @__PURE__ */ jsx56(
                                     "p",
                                     {
                                       style: {
@@ -38481,7 +38558,7 @@ function SwapMode({
                                       children: "Max approval"
                                     }
                                   ),
-                                  /* @__PURE__ */ jsx55(
+                                  /* @__PURE__ */ jsx56(
                                     "p",
                                     {
                                       style: {
@@ -38493,7 +38570,7 @@ function SwapMode({
                                     }
                                   )
                                 ] }),
-                                /* @__PURE__ */ jsx55(
+                                /* @__PURE__ */ jsx56(
                                   "button",
                                   {
                                     role: "switch",
@@ -38510,7 +38587,7 @@ function SwapMode({
                                       transition: "background-color 0.2s",
                                       flexShrink: 0
                                     },
-                                    children: /* @__PURE__ */ jsx55(
+                                    children: /* @__PURE__ */ jsx56(
                                       "span",
                                       {
                                         style: {
@@ -38541,7 +38618,7 @@ function SwapMode({
                                 gap: spacing[3]
                               },
                               children: [
-                                /* @__PURE__ */ jsx55(
+                                /* @__PURE__ */ jsx56(
                                   "p",
                                   {
                                     style: {
@@ -38579,9 +38656,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: {
@@ -38597,13 +38674,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: {
@@ -38645,7 +38722,7 @@ function SwapMode({
                                                   fontFamily: "inherit"
                                                 },
                                                 children: [
-                                                  /* @__PURE__ */ jsx55(
+                                                  /* @__PURE__ */ jsx56(
                                                     "span",
                                                     {
                                                       style: {
@@ -38656,8 +38733,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: {
@@ -38692,7 +38769,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),
@@ -38714,7 +38791,7 @@ function SwapMode({
                     marginBottom: spacing[1]
                   },
                   children: [
-                    /* @__PURE__ */ jsx55(
+                    /* @__PURE__ */ jsx56(
                       "span",
                       {
                         style: {
@@ -38725,7 +38802,7 @@ function SwapMode({
                         children: "Sell"
                       }
                     ),
-                    /* @__PURE__ */ jsx55(
+                    /* @__PURE__ */ jsx56(
                       "div",
                       {
                         style: {
@@ -38736,7 +38813,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: () => {
@@ -38797,7 +38874,7 @@ function SwapMode({
                 {
                   style: { display: "flex", alignItems: "center", gap: spacing[3] },
                   children: [
-                    amountInputMode === "usd" && /* @__PURE__ */ jsx55(
+                    amountInputMode === "usd" && /* @__PURE__ */ jsx56(
                       "span",
                       {
                         style: {
@@ -38812,7 +38889,7 @@ function SwapMode({
                         children: currencySymbol
                       }
                     ),
-                    /* @__PURE__ */ jsx55(
+                    /* @__PURE__ */ jsx56(
                       "input",
                       {
                         inputMode: "decimal",
@@ -38838,22 +38915,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,
@@ -38895,8 +38957,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" },
@@ -38906,7 +38968,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" })
                             }
                           )
                         ]
@@ -38927,7 +38989,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,
@@ -38948,7 +39010,7 @@ function SwapMode({
               cursor: lockDestToken ? "default" : "pointer",
               opacity: lockDestToken ? 0.4 : 1
             },
-            children: /* @__PURE__ */ jsx55(
+            children: /* @__PURE__ */ jsx56(
               "svg",
               {
                 style: {
@@ -38960,7 +39022,7 @@ function SwapMode({
                 fill: "none",
                 stroke: "currentColor",
                 strokeWidth: 2,
-                children: /* @__PURE__ */ jsx55(
+                children: /* @__PURE__ */ jsx56(
                   "path",
                   {
                     strokeLinecap: "round",
@@ -38972,7 +39034,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: {
@@ -38981,7 +39043,7 @@ function SwapMode({
               padding: `${spacing[5]} ${spacing[5]} ${spacing[5]}`
             },
             children: [
-              /* @__PURE__ */ jsx55(
+              /* @__PURE__ */ jsx56(
                 "span",
                 {
                   style: {
@@ -39002,7 +39064,7 @@ function SwapMode({
                     marginTop: spacing[1]
                   },
                   children: [
-                    /* @__PURE__ */ jsx55(
+                    /* @__PURE__ */ jsx56(
                       "div",
                       {
                         style: {
@@ -39015,7 +39077,7 @@ function SwapMode({
                         },
                         children: displayToAmount !== null ? (() => {
                           const s = `${isEstimate ? "~" : ""}${fmtAmount(displayToAmount, 5)}`;
-                          return /* @__PURE__ */ jsx55(
+                          return /* @__PURE__ */ jsx56(
                             "span",
                             {
                               style: {
@@ -39026,7 +39088,7 @@ function SwapMode({
                               children: s
                             }
                           );
-                        })() : route.loading ? /* @__PURE__ */ jsx55(
+                        })() : route.loading ? /* @__PURE__ */ jsx56(
                           "span",
                           {
                             style: {
@@ -39036,7 +39098,7 @@ function SwapMode({
                             },
                             children: "\u2026"
                           }
-                        ) : /* @__PURE__ */ jsx55(
+                        ) : /* @__PURE__ */ jsx56(
                           "span",
                           {
                             style: {
@@ -39049,7 +39111,7 @@ function SwapMode({
                       },
                       rateUpdated ? "flash" : "stable"
                     ),
-                    /* @__PURE__ */ jsx55(
+                    /* @__PURE__ */ jsx56(
                       TokenPillButton,
                       {
                         token: toToken,
@@ -39075,7 +39137,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",
                       {
@@ -39122,7 +39184,7 @@ function SwapMode({
                       }
                     ),
                     /* @__PURE__ */ jsxs46("div", { style: { position: "relative" }, children: [
-                      /* @__PURE__ */ jsx55(
+                      /* @__PURE__ */ jsx56(
                         "input",
                         {
                           type: "text",
@@ -39145,7 +39207,7 @@ function SwapMode({
                           }
                         }
                       ),
-                      /* @__PURE__ */ jsx55(
+                      /* @__PURE__ */ jsx56(
                         "button",
                         {
                           type: "button",
@@ -39192,7 +39254,7 @@ function SwapMode({
             ]
           }
         ) }),
-        route.error && !route.loading && /* @__PURE__ */ jsx55(
+        route.error && !route.loading && /* @__PURE__ */ jsx56(
           "p",
           {
             style: {
@@ -39217,13 +39279,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",
@@ -39238,7 +39300,7 @@ function SwapMode({
                   )
                 }
               ),
-              /* @__PURE__ */ jsx55(
+              /* @__PURE__ */ jsx56(
                 "span",
                 {
                   style: {
@@ -39253,7 +39315,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,
@@ -39328,8 +39390,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,
@@ -39348,7 +39410,7 @@ function SwapMode({
                                 opacity: 0.75
                               },
                               children: [
-                                /* @__PURE__ */ jsx55(
+                                /* @__PURE__ */ jsx56(
                                   "circle",
                                   {
                                     cx: "7",
@@ -39359,7 +39421,7 @@ function SwapMode({
                                     strokeWidth: "1.5"
                                   }
                                 ),
-                                /* @__PURE__ */ jsx55(
+                                /* @__PURE__ */ jsx56(
                                   "circle",
                                   {
                                     cx: "7",
@@ -39377,7 +39439,7 @@ function SwapMode({
                               ]
                             }
                           ),
-                          /* @__PURE__ */ jsx55(
+                          /* @__PURE__ */ jsx56(
                             "svg",
                             {
                               style: {
@@ -39392,7 +39454,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" })
                             }
                           )
                         ]
@@ -39413,18 +39475,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: {
@@ -39433,19 +39495,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: {
@@ -39459,7 +39521,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" })
                       }
                     )
                   ]
@@ -39468,7 +39530,7 @@ function SwapMode({
             ]
           }
         ),
-        /* @__PURE__ */ jsx55(WidgetSecurityFooter, {})
+        /* @__PURE__ */ jsx56(WidgetSecurityFooter, {})
       ]
     }
   ) });
@@ -39515,7 +39577,7 @@ function SwapActionArea({
           marginBottom: spacing[3]
         },
         children: [
-          /* @__PURE__ */ jsx55(
+          /* @__PURE__ */ jsx56(
             "svg",
             {
               style: {
@@ -39525,10 +39587,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: {
@@ -39542,8 +39604,8 @@ function SwapActionArea({
         ]
       }
     ),
-    quoteUnavailable ? /* @__PURE__ */ jsxs46(Fragment13, { children: [
-      /* @__PURE__ */ jsx55(
+    quoteUnavailable ? /* @__PURE__ */ jsxs46(Fragment14, { children: [
+      /* @__PURE__ */ jsx56(
         "p",
         {
           style: {
@@ -39555,7 +39617,7 @@ function SwapActionArea({
           children: quoteError ?? "This quote expired."
         }
       ),
-      /* @__PURE__ */ jsx55(
+      /* @__PURE__ */ jsx56(
         "button",
         {
           onClick: onRetryQuote,
@@ -39573,7 +39635,7 @@ function SwapActionArea({
           children: "Get a new quote"
         }
       )
-    ] }) : /* @__PURE__ */ jsx55(
+    ] }) : /* @__PURE__ */ jsx56(
       "button",
       {
         onClick: onExecute,
@@ -39651,7 +39713,7 @@ function TokenPillButton({
         },
         children: [
           placeholder,
-          /* @__PURE__ */ jsx55(
+          /* @__PURE__ */ jsx56(
             "svg",
             {
               style: { width: "1rem", height: "1rem" },
@@ -39659,7 +39721,7 @@ function TokenPillButton({
               fill: "none",
               stroke: "currentColor",
               strokeWidth: 2,
-              children: /* @__PURE__ */ jsx55(
+              children: /* @__PURE__ */ jsx56(
                 "path",
                 {
                   strokeLinecap: "round",
@@ -39694,7 +39756,7 @@ function TokenPillButton({
       },
       children: [
         /* @__PURE__ */ jsxs46("div", { style: { position: "relative" }, children: [
-          iconUrl ? /* @__PURE__ */ jsx55(
+          iconUrl ? /* @__PURE__ */ jsx56(
             "img",
             {
               src: iconUrl,
@@ -39706,7 +39768,7 @@ function TokenPillButton({
                 objectFit: "cover"
               }
             }
-          ) : /* @__PURE__ */ jsx55(
+          ) : /* @__PURE__ */ jsx56(
             "div",
             {
               style: {
@@ -39718,7 +39780,7 @@ function TokenPillButton({
                 alignItems: "center",
                 justifyContent: "center"
               },
-              children: /* @__PURE__ */ jsx55(
+              children: /* @__PURE__ */ jsx56(
                 "span",
                 {
                   style: {
@@ -39731,7 +39793,7 @@ function TokenPillButton({
               )
             }
           ),
-          chainIcon && /* @__PURE__ */ jsx55(
+          chainIcon && /* @__PURE__ */ jsx56(
             "img",
             {
               src: chainIcon,
@@ -39749,7 +39811,7 @@ function TokenPillButton({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx55(
+        /* @__PURE__ */ jsx56(
           "span",
           {
             style: {
@@ -39760,7 +39822,7 @@ function TokenPillButton({
             children: token.symbol
           }
         ),
-        !disabled && /* @__PURE__ */ jsx55(
+        !disabled && /* @__PURE__ */ jsx56(
           "svg",
           {
             style: {
@@ -39772,7 +39834,7 @@ function TokenPillButton({
             fill: "none",
             stroke: "currentColor",
             strokeWidth: 2,
-            children: /* @__PURE__ */ jsx55(
+            children: /* @__PURE__ */ jsx56(
               "path",
               {
                 strokeLinecap: "round",
@@ -39794,7 +39856,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,
@@ -39802,7 +39864,7 @@ function TokenIcon({
         style: { width: imgSize, height: imgSize, borderRadius: "9999px" }
       }
     ),
-    chainIcon && /* @__PURE__ */ jsx55(
+    chainIcon && /* @__PURE__ */ jsx56(
       "img",
       {
         src: chainIcon,
@@ -39826,7 +39888,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;
@@ -39854,7 +39916,7 @@ function ReviewDetailRow({
             },
             children: [
               label,
-              /* @__PURE__ */ jsx55(
+              /* @__PURE__ */ jsx56(
                 "span",
                 {
                   ref: iconRef,
@@ -39877,8 +39939,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" })
                       ]
                     }
                   )
@@ -39887,9 +39949,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: {
@@ -39929,10 +39991,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" })
       ]
     }
   );
@@ -39949,13 +40011,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"
@@ -39976,8 +40038,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 })
       ]
     }
   );
@@ -39991,7 +40053,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 },
@@ -40001,9 +40063,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 },
@@ -40013,7 +40075,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",
@@ -40026,12 +40088,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" },
@@ -40041,7 +40103,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(
@@ -40055,7 +40117,7 @@ function ProcessingStepNode({
         maxWidth: "5rem"
       },
       children: [
-        /* @__PURE__ */ jsx55(
+        /* @__PURE__ */ jsx56(
           "div",
           {
             style: {
@@ -40073,7 +40135,7 @@ function ProcessingStepNode({
             children: done ? doneIcon : iconEl
           }
         ),
-        /* @__PURE__ */ jsx55(
+        /* @__PURE__ */ jsx56(
           "span",
           {
             style: {
@@ -40092,7 +40154,7 @@ function ProcessingStepNode({
   );
 }
 function ProcessingStepLine({ done }) {
-  return /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx56(
     "div",
     {
       style: {
@@ -40127,6 +40189,7 @@ var init_SwapMode = __esm({
     init_useSwapRoute();
     init_useSwapExecution();
     init_walletBalance();
+    init_analytics();
     init_useForex();
     init_SwapTokenSelect();
     init_currency();
@@ -40165,12 +40228,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,
@@ -40202,8 +40265,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,
@@ -40225,7 +40288,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);
@@ -40253,16 +40315,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,
@@ -40273,7 +40335,7 @@ function WidgetInner({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx56(
+    /* @__PURE__ */ jsx57(
       ConfirmCloseDialog,
       {
         open: showConfirmDialog,
@@ -40299,8 +40361,7 @@ var init_TrustwareWidgetV2 = __esm({
     init_provider();
     init_manager();
     init_useTrustwareConfig();
-    init_hooks();
-    init_constants();
+    init_WidgetAnalytics();
     init_swap();
     widgetContentContainerStyle = {
       position: "relative",
@@ -40324,7 +40385,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(() => {
@@ -40355,10 +40416,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,
@@ -40367,7 +40428,7 @@ var init_TrustwareWidgetV2 = __esm({
           closeRequestRef,
           showThemeToggle
         }
-      ) });
+      ) }) });
     });
   }
 });