@trustware/sdk-staging 1.1.3-staging.20 → 1.1.3-staging.31

package/dist/index.mjs

@@ -47,19 +47,21 @@ var init_config = __esm({
     };
     DEFAULT_FEATURE_FLAGS = {
       tokensPagination: false,
-      balanceStreaming: false
+      balanceStreaming: false,
+      shouldAllowGA4: true
     };
   }
 });
 
 // src/constants.ts
-var SDK_NAME, SDK_VERSION, API_ROOT, API_PREFIX, ASSETS_BASE_URL, WALLETCONNECT_PROJECT_ID;
+var SDK_NAME, SDK_VERSION, API_ROOT, GTM_ID, API_PREFIX, ASSETS_BASE_URL, WALLETCONNECT_PROJECT_ID;
 var init_constants = __esm({
   "src/constants.ts"() {
     "use strict";
     SDK_NAME = "@trustware/sdk";
-    SDK_VERSION = "1.1.3-staging.20";
+    SDK_VERSION = "1.1.3-staging.31";
     API_ROOT = "https://bv-staging-api.trustware.io";
+    GTM_ID = "";
     API_PREFIX = "/api";
     ASSETS_BASE_URL = "https://app.trustware.io";
     WALLETCONNECT_PROJECT_ID = "4ead125c-63be-4b1a-a835-cef2dce67b84";
@@ -151,7 +153,8 @@ function resolveConfig(input) {
   const walletConnect = resolveWalletConnectConfig(input.walletConnect);
   const features = {
     tokensPagination: input.features?.tokensPagination ?? DEFAULT_FEATURE_FLAGS.tokensPagination,
-    balanceStreaming: input.features?.balanceStreaming ?? DEFAULT_FEATURE_FLAGS.balanceStreaming
+    balanceStreaming: input.features?.balanceStreaming ?? DEFAULT_FEATURE_FLAGS.balanceStreaming,
+    shouldAllowGA4: input.features?.shouldAllowGA4 ?? DEFAULT_FEATURE_FLAGS.shouldAllowGA4
   };
   return {
     apiKey: input.apiKey,
@@ -810,7 +813,7 @@ __export(ConfettiEffect_exports, {
   ConfettiEffect: () => ConfettiEffect,
   default: () => ConfettiEffect_default
 });
-import { useEffect as useEffect12, useState as useState15 } from "react";
+import { useEffect as useEffect13, useState as useState15 } from "react";
 import { jsx as jsx6 } from "react/jsx-runtime";
 function ConfettiEffect({
   isActive,
@@ -818,7 +821,7 @@ function ConfettiEffect({
   pieceCount = 50
 }) {
   const [pieces, setPieces] = useState15([]);
-  useEffect12(() => {
+  useEffect13(() => {
     if (isActive) {
       const colors2 = [
         "#10b981",
@@ -4215,6 +4218,26 @@ var Trustware = {
     });
     return Trustware;
   },
+  setDestinationChain(chain) {
+    const prev = TrustwareConfigStore.get();
+    TrustwareConfigStore.update({
+      routes: {
+        ...prev.routes,
+        toChain: chain
+      }
+    });
+    return Trustware;
+  },
+  setDestinationToken(token) {
+    const prev = TrustwareConfigStore.get();
+    TrustwareConfigStore.update({
+      routes: {
+        ...prev.routes,
+        toToken: token
+      }
+    });
+    return Trustware;
+  },
   /** Read active wallet */
   getWallet() {
     return walletManager.wallet;
@@ -4258,10 +4281,10 @@ init_http();
 
 // src/widget/TrustwareWidgetV2.tsx
 import {
-  useState as useState22,
-  useEffect as useEffect25,
-  useRef as useRef11,
-  useCallback as useCallback14,
+  useState as useState23,
+  useEffect as useEffect27,
+  useRef as useRef13,
+  useCallback as useCallback15,
   useImperativeHandle,
   forwardRef
 } from "react";
@@ -5000,7 +5023,7 @@ function useWalletSessionState() {
 }
 
 // src/widget/state/deposit/useWalletTokenState.ts
-import { useEffect as useEffect11, useRef as useRef3, useState as useState12 } from "react";
+import { useEffect as useEffect12, useRef as useRef4, useState as useState12 } from "react";
 
 // src/widget/hooks/useRouteBuilder.ts
 import { useEffect as useEffect8, useMemo as useMemo5, useRef, useState as useState8 } from "react";
@@ -5299,7 +5322,8 @@ function useTrustwareConfig() {
         },
         features: {
           tokensPagination: false,
-          balanceStreaming: false
+          balanceStreaming: false,
+          shouldAllowGA4: true
         }
       };
     }
@@ -5503,7 +5527,144 @@ function mapTransactionError(err) {
 }
 
 // src/widget/hooks/useTransactionPolling.ts
-import { useCallback as useCallback6, useEffect as useEffect10, useRef as useRef2, useState as useState11 } from "react";
+import { useCallback as useCallback7, useEffect as useEffect11, useRef as useRef3, useState as useState11 } from "react";
+init_constants();
+
+// src/hooks/useGTM.ts
+import { useEffect as useEffect10, useRef as useRef2, useCallback as useCallback6 } from "react";
+function useGTM(gtmId) {
+  const isInitialized = useRef2(false);
+  const scriptRef = useRef2(null);
+  const isGA4Allowed = useCallback6(() => {
+    try {
+      return Trustware.getConfig().features.shouldAllowGA4;
+    } catch {
+      return false;
+    }
+  }, []);
+  useEffect10(() => {
+    if (!isGA4Allowed()) {
+      console.warn(
+        "useGTM: GA4 tracking is disabled or Trustware config not initialized."
+      );
+      return;
+    }
+    if (!gtmId || typeof gtmId !== "string") {
+      console.error(
+        "useGTM: A valid GTM Container ID is required (format: GTM-XXXXX)."
+      );
+      return;
+    }
+    if (isInitialized.current) return;
+    const alreadyLoaded = document.querySelector(
+      `script[src*="googletagmanager.com/gtm.js?id=${gtmId}"]`
+    );
+    if (alreadyLoaded) {
+      window.dataLayer = window.dataLayer || [];
+      isInitialized.current = true;
+      return;
+    }
+    window.dataLayer = window.dataLayer || [];
+    window.dataLayer.push({
+      "gtm.start": (/* @__PURE__ */ new Date()).getTime(),
+      event: "gtm.js"
+    });
+    const firstScript = document.getElementsByTagName("script")[0];
+    const script = document.createElement("script");
+    script.async = true;
+    script.src = `https://www.googletagmanager.com/gtm.js?id=${gtmId}`;
+    firstScript.parentNode?.insertBefore(script, firstScript);
+    scriptRef.current = script;
+    isInitialized.current = true;
+    return () => {
+      if (scriptRef.current) {
+        scriptRef.current.parentNode?.removeChild(scriptRef.current);
+        scriptRef.current = null;
+      }
+      isInitialized.current = false;
+    };
+  }, [gtmId, isGA4Allowed]);
+  const addNoscriptIframe = useCallback6(() => {
+    if (!isGA4Allowed()) return;
+    if (document.querySelector('iframe[src*="googletagmanager.com/ns.html"]'))
+      return;
+    const noscript = document.createElement("noscript");
+    const iframe = document.createElement("iframe");
+    iframe.src = `https://www.googletagmanager.com/ns.html?id=${gtmId}`;
+    iframe.height = "0";
+    iframe.width = "0";
+    iframe.style.display = "none";
+    iframe.style.visibility = "hidden";
+    noscript.appendChild(iframe);
+    document.body.insertBefore(noscript, document.body.firstChild);
+  }, [gtmId, isGA4Allowed]);
+  const trackEvent = useCallback6(
+    (eventName, eventParams = {}) => {
+      if (!isInitialized.current) {
+        console.warn(
+          "useGTM: Not initialized. Ensure a valid GTM Container ID was provided."
+        );
+        return;
+      }
+      if (!eventName || typeof eventName !== "string") {
+        console.error("useGTM: A valid event name is required.");
+        return;
+      }
+      const payload = { event: eventName, ...eventParams };
+      window.dataLayer.push(payload);
+    },
+    []
+  );
+  const trackPageView = useCallback6(
+    (pagePath, pageTitle = document.title) => {
+      trackEvent("page_view", {
+        page_path: pagePath,
+        page_title: pageTitle,
+        page_location: window.location.href
+      });
+    },
+    [trackEvent]
+  );
+  const setUserProperty = useCallback6(
+    (propertyName, value) => {
+      if (!isInitialized.current) {
+        console.warn(
+          "useGTM: Not initialized. Ensure a valid GTM Container ID was provided."
+        );
+        return;
+      }
+      const payload = {
+        event: "user_property",
+        user_property_name: propertyName,
+        user_property_value: value
+      };
+      window.dataLayer.push(payload);
+    },
+    []
+  );
+  const directGtag = useCallback6(
+    (command, ...args) => {
+      if (!isGA4Allowed()) return;
+      if (!window.gtag) {
+        console.warn(
+          "useGTM: window.gtag is not available. Load gtag.js separately to use this method."
+        );
+        return;
+      }
+      window.gtag(command, ...args);
+    },
+    [isGA4Allowed]
+  );
+  return {
+    trackEvent,
+    trackPageView,
+    setUserProperty,
+    directGtag,
+    addNoscriptIframe
+  };
+}
+
+// src/widget/hooks/useTransactionPolling.ts
 var FAST_POLL_INTERVAL_MS = 1500;
 var NORMAL_POLL_INTERVAL_MS = 2500;
 var POLL_TIMEOUT_MS = 5 * 60 * 1e3;
@@ -5511,6 +5672,15 @@ function useTransactionPolling() {
   const { setCurrentStep } = useDepositNavigation();
   const { setTransactionStatus, setErrorMessage } = useDepositTransaction();
   const { emitSuccess } = useTrustware();
+  const { selectedChain, selectedToken } = useDepositForm();
+  const destinationConfig = (() => {
+    try {
+      return Trustware.getConfig();
+    } catch {
+      return void 0;
+    }
+  })();
+  const { trackEvent } = useGTM(GTM_ID);
   const [state, setState] = useState11({
     isPolling: false,
     apiStatus: null,
@@ -5518,12 +5688,12 @@ function useTransactionPolling() {
     transaction: null,
     receiptSubmitted: false
   });
-  const pollingRef = useRef2(null);
-  const timeoutRef = useRef2(null);
-  const abortRef = useRef2(false);
-  const startTimeRef = useRef2(0);
-  const pollCountRef = useRef2(0);
-  const clearPolling = useCallback6(() => {
+  const pollingRef = useRef3(null);
+  const timeoutRef = useRef3(null);
+  const abortRef = useRef3(false);
+  const startTimeRef = useRef3(0);
+  const pollCountRef = useRef3(0);
+  const clearPolling = useCallback7(() => {
     abortRef.current = true;
     if (pollingRef.current) {
       clearTimeout(pollingRef.current);
@@ -5534,7 +5704,7 @@ function useTransactionPolling() {
       timeoutRef.current = null;
     }
   }, []);
-  const startPolling = useCallback6(
+  const startPolling = useCallback7(
     async (intentId, _txHash) => {
       clearPolling();
       abortRef.current = false;
@@ -5581,6 +5751,13 @@ function useTransactionPolling() {
               }));
               setTransactionStatus("success");
               setCurrentStep("success");
+              trackEvent("payment_completed", {
+                from_chain: selectedChain?.networkName ?? selectedChain?.axelarChainName ?? selectedChain?.chainId ?? "unknown",
+                from_token: selectedToken?.symbol ?? "unknown",
+                to_chain: destinationConfig?.routes?.toChain ?? "unknown",
+                to_token: destinationConfig?.routes?.toToken ?? "unknown",
+                domain: window.origin
+              });
               emitSuccess?.(tx);
               return;
             }
@@ -5643,20 +5820,27 @@ function useTransactionPolling() {
     },
     [
       clearPolling,
+      destinationConfig?.routes.toChain,
+      destinationConfig?.routes.toToken,
       emitSuccess,
-      setTransactionStatus,
+      selectedChain?.axelarChainName,
+      selectedChain?.chainId,
+      selectedChain?.networkName,
+      selectedToken?.symbol,
       setCurrentStep,
-      setErrorMessage
+      setErrorMessage,
+      setTransactionStatus,
+      trackEvent
     ]
   );
-  const stopPolling = useCallback6(() => {
+  const stopPolling = useCallback7(() => {
     clearPolling();
     setState((prev) => ({
       ...prev,
       isPolling: false
     }));
   }, [clearPolling]);
-  const resetPolling = useCallback6(() => {
+  const resetPolling = useCallback7(() => {
     clearPolling();
     setState({
       isPolling: false,
@@ -5666,9 +5850,9 @@ function useTransactionPolling() {
       receiptSubmitted: false
     });
   }, [clearPolling]);
-  const clearPollingRef = useRef2(clearPolling);
+  const clearPollingRef = useRef3(clearPolling);
   clearPollingRef.current = clearPolling;
-  useEffect10(() => {
+  useEffect11(() => {
     return () => {
       clearPollingRef.current();
     };
@@ -5739,10 +5923,10 @@ function useWalletTokenState({
 }) {
   const [yourWalletTokens, setYourWalletTokens] = useState12([]);
   const [walletTokensReloadNonce, setWalletTokensReloadNonce] = useState12(0);
-  const lastLoadedWalletRef = useRef3(null);
+  const lastLoadedWalletRef = useRef4(null);
   const { tokens } = useTokens(null);
   const { chains } = useChains();
-  useEffect11(() => {
+  useEffect12(() => {
     if (!walletAddress || chains.length === 0 || tokens.length === 0) {
       setYourWalletTokens([]);
       if (!walletAddress) {
@@ -6137,7 +6321,7 @@ function useDepositUi() {
 }
 
 // src/widget/components/AmountSlider.tsx
-import { useCallback as useCallback7, useMemo as useMemo8 } from "react";
+import { useCallback as useCallback8, useMemo as useMemo8 } from "react";
 import { jsx as jsx3, jsxs } from "react/jsx-runtime";
 var roundToNiceNumber = (value, range) => {
   let roundingFactor;
@@ -6187,7 +6371,7 @@ function AmountSlider({
   style,
   disabled = false
 }) {
-  const generateTickMarks = useCallback7(
+  const generateTickMarks = useCallback8(
     (minValue, maxValue) => {
       const range = maxValue - minValue;
       if (range <= 0) {
@@ -6239,21 +6423,21 @@ function AmountSlider({
     () => generateTickMarks(min, max),
     [generateTickMarks, min, max]
   );
-  const getPercentage = useCallback7(() => {
+  const getPercentage = useCallback8(() => {
     const range = max - min;
     if (range <= 0) return 0;
     const clampedValue = Math.min(Math.max(value, min), max);
     return (clampedValue - min) / range * 100;
   }, [max, min, value]);
   const percentage = useMemo8(() => getPercentage(), [getPercentage]);
-  const handleChange = useCallback7(
+  const handleChange = useCallback8(
     (e2) => {
       const newValue = Math.min(Math.max(Number(e2.target.value), min), max);
       onChange(newValue);
     },
     [onChange, min, max]
   );
-  const handleTickClick = useCallback7(
+  const handleTickClick = useCallback8(
     (tickValue) => {
       if (disabled) return;
       onChange(tickValue);
@@ -6471,7 +6655,7 @@ function AmountSlider({
 }
 
 // src/widget/components/AmountInputDisplay.tsx
-import { useRef as useRef4, useState as useState14 } from "react";
+import { useRef as useRef5, useState as useState14 } from "react";
 import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
 function formatDisplayAmount(value) {
   if (!Number.isFinite(value) || value <= 0) return "0";
@@ -6511,7 +6695,7 @@ function AmountInputDisplay({
   inputAriaLabel = "Deposit amount"
 }) {
   const [isEditing, setIsEditing] = useState14(false);
-  const inputRef = useRef4(null);
+  const inputRef = useRef5(null);
   const handleAmountClick = () => {
     if (isFixedAmount) return;
     const isZeroish = !amount || parseFloat(amount) === 0;
@@ -6726,7 +6910,7 @@ function CircularProgress({
 }
 
 // src/widget/components/Dialog.tsx
-import { useEffect as useEffect13, useRef as useRef5 } from "react";
+import { useEffect as useEffect14, useRef as useRef6 } from "react";
 import { Fragment, jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
 var Dialog = ({
   open,
@@ -6738,11 +6922,11 @@ var Dialog = ({
   confirmText = "Close Anyway",
   isDark = false
 }) => {
-  const dialogRef = useRef5(null);
-  const overlayRef = useRef5(null);
-  const firstButtonRef = useRef5(null);
-  const lastButtonRef = useRef5(null);
-  useEffect13(() => {
+  const dialogRef = useRef6(null);
+  const overlayRef = useRef6(null);
+  const firstButtonRef = useRef6(null);
+  const lastButtonRef = useRef6(null);
+  useEffect14(() => {
     const handleEscape = (e2) => {
       if (e2.key === "Escape" && open) {
         e2.preventDefault();
@@ -6756,7 +6940,7 @@ var Dialog = ({
       document.removeEventListener("keydown", handleEscape);
     };
   }, [open, onCancel]);
-  useEffect13(() => {
+  useEffect14(() => {
     const handleTabKey = (e2) => {
       if (!open) return;
       if (e2.key === "Tab") {
@@ -6780,7 +6964,7 @@ var Dialog = ({
       document.removeEventListener("keydown", handleTabKey);
     };
   }, [open]);
-  useEffect13(() => {
+  useEffect14(() => {
     if (open) {
       const originalStyle = window.getComputedStyle(document.body).overflow;
       document.body.style.overflow = "hidden";
@@ -7078,7 +7262,7 @@ function TransactionHashLink({
 }
 
 // src/widget/components/SwipeToConfirmTokens.tsx
-import { useState as useState16, useRef as useRef6, useCallback as useCallback8, useEffect as useEffect14 } from "react";
+import { useState as useState16, useRef as useRef7, useCallback as useCallback9, useEffect as useEffect15 } from "react";
 import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
 function SwipeToConfirmTokens({
   fromToken,
@@ -7096,30 +7280,30 @@ function SwipeToConfirmTokens({
   const [dragX, setDragX] = useState16(0);
   const [isDragging, setIsDragging] = useState16(false);
   const [isComplete, setIsComplete] = useState16(false);
-  const trackRef = useRef6(null);
-  const thumbRef = useRef6(null);
+  const trackRef = useRef7(null);
+  const thumbRef = useRef7(null);
   const [isLongPressing, setIsLongPressing] = useState16(false);
   const [longPressProgress, setLongPressProgress] = useState16(0);
-  const longPressTimerRef = useRef6(null);
-  const longPressStartRef = useRef6(null);
-  const longPressAnimationRef = useRef6(null);
+  const longPressTimerRef = useRef7(null);
+  const longPressStartRef = useRef7(null);
+  const longPressAnimationRef = useRef7(null);
   const LONG_PRESS_DURATION = 1500;
   const thumbSize = 48;
   const padding = 4;
   const threshold = 0.8;
-  const getMaxDrag = useCallback8(() => {
+  const getMaxDrag = useCallback9(() => {
     if (!trackRef.current) return 0;
     return trackRef.current.offsetWidth - thumbSize - padding * 2;
   }, []);
-  const getProgress = useCallback8(() => {
+  const getProgress = useCallback9(() => {
     const maxDrag = getMaxDrag();
     return maxDrag > 0 ? dragX / maxDrag : 0;
   }, [dragX, getMaxDrag]);
-  const handleDragStart = useCallback8(() => {
+  const handleDragStart = useCallback9(() => {
     if (disabled || isComplete) return;
     setIsDragging(true);
   }, [disabled, isComplete]);
-  const handleDragMove = useCallback8(
+  const handleDragMove = useCallback9(
     (clientX) => {
       if (!isDragging || !trackRef.current || isComplete) return;
       const rect = trackRef.current.getBoundingClientRect();
@@ -7130,7 +7314,7 @@ function SwipeToConfirmTokens({
     },
     [isDragging, isComplete, getMaxDrag]
   );
-  const handleDragEnd = useCallback8(() => {
+  const handleDragEnd = useCallback9(() => {
     if (!isDragging) return;
     setIsDragging(false);
     const progress2 = getProgress();
@@ -7143,14 +7327,14 @@ function SwipeToConfirmTokens({
       setDragX(0);
     }
   }, [isDragging, getProgress, getMaxDrag, onConfirm]);
-  const triggerConfirmation = useCallback8(() => {
+  const triggerConfirmation = useCallback9(() => {
     if (isComplete) return;
     setDragX(getMaxDrag());
     setIsComplete(true);
     if (navigator.vibrate) navigator.vibrate(50);
     setTimeout(() => onConfirm(), 150);
   }, [isComplete, getMaxDrag, onConfirm]);
-  const cancelLongPress = useCallback8(() => {
+  const cancelLongPress = useCallback9(() => {
     setIsLongPressing(false);
     setLongPressProgress(0);
     longPressStartRef.current = null;
@@ -7163,7 +7347,7 @@ function SwipeToConfirmTokens({
       longPressAnimationRef.current = null;
     }
   }, []);
-  const startLongPress = useCallback8(() => {
+  const startLongPress = useCallback9(() => {
     if (disabled || isComplete || isDragging) return;
     setIsLongPressing(true);
     longPressStartRef.current = Date.now();
@@ -7181,7 +7365,7 @@ function SwipeToConfirmTokens({
     };
     longPressAnimationRef.current = requestAnimationFrame(animateProgress);
   }, [disabled, isComplete, isDragging, triggerConfirmation, cancelLongPress]);
-  const handleKeyDown = useCallback8(
+  const handleKeyDown = useCallback9(
     (e2) => {
       if (disabled || isComplete) return;
       if (e2.key === "Enter" || e2.key === " ") {
@@ -7191,7 +7375,7 @@ function SwipeToConfirmTokens({
     },
     [disabled, isComplete, startLongPress]
   );
-  const handleKeyUp = useCallback8(
+  const handleKeyUp = useCallback9(
     (e2) => {
       if (e2.key === "Enter" || e2.key === " ") {
         e2.preventDefault();
@@ -7200,7 +7384,7 @@ function SwipeToConfirmTokens({
     },
     [cancelLongPress]
   );
-  useEffect14(() => {
+  useEffect15(() => {
     return () => {
       if (longPressTimerRef.current) clearTimeout(longPressTimerRef.current);
       if (longPressAnimationRef.current)
@@ -7211,15 +7395,15 @@ function SwipeToConfirmTokens({
     e2.preventDefault();
     handleDragStart();
   };
-  const handleMouseMove = useCallback8(
+  const handleMouseMove = useCallback9(
     (e2) => handleDragMove(e2.clientX),
     [handleDragMove]
   );
-  const handleMouseUp = useCallback8(() => handleDragEnd(), [handleDragEnd]);
+  const handleMouseUp = useCallback9(() => handleDragEnd(), [handleDragEnd]);
   const handleTouchStart = () => handleDragStart();
   const handleTouchMove = (e2) => handleDragMove(e2.touches[0].clientX);
   const handleTouchEnd = () => handleDragEnd();
-  useEffect14(() => {
+  useEffect15(() => {
     if (isDragging) {
       window.addEventListener("mousemove", handleMouseMove);
       window.addEventListener("mouseup", handleMouseUp);
@@ -7231,7 +7415,29 @@ function SwipeToConfirmTokens({
   }, [isDragging, handleMouseMove, handleMouseUp]);
   const progress = getProgress();
   const effectiveProgress = isLongPressing ? longPressProgress : progress;
-  const getTokenInitials = (symbol) => symbol?.slice(0, 2).toUpperCase();
+  const [blinkOpacity, setBlinkOpacity] = useState16(1);
+  useEffect15(() => {
+    if (disabled || isComplete || isDragging || isLongPressing) {
+      setBlinkOpacity(1);
+      return;
+    }
+    let direction = -1;
+    const interval = setInterval(() => {
+      setBlinkOpacity((prev) => {
+        const newVal = prev + direction * 0.8;
+        if (newVal <= 0.2) {
+          direction = 1;
+          return 0.2;
+        }
+        if (newVal >= 1) {
+          direction = -1;
+          return 1;
+        }
+        return newVal;
+      });
+    }, 700);
+    return () => clearInterval(interval);
+  }, [disabled, isComplete, isDragging, isLongPressing]);
   const getAriaLabel = () => {
     if (!isWalletConnected) return "Connect your wallet to deposit";
     if (isComplete) return "Transaction confirmed";
@@ -7451,27 +7657,52 @@ function SwipeToConfirmTokens({
                   onTouchStart: handleTouchStart,
                   onTouchMove: handleTouchMove,
                   onTouchEnd: handleTouchEnd,
-                  children: fromToken.iconUrl ? /* @__PURE__ */ jsx9(
-                    "img",
+                  children: /* @__PURE__ */ jsx9(
+                    ImageLoader,
                     {
-                      src: fromToken.iconUrl,
+                      src: fromToken.iconUrl || "",
                       alt: fromToken.symbol,
-                      style: {
+                      imgStyle: {
                         width: "2.5rem",
                         height: "2.5rem",
                         objectFit: "contain",
                         borderRadius: "9999px"
-                      }
-                    }
-                  ) : /* @__PURE__ */ jsx9(
-                    "span",
-                    {
-                      style: {
-                        fontSize: fontSize.sm,
-                        fontWeight: fontWeight.bold,
-                        color: colors.white
                       },
-                      children: getTokenInitials(fromToken.symbol)
+                      retry: 1,
+                      Fallback: /* @__PURE__ */ jsx9(
+                        "span",
+                        {
+                          style: {
+                            fontSize: fontSize.sm,
+                            fontWeight: fontWeight.bold,
+                            color: colors.white,
+                            opacity: blinkOpacity,
+                            transition: "opacity 0.5s ease-in-out"
+                          },
+                          children: /* @__PURE__ */ jsx9(
+                            "svg",
+                            {
+                              style: {
+                                width: "2rem",
+                                height: "2rem",
+                                color: colors.zinc[500]
+                              },
+                              fill: "none",
+                              stroke: "currentColor",
+                              viewBox: "0 0 24 24",
+                              children: /* @__PURE__ */ jsx9(
+                                "path",
+                                {
+                                  strokeLinecap: "round",
+                                  strokeLinejoin: "round",
+                                  strokeWidth: 2,
+                                  d: "M9 5l7 7-7 7"
+                                }
+                              )
+                            }
+                          )
+                        }
+                      )
                     }
                   )
                 }
@@ -7507,47 +7738,6 @@ function SwipeToConfirmTokens({
                     }
                   )
                 }
-              ),
-              !toTokenIcon && !isComplete && /* @__PURE__ */ jsx9(
-                "div",
-                {
-                  style: {
-                    position: "absolute",
-                    top: "50%",
-                    transform: "translateY(-50%)",
-                    width: "3rem",
-                    height: "3rem",
-                    borderRadius: "9999px",
-                    display: "flex",
-                    alignItems: "center",
-                    justifyContent: "center",
-                    transition: "opacity 0.2s",
-                    right: `${padding}px`,
-                    opacity: 0.3 + effectiveProgress * 0.7
-                  },
-                  children: /* @__PURE__ */ jsx9(
-                    "svg",
-                    {
-                      style: {
-                        width: "1.5rem",
-                        height: "1.5rem",
-                        color: colors.white
-                      },
-                      fill: "none",
-                      stroke: "currentColor",
-                      viewBox: "0 0 24 24",
-                      children: /* @__PURE__ */ jsx9(
-                        "path",
-                        {
-                          strokeLinecap: "round",
-                          strokeLinejoin: "round",
-                          strokeWidth: 2,
-                          d: "M9 5l7 7-7 7"
-                        }
-                      )
-                    }
-                  )
-                }
               )
             ]
           }
@@ -7660,7 +7850,7 @@ function ThemeToggle({
 }
 
 // src/widget/components/Toast.tsx
-import { useEffect as useEffect15, useState as useState17, useCallback as useCallback9 } from "react";
+import { useEffect as useEffect16, useState as useState17, useCallback as useCallback10 } from "react";
 import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
 var variantStyles = {
   default: {
@@ -7691,13 +7881,13 @@ function ToastItem({
   onDismiss
 }) {
   const [isExiting, setIsExiting] = useState17(false);
-  useEffect15(() => {
+  useEffect16(() => {
     const timer = setTimeout(() => {
       setIsExiting(true);
     }, duration);
     return () => clearTimeout(timer);
   }, [duration]);
-  useEffect15(() => {
+  useEffect16(() => {
     if (isExiting) {
       const exitTimer = setTimeout(() => {
         onDismiss(id);
@@ -7902,7 +8092,7 @@ toast.error = (title, description) => toast({ title, description, variant: "dest
 toast.success = (title, description) => toast({ title, description, variant: "success" });
 function ToastContainer() {
   const [activeToasts, setActiveToasts] = useState17([]);
-  useEffect15(() => {
+  useEffect16(() => {
     const listener = (newToasts) => {
       setActiveToasts(newToasts);
     };
@@ -7914,7 +8104,7 @@ function ToastContainer() {
       }
     };
   }, []);
-  const handleDismiss = useCallback9((id) => {
+  const handleDismiss = useCallback10((id) => {
     toasts = toasts.filter((t) => t.id !== id);
     notifyListeners();
   }, []);
@@ -7953,9 +8143,9 @@ function ToastContainer() {
 // src/widget/components/TokenSwipePill.tsx
 import React9, {
   useState as useState18,
-  useRef as useRef7,
-  useCallback as useCallback10,
-  useEffect as useEffect16,
+  useRef as useRef8,
+  useCallback as useCallback11,
+  useEffect as useEffect17,
   useMemo as useMemo9
 } from "react";
 import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
@@ -7971,8 +8161,8 @@ function TokenSwipePill({
 }) {
   const [isDragging, setIsDragging] = useState18(false);
   const [dragOffset, setDragOffset] = useState18(0);
-  const startXRef = useRef7(0);
-  const containerRef = useRef7(null);
+  const startXRef = useRef8(0);
+  const containerRef = useRef8(null);
   const currentIndex = tokens.findIndex(
     (t) => normalizeAddress2(
       t.address,
@@ -7993,11 +8183,11 @@ function TokenSwipePill({
     }
     return pos;
   };
-  const handleDragStart = useCallback10((clientX) => {
+  const handleDragStart = useCallback11((clientX) => {
     setIsDragging(true);
     startXRef.current = clientX;
   }, []);
-  const handleDragMove = useCallback10(
+  const handleDragMove = useCallback11(
     (clientX) => {
       if (!isDragging) return;
       const delta = startXRef.current - clientX;
@@ -8005,7 +8195,7 @@ function TokenSwipePill({
     },
     [isDragging]
   );
-  const handleDragEnd = useCallback10(() => {
+  const handleDragEnd = useCallback11(() => {
     if (!isDragging) return;
     setIsDragging(false);
     if (Math.abs(dragOffset) > swipeThreshold) {
@@ -8023,13 +8213,13 @@ function TokenSwipePill({
     e2.preventDefault();
     handleDragStart(e2.clientX);
   };
-  const handleMouseMove = useCallback10(
+  const handleMouseMove = useCallback11(
     (e2) => {
       handleDragMove(e2.clientX);
     },
     [handleDragMove]
   );
-  const handleMouseUp = useCallback10(() => {
+  const handleMouseUp = useCallback11(() => {
     handleDragEnd();
   }, [handleDragEnd]);
   const handleTouchStart = (e2) => {
@@ -8043,7 +8233,7 @@ function TokenSwipePill({
   const handleTouchEnd = () => {
     handleDragEnd();
   };
-  useEffect16(() => {
+  useEffect17(() => {
     if (isDragging) {
       window.addEventListener("mousemove", handleMouseMove);
       window.addEventListener("mouseup", handleMouseUp);
@@ -8054,8 +8244,8 @@ function TokenSwipePill({
     }
   }, [isDragging, handleMouseMove, handleMouseUp]);
   const visualOffset = Math.max(-40, Math.min(40, dragOffset * 0.5));
-  const getTokenInitials = (symbol) => {
-    return symbol?.slice(0, 2).toUpperCase();
+  const getChainInitials = (chain) => {
+    return chain?.slice(0, 2).toUpperCase();
   };
   const chainBadge = useMemo9(() => {
     const url = selectedToken.chainData?.chainIconURI || selectedToken.chainData?.iconUrl;
@@ -8082,6 +8272,7 @@ function TokenSwipePill({
         alignItems: "flex-start",
         gap: spacing[2],
         padding: `${spacing[1.5]} ${spacing[4]}`,
+        minWidth: "16.875rem",
         backgroundColor: colors.background,
         borderRadius: borderRadius.full,
         border: `1px solid ${colors.border}`,
@@ -8102,7 +8293,8 @@ function TokenSwipePill({
             style: {
               display: "flex",
               flexDirection: "column",
-              alignItems: "center"
+              alignItems: "center",
+              width: "70%"
             },
             children: [
               /* @__PURE__ */ jsxs9(
@@ -8182,26 +8374,31 @@ function TokenSwipePill({
                                       alignItems: "center",
                                       justifyContent: "center"
                                     },
-                                    children: validateIconUrl(token.iconUrl, isCenter) ? /* @__PURE__ */ jsx12(
-                                      "img",
+                                    children: /* @__PURE__ */ jsx12(
+                                      ImageLoader,
                                       {
                                         src: validateIconUrl(token.iconUrl, isCenter),
                                         alt: token.symbol,
-                                        style: {
+                                        imgStyle: {
                                           width: "2rem",
                                           height: "2rem",
                                           objectFit: "contain"
-                                        }
-                                      }
-                                    ) : /* @__PURE__ */ jsx12(
-                                      "span",
-                                      {
-                                        style: {
-                                          fontSize: fontSize.xs,
-                                          fontWeight: fontWeight.bold,
-                                          color: colors.zinc[800]
                                         },
-                                        children: getTokenInitials(token.symbol)
+                                        Fallback: /* @__PURE__ */ jsx12(
+                                          "span",
+                                          {
+                                            style: {
+                                              fontSize: fontSize.xs,
+                                              fontWeight: fontWeight.bold,
+                                              color: colors.zinc[800],
+                                              width: "2rem",
+                                              height: "2rem",
+                                              objectFit: "contain",
+                                              textAlign: "center"
+                                            },
+                                            children: token.symbol
+                                          }
+                                        )
                                       }
                                     )
                                   }
@@ -8224,16 +8421,27 @@ function TokenSwipePill({
                                       overflow: "hidden"
                                     },
                                     children: /* @__PURE__ */ jsx12(
-                                      "img",
+                                      ImageLoader,
                                       {
-                                        src: chainBadge,
+                                        src: chainBadge || "",
                                         alt: selectedToken.chainData?.networkName,
-                                        style: {
+                                        imgStyle: {
                                           width: "0.75rem",
                                           height: "0.75rem",
                                           borderRadius: "9999px",
                                           objectFit: "cover"
-                                        }
+                                        },
+                                        Fallback: /* @__PURE__ */ jsx12(
+                                          "span",
+                                          {
+                                            style: {
+                                              fontSize: "10px"
+                                            },
+                                            children: getChainInitials(
+                                              selectedToken.chainData?.networkName
+                                            )
+                                          }
+                                        )
                                       }
                                     )
                                   }
@@ -8713,7 +8921,7 @@ function TransactionSteps({
 }
 
 // src/widget/components/WidgetContainer.tsx
-import { useEffect as useEffect17, useState as useState19 } from "react";
+import { useEffect as useEffect18, useState as useState19 } from "react";
 import { Fragment as Fragment2, jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
 var INJECTED_STYLES = ALL_THEME_STYLES + ALL_ANIMATION_STYLES;
 function WidgetContainer({
@@ -8723,7 +8931,7 @@ function WidgetContainer({
   style
 }) {
   const [resolvedTheme, setResolvedTheme] = useState19("light");
-  useEffect17(() => {
+  useEffect18(() => {
     if (theme === "system") {
       const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
       setResolvedTheme(mediaQuery.matches ? "dark" : "light");
@@ -8966,8 +9174,147 @@ function WidgetSecurityFooter({
   );
 }
 
-// src/widget/components/Skeletons/LoadingSkeleton.tsx
+// src/widget/components/ImageLoader.tsx
+import { useEffect as useEffect19, useMemo as useMemo11, useRef as useRef9, useState as useState20 } from "react";
 import { jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
+function Skeleton({
+  background,
+  height,
+  borderRadius: borderRadius2
+}) {
+  return /* @__PURE__ */ jsx17(
+    "div",
+    {
+      style: {
+        background: background || "#eee",
+        height: height || "50px",
+        borderRadius: borderRadius2 || "100%"
+      }
+    }
+  );
+}
+function ImageLoader({
+  src,
+  alt = "",
+  retry = 0,
+  retryDelay = 1e3,
+  lazy: lazy2 = true,
+  Fallback = null,
+  // skeleton = null,
+  imgStyle,
+  onLoad,
+  onError
+}) {
+  const [status, setStatus] = useState20("idle");
+  const [attempt, setAttempt] = useState20(0);
+  const [srcIsEmpty, setSrcIsEmpty] = useState20(false);
+  const imgRef = useRef9(null);
+  const observerRef = useRef9(null);
+  useEffect19(() => {
+    if (status === "error" && attempt < retry) {
+      const timer = setTimeout(() => {
+        setAttempt((prev) => prev + 1);
+        setStatus("loading");
+      }, retryDelay);
+      return () => clearTimeout(timer);
+    }
+  }, [status, attempt, retry, retryDelay]);
+  const loadImage = () => {
+    if (!src) {
+      setSrcIsEmpty(true);
+      return;
+    }
+    setStatus("loading");
+    const img = new Image();
+    img.src = src;
+    img.onload = () => {
+      setStatus("success");
+      onLoad?.();
+    };
+    img.onerror = () => {
+      setStatus("error");
+      onError?.();
+    };
+  };
+  useEffect19(() => {
+    if (!lazy2) {
+      setTimeout(() => {
+        loadImage();
+      }, 0);
+      return;
+    }
+    observerRef.current = new IntersectionObserver(
+      (entries) => {
+        entries.forEach((entry) => {
+          if (entry.isIntersecting) {
+            loadImage();
+            observerRef.current?.disconnect();
+          }
+        });
+      },
+      { threshold: 0.1 }
+    );
+    if (imgRef.current) {
+      observerRef.current.observe(imgRef.current);
+    }
+    return () => observerRef.current?.disconnect();
+  }, [lazy2, src, loadImage]);
+  const showFallback = useMemo11(() => {
+    return (status === "error" && attempt >= retry || srcIsEmpty) && Fallback;
+  }, [status, attempt, retry, srcIsEmpty, Fallback]);
+  return /* @__PURE__ */ jsxs14("div", { ref: imgRef, style: { position: "relative" }, children: [
+    status === "loading" && /* @__PURE__ */ jsx17(
+      Skeleton,
+      {
+        height: imgStyle?.height,
+        borderRadius: imgStyle?.borderRadius
+      }
+    ),
+    status === "success" && /* @__PURE__ */ jsx17(
+      "img",
+      {
+        src,
+        alt,
+        style: {
+          // Css guards to prevent external styles from interfering with image rendering
+          all: "revert",
+          // Undo any inherited/global resets (e.g. Tailwind, normalize.css)
+          display: "block",
+          // Prevent inline baseline gap
+          width: "100%",
+          // Restore intended sizing
+          maxWidth: "100%",
+          // Prevent overflow
+          height: "auto",
+          // Maintain aspect ratio
+          border: "none",
+          // Strip any border resets
+          padding: 0,
+          // Strip padding resets
+          margin: 0,
+          // Strip margin resets
+          objectFit: "cover",
+          // Preserve visual intent
+          verticalAlign: "middle",
+          // Guard against inline stripping
+          filter: "none",
+          // Prevent inherited filter washes
+          opacity: 1,
+          // Prevent inherited opacity stripping
+          mixBlendMode: "normal",
+          // Prevent blend mode interference
+          colorScheme: "normal",
+          // Prevent dark-mode inversion
+          ...imgStyle
+        }
+      }
+    ),
+    showFallback && Fallback
+  ] });
+}
+
+// src/widget/components/Skeletons/LoadingSkeleton.tsx
+import { jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
 var containerStyle = {
   display: "flex",
   flexDirection: "column",
@@ -9003,11 +9350,11 @@ var lineSmStyle = {
 function LoadingSkeleton({
   style
 }) {
-  return /* @__PURE__ */ jsx17("div", { style: { ...containerStyle, ...style }, children: [0, 1, 2].map((i) => /* @__PURE__ */ jsxs14("div", { style: rowStyle, children: [
-    /* @__PURE__ */ jsx17("div", { style: circleStyle, className: "tw-animate-pulse" }),
-    /* @__PURE__ */ jsxs14("div", { style: { flex: 1 }, children: [
-      /* @__PURE__ */ jsx17("div", { style: lineLgStyle, className: "tw-animate-pulse" }),
-      /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18("div", { style: { ...containerStyle, ...style }, children: [0, 1, 2].map((i) => /* @__PURE__ */ jsxs15("div", { style: rowStyle, children: [
+    /* @__PURE__ */ jsx18("div", { style: circleStyle, className: "tw-animate-pulse" }),
+    /* @__PURE__ */ jsxs15("div", { style: { flex: 1 }, children: [
+      /* @__PURE__ */ jsx18("div", { style: lineLgStyle, className: "tw-animate-pulse" }),
+      /* @__PURE__ */ jsx18(
         "div",
         {
           style: { ...lineSmStyle, marginTop: spacing[2] },
@@ -9034,14 +9381,14 @@ function clearPersistedState() {
 }
 
 // src/widget/app/WidgetShellOverlays.tsx
-import { jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs16 } from "react/jsx-runtime";
 function ConfirmCloseDialog({
   open,
   onConfirm,
   onCancel,
   theme
 }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     Dialog,
     {
       open,
@@ -9060,7 +9407,7 @@ function InitErrorOverlay({
   onRefresh
 }) {
   if (!open) return null;
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     "div",
     {
       role: "dialog",
@@ -9078,7 +9425,7 @@ function InitErrorOverlay({
         padding: spacing[6],
         borderRadius: "20px"
       },
-      children: /* @__PURE__ */ jsxs15(
+      children: /* @__PURE__ */ jsxs16(
         "div",
         {
           style: {
@@ -9093,7 +9440,7 @@ function InitErrorOverlay({
             border: `1px solid ${colors.border}`
           },
           children: [
-            /* @__PURE__ */ jsx18(
+            /* @__PURE__ */ jsx19(
               "h2",
               {
                 id: "init-error-title",
@@ -9105,7 +9452,7 @@ function InitErrorOverlay({
                 children: "API key validation failed"
               }
             ),
-            /* @__PURE__ */ jsx18(
+            /* @__PURE__ */ jsx19(
               "p",
               {
                 id: "init-error-description",
@@ -9117,7 +9464,7 @@ function InitErrorOverlay({
                 children: "We could not validate your Trustware API key. Please refresh to retry."
               }
             ),
-            /* @__PURE__ */ jsx18(
+            /* @__PURE__ */ jsx19(
               "button",
               {
                 onClick: onRefresh,
@@ -9148,7 +9495,7 @@ function InitErrorOverlay({
 }
 
 // src/widget/app/WidgetRouter.tsx
-import { useMemo as useMemo21 } from "react";
+import { useMemo as useMemo22 } from "react";
 
 // src/widget/helpers/tokenAmount.ts
 function rawToDecimal(rawAmount, decimals) {
@@ -9211,12 +9558,12 @@ function resolveChainLabel(chain) {
 }
 
 // src/widget/features/token-selection/components/AvailableTokenListItem.tsx
-import { jsx as jsx19, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
 function AvailableTokenListItem({
   onSelect,
   token
 }) {
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs17(
     "button",
     {
       type: "button",
@@ -9234,7 +9581,7 @@ function AvailableTokenListItem({
         cursor: "pointer"
       },
       children: [
-        token.iconUrl ? /* @__PURE__ */ jsx19(
+        token.iconUrl ? /* @__PURE__ */ jsx20(
           "img",
           {
             src: token.iconUrl,
@@ -9255,7 +9602,7 @@ function AvailableTokenListItem({
             }
           }
         ) : null,
-        /* @__PURE__ */ jsx19(
+        /* @__PURE__ */ jsx20(
           "div",
           {
             style: {
@@ -9268,7 +9615,7 @@ function AvailableTokenListItem({
               flexShrink: 0,
               display: token.iconUrl ? "none" : "flex"
             },
-            children: /* @__PURE__ */ jsx19(
+            children: /* @__PURE__ */ jsx20(
               "span",
               {
                 style: {
@@ -9281,8 +9628,8 @@ function AvailableTokenListItem({
             )
           }
         ),
-        /* @__PURE__ */ jsxs16("div", { style: { flex: 1, textAlign: "left", minWidth: 0 }, children: [
-          /* @__PURE__ */ jsx19(
+        /* @__PURE__ */ jsxs17("div", { style: { flex: 1, textAlign: "left", minWidth: 0 }, children: [
+          /* @__PURE__ */ jsx20(
             "div",
             {
               style: {
@@ -9290,7 +9637,7 @@ function AvailableTokenListItem({
                 alignItems: "center",
                 gap: spacing[1.5]
               },
-              children: /* @__PURE__ */ jsx19(
+              children: /* @__PURE__ */ jsx20(
                 "span",
                 {
                   style: {
@@ -9306,7 +9653,7 @@ function AvailableTokenListItem({
               )
             }
           ),
-          /* @__PURE__ */ jsx19(
+          /* @__PURE__ */ jsx20(
             "span",
             {
               style: {
@@ -9321,7 +9668,7 @@ function AvailableTokenListItem({
             }
           )
         ] }),
-        token.balance !== void 0 ? /* @__PURE__ */ jsx19("div", { style: { textAlign: "right", flexShrink: 0 }, children: /* @__PURE__ */ jsx19(
+        token.balance !== void 0 ? /* @__PURE__ */ jsx20("div", { style: { textAlign: "right", flexShrink: 0 }, children: /* @__PURE__ */ jsx20(
           "span",
           {
             style: {
@@ -9332,7 +9679,7 @@ function AvailableTokenListItem({
             children: formatTokenBalance(token.balance, token.decimals)
           }
         ) }) : null,
-        /* @__PURE__ */ jsx19(
+        /* @__PURE__ */ jsx20(
           "svg",
           {
             style: {
@@ -9345,7 +9692,7 @@ function AvailableTokenListItem({
             fill: "none",
             stroke: "currentColor",
             strokeWidth: 2,
-            children: /* @__PURE__ */ jsx19("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "m9 18 6-6-6-6" })
+            children: /* @__PURE__ */ jsx20("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "m9 18 6-6-6-6" })
           }
         )
       ]
@@ -9354,7 +9701,7 @@ function AvailableTokenListItem({
 }
 
 // src/widget/features/token-selection/components/ChainSelectorPanel.tsx
-import { Fragment as Fragment3, jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx21, jsxs as jsxs18 } from "react/jsx-runtime";
 function ChainItem({
   chain,
   index,
@@ -9363,7 +9710,7 @@ function ChainItem({
 }) {
   const key = chain.id ?? chain.chainId ?? chain.networkIdentifier ?? `chain-${index}`;
   const label = resolveChainLabel(chain);
-  return /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs18(
     "button",
     {
       type: "button",
@@ -9385,7 +9732,7 @@ function ChainItem({
         }
       },
       children: [
-        chain.chainIconURI ? /* @__PURE__ */ jsx20(
+        chain.chainIconURI ? /* @__PURE__ */ jsx21(
           "img",
           {
             src: chain.chainIconURI,
@@ -9398,7 +9745,7 @@ function ChainItem({
               flexShrink: 0
             }
           }
-        ) : /* @__PURE__ */ jsx20(
+        ) : /* @__PURE__ */ jsx21(
           "div",
           {
             style: {
@@ -9411,7 +9758,7 @@ function ChainItem({
               justifyContent: "center",
               flexShrink: 0
             },
-            children: /* @__PURE__ */ jsx20(
+            children: /* @__PURE__ */ jsx21(
               "span",
               {
                 style: {
@@ -9424,7 +9771,7 @@ function ChainItem({
             )
           }
         ),
-        /* @__PURE__ */ jsx20("div", { style: { flex: 1, textAlign: "left", minWidth: 0 }, children: /* @__PURE__ */ jsx20(
+        /* @__PURE__ */ jsx21("div", { style: { flex: 1, textAlign: "left", minWidth: 0 }, children: /* @__PURE__ */ jsx21(
           "span",
           {
             style: {
@@ -9439,7 +9786,7 @@ function ChainItem({
             children: label
           }
         ) }),
-        isSelected && /* @__PURE__ */ jsx20(
+        isSelected && /* @__PURE__ */ jsx21(
           "div",
           {
             style: {
@@ -9452,7 +9799,7 @@ function ChainItem({
               justifyContent: "center",
               flexShrink: 0
             },
-            children: /* @__PURE__ */ jsx20(
+            children: /* @__PURE__ */ jsx21(
               "svg",
               {
                 style: {
@@ -9464,7 +9811,7 @@ function ChainItem({
                 fill: "none",
                 stroke: "currentColor",
                 strokeWidth: 3,
-                children: /* @__PURE__ */ jsx20(
+                children: /* @__PURE__ */ jsx21(
                   "path",
                   {
                     strokeLinecap: "round",
@@ -9489,7 +9836,7 @@ function ChainSelectorPanel({
   otherChains,
   popularChains
 }) {
-  return /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs18(
     "div",
     {
       style: {
@@ -9500,14 +9847,14 @@ function ChainSelectorPanel({
         overflow: "hidden"
       },
       children: [
-        /* @__PURE__ */ jsx20(
+        /* @__PURE__ */ jsx21(
           "div",
           {
             style: {
               padding: `${spacing[2]} ${spacing[3]}`,
               borderBottom: `1px solid rgba(63, 63, 70, 0.5)`
             },
-            children: /* @__PURE__ */ jsx20(
+            children: /* @__PURE__ */ jsx21(
               "span",
               {
                 style: {
@@ -9522,7 +9869,7 @@ function ChainSelectorPanel({
             )
           }
         ),
-        /* @__PURE__ */ jsx20(
+        /* @__PURE__ */ jsx21(
           "div",
           {
             style: {
@@ -9530,7 +9877,7 @@ function ChainSelectorPanel({
               overflowY: "auto",
               padding: `${spacing[2]} ${spacing[1]}`
             },
-            children: isLoading ? /* @__PURE__ */ jsx20(
+            children: isLoading ? /* @__PURE__ */ jsx21(
               "div",
               {
                 style: {
@@ -9539,7 +9886,7 @@ function ChainSelectorPanel({
                   gap: spacing[2],
                   padding: `0 ${spacing[2]}`
                 },
-                children: [1, 2, 3, 4, 5].map((i) => /* @__PURE__ */ jsxs17(
+                children: [1, 2, 3, 4, 5].map((i) => /* @__PURE__ */ jsxs18(
                   "div",
                   {
                     style: {
@@ -9549,7 +9896,7 @@ function ChainSelectorPanel({
                       padding: `${spacing[2]} 0`
                     },
                     children: [
-                      /* @__PURE__ */ jsx20(
+                      /* @__PURE__ */ jsx21(
                         "div",
                         {
                           style: {
@@ -9561,7 +9908,7 @@ function ChainSelectorPanel({
                           className: "tw-animate-pulse"
                         }
                       ),
-                      /* @__PURE__ */ jsx20(
+                      /* @__PURE__ */ jsx21(
                         "div",
                         {
                           style: {
@@ -9578,7 +9925,7 @@ function ChainSelectorPanel({
                   i
                 ))
               }
-            ) : error ? /* @__PURE__ */ jsxs17(
+            ) : error ? /* @__PURE__ */ jsxs18(
               "div",
               {
                 style: {
@@ -9586,8 +9933,8 @@ function ChainSelectorPanel({
                   textAlign: "center"
                 },
                 children: [
-                  /* @__PURE__ */ jsx20("p", { style: { fontSize: fontSize.sm, color: colors.destructive }, children: error }),
-                  /* @__PURE__ */ jsx20(
+                  /* @__PURE__ */ jsx21("p", { style: { fontSize: fontSize.sm, color: colors.destructive }, children: error }),
+                  /* @__PURE__ */ jsx21(
                     "button",
                     {
                       type: "button",
@@ -9606,9 +9953,9 @@ function ChainSelectorPanel({
                   )
                 ]
               }
-            ) : /* @__PURE__ */ jsxs17(Fragment3, { children: [
-              popularChains.length > 0 && /* @__PURE__ */ jsxs17("div", { style: { marginBottom: spacing[2] }, children: [
-                /* @__PURE__ */ jsx20("div", { style: { padding: `${spacing[1.5]} ${spacing[3]}` }, children: /* @__PURE__ */ jsx20(
+            ) : /* @__PURE__ */ jsxs18(Fragment3, { children: [
+              popularChains.length > 0 && /* @__PURE__ */ jsxs18("div", { style: { marginBottom: spacing[2] }, children: [
+                /* @__PURE__ */ jsx21("div", { style: { padding: `${spacing[1.5]} ${spacing[3]}` }, children: /* @__PURE__ */ jsx21(
                   "span",
                   {
                     style: {
@@ -9621,7 +9968,7 @@ function ChainSelectorPanel({
                     children: "Popular"
                   }
                 ) }),
-                popularChains.map((chain, idx) => /* @__PURE__ */ jsx20(
+                popularChains.map((chain, idx) => /* @__PURE__ */ jsx21(
                   ChainItem,
                   {
                     chain,
@@ -9634,15 +9981,15 @@ function ChainSelectorPanel({
                   )
                 ))
               ] }),
-              otherChains.length > 0 && /* @__PURE__ */ jsxs17("div", { children: [
-                popularChains.length > 0 && /* @__PURE__ */ jsx20(
+              otherChains.length > 0 && /* @__PURE__ */ jsxs18("div", { children: [
+                popularChains.length > 0 && /* @__PURE__ */ jsx21(
                   "div",
                   {
                     style: {
                       padding: `${spacing[1.5]} ${spacing[3]}`,
                       marginTop: spacing[2]
                     },
-                    children: /* @__PURE__ */ jsx20(
+                    children: /* @__PURE__ */ jsx21(
                       "span",
                       {
                         style: {
@@ -9657,7 +10004,7 @@ function ChainSelectorPanel({
                     )
                   }
                 ),
-                otherChains.map((chain, idx) => /* @__PURE__ */ jsx20(
+                otherChains.map((chain, idx) => /* @__PURE__ */ jsx21(
                   ChainItem,
                   {
                     chain,
@@ -9670,14 +10017,14 @@ function ChainSelectorPanel({
                   )
                 ))
               ] }),
-              popularChains.length === 0 && otherChains.length === 0 && /* @__PURE__ */ jsx20(
+              popularChains.length === 0 && otherChains.length === 0 && /* @__PURE__ */ jsx21(
                 "div",
                 {
                   style: {
                     padding: `${spacing[3]} ${spacing[4]}`,
                     textAlign: "center"
                   },
-                  children: /* @__PURE__ */ jsx20(
+                  children: /* @__PURE__ */ jsx21(
                     "p",
                     {
                       style: {
@@ -9698,13 +10045,13 @@ function ChainSelectorPanel({
 }
 
 // src/widget/features/token-selection/components/TokenSearchInput.tsx
-import { jsx as jsx21, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs19 } from "react/jsx-runtime";
 function TokenSearchInput({
   searchQuery,
   setSearchQuery
 }) {
-  return /* @__PURE__ */ jsxs18("div", { style: { position: "relative" }, children: [
-    /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs19("div", { style: { position: "relative" }, children: [
+    /* @__PURE__ */ jsxs19(
       "svg",
       {
         style: {
@@ -9721,12 +10068,12 @@ function TokenSearchInput({
         stroke: "currentColor",
         strokeWidth: 2,
         children: [
-          /* @__PURE__ */ jsx21("circle", { cx: "11", cy: "11", r: "8" }),
-          /* @__PURE__ */ jsx21("path", { strokeLinecap: "round", d: "m21 21-4.35-4.35" })
+          /* @__PURE__ */ jsx22("circle", { cx: "11", cy: "11", r: "8" }),
+          /* @__PURE__ */ jsx22("path", { strokeLinecap: "round", d: "m21 21-4.35-4.35" })
         ]
       }
     ),
-    /* @__PURE__ */ jsx21(
+    /* @__PURE__ */ jsx22(
       "input",
       {
         type: "text",
@@ -9749,7 +10096,7 @@ function TokenSearchInput({
         }
       }
     ),
-    searchQuery ? /* @__PURE__ */ jsx21(
+    searchQuery ? /* @__PURE__ */ jsx22(
       "button",
       {
         type: "button",
@@ -9767,7 +10114,7 @@ function TokenSearchInput({
           transition: "background-color 0.2s"
         },
         "aria-label": "Clear search",
-        children: /* @__PURE__ */ jsx21(
+        children: /* @__PURE__ */ jsx22(
           "svg",
           {
             style: {
@@ -9779,7 +10126,7 @@ function TokenSearchInput({
             fill: "none",
             stroke: "currentColor",
             strokeWidth: 2,
-            children: /* @__PURE__ */ jsx21("path", { strokeLinecap: "round", d: "M18 6 6 18M6 6l12 12" })
+            children: /* @__PURE__ */ jsx22("path", { strokeLinecap: "round", d: "M18 6 6 18M6 6l12 12" })
           }
         )
       }
@@ -9788,7 +10135,7 @@ function TokenSearchInput({
 }
 
 // src/widget/features/token-selection/components/TokenSelectorStateView.tsx
-import { jsx as jsx22, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs20 } from "react/jsx-runtime";
 function TokenSelectorStateView({
   isLoadingTokens,
   searchQuery,
@@ -9797,7 +10144,7 @@ function TokenSelectorStateView({
   tokensError
 }) {
   if (isLoadingTokens) {
-    return /* @__PURE__ */ jsx22(
+    return /* @__PURE__ */ jsx23(
       "div",
       {
         style: {
@@ -9806,7 +10153,7 @@ function TokenSelectorStateView({
           gap: spacing[2],
           padding: `0 ${spacing[2]}`
         },
-        children: [1, 2, 3, 4, 5, 6].map((i) => /* @__PURE__ */ jsxs19(
+        children: [1, 2, 3, 4, 5, 6].map((i) => /* @__PURE__ */ jsxs20(
           "div",
           {
             style: {
@@ -9816,7 +10163,7 @@ function TokenSelectorStateView({
               padding: `${spacing[2.5]} ${spacing[2]}`
             },
             children: [
-              /* @__PURE__ */ jsx22(
+              /* @__PURE__ */ jsx23(
                 "div",
                 {
                   style: {
@@ -9828,8 +10175,8 @@ function TokenSelectorStateView({
                   className: "tw-animate-pulse"
                 }
               ),
-              /* @__PURE__ */ jsxs19("div", { style: { flex: 1 }, children: [
-                /* @__PURE__ */ jsx22(
+              /* @__PURE__ */ jsxs20("div", { style: { flex: 1 }, children: [
+                /* @__PURE__ */ jsx23(
                   "div",
                   {
                     style: {
@@ -9842,7 +10189,7 @@ function TokenSelectorStateView({
                     className: "tw-animate-pulse"
                   }
                 ),
-                /* @__PURE__ */ jsx22(
+                /* @__PURE__ */ jsx23(
                   "div",
                   {
                     style: {
@@ -9855,7 +10202,7 @@ function TokenSelectorStateView({
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsx22(
+              /* @__PURE__ */ jsx23(
                 "div",
                 {
                   style: {
@@ -9875,7 +10222,7 @@ function TokenSelectorStateView({
     );
   }
   if (state === "no-chain") {
-    return /* @__PURE__ */ jsx22(
+    return /* @__PURE__ */ jsx23(
       "div",
       {
         style: {
@@ -9885,8 +10232,8 @@ function TokenSelectorStateView({
           justifyContent: "center",
           padding: `0 ${spacing[4]}`
         },
-        children: /* @__PURE__ */ jsxs19("div", { style: { textAlign: "center" }, children: [
-          /* @__PURE__ */ jsx22(
+        children: /* @__PURE__ */ jsxs20("div", { style: { textAlign: "center" }, children: [
+          /* @__PURE__ */ jsx23(
             "svg",
             {
               style: {
@@ -9899,7 +10246,7 @@ function TokenSelectorStateView({
               fill: "none",
               stroke: "currentColor",
               strokeWidth: 1.5,
-              children: /* @__PURE__ */ jsx22(
+              children: /* @__PURE__ */ jsx23(
                 "path",
                 {
                   strokeLinecap: "round",
@@ -9909,7 +10256,7 @@ function TokenSelectorStateView({
               )
             }
           ),
-          /* @__PURE__ */ jsx22(
+          /* @__PURE__ */ jsx23(
             "p",
             {
               style: {
@@ -9924,7 +10271,7 @@ function TokenSelectorStateView({
     );
   }
   if (state === "error") {
-    return /* @__PURE__ */ jsx22(
+    return /* @__PURE__ */ jsx23(
       "div",
       {
         style: {
@@ -9934,8 +10281,8 @@ function TokenSelectorStateView({
           justifyContent: "center",
           padding: `0 ${spacing[4]}`
         },
-        children: /* @__PURE__ */ jsxs19("div", { style: { textAlign: "center" }, children: [
-          /* @__PURE__ */ jsxs19(
+        children: /* @__PURE__ */ jsxs20("div", { style: { textAlign: "center" }, children: [
+          /* @__PURE__ */ jsxs20(
             "svg",
             {
               style: {
@@ -9949,12 +10296,12 @@ function TokenSelectorStateView({
               stroke: "currentColor",
               strokeWidth: 2,
               children: [
-                /* @__PURE__ */ jsx22("circle", { cx: "12", cy: "12", r: "10" }),
-                /* @__PURE__ */ jsx22("path", { strokeLinecap: "round", d: "M12 8v4M12 16h.01" })
+                /* @__PURE__ */ jsx23("circle", { cx: "12", cy: "12", r: "10" }),
+                /* @__PURE__ */ jsx23("path", { strokeLinecap: "round", d: "M12 8v4M12 16h.01" })
               ]
             }
           ),
-          /* @__PURE__ */ jsx22(
+          /* @__PURE__ */ jsx23(
             "p",
             {
               style: {
@@ -9965,7 +10312,7 @@ function TokenSelectorStateView({
               children: tokensError
             }
           ),
-          /* @__PURE__ */ jsx22(
+          /* @__PURE__ */ jsx23(
             "button",
             {
               type: "button",
@@ -9986,7 +10333,7 @@ function TokenSelectorStateView({
       }
     );
   }
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     "div",
     {
       style: {
@@ -9996,8 +10343,8 @@ function TokenSelectorStateView({
         justifyContent: "center",
         padding: `0 ${spacing[4]}`
       },
-      children: /* @__PURE__ */ jsxs19("div", { style: { textAlign: "center" }, children: [
-        /* @__PURE__ */ jsxs19(
+      children: /* @__PURE__ */ jsxs20("div", { style: { textAlign: "center" }, children: [
+        /* @__PURE__ */ jsxs20(
           "svg",
           {
             style: {
@@ -10010,13 +10357,13 @@ function TokenSelectorStateView({
             stroke: "currentColor",
             strokeWidth: 1.5,
             children: [
-              /* @__PURE__ */ jsx22("circle", { cx: "11", cy: "11", r: "8" }),
-              /* @__PURE__ */ jsx22("path", { strokeLinecap: "round", d: "m21 21-4.35-4.35" }),
-              /* @__PURE__ */ jsx22("path", { strokeLinecap: "round", d: "M8 11h6" })
+              /* @__PURE__ */ jsx23("circle", { cx: "11", cy: "11", r: "8" }),
+              /* @__PURE__ */ jsx23("path", { strokeLinecap: "round", d: "m21 21-4.35-4.35" }),
+              /* @__PURE__ */ jsx23("path", { strokeLinecap: "round", d: "M8 11h6" })
             ]
           }
         ),
-        /* @__PURE__ */ jsx22(
+        /* @__PURE__ */ jsx23(
           "p",
           {
             style: {
@@ -10026,7 +10373,7 @@ function TokenSelectorStateView({
             children: searchQuery ? `No tokens matching "${searchQuery}"` : "No tokens available"
           }
         ),
-        searchQuery ? /* @__PURE__ */ jsx22(
+        searchQuery ? /* @__PURE__ */ jsx23(
           "button",
           {
             type: "button",
@@ -10049,13 +10396,13 @@ function TokenSelectorStateView({
 }
 
 // src/widget/features/token-selection/components/WalletTokenListItem.tsx
-import { jsx as jsx23, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs21 } from "react/jsx-runtime";
 function WalletTokenListItem({
   onSelect,
   token
 }) {
   const logoUrl = token.iconUrl || token.logo_url;
-  return /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsxs21(
     "button",
     {
       type: "button",
@@ -10073,8 +10420,8 @@ function WalletTokenListItem({
         cursor: "pointer"
       },
       children: [
-        /* @__PURE__ */ jsxs20("div", { style: { position: "relative" }, children: [
-          logoUrl ? /* @__PURE__ */ jsx23(
+        /* @__PURE__ */ jsxs21("div", { style: { position: "relative" }, children: [
+          logoUrl ? /* @__PURE__ */ jsx24(
             "img",
             {
               src: logoUrl,
@@ -10087,7 +10434,7 @@ function WalletTokenListItem({
                 flexShrink: 0
               }
             }
-          ) : /* @__PURE__ */ jsx23(
+          ) : /* @__PURE__ */ jsx24(
             "div",
             {
               style: {
@@ -10097,7 +10444,7 @@ function WalletTokenListItem({
                 objectFit: "cover",
                 flexShrink: 0
               },
-              children: /* @__PURE__ */ jsx23(
+              children: /* @__PURE__ */ jsx24(
                 "span",
                 {
                   style: {
@@ -10113,7 +10460,7 @@ function WalletTokenListItem({
               )
             }
           ),
-          /* @__PURE__ */ jsx23(
+          /* @__PURE__ */ jsx24(
             "div",
             {
               style: {
@@ -10129,7 +10476,7 @@ function WalletTokenListItem({
                 alignItems: "center",
                 justifyContent: "center"
               },
-              children: /* @__PURE__ */ jsx23(
+              children: /* @__PURE__ */ jsx24(
                 "img",
                 {
                   src: token.chainIconURI,
@@ -10144,8 +10491,8 @@ function WalletTokenListItem({
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs20("div", { style: { flex: 1, textAlign: "left", minWidth: 0 }, children: [
-          /* @__PURE__ */ jsx23(
+        /* @__PURE__ */ jsxs21("div", { style: { flex: 1, textAlign: "left", minWidth: 0 }, children: [
+          /* @__PURE__ */ jsx24(
             "div",
             {
               style: {
@@ -10153,7 +10500,7 @@ function WalletTokenListItem({
                 alignItems: "center",
                 gap: spacing[1.5]
               },
-              children: /* @__PURE__ */ jsx23(
+              children: /* @__PURE__ */ jsx24(
                 "span",
                 {
                   style: {
@@ -10169,7 +10516,7 @@ function WalletTokenListItem({
               )
             }
           ),
-          /* @__PURE__ */ jsxs20(
+          /* @__PURE__ */ jsxs21(
             "span",
             {
               style: {
@@ -10194,7 +10541,7 @@ function WalletTokenListItem({
 }
 
 // src/widget/features/token-selection/components/TokenSelectorPanel.tsx
-import { jsx as jsx24, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs22 } from "react/jsx-runtime";
 function TokenSelectorPanel({
   filteredTokens,
   filteredWalletTokens,
@@ -10210,7 +10557,7 @@ function TokenSelectorPanel({
   tokensError,
   walletAddress
 }) {
-  return /* @__PURE__ */ jsxs21(
+  return /* @__PURE__ */ jsxs22(
     "div",
     {
       style: {
@@ -10220,7 +10567,7 @@ function TokenSelectorPanel({
         overflow: "hidden"
       },
       children: [
-        /* @__PURE__ */ jsxs21(
+        /* @__PURE__ */ jsxs22(
           "div",
           {
             style: {
@@ -10228,7 +10575,7 @@ function TokenSelectorPanel({
               borderBottom: `1px solid rgba(63, 63, 70, 0.5)`
             },
             children: [
-              /* @__PURE__ */ jsxs21(
+              /* @__PURE__ */ jsxs22(
                 "div",
                 {
                   style: {
@@ -10238,7 +10585,7 @@ function TokenSelectorPanel({
                     marginBottom: spacing[2]
                   },
                   children: [
-                    /* @__PURE__ */ jsx24(
+                    /* @__PURE__ */ jsx25(
                       "span",
                       {
                         style: {
@@ -10251,7 +10598,7 @@ function TokenSelectorPanel({
                         children: "Token"
                       }
                     ),
-                    walletAddress && /* @__PURE__ */ jsx24(
+                    walletAddress && /* @__PURE__ */ jsx25(
                       "span",
                       {
                         style: {
@@ -10267,7 +10614,7 @@ function TokenSelectorPanel({
                   ]
                 }
               ),
-              selectedChain ? /* @__PURE__ */ jsx24(
+              selectedChain ? /* @__PURE__ */ jsx25(
                 TokenSearchInput,
                 {
                   searchQuery,
@@ -10277,7 +10624,7 @@ function TokenSelectorPanel({
             ]
           }
         ),
-        /* @__PURE__ */ jsx24(
+        /* @__PURE__ */ jsx25(
           "div",
           {
             style: {
@@ -10285,7 +10632,7 @@ function TokenSelectorPanel({
               overflowY: "auto",
               padding: `${spacing[2]} ${spacing[1]}`
             },
-            children: !selectedChain || isLoadingTokens || tokensError || filteredTokens.length === 0 ? /* @__PURE__ */ jsx24(
+            children: !selectedChain || isLoadingTokens || tokensError || filteredTokens.length === 0 ? /* @__PURE__ */ jsx25(
               TokenSelectorStateView,
               {
                 isLoadingTokens,
@@ -10294,7 +10641,7 @@ function TokenSelectorPanel({
                 state: !selectedChain ? "no-chain" : tokensError ? "error" : "empty",
                 tokensError
               }
-            ) : /* @__PURE__ */ jsxs21(
+            ) : /* @__PURE__ */ jsxs22(
               "div",
               {
                 style: {
@@ -10303,7 +10650,7 @@ function TokenSelectorPanel({
                   gap: spacing[0.5]
                 },
                 children: [
-                  filteredWalletTokens.length > 0 ? /* @__PURE__ */ jsx24(
+                  filteredWalletTokens.length > 0 ? /* @__PURE__ */ jsx25(
                     "div",
                     {
                       style: {
@@ -10314,7 +10661,7 @@ function TokenSelectorPanel({
                         paddingRight: "0.5rem",
                         marginBottom: spacing[2]
                       },
-                      children: /* @__PURE__ */ jsx24(
+                      children: /* @__PURE__ */ jsx25(
                         "span",
                         {
                           style: {
@@ -10327,7 +10674,7 @@ function TokenSelectorPanel({
                       )
                     }
                   ) : null,
-                  filteredWalletTokens.map((token, i) => /* @__PURE__ */ jsx24(
+                  filteredWalletTokens.map((token, i) => /* @__PURE__ */ jsx25(
                     WalletTokenListItem,
                     {
                       token,
@@ -10335,7 +10682,7 @@ function TokenSelectorPanel({
                     },
                     `${token.address}-${i}`
                   )),
-                  /* @__PURE__ */ jsx24(
+                  /* @__PURE__ */ jsx25(
                     "div",
                     {
                       style: {
@@ -10346,7 +10693,7 @@ function TokenSelectorPanel({
                         paddingRight: "0.5rem",
                         marginBottom: spacing[2]
                       },
-                      children: /* @__PURE__ */ jsx24(
+                      children: /* @__PURE__ */ jsx25(
                         "span",
                         {
                           style: {
@@ -10359,7 +10706,7 @@ function TokenSelectorPanel({
                       )
                     }
                   ),
-                  filteredTokens.map((token, i) => /* @__PURE__ */ jsx24(
+                  filteredTokens.map((token, i) => /* @__PURE__ */ jsx25(
                     AvailableTokenListItem,
                     {
                       token,
@@ -10367,7 +10714,7 @@ function TokenSelectorPanel({
                     },
                     `${token.address}-${i}`
                   )),
-                  hasNextPage ? /* @__PURE__ */ jsx24(
+                  hasNextPage ? /* @__PURE__ */ jsx25(
                     "button",
                     {
                       type: "button",
@@ -10400,7 +10747,7 @@ function TokenSelectorPanel({
 }
 
 // src/widget/features/token-selection/hooks/useOrderedWalletTokens.ts
-import { useCallback as useCallback11, useMemo as useMemo11 } from "react";
+import { useCallback as useCallback12, useMemo as useMemo12 } from "react";
 function useOrderedWalletTokens({
   amount,
   amountInputMode,
@@ -10409,7 +10756,7 @@ function useOrderedWalletTokens({
   setSelectedToken,
   yourWalletTokens
 }) {
-  const handleTokenChange = useCallback11(
+  const handleTokenChange = useCallback12(
     async (token) => {
       if (token) {
         setSelectedToken(token);
@@ -10418,7 +10765,7 @@ function useOrderedWalletTokens({
     },
     [setSelectedChain, setSelectedToken]
   );
-  const orderedTokens = useMemo11(() => {
+  const orderedTokens = useMemo12(() => {
     const selectedTokenChainType = selectedToken?.chainData?.type ?? selectedToken?.chainData?.chainType;
     const index = yourWalletTokens.findIndex(
       (token) => normalizeAddress2(
@@ -10487,7 +10834,7 @@ function filterTokenAmountCompatibleTokens(tokens, parsedAmount) {
 }
 
 // src/widget/features/token-selection/hooks/useSelectTokenModel.ts
-import { useCallback as useCallback12, useMemo as useMemo12 } from "react";
+import { useCallback as useCallback13, useMemo as useMemo13 } from "react";
 function useSelectTokenModel({
   goBack,
   searchQuery,
@@ -10511,7 +10858,7 @@ function useSelectTokenModel({
       explorerUrl: chain.blockExplorerUrls?.[0]
     });
   };
-  const handleTokenSelect = useCallback12(
+  const handleTokenSelect = useCallback13(
     async (token) => {
       if (token.balance !== void 0) {
         setSelectedToken(token);
@@ -10535,7 +10882,7 @@ function useSelectTokenModel({
     },
     [goBack, selectedChain, setSelectedToken, walletAddress]
   );
-  const handleYourTokenSelect = useCallback12(
+  const handleYourTokenSelect = useCallback13(
     (token) => {
       setSelectedToken(token);
       setSelectedChain(token.chainData);
@@ -10557,7 +10904,7 @@ function useSelectTokenModel({
     const address = token.address?.toLowerCase() ?? "";
     return symbol.includes(normalizedSearchQuery) || name.includes(normalizedSearchQuery) || address.includes(normalizedSearchQuery);
   };
-  const filteredWalletTokens = useMemo12(() => {
+  const filteredWalletTokens = useMemo13(() => {
     if (!selectedChain?.chainId) {
       return [];
     }
@@ -10650,7 +10997,7 @@ var feeSummaryValueStyle = {
 };
 
 // src/widget/features/amount/components/AmountBalanceRow.tsx
-import { jsx as jsx25, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs23 } from "react/jsx-runtime";
 function formatBalanceLabel({
   amountInputMode,
   hasUsdPrice,
@@ -10681,8 +11028,8 @@ function AmountBalanceRow({
   selectedTokenSymbol,
   tokenPriceUSD
 }) {
-  return /* @__PURE__ */ jsxs22("div", { style: balanceRowStyle, children: [
-    /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsxs23("div", { style: balanceRowStyle, children: [
+    /* @__PURE__ */ jsx26(
       "span",
       {
         style: {
@@ -10700,7 +11047,7 @@ function AmountBalanceRow({
         })
       }
     ),
-    /* @__PURE__ */ jsx25(
+    /* @__PURE__ */ jsx26(
       "button",
       {
         type: "button",
@@ -10714,7 +11061,7 @@ function AmountBalanceRow({
 }
 
 // src/widget/features/amount/components/AmountConversionRow.tsx
-import { Fragment as Fragment4, jsx as jsx26, jsxs as jsxs23 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx27, jsxs as jsxs24 } from "react/jsx-runtime";
 function formatTokenAmount(value) {
   const amount = Number(value ?? 0);
   if (amount <= 0) return "0";
@@ -10738,22 +11085,22 @@ function AmountConversionRow({
   selectedTokenSymbol,
   setAmountInputMode
 }) {
-  return /* @__PURE__ */ jsxs23("div", { style: tokenConversionRowStyle, children: [
-    /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsxs24("div", { style: tokenConversionRowStyle, children: [
+    /* @__PURE__ */ jsx27(
       "span",
       {
         style: {
           fontSize: fontSize.lg,
           color: colors.mutedForeground
         },
-        children: amountInputMode === "usd" ? /* @__PURE__ */ jsxs23(Fragment4, { children: [
+        children: amountInputMode === "usd" ? /* @__PURE__ */ jsxs24(Fragment4, { children: [
           formatTokenAmount(amountComputation.tokenAmount),
           " ",
           selectedTokenSymbol
-        ] }) : /* @__PURE__ */ jsx26(Fragment4, { children: hasUsdPrice ? formatUsdAmount2(amountComputation.usdAmount) : "USD pricing unavailable" })
+        ] }) : /* @__PURE__ */ jsx27(Fragment4, { children: hasUsdPrice ? formatUsdAmount2(amountComputation.usdAmount) : "USD pricing unavailable" })
       }
     ),
-    /* @__PURE__ */ jsx26(
+    /* @__PURE__ */ jsx27(
       "svg",
       {
         style: {
@@ -10770,7 +11117,7 @@ function AmountConversionRow({
           if (isFixedAmount) return;
           setAmountInputMode((mode) => mode === "usd" ? "token" : "usd");
         },
-        children: /* @__PURE__ */ jsx26(
+        children: /* @__PURE__ */ jsx27(
           "path",
           {
             strokeLinecap: "round",
@@ -10784,7 +11131,7 @@ function AmountConversionRow({
 }
 
 // src/widget/features/amount/components/AmountFeeSummary.tsx
-import { Fragment as Fragment5, jsx as jsx27, jsxs as jsxs24 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx28, jsxs as jsxs25 } from "react/jsx-runtime";
 function formatEstimatedReceive(estimatedReceive, parsedAmount) {
   if (estimatedReceive) {
     return `~$${parseFloat(estimatedReceive).toLocaleString(void 0, {
@@ -10805,8 +11152,8 @@ function AmountFeeSummary({
   parsedAmount,
   selectedTokenDecimals
 }) {
-  return /* @__PURE__ */ jsx27("div", { style: feeSummaryContainerStyle, children: isLoadingRoute ? /* @__PURE__ */ jsxs24("div", { style: loadingFeeSummaryStyle, children: [
-    /* @__PURE__ */ jsxs24(
+  return /* @__PURE__ */ jsx28("div", { style: feeSummaryContainerStyle, children: isLoadingRoute ? /* @__PURE__ */ jsxs25("div", { style: loadingFeeSummaryStyle, children: [
+    /* @__PURE__ */ jsxs25(
       "svg",
       {
         style: {
@@ -10818,7 +11165,7 @@ function AmountFeeSummary({
         fill: "none",
         className: "tw-animate-spin",
         children: [
-          /* @__PURE__ */ jsx27(
+          /* @__PURE__ */ jsx28(
             "circle",
             {
               style: { opacity: 0.25 },
@@ -10829,7 +11176,7 @@ function AmountFeeSummary({
               strokeWidth: "4"
             }
           ),
-          /* @__PURE__ */ jsx27(
+          /* @__PURE__ */ jsx28(
             "path",
             {
               style: { opacity: 0.75 },
@@ -10840,7 +11187,7 @@ function AmountFeeSummary({
         ]
       }
     ),
-    /* @__PURE__ */ jsx27(
+    /* @__PURE__ */ jsx28(
       "span",
       {
         style: {
@@ -10851,7 +11198,7 @@ function AmountFeeSummary({
         children: "Calculating fees..."
       }
     )
-  ] }) : !amount.trim() ? /* @__PURE__ */ jsx27("div", { style: emptyFeeSummaryStyle, children: /* @__PURE__ */ jsx27(
+  ] }) : !amount.trim() ? /* @__PURE__ */ jsx28("div", { style: emptyFeeSummaryStyle, children: /* @__PURE__ */ jsx28(
     "p",
     {
       style: {
@@ -10860,10 +11207,10 @@ function AmountFeeSummary({
       },
       children: "Enter an amount to continue."
     }
-  ) }) : /* @__PURE__ */ jsxs24(Fragment5, { children: [
-    /* @__PURE__ */ jsxs24("div", { style: feeSummaryRowStyle, children: [
-      /* @__PURE__ */ jsx27("span", { style: { color: colors.mutedForeground }, children: "Network fee" }),
-      /* @__PURE__ */ jsxs24("span", { style: feeSummaryValueStyle, children: [
+  ) }) : /* @__PURE__ */ jsxs25(Fragment5, { children: [
+    /* @__PURE__ */ jsxs25("div", { style: feeSummaryRowStyle, children: [
+      /* @__PURE__ */ jsx28("span", { style: { color: colors.mutedForeground }, children: "Network fee" }),
+      /* @__PURE__ */ jsxs25("span", { style: feeSummaryValueStyle, children: [
         weiToDecimalString(
           gasReservationWei,
           selectedTokenDecimals ?? 0,
@@ -10872,9 +11219,9 @@ function AmountFeeSummary({
         " "
       ] })
     ] }),
-    /* @__PURE__ */ jsx27("div", { style: feeSummaryDividerStyle }),
-    /* @__PURE__ */ jsxs24("div", { style: feeSummaryRowStyle, children: [
-      /* @__PURE__ */ jsx27(
+    /* @__PURE__ */ jsx28("div", { style: feeSummaryDividerStyle }),
+    /* @__PURE__ */ jsxs25("div", { style: feeSummaryRowStyle, children: [
+      /* @__PURE__ */ jsx28(
         "span",
         {
           style: {
@@ -10884,7 +11231,7 @@ function AmountFeeSummary({
           children: "You'll receive"
         }
       ),
-      /* @__PURE__ */ jsx27(
+      /* @__PURE__ */ jsx28(
         "span",
         {
           style: {
@@ -10899,7 +11246,7 @@ function AmountFeeSummary({
 }
 
 // src/widget/features/amount/components/CryptoPayAmountSection.tsx
-import { jsx as jsx28, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs26 } from "react/jsx-runtime";
 function CryptoPayAmountSection({
   amount,
   amountComputation,
@@ -10926,8 +11273,8 @@ function CryptoPayAmountSection({
   walletAddress,
   yourWalletTokensLength
 }) {
-  return /* @__PURE__ */ jsxs25("div", { style: amountSectionContainerStyle, children: [
-    /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsxs26("div", { style: amountSectionContainerStyle, children: [
+    /* @__PURE__ */ jsx29(
       "p",
       {
         style: {
@@ -10939,7 +11286,7 @@ function CryptoPayAmountSection({
         children: "Enter an amount"
       }
     ),
-    /* @__PURE__ */ jsx28(
+    /* @__PURE__ */ jsx29(
       AmountInputDisplay,
       {
         amount,
@@ -10951,7 +11298,7 @@ function CryptoPayAmountSection({
         style: { marginBottom: spacing[4] }
       }
     ),
-    selectedToken ? /* @__PURE__ */ jsx28(
+    selectedToken ? /* @__PURE__ */ jsx29(
       AmountConversionRow,
       {
         amountComputation,
@@ -10962,7 +11309,7 @@ function CryptoPayAmountSection({
         setAmountInputMode
       }
     ) : null,
-    selectedToken?.balance ? /* @__PURE__ */ jsx28(
+    selectedToken?.balance ? /* @__PURE__ */ jsx29(
       AmountBalanceRow,
       {
         amountInputMode,
@@ -10975,7 +11322,7 @@ function CryptoPayAmountSection({
         tokenPriceUSD
       }
     ) : null,
-    selectedToken && yourWalletTokensLength > 0 ? /* @__PURE__ */ jsx28("div", { style: tokenPickerContainerStyle, children: /* @__PURE__ */ jsx28(
+    selectedToken && yourWalletTokensLength > 0 ? /* @__PURE__ */ jsx29("div", { style: tokenPickerContainerStyle, children: /* @__PURE__ */ jsx29(
       TokenSwipePill,
       {
         tokens: orderedTokens,
@@ -10986,8 +11333,8 @@ function CryptoPayAmountSection({
         walletAddress
       }
     ) }) : null,
-    !isFixedAmount && selectedToken && effectiveSliderMax !== void 0 ? /* @__PURE__ */ jsxs25("div", { style: amountSliderContainerStyle, children: [
-      /* @__PURE__ */ jsxs25(
+    !isFixedAmount && selectedToken && effectiveSliderMax !== void 0 ? /* @__PURE__ */ jsxs26("div", { style: amountSliderContainerStyle, children: [
+      /* @__PURE__ */ jsxs26(
         "p",
         {
           style: {
@@ -11003,7 +11350,7 @@ function CryptoPayAmountSection({
           ]
         }
       ),
-      /* @__PURE__ */ jsx28(
+      /* @__PURE__ */ jsx29(
         AmountSlider,
         {
           value: Math.min(parsedAmount, effectiveSliderMax),
@@ -11014,7 +11361,7 @@ function CryptoPayAmountSection({
         }
       )
     ] }) : null,
-    showFeeSummary ? /* @__PURE__ */ jsx28(
+    showFeeSummary ? /* @__PURE__ */ jsx29(
       AmountFeeSummary,
       {
         amount,
@@ -11029,7 +11376,7 @@ function CryptoPayAmountSection({
 }
 
 // src/widget/features/amount/hooks/useDepositAmountModel.ts
-import { useEffect as useEffect18, useMemo as useMemo13 } from "react";
+import { useEffect as useEffect20, useMemo as useMemo14 } from "react";
 var BALANCE_TOLERANCE = 1e-9;
 function useDepositAmountModel({
   amount,
@@ -11044,14 +11391,14 @@ function useDepositAmountModel({
 }) {
   const tokenPriceUSD = typeof selectedToken?.usdPrice === "number" && Number.isFinite(selectedToken.usdPrice) && selectedToken.usdPrice > 0 ? selectedToken.usdPrice : 0;
   const hasUsdPrice = typeof tokenPriceUSD === "number" && Number.isFinite(tokenPriceUSD) && tokenPriceUSD > 0;
-  const normalizedTokenBalance = useMemo13(() => {
+  const normalizedTokenBalance = useMemo14(() => {
     if (!selectedToken?.balance) return 0;
     const normalized = Number(
       rawToDecimal(selectedToken.balance, selectedToken.decimals ?? 18)
     );
     return Number.isFinite(normalized) ? normalized : 0;
   }, [selectedToken?.balance, selectedToken?.decimals]);
-  useEffect18(() => {
+  useEffect20(() => {
     if (fixedFromAmountString) return;
     if (isReady && !hasUsdPrice && amountInputMode === "usd") {
       setAmountInputMode("token");
@@ -11063,7 +11410,7 @@ function useDepositAmountModel({
     isReady,
     setAmountInputMode
   ]);
-  useEffect18(() => {
+  useEffect20(() => {
     if (!fixedFromAmountString) return;
     if (amount !== fixedFromAmountString) {
       setAmount(fixedFromAmountString);
@@ -11078,7 +11425,7 @@ function useDepositAmountModel({
     setAmount,
     setAmountInputMode
   ]);
-  const amountComputation = useMemo13(() => {
+  const amountComputation = useMemo14(() => {
     const rawAmount = (fixedFromAmountString ?? amount)?.trim();
     if (!rawAmount) {
       return {
@@ -11145,11 +11492,11 @@ function useDepositAmountModel({
     selectedToken?.decimals,
     tokenPriceUSD
   ]);
-  const requestedTokenAmount = useMemo13(() => {
+  const requestedTokenAmount = useMemo14(() => {
     const tokenAmount = Number(amountComputation.tokenAmount);
     return Number.isFinite(tokenAmount) ? tokenAmount : 0;
   }, [amountComputation.tokenAmount]);
-  const amountValidationError = useMemo13(() => {
+  const amountValidationError = useMemo14(() => {
     if (amountComputation.parseError) {
       return amountComputation.parseError;
     }
@@ -11182,15 +11529,15 @@ function useDepositAmountModel({
   ]);
   const amountWei = amountValidationError ? 0n : amountComputation.fromAmountWei ?? 0n;
   const parsedAmount = parseFloat(fixedFromAmountString ?? amount) || 0;
-  const maxTokenAmount = useMemo13(
+  const maxTokenAmount = useMemo14(
     () => Math.min(normalizedTokenBalance, 1e4),
     [normalizedTokenBalance]
   );
-  const maxUsdAmount = useMemo13(() => {
+  const maxUsdAmount = useMemo14(() => {
     if (!hasUsdPrice) return void 0;
     return Math.min(maxTokenAmount * tokenPriceUSD, 1e4);
   }, [hasUsdPrice, maxTokenAmount, tokenPriceUSD]);
-  const minAmountForMode = useMemo13(() => {
+  const minAmountForMode = useMemo14(() => {
     if (minAmountUsd == null) return 0;
     if (amountInputMode === "usd") {
       return minAmountUsd;
@@ -11199,11 +11546,11 @@ function useDepositAmountModel({
     return minAmountUsd / tokenPriceUSD;
   }, [amountInputMode, hasUsdPrice, minAmountUsd, tokenPriceUSD]);
   const sliderMax = amountInputMode === "usd" ? maxUsdAmount : maxTokenAmount;
-  const effectiveSliderMax = useMemo13(() => {
+  const effectiveSliderMax = useMemo14(() => {
     if (sliderMax == null || !Number.isFinite(sliderMax)) return void 0;
     return Math.max(sliderMax, 0);
   }, [sliderMax]);
-  const effectiveSliderMin = useMemo13(() => {
+  const effectiveSliderMin = useMemo14(() => {
     if (effectiveSliderMax == null || !Number.isFinite(effectiveSliderMax) || effectiveSliderMax <= 0) {
       return 0;
     }
@@ -11230,7 +11577,7 @@ function useDepositAmountModel({
 }
 
 // src/widget/features/amount/hooks/useHomeAmountModel.ts
-import { useEffect as useEffect19, useMemo as useMemo14 } from "react";
+import { useEffect as useEffect21, useMemo as useMemo15 } from "react";
 function useHomeAmountModel({
   amount,
   setAmount,
@@ -11241,7 +11588,7 @@ function useHomeAmountModel({
   minAmountUsd,
   maxAmountUsd
 }) {
-  useEffect19(() => {
+  useEffect21(() => {
     if (!fixedFromAmountString) return;
     if (amount !== fixedFromAmountString) {
       setAmount(fixedFromAmountString);
@@ -11257,7 +11604,7 @@ function useHomeAmountModel({
     setAmountInputMode
   ]);
   const parsedAmount = parseFloat(fixedFromAmountString ?? amount) || 0;
-  const amountValidationMessage = useMemo14(() => {
+  const amountValidationMessage = useMemo15(() => {
     const rawAmount = (fixedFromAmountString ?? amount)?.trim();
     if (!rawAmount) return null;
     if (!/^\d*\.?\d*$/.test(rawAmount)) {
@@ -11348,7 +11695,7 @@ var mutedOrDividerStyle = (isDarkTheme) => ({
 });
 
 // src/widget/features/wallet/components/PaymentOptionRow.tsx
-import { jsx as jsx29, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs27 } from "react/jsx-runtime";
 function PaymentOptionRow({
   disabled = false,
   icon,
@@ -11356,7 +11703,7 @@ function PaymentOptionRow({
   onClick,
   trailing
 }) {
-  return /* @__PURE__ */ jsxs26(
+  return /* @__PURE__ */ jsxs27(
     "button",
     {
       type: "button",
@@ -11379,7 +11726,7 @@ function PaymentOptionRow({
         opacity: disabled ? 0.5 : 1
       },
       children: [
-        /* @__PURE__ */ jsxs26(
+        /* @__PURE__ */ jsxs27(
           "div",
           {
             style: {
@@ -11389,7 +11736,7 @@ function PaymentOptionRow({
             },
             children: [
               icon,
-              /* @__PURE__ */ jsx29(
+              /* @__PURE__ */ jsx30(
                 "span",
                 {
                   style: {
@@ -11403,24 +11750,24 @@ function PaymentOptionRow({
             ]
           }
         ),
-        trailing ?? /* @__PURE__ */ jsx29("div", { style: selectionRingStyle })
+        trailing ?? /* @__PURE__ */ jsx30("div", { style: selectionRingStyle })
       ]
     }
   );
 }
 
 // src/widget/features/wallet/components/DetectedWalletRow.tsx
-import { jsx as jsx30 } from "react/jsx-runtime";
+import { jsx as jsx31 } from "react/jsx-runtime";
 function DetectedWalletRow({
   onSelect,
   wallet
 }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     PaymentOptionRow,
     {
       onClick: () => void onSelect(wallet),
       label: wallet.meta.name,
-      icon: wallet.meta.logo ? /* @__PURE__ */ jsx30(
+      icon: wallet.meta.logo ? /* @__PURE__ */ jsx31(
         "img",
         {
           src: wallet.meta.logo,
@@ -11432,7 +11779,7 @@ function DetectedWalletRow({
             objectFit: "cover"
           }
         }
-      ) : /* @__PURE__ */ jsx30(
+      ) : /* @__PURE__ */ jsx31(
         "div",
         {
           style: {
@@ -11444,7 +11791,7 @@ function DetectedWalletRow({
             alignItems: "center",
             justifyContent: "center"
           },
-          children: /* @__PURE__ */ jsx30(
+          children: /* @__PURE__ */ jsx31(
             "span",
             {
               style: {
@@ -11462,16 +11809,16 @@ function DetectedWalletRow({
 }
 
 // src/widget/features/wallet/components/WalletConnectRow.tsx
-import { jsx as jsx31 } from "react/jsx-runtime";
+import { jsx as jsx32 } from "react/jsx-runtime";
 function WalletConnectRow({
   onClick
 }) {
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx32(
     PaymentOptionRow,
     {
       onClick: () => void onClick(),
       label: "WalletConnect",
-      icon: /* @__PURE__ */ jsx31("div", { style: walletActionIconBoxStyle, children: /* @__PURE__ */ jsx31(
+      icon: /* @__PURE__ */ jsx32("div", { style: walletActionIconBoxStyle, children: /* @__PURE__ */ jsx32(
         "svg",
         {
           style: {
@@ -11481,10 +11828,10 @@ function WalletConnectRow({
           },
           viewBox: "0 0 24 24",
           fill: "currentColor",
-          children: /* @__PURE__ */ jsx31("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__ */ jsx32("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" })
         }
       ) }),
-      trailing: /* @__PURE__ */ jsx31(
+      trailing: /* @__PURE__ */ jsx32(
         "svg",
         {
           style: {
@@ -11496,7 +11843,7 @@ function WalletConnectRow({
           fill: "none",
           stroke: "currentColor",
           strokeWidth: 2,
-          children: /* @__PURE__ */ jsx31("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" })
+          children: /* @__PURE__ */ jsx32("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" })
         }
       )
     }
@@ -11504,9 +11851,9 @@ function WalletConnectRow({
 }
 
 // src/widget/features/wallet/components/WalletDropdownEmptyState.tsx
-import { jsx as jsx32 } from "react/jsx-runtime";
+import { jsx as jsx33 } from "react/jsx-runtime";
 function WalletDropdownEmptyState() {
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx33(
     "p",
     {
       style: {
@@ -11521,13 +11868,13 @@ function WalletDropdownEmptyState() {
 }
 
 // src/widget/features/wallet/components/CryptoWalletDropdownContent.tsx
-import { jsx as jsx33, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs28 } from "react/jsx-runtime";
 function CryptoWalletDropdownContent({
   browserWallets,
   handleWalletConnect,
   handleWalletSelect
 }) {
-  return /* @__PURE__ */ jsxs27(
+  return /* @__PURE__ */ jsxs28(
     "div",
     {
       style: {
@@ -11544,10 +11891,10 @@ function CryptoWalletDropdownContent({
         scrollbarColor: `${colors.muted} transparent`
       },
       children: [
-        /* @__PURE__ */ jsxs27("div", { style: { padding: spacing[3] }, children: [
-          /* @__PURE__ */ jsxs27("div", { style: dropdownSectionHeadingStyle, children: [
-            /* @__PURE__ */ jsx33("div", { style: dropdownStatusDotStyle(colors.green[500]) }),
-            /* @__PURE__ */ jsx33(
+        /* @__PURE__ */ jsxs28("div", { style: { padding: spacing[3] }, children: [
+          /* @__PURE__ */ jsxs28("div", { style: dropdownSectionHeadingStyle, children: [
+            /* @__PURE__ */ jsx34("div", { style: dropdownStatusDotStyle(colors.green[500]) }),
+            /* @__PURE__ */ jsx34(
               "span",
               {
                 style: {
@@ -11559,7 +11906,7 @@ function CryptoWalletDropdownContent({
               }
             )
           ] }),
-          browserWallets.length > 0 ? /* @__PURE__ */ jsx33(
+          browserWallets.length > 0 ? /* @__PURE__ */ jsx34(
             "div",
             {
               style: {
@@ -11567,7 +11914,7 @@ function CryptoWalletDropdownContent({
                 flexDirection: "column",
                 gap: spacing[1]
               },
-              children: browserWallets.map((wallet) => /* @__PURE__ */ jsx33(
+              children: browserWallets.map((wallet) => /* @__PURE__ */ jsx34(
                 DetectedWalletRow,
                 {
                   wallet,
@@ -11576,19 +11923,19 @@ function CryptoWalletDropdownContent({
                 wallet.meta.id
               ))
             }
-          ) : /* @__PURE__ */ jsx33(WalletDropdownEmptyState, {})
+          ) : /* @__PURE__ */ jsx34(WalletDropdownEmptyState, {})
         ] }),
-        /* @__PURE__ */ jsx33("div", { style: dividerBorderStyle }),
-        /* @__PURE__ */ jsx33("div", { style: { padding: spacing[3] }, children: /* @__PURE__ */ jsx33(WalletConnectRow, { onClick: handleWalletConnect }) })
+        /* @__PURE__ */ jsx34("div", { style: dividerBorderStyle }),
+        /* @__PURE__ */ jsx34("div", { style: { padding: spacing[3] }, children: /* @__PURE__ */ jsx34(WalletConnectRow, { onClick: handleWalletConnect }) })
       ]
     }
   );
 }
 
 // src/widget/features/wallet/components/FiatComingSoonBanner.tsx
-import { jsx as jsx34 } from "react/jsx-runtime";
+import { jsx as jsx35 } from "react/jsx-runtime";
 function FiatComingSoonBanner() {
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx35(
     "div",
     {
       style: {
@@ -11596,7 +11943,7 @@ function FiatComingSoonBanner() {
         backgroundColor: "rgba(245, 158, 11, 0.1)",
         borderBottom: "1px solid rgba(245, 158, 11, 0.2)"
       },
-      children: /* @__PURE__ */ jsx34(
+      children: /* @__PURE__ */ jsx35(
         "p",
         {
           style: {
@@ -11613,29 +11960,29 @@ function FiatComingSoonBanner() {
 }
 
 // src/widget/features/wallet/components/FiatMethodRow.tsx
-import { jsx as jsx35 } from "react/jsx-runtime";
+import { jsx as jsx36 } from "react/jsx-runtime";
 function FiatMethodRow({
   method,
   onSelect
 }) {
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx36(
     PaymentOptionRow,
     {
       onClick: onSelect,
       disabled: true,
       label: method.name,
-      icon: /* @__PURE__ */ jsx35("span", { style: { color: colors.mutedForeground }, children: method.icon })
+      icon: /* @__PURE__ */ jsx36("span", { style: { color: colors.mutedForeground }, children: method.icon })
     }
   );
 }
 
 // src/widget/features/wallet/components/FiatPaymentDropdownContent.tsx
-import { jsx as jsx36, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs29 } from "react/jsx-runtime";
 function FiatPaymentDropdownContent({
   fiatOptions: fiatOptions2,
   handleFiatSelect
 }) {
-  return /* @__PURE__ */ jsxs28(
+  return /* @__PURE__ */ jsxs29(
     "div",
     {
       style: {
@@ -11649,11 +11996,11 @@ function FiatPaymentDropdownContent({
         animation: "tw-fade-in 0.2s ease-out"
       },
       children: [
-        /* @__PURE__ */ jsx36(FiatComingSoonBanner, {}),
-        /* @__PURE__ */ jsxs28("div", { style: { padding: spacing[3] }, children: [
-          /* @__PURE__ */ jsxs28("div", { style: dropdownSectionHeadingStyle, children: [
-            /* @__PURE__ */ jsx36("div", { style: dropdownStatusDotStyle(colors.primary) }),
-            /* @__PURE__ */ jsx36(
+        /* @__PURE__ */ jsx37(FiatComingSoonBanner, {}),
+        /* @__PURE__ */ jsxs29("div", { style: { padding: spacing[3] }, children: [
+          /* @__PURE__ */ jsxs29("div", { style: dropdownSectionHeadingStyle, children: [
+            /* @__PURE__ */ jsx37("div", { style: dropdownStatusDotStyle(colors.primary) }),
+            /* @__PURE__ */ jsx37(
               "span",
               {
                 style: {
@@ -11665,7 +12012,7 @@ function FiatPaymentDropdownContent({
               }
             )
           ] }),
-          /* @__PURE__ */ jsx36(
+          /* @__PURE__ */ jsx37(
             "div",
             {
               style: {
@@ -11673,7 +12020,7 @@ function FiatPaymentDropdownContent({
                 flexDirection: "column",
                 gap: spacing[1]
               },
-              children: fiatOptions2.map((method) => /* @__PURE__ */ jsx36(
+              children: fiatOptions2.map((method) => /* @__PURE__ */ jsx37(
                 FiatMethodRow,
                 {
                   method,
@@ -11690,9 +12037,9 @@ function FiatPaymentDropdownContent({
 }
 
 // src/widget/features/wallet/components/paymentOptionIcons.tsx
-import { jsx as jsx37, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs30 } from "react/jsx-runtime";
 function CryptoPaymentIcon() {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     "svg",
     {
       style: {
@@ -11704,7 +12051,7 @@ function CryptoPaymentIcon() {
       fill: "none",
       stroke: "currentColor",
       strokeWidth: 2,
-      children: /* @__PURE__ */ jsx37(
+      children: /* @__PURE__ */ jsx38(
         "path",
         {
           strokeLinecap: "round",
@@ -11716,7 +12063,7 @@ function CryptoPaymentIcon() {
   );
 }
 function FiatPaymentIcon() {
-  return /* @__PURE__ */ jsxs29(
+  return /* @__PURE__ */ jsxs30(
     "svg",
     {
       style: {
@@ -11729,94 +12076,94 @@ function FiatPaymentIcon() {
       stroke: "currentColor",
       strokeWidth: 2,
       children: [
-        /* @__PURE__ */ jsx37("rect", { x: "1", y: "4", width: "22", height: "16", rx: "2", ry: "2" }),
-        /* @__PURE__ */ jsx37("line", { x1: "1", y1: "10", x2: "23", y2: "10" })
+        /* @__PURE__ */ jsx38("rect", { x: "1", y: "4", width: "22", height: "16", rx: "2", ry: "2" }),
+        /* @__PURE__ */ jsx38("line", { x1: "1", y1: "10", x2: "23", y2: "10" })
       ]
     }
   );
 }
 function ApplePayIcon() {
-  return /* @__PURE__ */ jsxs29(
+  return /* @__PURE__ */ jsxs30(
     "svg",
     {
       style: { width: "2rem", height: "1.25rem" },
       viewBox: "0 0 50 20",
       fill: "currentColor",
       children: [
-        /* @__PURE__ */ jsx37("path", { d: "M9.6 4.8c-.6.7-1.5 1.3-2.4 1.2-.1-.9.3-1.9.9-2.5.6-.7 1.6-1.2 2.4-1.2.1 1-.3 1.9-.9 2.5zm.9 1.3c-1.3-.1-2.5.8-3.1.8-.6 0-1.6-.7-2.7-.7-1.4 0-2.6.8-3.4 2-.7 1.2-.5 3.5.6 5.5.5.9 1.2 1.9 2.1 1.9.8 0 1.2-.5 2.3-.5s1.4.5 2.4.5c.9 0 1.5-.9 2-1.8.4-.6.5-1.2.7-1.8-1.6-.6-2-2.6-1.4-4-.4-.5-1-1.3-1.5-1.9z" }),
-        /* @__PURE__ */ jsx37("path", { d: "M18.4 2.1c2.3 0 4 1.6 4 3.9s-1.7 3.9-4.1 3.9h-2.6v4h-1.8V2.1h4.5zm-2.7 6.2h2.2c1.6 0 2.5-.9 2.5-2.4s-.9-2.4-2.5-2.4h-2.2v4.8zm6.4 3.2c0-1.5 1.2-2.5 3.3-2.6l2.4-.1v-.7c0-1-.7-1.6-1.8-1.6-1 0-1.7.5-1.8 1.3h-1.6c.1-1.5 1.4-2.7 3.5-2.7 2.1 0 3.4 1.1 3.4 2.9v6h-1.6v-1.4c-.5 1-1.5 1.6-2.7 1.6-1.7 0-2.9-1-2.9-2.7h-.2zm5.7-.8v-.7l-2.2.1c-1.1.1-1.8.6-1.8 1.4 0 .8.6 1.3 1.6 1.3 1.3 0 2.4-.9 2.4-2.1zm3.2 5.8v-1.4c.1 0 .5.1.7.1 1 0 1.5-.4 1.8-1.5l.2-.6-3.1-8.6h1.9l2.2 6.9 2.2-6.9h1.8l-3.2 9c-.7 2-1.5 2.7-3.3 2.7-.2 0-.6 0-.8-.1l-.4.4z" })
+        /* @__PURE__ */ jsx38("path", { d: "M9.6 4.8c-.6.7-1.5 1.3-2.4 1.2-.1-.9.3-1.9.9-2.5.6-.7 1.6-1.2 2.4-1.2.1 1-.3 1.9-.9 2.5zm.9 1.3c-1.3-.1-2.5.8-3.1.8-.6 0-1.6-.7-2.7-.7-1.4 0-2.6.8-3.4 2-.7 1.2-.5 3.5.6 5.5.5.9 1.2 1.9 2.1 1.9.8 0 1.2-.5 2.3-.5s1.4.5 2.4.5c.9 0 1.5-.9 2-1.8.4-.6.5-1.2.7-1.8-1.6-.6-2-2.6-1.4-4-.4-.5-1-1.3-1.5-1.9z" }),
+        /* @__PURE__ */ jsx38("path", { d: "M18.4 2.1c2.3 0 4 1.6 4 3.9s-1.7 3.9-4.1 3.9h-2.6v4h-1.8V2.1h4.5zm-2.7 6.2h2.2c1.6 0 2.5-.9 2.5-2.4s-.9-2.4-2.5-2.4h-2.2v4.8zm6.4 3.2c0-1.5 1.2-2.5 3.3-2.6l2.4-.1v-.7c0-1-.7-1.6-1.8-1.6-1 0-1.7.5-1.8 1.3h-1.6c.1-1.5 1.4-2.7 3.5-2.7 2.1 0 3.4 1.1 3.4 2.9v6h-1.6v-1.4c-.5 1-1.5 1.6-2.7 1.6-1.7 0-2.9-1-2.9-2.7h-.2zm5.7-.8v-.7l-2.2.1c-1.1.1-1.8.6-1.8 1.4 0 .8.6 1.3 1.6 1.3 1.3 0 2.4-.9 2.4-2.1zm3.2 5.8v-1.4c.1 0 .5.1.7.1 1 0 1.5-.4 1.8-1.5l.2-.6-3.1-8.6h1.9l2.2 6.9 2.2-6.9h1.8l-3.2 9c-.7 2-1.5 2.7-3.3 2.7-.2 0-.6 0-.8-.1l-.4.4z" })
       ]
     }
   );
 }
 function MPesaIcon() {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     "svg",
     {
       style: { width: "2rem", height: "1.25rem" },
       viewBox: "0 0 24 24",
       fill: "currentColor",
-      children: /* @__PURE__ */ jsx37("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z" })
+      children: /* @__PURE__ */ jsx38("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z" })
     }
   );
 }
 function VenmoIcon() {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     "svg",
     {
       style: { width: "2rem", height: "1.25rem" },
       viewBox: "0 0 24 24",
       fill: "currentColor",
-      children: /* @__PURE__ */ jsx37("path", { d: "M19.5 3h-15C3.12 3 2 4.12 2 5.5v13C2 19.88 3.12 21 4.5 21h15c1.38 0 2.5-1.12 2.5-2.5v-13C22 4.12 20.88 3 19.5 3zm-4.77 11.58c-.64 1.56-2.13 3.42-3.86 3.42H8.69l-.61-3.55 1.13-.21.28 1.64c.25.14.52.22.79.22.68 0 1.31-.48 1.74-1.34.33-.67.44-1.34.44-1.92 0-.45-.11-.82-.38-1.06-.24-.22-.58-.33-.98-.33-.64 0-1.29.28-1.86.61l-.05-.02.61-4.04h4.13l-.16 1.11H11l-.21 1.4c.41-.13.85-.19 1.28-.19.71 0 1.31.2 1.73.61.46.44.67 1.08.67 1.88 0 .68-.15 1.35-.48 2.01z" })
+      children: /* @__PURE__ */ jsx38("path", { d: "M19.5 3h-15C3.12 3 2 4.12 2 5.5v13C2 19.88 3.12 21 4.5 21h15c1.38 0 2.5-1.12 2.5-2.5v-13C22 4.12 20.88 3 19.5 3zm-4.77 11.58c-.64 1.56-2.13 3.42-3.86 3.42H8.69l-.61-3.55 1.13-.21.28 1.64c.25.14.52.22.79.22.68 0 1.31-.48 1.74-1.34.33-.67.44-1.34.44-1.92 0-.45-.11-.82-.38-1.06-.24-.22-.58-.33-.98-.33-.64 0-1.29.28-1.86.61l-.05-.02.61-4.04h4.13l-.16 1.11H11l-.21 1.4c.41-.13.85-.19 1.28-.19.71 0 1.31.2 1.73.61.46.44.67 1.08.67 1.88 0 .68-.15 1.35-.48 2.01z" })
     }
   );
 }
 function ZelleIcon() {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     "svg",
     {
       style: { width: "2rem", height: "1.25rem" },
       viewBox: "0 0 24 24",
       fill: "currentColor",
-      children: /* @__PURE__ */ jsx37("path", { d: "M13.25 4H5.5C4.67 4 4 4.67 4 5.5v13c0 .83.67 1.5 1.5 1.5h13c.83 0 1.5-.67 1.5-1.5v-7.75h-2v6.25H6V7h7.25V4zm3.91 2.83L9.83 14.17l-1.42-1.41 7.33-7.34L13.83 3.5h6.67v6.67l-1.92-1.92-1.42-1.42z" })
+      children: /* @__PURE__ */ jsx38("path", { d: "M13.25 4H5.5C4.67 4 4 4.67 4 5.5v13c0 .83.67 1.5 1.5 1.5h13c.83 0 1.5-.67 1.5-1.5v-7.75h-2v6.25H6V7h7.25V4zm3.91 2.83L9.83 14.17l-1.42-1.41 7.33-7.34L13.83 3.5h6.67v6.67l-1.92-1.92-1.42-1.42z" })
     }
   );
 }
 
 // src/widget/features/wallet/components/fiatOptions.tsx
-import { jsx as jsx38 } from "react/jsx-runtime";
+import { jsx as jsx39 } from "react/jsx-runtime";
 var fiatOptions = [
   {
     id: "applepay",
     name: "Apple Pay",
-    icon: /* @__PURE__ */ jsx38(ApplePayIcon, {})
+    icon: /* @__PURE__ */ jsx39(ApplePayIcon, {})
   },
   {
     id: "mpesa",
     name: "M-Pesa",
-    icon: /* @__PURE__ */ jsx38(MPesaIcon, {})
+    icon: /* @__PURE__ */ jsx39(MPesaIcon, {})
   },
   {
     id: "venmo",
     name: "Venmo",
-    icon: /* @__PURE__ */ jsx38(VenmoIcon, {})
+    icon: /* @__PURE__ */ jsx39(VenmoIcon, {})
   },
   {
     id: "zelle",
     name: "Zelle",
-    icon: /* @__PURE__ */ jsx38(ZelleIcon, {})
+    icon: /* @__PURE__ */ jsx39(ZelleIcon, {})
   }
 ];
 
 // src/widget/features/wallet/components/PaymentDropdownButton.tsx
-import { jsx as jsx39, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs31 } from "react/jsx-runtime";
 function PaymentDropdownButton({
   icon,
   isOpen,
   label,
   onClick
 }) {
-  return /* @__PURE__ */ jsxs30(
+  return /* @__PURE__ */ jsxs31(
     "button",
     {
       type: "button",
@@ -11842,7 +12189,7 @@ function PaymentDropdownButton({
       },
       children: [
         icon,
-        /* @__PURE__ */ jsx39(
+        /* @__PURE__ */ jsx40(
           "span",
           {
             style: {
@@ -11855,7 +12202,7 @@ function PaymentDropdownButton({
             children: label
           }
         ),
-        /* @__PURE__ */ jsx39(
+        /* @__PURE__ */ jsx40(
           "svg",
           {
             style: {
@@ -11869,7 +12216,7 @@ function PaymentDropdownButton({
             fill: "none",
             stroke: "currentColor",
             strokeWidth: 2,
-            children: /* @__PURE__ */ jsx39("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19 9l-7 7-7-7" })
+            children: /* @__PURE__ */ jsx40("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19 9l-7 7-7-7" })
           }
         )
       ]
@@ -11878,7 +12225,7 @@ function PaymentDropdownButton({
 }
 
 // src/widget/features/wallet/components/HomePaymentOptions.tsx
-import { jsx as jsx40, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs32 } from "react/jsx-runtime";
 function HomePaymentOptions({
   browserWallets,
   cryptoDropdownRef,
@@ -11892,7 +12239,7 @@ function HomePaymentOptions({
   setIsCryptoDropdownOpen,
   setIsFiatDropdownOpen
 }) {
-  return /* @__PURE__ */ jsxs31(
+  return /* @__PURE__ */ jsxs32(
     "div",
     {
       style: {
@@ -11905,16 +12252,16 @@ function HomePaymentOptions({
         minHeight: "6rem"
       },
       children: [
-        /* @__PURE__ */ jsxs31(
+        /* @__PURE__ */ jsxs32(
           "div",
           {
             style: isCryptoDropdownOpen ? dropdownWrapperOpenStyle : dropdownWrapperStyle,
             ref: cryptoDropdownRef,
             children: [
-              /* @__PURE__ */ jsx40(
+              /* @__PURE__ */ jsx41(
                 PaymentDropdownButton,
                 {
-                  icon: /* @__PURE__ */ jsx40(CryptoPaymentIcon, {}),
+                  icon: /* @__PURE__ */ jsx41(CryptoPaymentIcon, {}),
                   isOpen: isCryptoDropdownOpen,
                   label: "Pay with crypto",
                   onClick: () => {
@@ -11923,7 +12270,7 @@ function HomePaymentOptions({
                   }
                 }
               ),
-              isCryptoDropdownOpen ? /* @__PURE__ */ jsx40(
+              isCryptoDropdownOpen ? /* @__PURE__ */ jsx41(
                 CryptoWalletDropdownContent,
                 {
                   browserWallets,
@@ -11934,9 +12281,9 @@ function HomePaymentOptions({
             ]
           }
         ),
-        /* @__PURE__ */ jsxs31("div", { style: dividerRowStyle, children: [
-          /* @__PURE__ */ jsx40("div", { style: mutedOrDividerStyle(isDarkTheme) }),
-          /* @__PURE__ */ jsx40(
+        /* @__PURE__ */ jsxs32("div", { style: dividerRowStyle, children: [
+          /* @__PURE__ */ jsx41("div", { style: mutedOrDividerStyle(isDarkTheme) }),
+          /* @__PURE__ */ jsx41(
             "span",
             {
               style: {
@@ -11947,18 +12294,18 @@ function HomePaymentOptions({
               children: "Or"
             }
           ),
-          /* @__PURE__ */ jsx40("div", { style: mutedOrDividerStyle(isDarkTheme) })
+          /* @__PURE__ */ jsx41("div", { style: mutedOrDividerStyle(isDarkTheme) })
         ] }),
-        /* @__PURE__ */ jsxs31(
+        /* @__PURE__ */ jsxs32(
           "div",
           {
             style: isFiatDropdownOpen ? dropdownWrapperOpenStyle : dropdownWrapperStyle,
             ref: fiatDropdownRef,
             children: [
-              /* @__PURE__ */ jsx40(
+              /* @__PURE__ */ jsx41(
                 PaymentDropdownButton,
                 {
-                  icon: /* @__PURE__ */ jsx40(FiatPaymentIcon, {}),
+                  icon: /* @__PURE__ */ jsx41(FiatPaymentIcon, {}),
                   isOpen: isFiatDropdownOpen,
                   label: "Pay with fiat",
                   onClick: () => {
@@ -11967,7 +12314,7 @@ function HomePaymentOptions({
                   }
                 }
               ),
-              isFiatDropdownOpen ? /* @__PURE__ */ jsx40(
+              isFiatDropdownOpen ? /* @__PURE__ */ jsx41(
                 FiatPaymentDropdownContent,
                 {
                   fiatOptions,
@@ -11983,7 +12330,7 @@ function HomePaymentOptions({
 }
 
 // src/widget/features/wallet/hooks/useHomeWalletActions.ts
-import { useEffect as useEffect20, useRef as useRef8, useState as useState20 } from "react";
+import { useEffect as useEffect22, useRef as useRef10, useState as useState21 } from "react";
 
 // src/config/walletconnect.ts
 init_store();
@@ -12106,12 +12453,12 @@ function useHomeWalletActions({
   detectedWallets,
   setCurrentStep
 }) {
-  const [isCryptoDropdownOpen, setIsCryptoDropdownOpen] = useState20(false);
-  const [isFiatDropdownOpen, setIsFiatDropdownOpen] = useState20(false);
-  const [universalConnector, setUniversalConnector] = useState20();
-  const cryptoDropdownRef = useRef8(null);
-  const fiatDropdownRef = useRef8(null);
-  useEffect20(() => {
+  const [isCryptoDropdownOpen, setIsCryptoDropdownOpen] = useState21(false);
+  const [isFiatDropdownOpen, setIsFiatDropdownOpen] = useState21(false);
+  const [universalConnector, setUniversalConnector] = useState21();
+  const cryptoDropdownRef = useRef10(null);
+  const fiatDropdownRef = useRef10(null);
+  useEffect22(() => {
     const handleClickOutside = (event) => {
       if (cryptoDropdownRef.current && !cryptoDropdownRef.current.contains(event.target)) {
         setIsCryptoDropdownOpen(false);
@@ -12123,7 +12470,7 @@ function useHomeWalletActions({
     document.addEventListener("mousedown", handleClickOutside);
     return () => document.removeEventListener("mousedown", handleClickOutside);
   }, []);
-  useEffect20(() => {
+  useEffect22(() => {
     getUniversalConnector().then(setUniversalConnector);
   }, []);
   const handleWalletSelect = async (wallet) => {
@@ -12164,7 +12511,7 @@ function useHomeWalletActions({
 }
 
 // src/widget/pages/Home.tsx
-import { jsx as jsx41, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs33 } from "react/jsx-runtime";
 function Home({ style: _style }) {
   const { amount, setAmount, amountInputMode, setAmountInputMode } = useDepositForm();
   const { setCurrentStep } = useDepositNavigation();
@@ -12198,7 +12545,7 @@ function Home({ style: _style }) {
     detectedWallets,
     setCurrentStep
   });
-  return /* @__PURE__ */ jsxs32(
+  return /* @__PURE__ */ jsxs33(
     "div",
     {
       style: {
@@ -12207,7 +12554,7 @@ function Home({ style: _style }) {
         minHeight: "500px"
       },
       children: [
-        /* @__PURE__ */ jsx41(
+        /* @__PURE__ */ jsx42(
           "div",
           {
             style: {
@@ -12217,7 +12564,7 @@ function Home({ style: _style }) {
               padding: `${spacing[4]} ${spacing[4]}`,
               borderBottom: `1px solid ${colors.border}`
             },
-            children: /* @__PURE__ */ jsx41(
+            children: /* @__PURE__ */ jsx42(
               "h1",
               {
                 style: {
@@ -12230,7 +12577,7 @@ function Home({ style: _style }) {
             )
           }
         ),
-        /* @__PURE__ */ jsxs32(
+        /* @__PURE__ */ jsxs33(
           "div",
           {
             style: {
@@ -12244,7 +12591,7 @@ function Home({ style: _style }) {
               position: "relative"
             },
             children: [
-              /* @__PURE__ */ jsx41(
+              /* @__PURE__ */ jsx42(
                 "p",
                 {
                   style: {
@@ -12255,7 +12602,7 @@ function Home({ style: _style }) {
                   children: "Enter an amount"
                 }
               ),
-              /* @__PURE__ */ jsx41(
+              /* @__PURE__ */ jsx42(
                 AmountInputDisplay,
                 {
                   amount,
@@ -12266,7 +12613,7 @@ function Home({ style: _style }) {
                   style: { marginBottom: spacing[8] }
                 }
               ),
-              amountValidationMessage ? /* @__PURE__ */ jsx41(
+              amountValidationMessage ? /* @__PURE__ */ jsx42(
                 "p",
                 {
                   style: {
@@ -12279,7 +12626,7 @@ function Home({ style: _style }) {
                   },
                   children: amountValidationMessage
                 }
-              ) : minAmountUsd != null || maxAmountUsd != null ? /* @__PURE__ */ jsx41(
+              ) : minAmountUsd != null || maxAmountUsd != null ? /* @__PURE__ */ jsx42(
                 "p",
                 {
                   style: {
@@ -12295,7 +12642,7 @@ function Home({ style: _style }) {
                   ].filter(Boolean).join(" \u2022 ")
                 }
               ) : null,
-              /* @__PURE__ */ jsx41(
+              /* @__PURE__ */ jsx42(
                 HomePaymentOptions,
                 {
                   browserWallets,
@@ -12314,14 +12661,14 @@ function Home({ style: _style }) {
             ]
           }
         ),
-        /* @__PURE__ */ jsx41(WidgetSecurityFooter, {})
+        /* @__PURE__ */ jsx42(WidgetSecurityFooter, {})
       ]
     }
   );
 }
 
 // src/widget/pages/SelectToken.tsx
-import { jsx as jsx42, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs34 } from "react/jsx-runtime";
 function SelectToken({ style }) {
   const { selectedChain, setSelectedChain, setSelectedToken } = useDepositForm();
   const { goBack } = useDepositNavigation();
@@ -12352,7 +12699,7 @@ function SelectToken({ style }) {
     walletAddress,
     yourWalletTokens
   });
-  return /* @__PURE__ */ jsxs33(
+  return /* @__PURE__ */ jsxs34(
     "div",
     {
       style: {
@@ -12363,7 +12710,7 @@ function SelectToken({ style }) {
         ...style
       },
       children: [
-        /* @__PURE__ */ jsxs33(
+        /* @__PURE__ */ jsxs34(
           "div",
           {
             style: {
@@ -12373,7 +12720,7 @@ function SelectToken({ style }) {
               borderBottom: `1px solid ${colors.border}`
             },
             children: [
-              /* @__PURE__ */ jsx42(
+              /* @__PURE__ */ jsx43(
                 "button",
                 {
                   type: "button",
@@ -12388,7 +12735,7 @@ function SelectToken({ style }) {
                     cursor: "pointer"
                   },
                   "aria-label": "Go back",
-                  children: /* @__PURE__ */ jsx42(
+                  children: /* @__PURE__ */ jsx43(
                     "svg",
                     {
                       style: {
@@ -12400,7 +12747,7 @@ function SelectToken({ style }) {
                       fill: "none",
                       stroke: "currentColor",
                       strokeWidth: 2,
-                      children: /* @__PURE__ */ jsx42(
+                      children: /* @__PURE__ */ jsx43(
                         "path",
                         {
                           strokeLinecap: "round",
@@ -12412,7 +12759,7 @@ function SelectToken({ style }) {
                   )
                 }
               ),
-              /* @__PURE__ */ jsx42(
+              /* @__PURE__ */ jsx43(
                 "h1",
                 {
                   style: {
@@ -12429,7 +12776,7 @@ function SelectToken({ style }) {
             ]
           }
         ),
-        /* @__PURE__ */ jsxs33(
+        /* @__PURE__ */ jsxs34(
           "div",
           {
             style: {
@@ -12438,7 +12785,7 @@ function SelectToken({ style }) {
               overflow: "hidden"
             },
             children: [
-              /* @__PURE__ */ jsx42(
+              /* @__PURE__ */ jsx43(
                 ChainSelectorPanel,
                 {
                   error,
@@ -12449,7 +12796,7 @@ function SelectToken({ style }) {
                   popularChains
                 }
               ),
-              /* @__PURE__ */ jsx42(
+              /* @__PURE__ */ jsx43(
                 TokenSelectorPanel,
                 {
                   filteredTokens,
@@ -12470,17 +12817,17 @@ function SelectToken({ style }) {
             ]
           }
         ),
-        /* @__PURE__ */ jsx42(WidgetSecurityFooter, {})
+        /* @__PURE__ */ jsx43(WidgetSecurityFooter, {})
       ]
     }
   );
 }
 
 // src/widget/pages/CryptoPay.tsx
-import { useEffect as useEffect22, useMemo as useMemo17 } from "react";
+import { useEffect as useEffect24, useMemo as useMemo18 } from "react";
 
 // src/widget/features/route-preview/hooks/useRoutePreviewModel.ts
-import { useMemo as useMemo15 } from "react";
+import { useMemo as useMemo16 } from "react";
 function useRoutePreviewModel({
   amountUsd,
   amountValidationError,
@@ -12493,7 +12840,7 @@ function useRoutePreviewModel({
   walletAddress
 }) {
   const { chains } = useChains();
-  const destinationConfig = useMemo15(
+  const destinationConfig = useMemo16(
     () => ({
       dappName: config.messages?.title || "DApp",
       toChain: config.routes.toChain,
@@ -12507,7 +12854,7 @@ function useRoutePreviewModel({
       config.routes.toToken
     ]
   );
-  const routeConfig = useMemo15(() => {
+  const routeConfig = useMemo16(() => {
     const toChainId = config.routes.toChain;
     const toChainKey = normalizeChainKey2(toChainId);
     const toChain = toChainKey ? chains.find(
@@ -12541,7 +12888,7 @@ function useRoutePreviewModel({
     walletAddress
   ]);
   const routeBuilderState = useRouteBuilder(routeConfig);
-  const routePrerequisiteError = useMemo15(() => {
+  const routePrerequisiteError = useMemo16(() => {
     if (!isReady) return;
     if (!selectedChain) {
       return "Select a source chain to fetch a route.";
@@ -12581,7 +12928,7 @@ function useRoutePreviewModel({
 }
 
 // src/widget/features/transaction/components/CryptoPaySwipeSection.tsx
-import { jsx as jsx43 } from "react/jsx-runtime";
+import { jsx as jsx44 } from "react/jsx-runtime";
 function CryptoPaySwipeSection({
   actionErrorMessage,
   canSwipe,
@@ -12597,13 +12944,13 @@ function CryptoPaySwipeSection({
   swipeResetKey
 }) {
   const swipeText = actionErrorMessage ? actionErrorMessage : !isWalletConnected ? "Connect your wallet to deposit" : isLoadingRoute ? "Loading route..." : isApproving ? "Approving..." : isReadingAllowance ? "Checking allowance..." : needsApproval ? "Swipe to approve" : "Swipe to confirm";
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx44(
     "div",
     {
       style: {
         padding: `${spacing[4]} ${spacing[6]}`
       },
-      children: selectedToken?.chainData ? /* @__PURE__ */ jsx43(
+      children: selectedToken?.chainData ? /* @__PURE__ */ jsx44(
         SwipeToConfirmTokens,
         {
           text: swipeText,
@@ -12623,7 +12970,7 @@ function CryptoPaySwipeSection({
 }
 
 // src/widget/features/transaction/components/ErrorRecoveryCard.tsx
-import { jsx as jsx44, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs35 } from "react/jsx-runtime";
 function ErrorRecoveryCard({
   errorMessage,
   errorSuggestion,
@@ -12634,7 +12981,7 @@ function ErrorRecoveryCard({
   renderErrorIcon,
   transactionHash
 }) {
-  return /* @__PURE__ */ jsxs34(
+  return /* @__PURE__ */ jsxs35(
     "div",
     {
       style: {
@@ -12646,7 +12993,7 @@ function ErrorRecoveryCard({
         padding: `${spacing[8]} ${spacing[6]}`
       },
       children: [
-        /* @__PURE__ */ jsx44(
+        /* @__PURE__ */ jsx45(
           "div",
           {
             style: {
@@ -12662,7 +13009,7 @@ function ErrorRecoveryCard({
             children: renderErrorIcon()
           }
         ),
-        /* @__PURE__ */ jsx44(
+        /* @__PURE__ */ jsx45(
           "h2",
           {
             style: {
@@ -12675,7 +13022,7 @@ function ErrorRecoveryCard({
             children: errorTitle
           }
         ),
-        errorMessage ? /* @__PURE__ */ jsx44(
+        errorMessage ? /* @__PURE__ */ jsx45(
           "p",
           {
             style: {
@@ -12687,7 +13034,7 @@ function ErrorRecoveryCard({
             children: errorMessage
           }
         ) : null,
-        /* @__PURE__ */ jsx44(
+        /* @__PURE__ */ jsx45(
           "p",
           {
             style: {
@@ -12700,13 +13047,13 @@ function ErrorRecoveryCard({
             children: errorSuggestion
           }
         ),
-        explorerUrl && transactionHash ? /* @__PURE__ */ jsx44(
+        explorerUrl && transactionHash ? /* @__PURE__ */ jsx45(
           "div",
           {
             style: {
               marginBottom: spacing[6]
             },
-            children: /* @__PURE__ */ jsx44(
+            children: /* @__PURE__ */ jsx45(
               TransactionHashLink,
               {
                 explorerUrl,
@@ -12716,7 +13063,7 @@ function ErrorRecoveryCard({
             )
           }
         ) : null,
-        /* @__PURE__ */ jsxs34(
+        /* @__PURE__ */ jsxs35(
           "div",
           {
             style: {
@@ -12727,7 +13074,7 @@ function ErrorRecoveryCard({
               maxWidth: "20rem"
             },
             children: [
-              /* @__PURE__ */ jsx44(
+              /* @__PURE__ */ jsx45(
                 "button",
                 {
                   type: "button",
@@ -12747,7 +13094,7 @@ function ErrorRecoveryCard({
                   children: "Try Again"
                 }
               ),
-              /* @__PURE__ */ jsx44(
+              /* @__PURE__ */ jsx45(
                 "button",
                 {
                   type: "button",
@@ -12776,7 +13123,7 @@ function ErrorRecoveryCard({
 }
 
 // src/widget/features/transaction/components/SuccessSummaryCard.tsx
-import { jsx as jsx45, jsxs as jsxs35 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs36 } from "react/jsx-runtime";
 function SuccessSummaryCard({
   amount,
   explorerUrl,
@@ -12786,7 +13133,7 @@ function SuccessSummaryCard({
   selectedTokenSymbol,
   transactionHash
 }) {
-  return /* @__PURE__ */ jsxs35(
+  return /* @__PURE__ */ jsxs36(
     "div",
     {
       style: {
@@ -12800,7 +13147,7 @@ function SuccessSummaryCard({
         animation: "fade-in 0.3s ease-out"
       },
       children: [
-        /* @__PURE__ */ jsxs35(
+        /* @__PURE__ */ jsxs36(
           "div",
           {
             style: {
@@ -12810,7 +13157,7 @@ function SuccessSummaryCard({
               marginBottom: "2rem"
             },
             children: [
-              /* @__PURE__ */ jsx45(
+              /* @__PURE__ */ jsx46(
                 "div",
                 {
                   style: {
@@ -12824,7 +13171,7 @@ function SuccessSummaryCard({
                     animation: "scale-in 0.3s ease-out",
                     marginBottom: "0.75rem"
                   },
-                  children: /* @__PURE__ */ jsx45(
+                  children: /* @__PURE__ */ jsx46(
                     "svg",
                     {
                       style: {
@@ -12837,7 +13184,7 @@ function SuccessSummaryCard({
                       stroke: "currentColor",
                       strokeWidth: 2.5,
                       "aria-hidden": "true",
-                      children: /* @__PURE__ */ jsx45(
+                      children: /* @__PURE__ */ jsx46(
                         "path",
                         {
                           strokeLinecap: "round",
@@ -12849,7 +13196,7 @@ function SuccessSummaryCard({
                   )
                 }
               ),
-              /* @__PURE__ */ jsx45(
+              /* @__PURE__ */ jsx46(
                 "div",
                 {
                   style: {
@@ -12863,7 +13210,7 @@ function SuccessSummaryCard({
             ]
           }
         ),
-        /* @__PURE__ */ jsxs35(
+        /* @__PURE__ */ jsxs36(
           "div",
           {
             style: {
@@ -12873,7 +13220,7 @@ function SuccessSummaryCard({
               marginBottom: "2rem"
             },
             children: [
-              /* @__PURE__ */ jsxs35(
+              /* @__PURE__ */ jsxs36(
                 "div",
                 {
                   style: {
@@ -12890,7 +13237,7 @@ function SuccessSummaryCard({
                   ]
                 }
               ),
-              selectedTokenIconUrl && selectedTokenSymbol ? /* @__PURE__ */ jsxs35(
+              selectedTokenIconUrl && selectedTokenSymbol ? /* @__PURE__ */ jsxs36(
                 "div",
                 {
                   style: {
@@ -12900,7 +13247,7 @@ function SuccessSummaryCard({
                     marginTop: "0.375rem"
                   },
                   children: [
-                    /* @__PURE__ */ jsx45(
+                    /* @__PURE__ */ jsx46(
                       "img",
                       {
                         src: selectedTokenIconUrl,
@@ -12912,7 +13259,7 @@ function SuccessSummaryCard({
                         }
                       }
                     ),
-                    /* @__PURE__ */ jsxs35(
+                    /* @__PURE__ */ jsxs36(
                       "span",
                       {
                         style: {
@@ -12931,13 +13278,13 @@ function SuccessSummaryCard({
             ]
           }
         ),
-        transactionHash ? /* @__PURE__ */ jsx45(
+        transactionHash ? /* @__PURE__ */ jsx46(
           "div",
           {
             style: {
               marginBottom: "2rem"
             },
-            children: /* @__PURE__ */ jsx45(
+            children: /* @__PURE__ */ jsx46(
               TransactionHashLink,
               {
                 explorerUrl,
@@ -12947,14 +13294,14 @@ function SuccessSummaryCard({
             )
           }
         ) : null,
-        /* @__PURE__ */ jsx45(
+        /* @__PURE__ */ jsx46(
           "div",
           {
             style: {
               width: "100%",
               padding: "1rem"
             },
-            children: /* @__PURE__ */ jsx45(
+            children: /* @__PURE__ */ jsx46(
               "button",
               {
                 type: "button",
@@ -12980,8 +13327,9 @@ function SuccessSummaryCard({
 }
 
 // src/widget/features/transaction/hooks/useTransactionActionModel.ts
-import { useCallback as useCallback13, useEffect as useEffect21, useMemo as useMemo16, useRef as useRef9, useState as useState21 } from "react";
+import { useCallback as useCallback14, useEffect as useEffect23, useMemo as useMemo17, useRef as useRef11, useState as useState22 } from "react";
 import { encodeFunctionData, erc20Abi } from "viem";
+init_constants();
 function normalizeTokenAddressForCompare(chain, addr) {
   const chainType = (chain.type ?? chain.chainType ?? "").toLowerCase();
   const value = (addr ?? "").trim();
@@ -13002,12 +13350,20 @@ function useTransactionActionModel({
   walletAddress,
   walletStatus
 }) {
-  const feeDataCacheRef = useRef9({});
+  const feeDataCacheRef = useRef11({});
   const { isSubmitting, submitTransaction } = useTransactionSubmit();
+  const { trackEvent } = useGTM(GTM_ID);
+  const destinationConfig = (() => {
+    try {
+      return Trustware.getConfig();
+    } catch {
+      return void 0;
+    }
+  })();
   const chainType = selectedChain?.type ?? selectedChain?.chainType;
   const chainTypeNormalized = (chainType ?? "").toLowerCase();
   const isEvm = chainTypeNormalized === "evm";
-  const backendChainId2 = useMemo16(() => {
+  const backendChainId2 = useMemo17(() => {
     const chainRef = routeResult?.txReq?.chainId ?? selectedChain?.networkIdentifier ?? selectedChain?.chainId ?? selectedChain?.id;
     if (chainRef == null) return null;
     return String(chainRef);
@@ -13017,23 +13373,23 @@ function useTransactionActionModel({
     selectedChain?.id,
     selectedChain?.networkIdentifier
   ]);
-  const isNativeSelected = useMemo16(() => {
+  const isNativeSelected = useMemo17(() => {
     const address = selectedToken?.address;
     return isNativeTokenAddress(address, chainType) || isZeroAddrLike(address, chainType) || normalizeTokenAddressForCompare(selectedChain, address) === normalizeTokenAddressForCompare(
       selectedChain,
       getNativeTokenAddress2(chainType)
     );
   }, [chainType, selectedChain, selectedToken?.address]);
-  const spender = useMemo16(() => {
+  const spender = useMemo17(() => {
     const txReq = routeResult?.txReq;
     const addr = txReq?.to ?? txReq?.target;
     return addr ?? null;
   }, [routeResult?.txReq]);
-  const [allowanceWei, setAllowanceWei] = useState21(0n);
-  const [isReadingAllowance, setIsReadingAllowance] = useState21(false);
-  const [isApproving, setIsApproving] = useState21(false);
-  const [gasReservationWei, setGasReservationWei] = useState21(0n);
-  const readAllowance = useCallback13(async () => {
+  const [allowanceWei, setAllowanceWei] = useState22(0n);
+  const [isReadingAllowance, setIsReadingAllowance] = useState22(false);
+  const [isApproving, setIsApproving] = useState22(false);
+  const [gasReservationWei, setGasReservationWei] = useState22(0n);
+  const readAllowance = useCallback14(async () => {
     if (!isEvm || isNativeSelected || !backendChainId2 || !walletAddress || !spender || !selectedToken?.address) {
       setAllowanceWei(0n);
       return;
@@ -13060,11 +13416,11 @@ function useTransactionActionModel({
     spender,
     walletAddress
   ]);
-  useEffect21(() => {
+  useEffect23(() => {
     void readAllowance();
   }, [readAllowance]);
   const needsApproval = isEvm && !isNativeSelected && !!walletAddress && !!spender && amountWei > 0n && allowanceWei < amountWei;
-  const waitForApprovalConfirmation = useCallback13(
+  const waitForApprovalConfirmation = useCallback14(
     async (chainId, txHash) => {
       const timeoutMs = 12e4;
       const intervalMs = 2e3;
@@ -13083,7 +13439,7 @@ function useTransactionActionModel({
     },
     []
   );
-  const handleApproveExact = useCallback13(async () => {
+  const handleApproveExact = useCallback14(async () => {
     if (isApproving || amountWei <= 0n || !walletAddress || !spender || !selectedToken?.address) {
       return;
     }
@@ -13091,6 +13447,13 @@ function useTransactionActionModel({
     if (!wallet || wallet.ecosystem !== "evm") {
       return;
     }
+    trackEvent("token_approval_initiated", {
+      from_chain: selectedChain?.networkName ?? selectedChain?.axelarChainName ?? selectedChain?.chainId,
+      from_token: selectedToken?.symbol,
+      to_chain: destinationConfig?.routes.toChain,
+      to_token: destinationConfig?.routes.toToken,
+      domain: window.origin
+    });
     setIsApproving(true);
     try {
       const targetChain = Number(
@@ -13148,17 +13511,23 @@ function useTransactionActionModel({
   }, [
     amountWei,
     backendChainId2,
+    destinationConfig?.routes.toChain,
+    destinationConfig?.routes.toToken,
     isApproving,
     readAllowance,
     routeResult?.txReq?.chainId,
+    selectedChain?.axelarChainName,
     selectedChain?.chainId,
     selectedChain?.id,
+    selectedChain?.networkName,
     selectedToken?.address,
+    selectedToken?.symbol,
     spender,
+    trackEvent,
     waitForApprovalConfirmation,
     walletAddress
   ]);
-  const getCachedFeeData = useCallback13(async () => {
+  const getCachedFeeData = useCallback14(async () => {
     if (!backendChainId2) return {};
     const now = Date.now();
     const cache = feeDataCacheRef.current;
@@ -13181,7 +13550,7 @@ function useTransactionActionModel({
     }
     return cache.inflight;
   }, [backendChainId2]);
-  const estimateGasReservationWei = useCallback13(async () => {
+  const estimateGasReservationWei = useCallback14(async () => {
     if (!isNativeSelected) {
       setGasReservationWei(0n);
       return 0n;
@@ -13245,18 +13614,35 @@ function useTransactionActionModel({
     routeResult?.txReq,
     walletAddress
   ]);
-  useEffect21(() => {
+  useEffect23(() => {
     if (routeResult) {
       void estimateGasReservationWei();
     }
   }, [estimateGasReservationWei, routeResult]);
-  const handleConfirm = useCallback13(async () => {
+  const handleConfirm = useCallback14(async () => {
     if (!routeResult) {
       return;
     }
+    trackEvent("payment_initiated", {
+      from_chain: selectedChain?.networkName ?? selectedChain?.axelarChainName ?? selectedChain?.chainId,
+      from_token: selectedToken?.symbol,
+      to_chain: destinationConfig?.routes.toChain,
+      to_token: destinationConfig?.routes.toToken,
+      domain: window.origin
+    });
     await submitTransaction(routeResult);
-  }, [routeResult, submitTransaction]);
-  const handleSwipeConfirm = useCallback13(async () => {
+  }, [
+    destinationConfig?.routes.toChain,
+    destinationConfig?.routes.toToken,
+    routeResult,
+    selectedChain?.axelarChainName,
+    selectedChain?.chainId,
+    selectedChain?.networkName,
+    selectedToken?.symbol,
+    submitTransaction,
+    trackEvent
+  ]);
+  const handleSwipeConfirm = useCallback14(async () => {
     if (needsApproval) {
       await handleApproveExact();
       return;
@@ -13265,7 +13651,7 @@ function useTransactionActionModel({
   }, [handleApproveExact, handleConfirm, needsApproval]);
   const isWalletConnected = walletStatus === "connected";
   const canSwipe = parsedAmount > 0 && !!selectedToken && isWalletConnected && !isLoadingRoute && !isSubmitting && !!routeResult && !actionErrorMessage && !isApproving && !isReadingAllowance;
-  const swipeResetKey = useMemo16(() => {
+  const swipeResetKey = useMemo17(() => {
     const tokenAddress = selectedToken ? normalizeAddress2(
       selectedToken.address,
       selectedToken?.chainData?.type ?? selectedToken?.chainData?.chainType
@@ -13292,7 +13678,7 @@ function useTransactionActionModel({
 }
 
 // src/widget/pages/CryptoPay.tsx
-import { Fragment as Fragment6, jsx as jsx46, jsxs as jsxs36 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx47, jsxs as jsxs37 } from "react/jsx-runtime";
 var SHOW_FEE_SUMMARY = false;
 function CryptoPay({ style: _style }) {
   const {
@@ -13309,12 +13695,12 @@ function CryptoPay({ style: _style }) {
   const { goBack, setCurrentStep, currentStep } = useDepositNavigation();
   const config = useTrustwareConfig();
   const { fixedFromAmountString, isFixedAmount, minAmountUsd, maxAmountUsd } = useAmountConstraints();
-  const routeRefreshMs = useMemo17(() => {
+  const routeRefreshMs = useMemo18(() => {
     const raw = config.routes?.options?.routeRefreshMs;
     const n = Number(raw);
     return Number.isFinite(n) && n > 0 ? n : void 0;
   }, [config.routes?.options?.routeRefreshMs]);
-  const isReady = useMemo17(() => {
+  const isReady = useMemo18(() => {
     if (selectedToken !== null && yourWalletTokens.length > 0 && selectedToken?.chainData !== void 0) {
       return true;
     }
@@ -13389,7 +13775,7 @@ function CryptoPay({ style: _style }) {
   });
   const { emitError } = useTrustware();
   const readySelectedToken = isReady ? selectedToken : null;
-  useEffect22(() => {
+  useEffect24(() => {
     if (currentStep !== "crypto-pay" || !actionErrorMessage) return;
     emitError?.(
       new TrustwareError({
@@ -13421,7 +13807,7 @@ function CryptoPay({ style: _style }) {
   const handleExpandTokens = () => {
     setCurrentStep("select-token");
   };
-  return /* @__PURE__ */ jsxs36(
+  return /* @__PURE__ */ jsxs37(
     "div",
     {
       style: {
@@ -13430,9 +13816,9 @@ function CryptoPay({ style: _style }) {
         minHeight: "500px"
       },
       children: [
-        /* @__PURE__ */ jsx46(WidgetPageHeader, { onBack: goBack, title: "Confirm Deposit" }),
-        isReady ? /* @__PURE__ */ jsxs36(Fragment6, { children: [
-          /* @__PURE__ */ jsx46(
+        /* @__PURE__ */ jsx47(WidgetPageHeader, { onBack: goBack, title: "Confirm Deposit" }),
+        isReady ? /* @__PURE__ */ jsxs37(Fragment6, { children: [
+          /* @__PURE__ */ jsx47(
             CryptoPayAmountSection,
             {
               amount,
@@ -13461,7 +13847,7 @@ function CryptoPay({ style: _style }) {
               yourWalletTokensLength: yourWalletTokens.length
             }
           ),
-          /* @__PURE__ */ jsx46(
+          /* @__PURE__ */ jsx47(
             CryptoPaySwipeSection,
             {
               actionErrorMessage,
@@ -13478,8 +13864,8 @@ function CryptoPay({ style: _style }) {
               swipeResetKey
             }
           ),
-          /* @__PURE__ */ jsx46(WidgetSecurityFooter, {})
-        ] }) : /* @__PURE__ */ jsx46(
+          /* @__PURE__ */ jsx47(WidgetSecurityFooter, {})
+        ] }) : /* @__PURE__ */ jsx47(
           "div",
           {
             style: {
@@ -13488,7 +13874,7 @@ function CryptoPay({ style: _style }) {
               alignItems: "center",
               justifyContent: "center"
             },
-            children: /* @__PURE__ */ jsx46(LoadingSkeleton, {})
+            children: /* @__PURE__ */ jsx47(LoadingSkeleton, {})
           }
         )
       ]
@@ -13497,8 +13883,8 @@ function CryptoPay({ style: _style }) {
 }
 
 // src/widget/pages/Processing.tsx
-import { useEffect as useEffect23, useMemo as useMemo18, useRef as useRef10 } from "react";
-import { jsx as jsx47, jsxs as jsxs37 } from "react/jsx-runtime";
+import { useEffect as useEffect25, useMemo as useMemo19, useRef as useRef12 } from "react";
+import { jsx as jsx48, jsxs as jsxs38 } from "react/jsx-runtime";
 function getProgressFromStatus(status) {
   switch (status) {
     case "confirming":
@@ -13536,27 +13922,27 @@ function Processing({ style }) {
   const { resetState, setCurrentStep } = useDepositNavigation();
   const { transactionStatus, transactionHash, intentId } = useDepositTransaction();
   const { transaction, startPolling, isPolling } = useTransactionPolling();
-  const hasStartedPolling = useRef10(false);
-  useEffect23(() => {
+  const hasStartedPolling = useRef12(false);
+  useEffect25(() => {
     return () => {
       hasStartedPolling.current = false;
     };
   }, []);
-  useEffect23(() => {
+  useEffect25(() => {
     if (intentId && transactionHash && !isPolling && !hasStartedPolling.current && transactionStatus !== "success" && transactionStatus !== "error") {
       hasStartedPolling.current = true;
       startPolling(intentId, transactionHash);
     }
   }, [intentId, transactionHash, isPolling, transactionStatus, startPolling]);
-  const progress = useMemo18(
+  const progress = useMemo19(
     () => getProgressFromStatus(transactionStatus),
     [transactionStatus]
   );
-  const stepText = useMemo18(
+  const stepText = useMemo19(
     () => getStepText(transactionStatus),
     [transactionStatus]
   );
-  const explorerUrl = useMemo18(() => {
+  const explorerUrl = useMemo19(() => {
     if (transaction?.fromChainTxUrl) {
       return transaction.fromChainTxUrl;
     }
@@ -13574,7 +13960,7 @@ function Processing({ style }) {
   };
   const isIndeterminate = transactionStatus === "confirming" || transactionStatus === "idle";
   const headerTitle = transactionStatus === "success" ? "Complete" : transactionStatus === "error" ? "Failed" : "Processing";
-  return /* @__PURE__ */ jsxs37(
+  return /* @__PURE__ */ jsxs38(
     "div",
     {
       style: {
@@ -13584,8 +13970,8 @@ function Processing({ style }) {
         ...style
       },
       children: [
-        /* @__PURE__ */ jsx47(WidgetPageHeader, { onClose: handleClose, title: headerTitle }),
-        /* @__PURE__ */ jsxs37(
+        /* @__PURE__ */ jsx48(WidgetPageHeader, { onClose: handleClose, title: headerTitle }),
+        /* @__PURE__ */ jsxs38(
           "div",
           {
             style: {
@@ -13597,13 +13983,13 @@ function Processing({ style }) {
               padding: `${spacing[8]} ${spacing[6]}`
             },
             children: [
-              /* @__PURE__ */ jsx47(
+              /* @__PURE__ */ jsx48(
                 "div",
                 {
                   style: {
                     marginBottom: spacing[6]
                   },
-                  children: /* @__PURE__ */ jsx47(
+                  children: /* @__PURE__ */ jsx48(
                     CircularProgress,
                     {
                       progress,
@@ -13615,7 +14001,7 @@ function Processing({ style }) {
                   )
                 }
               ),
-              /* @__PURE__ */ jsx47(
+              /* @__PURE__ */ jsx48(
                 "p",
                 {
                   style: {
@@ -13628,7 +14014,7 @@ function Processing({ style }) {
                   children: stepText
                 }
               ),
-              selectedToken && parsedAmount > 0 && /* @__PURE__ */ jsxs37(
+              selectedToken && parsedAmount > 0 && /* @__PURE__ */ jsxs38(
                 "p",
                 {
                   style: {
@@ -13645,7 +14031,7 @@ function Processing({ style }) {
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx47(
+              /* @__PURE__ */ jsx48(
                 TransactionSteps,
                 {
                   transactionStatus,
@@ -13656,7 +14042,7 @@ function Processing({ style }) {
                   }
                 }
               ),
-              transactionHash ? /* @__PURE__ */ jsx47(
+              transactionHash ? /* @__PURE__ */ jsx48(
                 TransactionHashLink,
                 {
                   explorerUrl,
@@ -13664,7 +14050,7 @@ function Processing({ style }) {
                   label: "Transaction"
                 }
               ) : null,
-              transactionStatus === "error" && /* @__PURE__ */ jsx47(
+              transactionStatus === "error" && /* @__PURE__ */ jsx48(
                 "button",
                 {
                   type: "button",
@@ -13686,23 +14072,23 @@ function Processing({ style }) {
             ]
           }
         ),
-        /* @__PURE__ */ jsx47(WidgetSecurityFooter, {})
+        /* @__PURE__ */ jsx48(WidgetSecurityFooter, {})
       ]
     }
   );
 }
 
 // src/widget/pages/Success.tsx
-import { lazy, Suspense, useMemo as useMemo19 } from "react";
-import { jsx as jsx48, jsxs as jsxs38 } from "react/jsx-runtime";
+import { lazy, Suspense, useMemo as useMemo20 } from "react";
+import { jsx as jsx49, jsxs as jsxs39 } from "react/jsx-runtime";
 var ConfettiEffect2 = lazy(() => Promise.resolve().then(() => (init_ConfettiEffect(), ConfettiEffect_exports)));
 function Success({ style }) {
   const { selectedToken, selectedChain, amount } = useDepositForm();
   const { resetState } = useDepositNavigation();
   const { transactionHash } = useDepositTransaction();
   const { transaction } = useTransactionPolling();
-  const parsedAmount = useMemo19(() => parseFloat(amount) || 0, [amount]);
-  const explorerUrl = useMemo19(() => {
+  const parsedAmount = useMemo20(() => parseFloat(amount) || 0, [amount]);
+  const explorerUrl = useMemo20(() => {
     if (transaction?.toChainTxUrl) {
       return transaction.toChainTxUrl;
     }
@@ -13717,7 +14103,7 @@ function Success({ style }) {
   const handleDone = () => {
     resetState();
   };
-  return /* @__PURE__ */ jsxs38(
+  return /* @__PURE__ */ jsxs39(
     "div",
     {
       style: {
@@ -13730,9 +14116,9 @@ function Success({ style }) {
         ...style
       },
       children: [
-        /* @__PURE__ */ jsx48(Suspense, { fallback: null, children: /* @__PURE__ */ jsx48(ConfettiEffect2, { isActive: true, pieceCount: 60, clearDelay: 4e3 }) }),
-        /* @__PURE__ */ jsx48(WidgetPageHeader, { title: "Deposit Complete" }),
-        /* @__PURE__ */ jsx48(
+        /* @__PURE__ */ jsx49(Suspense, { fallback: null, children: /* @__PURE__ */ jsx49(ConfettiEffect2, { isActive: true, pieceCount: 60, clearDelay: 4e3 }) }),
+        /* @__PURE__ */ jsx49(WidgetPageHeader, { title: "Deposit Complete" }),
+        /* @__PURE__ */ jsx49(
           "div",
           {
             style: {
@@ -13744,7 +14130,7 @@ function Success({ style }) {
               flexDirection: "column",
               alignItems: "center"
             },
-            children: /* @__PURE__ */ jsx48(
+            children: /* @__PURE__ */ jsx49(
               SuccessSummaryCard,
               {
                 amount: parsedAmount,
@@ -13758,16 +14144,16 @@ function Success({ style }) {
             )
           }
         ),
-        /* @__PURE__ */ jsx48(WidgetSecurityFooter, {})
+        /* @__PURE__ */ jsx49(WidgetSecurityFooter, {})
       ]
     }
   );
 }
 
 // src/widget/pages/Error.tsx
-import { useMemo as useMemo20, useEffect as useEffect24 } from "react";
+import { useMemo as useMemo21, useEffect as useEffect26 } from "react";
 init_store();
-import { jsx as jsx49, jsxs as jsxs39 } from "react/jsx-runtime";
+import { jsx as jsx50, jsxs as jsxs40 } from "react/jsx-runtime";
 function categorizeError(errorMessage) {
   if (!errorMessage) return "unknown";
   const msg = errorMessage.toLowerCase();
@@ -13854,20 +14240,20 @@ function Error2({ style }) {
     setErrorMessage,
     transactionHash
   } = useDepositTransaction();
-  const errorCategory = useMemo20(
+  const errorCategory = useMemo21(
     () => categorizeError(errorMessage),
     [errorMessage]
   );
-  const errorTitle = useMemo20(
+  const errorTitle = useMemo21(
     () => getErrorTitle(errorCategory),
     [errorCategory]
   );
-  const errorSuggestion = useMemo20(
+  const errorSuggestion = useMemo21(
     () => getErrorSuggestion(errorCategory),
     [errorCategory]
   );
-  const retryStep = useMemo20(() => getRetryStep(errorCategory), [errorCategory]);
-  useEffect24(() => {
+  const retryStep = useMemo21(() => getRetryStep(errorCategory), [errorCategory]);
+  useEffect26(() => {
     if (errorMessage) {
       try {
         const config = TrustwareConfigStore.get();
@@ -13889,7 +14275,7 @@ function Error2({ style }) {
   const handleStartOver = () => {
     resetState();
   };
-  const explorerUrl = useMemo20(() => {
+  const explorerUrl = useMemo21(() => {
     if (transactionHash && selectedChain?.blockExplorerUrls?.length) {
       return `${selectedChain.blockExplorerUrls[0].replace(/\/+$/, "")}/tx/${transactionHash}`;
     }
@@ -13897,7 +14283,7 @@ function Error2({ style }) {
   }, [transactionHash, selectedChain]);
   const renderErrorIcon = () => {
     if (errorCategory === "wallet_rejected") {
-      return /* @__PURE__ */ jsx49(
+      return /* @__PURE__ */ jsx50(
         "svg",
         {
           style: {
@@ -13910,7 +14296,7 @@ function Error2({ style }) {
           stroke: "currentColor",
           strokeWidth: 2.5,
           "aria-hidden": "true",
-          children: /* @__PURE__ */ jsx49(
+          children: /* @__PURE__ */ jsx50(
             "path",
             {
               strokeLinecap: "round",
@@ -13922,7 +14308,7 @@ function Error2({ style }) {
       );
     }
     if (errorCategory === "network_error") {
-      return /* @__PURE__ */ jsx49(
+      return /* @__PURE__ */ jsx50(
         "svg",
         {
           style: {
@@ -13935,7 +14321,7 @@ function Error2({ style }) {
           stroke: "currentColor",
           strokeWidth: 2,
           "aria-hidden": "true",
-          children: /* @__PURE__ */ jsx49(
+          children: /* @__PURE__ */ jsx50(
             "path",
             {
               strokeLinecap: "round",
@@ -13946,7 +14332,7 @@ function Error2({ style }) {
         }
       );
     }
-    return /* @__PURE__ */ jsx49(
+    return /* @__PURE__ */ jsx50(
       "svg",
       {
         style: {
@@ -13959,7 +14345,7 @@ function Error2({ style }) {
         stroke: "currentColor",
         strokeWidth: 2,
         "aria-hidden": "true",
-        children: /* @__PURE__ */ jsx49(
+        children: /* @__PURE__ */ jsx50(
           "path",
           {
             strokeLinecap: "round",
@@ -13970,7 +14356,7 @@ function Error2({ style }) {
       }
     );
   };
-  return /* @__PURE__ */ jsxs39(
+  return /* @__PURE__ */ jsxs40(
     "div",
     {
       style: {
@@ -13980,8 +14366,8 @@ function Error2({ style }) {
         ...style
       },
       children: [
-        /* @__PURE__ */ jsx49(WidgetPageHeader, { title: errorTitle }),
-        /* @__PURE__ */ jsx49(
+        /* @__PURE__ */ jsx50(WidgetPageHeader, { title: errorTitle }),
+        /* @__PURE__ */ jsx50(
           ErrorRecoveryCard,
           {
             errorMessage,
@@ -13994,7 +14380,7 @@ function Error2({ style }) {
             transactionHash
           }
         ),
-        /* @__PURE__ */ jsx49(WidgetSecurityFooter, {})
+        /* @__PURE__ */ jsx50(WidgetSecurityFooter, {})
       ]
     }
   );
@@ -14016,7 +14402,7 @@ var ACTIVE_TRANSACTION_STATUSES = [
 ];
 
 // src/widget/app/WidgetRouter.tsx
-import { jsx as jsx50 } from "react/jsx-runtime";
+import { jsx as jsx51 } from "react/jsx-runtime";
 var pageContainerBaseStyle = {
   width: "100%",
   height: "100%",
@@ -14027,26 +14413,26 @@ function WidgetRouter({
   navigationDirection,
   stepHistory
 }) {
-  const PageComponent = useMemo21(
+  const PageComponent = useMemo22(
     () => PAGE_COMPONENTS[currentStep],
     [currentStep]
   );
-  const animationClass = useMemo21(() => {
+  const animationClass = useMemo22(() => {
     return navigationDirection === "forward" ? "tw-animate-slide-in-right" : "tw-animate-slide-in-left";
   }, [navigationDirection]);
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51(
     "div",
     {
       className: animationClass,
       style: mergeStyles(pageContainerBaseStyle),
-      children: /* @__PURE__ */ jsx50(PageComponent, {})
+      children: /* @__PURE__ */ jsx51(PageComponent, {})
     },
     `${currentStep}-${stepHistory.length}`
   );
 }
 
 // src/widget/TrustwareWidgetV2.tsx
-import { Fragment as Fragment7, jsx as jsx51, jsxs as jsxs40 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx52, jsxs as jsxs41 } from "react/jsx-runtime";
 var widgetContentContainerStyle = {
   position: "relative",
   width: "100%",
@@ -14068,7 +14454,7 @@ function WidgetContent({
   const { amount, selectedChain, selectedToken } = useDepositForm();
   const { transactionHash, transactionStatus } = useDepositTransaction();
   const { resolvedTheme, toggleTheme } = useDepositUi();
-  useEffect25(() => {
+  useEffect27(() => {
     const state = {
       currentStep,
       amount,
@@ -14088,9 +14474,9 @@ function WidgetContent({
     transactionStatus,
     onStateChange
   ]);
-  return /* @__PURE__ */ jsxs40("div", { style: mergeStyles(widgetContentContainerStyle, style), children: [
-    showThemeToggle && /* @__PURE__ */ jsx51("div", { style: themeToggleContainerStyle, children: /* @__PURE__ */ jsx51(ThemeToggle, { theme: resolvedTheme, onToggle: toggleTheme }) }),
-    /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsxs41("div", { style: mergeStyles(widgetContentContainerStyle, style), children: [
+    showThemeToggle && /* @__PURE__ */ jsx52("div", { style: themeToggleContainerStyle, children: /* @__PURE__ */ jsx52(ThemeToggle, { theme: resolvedTheme, onToggle: toggleTheme }) }),
+    /* @__PURE__ */ jsx52(
       WidgetRouter,
       {
         currentStep,
@@ -14111,8 +14497,8 @@ function WidgetInner({
   const { transactionStatus } = useDepositTransaction();
   const { resolvedTheme } = useDepositUi();
   const { status, revalidate } = useTrustware();
-  const [showConfirmDialog, setShowConfirmDialog] = useState22(false);
-  const handleCloseRequest = useCallback14(() => {
+  const [showConfirmDialog, setShowConfirmDialog] = useState23(false);
+  const handleCloseRequest = useCallback15(() => {
     if (ACTIVE_TRANSACTION_STATUSES.includes(transactionStatus)) {
       setShowConfirmDialog(true);
     } else {
@@ -14123,32 +14509,32 @@ function WidgetInner({
       onClose?.();
     }
   }, [transactionStatus, onClose, resetState]);
-  useEffect25(() => {
+  useEffect27(() => {
     closeRequestRef.current = handleCloseRequest;
   }, [handleCloseRequest, closeRequestRef]);
-  const handleConfirmClose = useCallback14(() => {
+  const handleConfirmClose = useCallback15(() => {
     setShowConfirmDialog(false);
     onClose?.();
   }, [onClose]);
-  const handleCancelClose = useCallback14(() => {
+  const handleCancelClose = useCallback15(() => {
     setShowConfirmDialog(false);
   }, []);
   const effectiveTheme = resolvedTheme;
   const isRefreshing = status === "initializing";
   const initBlocked = status === "error";
-  const handleRefresh = useCallback14(() => {
+  const handleRefresh = useCallback15(() => {
     revalidate?.();
   }, [revalidate]);
-  return /* @__PURE__ */ jsxs40(Fragment7, { children: [
-    /* @__PURE__ */ jsxs40(WidgetContainer, { theme: effectiveTheme, style, children: [
-      /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsxs41(Fragment7, { children: [
+    /* @__PURE__ */ jsxs41(WidgetContainer, { theme: effectiveTheme, style, children: [
+      /* @__PURE__ */ jsx52(
         WidgetContent,
         {
           onStateChange,
           showThemeToggle
         }
       ),
-      /* @__PURE__ */ jsx51(
+      /* @__PURE__ */ jsx52(
         InitErrorOverlay,
         {
           open: initBlocked,
@@ -14158,7 +14544,7 @@ function WidgetInner({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx51(
+    /* @__PURE__ */ jsx52(
       ConfirmCloseDialog,
       {
         open: showConfirmDialog,
@@ -14178,14 +14564,14 @@ var TrustwareWidgetV2 = forwardRef(function TrustwareWidgetV22({
   onOpen,
   showThemeToggle = true
 }, ref) {
-  const [isOpen, setIsOpen] = useState22(defaultOpen);
-  const closeRequestRef = useRef11(null);
+  const [isOpen, setIsOpen] = useState23(defaultOpen);
+  const closeRequestRef = useRef13(null);
   const effectiveInitialStep = initialStep;
-  const open = useCallback14(() => {
+  const open = useCallback15(() => {
     setIsOpen(true);
     onOpen?.();
   }, [onOpen]);
-  const close = useCallback14(() => {
+  const close = useCallback15(() => {
     if (closeRequestRef.current) {
       closeRequestRef.current();
     } else {
@@ -14193,7 +14579,7 @@ var TrustwareWidgetV2 = forwardRef(function TrustwareWidgetV22({
       onClose?.();
     }
   }, [onClose]);
-  const handleClose = useCallback14(() => {
+  const handleClose = useCallback15(() => {
     setIsOpen(false);
     onClose?.();
   }, [onClose]);
@@ -14209,7 +14595,7 @@ var TrustwareWidgetV2 = forwardRef(function TrustwareWidgetV22({
   if (!isOpen) {
     return null;
   }
-  return /* @__PURE__ */ jsx51(DepositProvider, { initialStep: effectiveInitialStep, children: /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx52(DepositProvider, { initialStep: effectiveInitialStep, children: /* @__PURE__ */ jsx52(
     WidgetInner,
     {
       theme,
@@ -14253,6 +14639,7 @@ export {
   DEFAULT_RETRY_CONFIG,
   DEFAULT_SLIPPAGE2 as DEFAULT_SLIPPAGE,
   DEFAULT_THEME2 as DEFAULT_THEME,
+  GTM_ID,
   IdentityStore,
   RateLimitError,
   SDK_NAME,