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

package/dist/widget.mjs

@@ -45,19 +45,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";
@@ -149,7 +151,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,
@@ -808,7 +811,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,
@@ -816,7 +819,7 @@ function ConfettiEffect({
   pieceCount = 50
 }) {
   const [pieces, setPieces] = useState15([]);
-  useEffect12(() => {
+  useEffect13(() => {
     if (isActive) {
       const colors2 = [
         "#10b981",
@@ -902,10 +905,10 @@ var init_ConfettiEffect = __esm({
 
 // 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";
@@ -4627,6 +4630,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;
@@ -4813,7 +4836,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";
@@ -5112,7 +5135,8 @@ function useTrustwareConfig() {
         },
         features: {
           tokensPagination: false,
-          balanceStreaming: false
+          balanceStreaming: false,
+          shouldAllowGA4: true
         }
       };
     }
@@ -5316,7 +5340,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;
@@ -5324,6 +5485,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,
@@ -5331,12 +5501,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);
@@ -5347,7 +5517,7 @@ function useTransactionPolling() {
       timeoutRef.current = null;
     }
   }, []);
-  const startPolling = useCallback6(
+  const startPolling = useCallback7(
     async (intentId, _txHash) => {
       clearPolling();
       abortRef.current = false;
@@ -5394,6 +5564,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;
             }
@@ -5456,20 +5633,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,
@@ -5479,9 +5663,9 @@ function useTransactionPolling() {
       receiptSubmitted: false
     });
   }, [clearPolling]);
-  const clearPollingRef = useRef2(clearPolling);
+  const clearPollingRef = useRef3(clearPolling);
   clearPollingRef.current = clearPolling;
-  useEffect10(() => {
+  useEffect11(() => {
     return () => {
       clearPollingRef.current();
     };
@@ -5552,10 +5736,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) {
@@ -5950,7 +6134,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;
@@ -6000,7 +6184,7 @@ function AmountSlider({
   style,
   disabled = false
 }) {
-  const generateTickMarks = useCallback7(
+  const generateTickMarks = useCallback8(
     (minValue, maxValue) => {
       const range = maxValue - minValue;
       if (range <= 0) {
@@ -6052,21 +6236,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);
@@ -6284,7 +6468,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";
@@ -6324,7 +6508,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;
@@ -6539,7 +6723,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,
@@ -6551,11 +6735,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();
@@ -6569,7 +6753,7 @@ var Dialog = ({
       document.removeEventListener("keydown", handleEscape);
     };
   }, [open, onCancel]);
-  useEffect13(() => {
+  useEffect14(() => {
     const handleTabKey = (e2) => {
       if (!open) return;
       if (e2.key === "Tab") {
@@ -6593,7 +6777,7 @@ var Dialog = ({
       document.removeEventListener("keydown", handleTabKey);
     };
   }, [open]);
-  useEffect13(() => {
+  useEffect14(() => {
     if (open) {
       const originalStyle = window.getComputedStyle(document.body).overflow;
       document.body.style.overflow = "hidden";
@@ -6891,7 +7075,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,
@@ -6909,30 +7093,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();
@@ -6943,7 +7127,7 @@ function SwipeToConfirmTokens({
     },
     [isDragging, isComplete, getMaxDrag]
   );
-  const handleDragEnd = useCallback8(() => {
+  const handleDragEnd = useCallback9(() => {
     if (!isDragging) return;
     setIsDragging(false);
     const progress2 = getProgress();
@@ -6956,14 +7140,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;
@@ -6976,7 +7160,7 @@ function SwipeToConfirmTokens({
       longPressAnimationRef.current = null;
     }
   }, []);
-  const startLongPress = useCallback8(() => {
+  const startLongPress = useCallback9(() => {
     if (disabled || isComplete || isDragging) return;
     setIsLongPressing(true);
     longPressStartRef.current = Date.now();
@@ -6994,7 +7178,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 === " ") {
@@ -7004,7 +7188,7 @@ function SwipeToConfirmTokens({
     },
     [disabled, isComplete, startLongPress]
   );
-  const handleKeyUp = useCallback8(
+  const handleKeyUp = useCallback9(
     (e2) => {
       if (e2.key === "Enter" || e2.key === " ") {
         e2.preventDefault();
@@ -7013,7 +7197,7 @@ function SwipeToConfirmTokens({
     },
     [cancelLongPress]
   );
-  useEffect14(() => {
+  useEffect15(() => {
     return () => {
       if (longPressTimerRef.current) clearTimeout(longPressTimerRef.current);
       if (longPressAnimationRef.current)
@@ -7024,15 +7208,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);
@@ -7044,7 +7228,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";
@@ -7264,27 +7470,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"
+                                }
+                              )
+                            }
+                          )
+                        }
+                      )
                     }
                   )
                 }
@@ -7320,47 +7551,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"
-                        }
-                      )
-                    }
-                  )
-                }
               )
             ]
           }
@@ -7473,7 +7663,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: {
@@ -7504,13 +7694,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);
@@ -7715,7 +7905,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);
     };
@@ -7727,7 +7917,7 @@ function ToastContainer() {
       }
     };
   }, []);
-  const handleDismiss = useCallback9((id) => {
+  const handleDismiss = useCallback10((id) => {
     toasts = toasts.filter((t) => t.id !== id);
     notifyListeners();
   }, []);
@@ -7766,9 +7956,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";
@@ -7784,8 +7974,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,
@@ -7806,11 +7996,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;
@@ -7818,7 +8008,7 @@ function TokenSwipePill({
     },
     [isDragging]
   );
-  const handleDragEnd = useCallback10(() => {
+  const handleDragEnd = useCallback11(() => {
     if (!isDragging) return;
     setIsDragging(false);
     if (Math.abs(dragOffset) > swipeThreshold) {
@@ -7836,13 +8026,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) => {
@@ -7856,7 +8046,7 @@ function TokenSwipePill({
   const handleTouchEnd = () => {
     handleDragEnd();
   };
-  useEffect16(() => {
+  useEffect17(() => {
     if (isDragging) {
       window.addEventListener("mousemove", handleMouseMove);
       window.addEventListener("mouseup", handleMouseUp);
@@ -7867,8 +8057,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;
@@ -7895,6 +8085,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}`,
@@ -7915,7 +8106,8 @@ function TokenSwipePill({
             style: {
               display: "flex",
               flexDirection: "column",
-              alignItems: "center"
+              alignItems: "center",
+              width: "70%"
             },
             children: [
               /* @__PURE__ */ jsxs9(
@@ -7995,26 +8187,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
+                                          }
+                                        )
                                       }
                                     )
                                   }
@@ -8037,16 +8234,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
+                                            )
+                                          }
+                                        )
                                       }
                                     )
                                   }
@@ -8526,7 +8734,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({
@@ -8536,7 +8744,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");
@@ -8779,8 +8987,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",
@@ -8816,11 +9163,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] },
@@ -8847,14 +9194,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,
@@ -8873,7 +9220,7 @@ function InitErrorOverlay({
   onRefresh
 }) {
   if (!open) return null;
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     "div",
     {
       role: "dialog",
@@ -8891,7 +9238,7 @@ function InitErrorOverlay({
         padding: spacing[6],
         borderRadius: "20px"
       },
-      children: /* @__PURE__ */ jsxs15(
+      children: /* @__PURE__ */ jsxs16(
         "div",
         {
           style: {
@@ -8906,7 +9253,7 @@ function InitErrorOverlay({
             border: `1px solid ${colors.border}`
           },
           children: [
-            /* @__PURE__ */ jsx18(
+            /* @__PURE__ */ jsx19(
               "h2",
               {
                 id: "init-error-title",
@@ -8918,7 +9265,7 @@ function InitErrorOverlay({
                 children: "API key validation failed"
               }
             ),
-            /* @__PURE__ */ jsx18(
+            /* @__PURE__ */ jsx19(
               "p",
               {
                 id: "init-error-description",
@@ -8930,7 +9277,7 @@ function InitErrorOverlay({
                 children: "We could not validate your Trustware API key. Please refresh to retry."
               }
             ),
-            /* @__PURE__ */ jsx18(
+            /* @__PURE__ */ jsx19(
               "button",
               {
                 onClick: onRefresh,
@@ -8961,7 +9308,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) {
@@ -9024,12 +9371,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",
@@ -9047,7 +9394,7 @@ function AvailableTokenListItem({
         cursor: "pointer"
       },
       children: [
-        token.iconUrl ? /* @__PURE__ */ jsx19(
+        token.iconUrl ? /* @__PURE__ */ jsx20(
           "img",
           {
             src: token.iconUrl,
@@ -9068,7 +9415,7 @@ function AvailableTokenListItem({
             }
           }
         ) : null,
-        /* @__PURE__ */ jsx19(
+        /* @__PURE__ */ jsx20(
           "div",
           {
             style: {
@@ -9081,7 +9428,7 @@ function AvailableTokenListItem({
               flexShrink: 0,
               display: token.iconUrl ? "none" : "flex"
             },
-            children: /* @__PURE__ */ jsx19(
+            children: /* @__PURE__ */ jsx20(
               "span",
               {
                 style: {
@@ -9094,8 +9441,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: {
@@ -9103,7 +9450,7 @@ function AvailableTokenListItem({
                 alignItems: "center",
                 gap: spacing[1.5]
               },
-              children: /* @__PURE__ */ jsx19(
+              children: /* @__PURE__ */ jsx20(
                 "span",
                 {
                   style: {
@@ -9119,7 +9466,7 @@ function AvailableTokenListItem({
               )
             }
           ),
-          /* @__PURE__ */ jsx19(
+          /* @__PURE__ */ jsx20(
             "span",
             {
               style: {
@@ -9134,7 +9481,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: {
@@ -9145,7 +9492,7 @@ function AvailableTokenListItem({
             children: formatTokenBalance(token.balance, token.decimals)
           }
         ) }) : null,
-        /* @__PURE__ */ jsx19(
+        /* @__PURE__ */ jsx20(
           "svg",
           {
             style: {
@@ -9158,7 +9505,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" })
           }
         )
       ]
@@ -9167,7 +9514,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,
@@ -9176,7 +9523,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",
@@ -9198,7 +9545,7 @@ function ChainItem({
         }
       },
       children: [
-        chain.chainIconURI ? /* @__PURE__ */ jsx20(
+        chain.chainIconURI ? /* @__PURE__ */ jsx21(
           "img",
           {
             src: chain.chainIconURI,
@@ -9211,7 +9558,7 @@ function ChainItem({
               flexShrink: 0
             }
           }
-        ) : /* @__PURE__ */ jsx20(
+        ) : /* @__PURE__ */ jsx21(
           "div",
           {
             style: {
@@ -9224,7 +9571,7 @@ function ChainItem({
               justifyContent: "center",
               flexShrink: 0
             },
-            children: /* @__PURE__ */ jsx20(
+            children: /* @__PURE__ */ jsx21(
               "span",
               {
                 style: {
@@ -9237,7 +9584,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: {
@@ -9252,7 +9599,7 @@ function ChainItem({
             children: label
           }
         ) }),
-        isSelected && /* @__PURE__ */ jsx20(
+        isSelected && /* @__PURE__ */ jsx21(
           "div",
           {
             style: {
@@ -9265,7 +9612,7 @@ function ChainItem({
               justifyContent: "center",
               flexShrink: 0
             },
-            children: /* @__PURE__ */ jsx20(
+            children: /* @__PURE__ */ jsx21(
               "svg",
               {
                 style: {
@@ -9277,7 +9624,7 @@ function ChainItem({
                 fill: "none",
                 stroke: "currentColor",
                 strokeWidth: 3,
-                children: /* @__PURE__ */ jsx20(
+                children: /* @__PURE__ */ jsx21(
                   "path",
                   {
                     strokeLinecap: "round",
@@ -9302,7 +9649,7 @@ function ChainSelectorPanel({
   otherChains,
   popularChains
 }) {
-  return /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs18(
     "div",
     {
       style: {
@@ -9313,14 +9660,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: {
@@ -9335,7 +9682,7 @@ function ChainSelectorPanel({
             )
           }
         ),
-        /* @__PURE__ */ jsx20(
+        /* @__PURE__ */ jsx21(
           "div",
           {
             style: {
@@ -9343,7 +9690,7 @@ function ChainSelectorPanel({
               overflowY: "auto",
               padding: `${spacing[2]} ${spacing[1]}`
             },
-            children: isLoading ? /* @__PURE__ */ jsx20(
+            children: isLoading ? /* @__PURE__ */ jsx21(
               "div",
               {
                 style: {
@@ -9352,7 +9699,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: {
@@ -9362,7 +9709,7 @@ function ChainSelectorPanel({
                       padding: `${spacing[2]} 0`
                     },
                     children: [
-                      /* @__PURE__ */ jsx20(
+                      /* @__PURE__ */ jsx21(
                         "div",
                         {
                           style: {
@@ -9374,7 +9721,7 @@ function ChainSelectorPanel({
                           className: "tw-animate-pulse"
                         }
                       ),
-                      /* @__PURE__ */ jsx20(
+                      /* @__PURE__ */ jsx21(
                         "div",
                         {
                           style: {
@@ -9391,7 +9738,7 @@ function ChainSelectorPanel({
                   i
                 ))
               }
-            ) : error ? /* @__PURE__ */ jsxs17(
+            ) : error ? /* @__PURE__ */ jsxs18(
               "div",
               {
                 style: {
@@ -9399,8 +9746,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",
@@ -9419,9 +9766,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: {
@@ -9434,7 +9781,7 @@ function ChainSelectorPanel({
                     children: "Popular"
                   }
                 ) }),
-                popularChains.map((chain, idx) => /* @__PURE__ */ jsx20(
+                popularChains.map((chain, idx) => /* @__PURE__ */ jsx21(
                   ChainItem,
                   {
                     chain,
@@ -9447,15 +9794,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: {
@@ -9470,7 +9817,7 @@ function ChainSelectorPanel({
                     )
                   }
                 ),
-                otherChains.map((chain, idx) => /* @__PURE__ */ jsx20(
+                otherChains.map((chain, idx) => /* @__PURE__ */ jsx21(
                   ChainItem,
                   {
                     chain,
@@ -9483,14 +9830,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: {
@@ -9511,13 +9858,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: {
@@ -9534,12 +9881,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",
@@ -9562,7 +9909,7 @@ function TokenSearchInput({
         }
       }
     ),
-    searchQuery ? /* @__PURE__ */ jsx21(
+    searchQuery ? /* @__PURE__ */ jsx22(
       "button",
       {
         type: "button",
@@ -9580,7 +9927,7 @@ function TokenSearchInput({
           transition: "background-color 0.2s"
         },
         "aria-label": "Clear search",
-        children: /* @__PURE__ */ jsx21(
+        children: /* @__PURE__ */ jsx22(
           "svg",
           {
             style: {
@@ -9592,7 +9939,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" })
           }
         )
       }
@@ -9601,7 +9948,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,
@@ -9610,7 +9957,7 @@ function TokenSelectorStateView({
   tokensError
 }) {
   if (isLoadingTokens) {
-    return /* @__PURE__ */ jsx22(
+    return /* @__PURE__ */ jsx23(
       "div",
       {
         style: {
@@ -9619,7 +9966,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: {
@@ -9629,7 +9976,7 @@ function TokenSelectorStateView({
               padding: `${spacing[2.5]} ${spacing[2]}`
             },
             children: [
-              /* @__PURE__ */ jsx22(
+              /* @__PURE__ */ jsx23(
                 "div",
                 {
                   style: {
@@ -9641,8 +9988,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: {
@@ -9655,7 +10002,7 @@ function TokenSelectorStateView({
                     className: "tw-animate-pulse"
                   }
                 ),
-                /* @__PURE__ */ jsx22(
+                /* @__PURE__ */ jsx23(
                   "div",
                   {
                     style: {
@@ -9668,7 +10015,7 @@ function TokenSelectorStateView({
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsx22(
+              /* @__PURE__ */ jsx23(
                 "div",
                 {
                   style: {
@@ -9688,7 +10035,7 @@ function TokenSelectorStateView({
     );
   }
   if (state === "no-chain") {
-    return /* @__PURE__ */ jsx22(
+    return /* @__PURE__ */ jsx23(
       "div",
       {
         style: {
@@ -9698,8 +10045,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: {
@@ -9712,7 +10059,7 @@ function TokenSelectorStateView({
               fill: "none",
               stroke: "currentColor",
               strokeWidth: 1.5,
-              children: /* @__PURE__ */ jsx22(
+              children: /* @__PURE__ */ jsx23(
                 "path",
                 {
                   strokeLinecap: "round",
@@ -9722,7 +10069,7 @@ function TokenSelectorStateView({
               )
             }
           ),
-          /* @__PURE__ */ jsx22(
+          /* @__PURE__ */ jsx23(
             "p",
             {
               style: {
@@ -9737,7 +10084,7 @@ function TokenSelectorStateView({
     );
   }
   if (state === "error") {
-    return /* @__PURE__ */ jsx22(
+    return /* @__PURE__ */ jsx23(
       "div",
       {
         style: {
@@ -9747,8 +10094,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: {
@@ -9762,12 +10109,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: {
@@ -9778,7 +10125,7 @@ function TokenSelectorStateView({
               children: tokensError
             }
           ),
-          /* @__PURE__ */ jsx22(
+          /* @__PURE__ */ jsx23(
             "button",
             {
               type: "button",
@@ -9799,7 +10146,7 @@ function TokenSelectorStateView({
       }
     );
   }
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     "div",
     {
       style: {
@@ -9809,8 +10156,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: {
@@ -9823,13 +10170,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: {
@@ -9839,7 +10186,7 @@ function TokenSelectorStateView({
             children: searchQuery ? `No tokens matching "${searchQuery}"` : "No tokens available"
           }
         ),
-        searchQuery ? /* @__PURE__ */ jsx22(
+        searchQuery ? /* @__PURE__ */ jsx23(
           "button",
           {
             type: "button",
@@ -9862,13 +10209,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",
@@ -9886,8 +10233,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,
@@ -9900,7 +10247,7 @@ function WalletTokenListItem({
                 flexShrink: 0
               }
             }
-          ) : /* @__PURE__ */ jsx23(
+          ) : /* @__PURE__ */ jsx24(
             "div",
             {
               style: {
@@ -9910,7 +10257,7 @@ function WalletTokenListItem({
                 objectFit: "cover",
                 flexShrink: 0
               },
-              children: /* @__PURE__ */ jsx23(
+              children: /* @__PURE__ */ jsx24(
                 "span",
                 {
                   style: {
@@ -9926,7 +10273,7 @@ function WalletTokenListItem({
               )
             }
           ),
-          /* @__PURE__ */ jsx23(
+          /* @__PURE__ */ jsx24(
             "div",
             {
               style: {
@@ -9942,7 +10289,7 @@ function WalletTokenListItem({
                 alignItems: "center",
                 justifyContent: "center"
               },
-              children: /* @__PURE__ */ jsx23(
+              children: /* @__PURE__ */ jsx24(
                 "img",
                 {
                   src: token.chainIconURI,
@@ -9957,8 +10304,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: {
@@ -9966,7 +10313,7 @@ function WalletTokenListItem({
                 alignItems: "center",
                 gap: spacing[1.5]
               },
-              children: /* @__PURE__ */ jsx23(
+              children: /* @__PURE__ */ jsx24(
                 "span",
                 {
                   style: {
@@ -9982,7 +10329,7 @@ function WalletTokenListItem({
               )
             }
           ),
-          /* @__PURE__ */ jsxs20(
+          /* @__PURE__ */ jsxs21(
             "span",
             {
               style: {
@@ -10007,7 +10354,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,
@@ -10023,7 +10370,7 @@ function TokenSelectorPanel({
   tokensError,
   walletAddress
 }) {
-  return /* @__PURE__ */ jsxs21(
+  return /* @__PURE__ */ jsxs22(
     "div",
     {
       style: {
@@ -10033,7 +10380,7 @@ function TokenSelectorPanel({
         overflow: "hidden"
       },
       children: [
-        /* @__PURE__ */ jsxs21(
+        /* @__PURE__ */ jsxs22(
           "div",
           {
             style: {
@@ -10041,7 +10388,7 @@ function TokenSelectorPanel({
               borderBottom: `1px solid rgba(63, 63, 70, 0.5)`
             },
             children: [
-              /* @__PURE__ */ jsxs21(
+              /* @__PURE__ */ jsxs22(
                 "div",
                 {
                   style: {
@@ -10051,7 +10398,7 @@ function TokenSelectorPanel({
                     marginBottom: spacing[2]
                   },
                   children: [
-                    /* @__PURE__ */ jsx24(
+                    /* @__PURE__ */ jsx25(
                       "span",
                       {
                         style: {
@@ -10064,7 +10411,7 @@ function TokenSelectorPanel({
                         children: "Token"
                       }
                     ),
-                    walletAddress && /* @__PURE__ */ jsx24(
+                    walletAddress && /* @__PURE__ */ jsx25(
                       "span",
                       {
                         style: {
@@ -10080,7 +10427,7 @@ function TokenSelectorPanel({
                   ]
                 }
               ),
-              selectedChain ? /* @__PURE__ */ jsx24(
+              selectedChain ? /* @__PURE__ */ jsx25(
                 TokenSearchInput,
                 {
                   searchQuery,
@@ -10090,7 +10437,7 @@ function TokenSelectorPanel({
             ]
           }
         ),
-        /* @__PURE__ */ jsx24(
+        /* @__PURE__ */ jsx25(
           "div",
           {
             style: {
@@ -10098,7 +10445,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,
@@ -10107,7 +10454,7 @@ function TokenSelectorPanel({
                 state: !selectedChain ? "no-chain" : tokensError ? "error" : "empty",
                 tokensError
               }
-            ) : /* @__PURE__ */ jsxs21(
+            ) : /* @__PURE__ */ jsxs22(
               "div",
               {
                 style: {
@@ -10116,7 +10463,7 @@ function TokenSelectorPanel({
                   gap: spacing[0.5]
                 },
                 children: [
-                  filteredWalletTokens.length > 0 ? /* @__PURE__ */ jsx24(
+                  filteredWalletTokens.length > 0 ? /* @__PURE__ */ jsx25(
                     "div",
                     {
                       style: {
@@ -10127,7 +10474,7 @@ function TokenSelectorPanel({
                         paddingRight: "0.5rem",
                         marginBottom: spacing[2]
                       },
-                      children: /* @__PURE__ */ jsx24(
+                      children: /* @__PURE__ */ jsx25(
                         "span",
                         {
                           style: {
@@ -10140,7 +10487,7 @@ function TokenSelectorPanel({
                       )
                     }
                   ) : null,
-                  filteredWalletTokens.map((token, i) => /* @__PURE__ */ jsx24(
+                  filteredWalletTokens.map((token, i) => /* @__PURE__ */ jsx25(
                     WalletTokenListItem,
                     {
                       token,
@@ -10148,7 +10495,7 @@ function TokenSelectorPanel({
                     },
                     `${token.address}-${i}`
                   )),
-                  /* @__PURE__ */ jsx24(
+                  /* @__PURE__ */ jsx25(
                     "div",
                     {
                       style: {
@@ -10159,7 +10506,7 @@ function TokenSelectorPanel({
                         paddingRight: "0.5rem",
                         marginBottom: spacing[2]
                       },
-                      children: /* @__PURE__ */ jsx24(
+                      children: /* @__PURE__ */ jsx25(
                         "span",
                         {
                           style: {
@@ -10172,7 +10519,7 @@ function TokenSelectorPanel({
                       )
                     }
                   ),
-                  filteredTokens.map((token, i) => /* @__PURE__ */ jsx24(
+                  filteredTokens.map((token, i) => /* @__PURE__ */ jsx25(
                     AvailableTokenListItem,
                     {
                       token,
@@ -10180,7 +10527,7 @@ function TokenSelectorPanel({
                     },
                     `${token.address}-${i}`
                   )),
-                  hasNextPage ? /* @__PURE__ */ jsx24(
+                  hasNextPage ? /* @__PURE__ */ jsx25(
                     "button",
                     {
                       type: "button",
@@ -10213,7 +10560,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,
@@ -10222,7 +10569,7 @@ function useOrderedWalletTokens({
   setSelectedToken,
   yourWalletTokens
 }) {
-  const handleTokenChange = useCallback11(
+  const handleTokenChange = useCallback12(
     async (token) => {
       if (token) {
         setSelectedToken(token);
@@ -10231,7 +10578,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(
@@ -10300,7 +10647,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,
@@ -10324,7 +10671,7 @@ function useSelectTokenModel({
       explorerUrl: chain.blockExplorerUrls?.[0]
     });
   };
-  const handleTokenSelect = useCallback12(
+  const handleTokenSelect = useCallback13(
     async (token) => {
       if (token.balance !== void 0) {
         setSelectedToken(token);
@@ -10348,7 +10695,7 @@ function useSelectTokenModel({
     },
     [goBack, selectedChain, setSelectedToken, walletAddress]
   );
-  const handleYourTokenSelect = useCallback12(
+  const handleYourTokenSelect = useCallback13(
     (token) => {
       setSelectedToken(token);
       setSelectedChain(token.chainData);
@@ -10370,7 +10717,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 [];
     }
@@ -10463,7 +10810,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,
@@ -10494,8 +10841,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: {
@@ -10513,7 +10860,7 @@ function AmountBalanceRow({
         })
       }
     ),
-    /* @__PURE__ */ jsx25(
+    /* @__PURE__ */ jsx26(
       "button",
       {
         type: "button",
@@ -10527,7 +10874,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";
@@ -10551,22 +10898,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: {
@@ -10583,7 +10930,7 @@ function AmountConversionRow({
           if (isFixedAmount) return;
           setAmountInputMode((mode) => mode === "usd" ? "token" : "usd");
         },
-        children: /* @__PURE__ */ jsx26(
+        children: /* @__PURE__ */ jsx27(
           "path",
           {
             strokeLinecap: "round",
@@ -10597,7 +10944,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, {
@@ -10618,8 +10965,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: {
@@ -10631,7 +10978,7 @@ function AmountFeeSummary({
         fill: "none",
         className: "tw-animate-spin",
         children: [
-          /* @__PURE__ */ jsx27(
+          /* @__PURE__ */ jsx28(
             "circle",
             {
               style: { opacity: 0.25 },
@@ -10642,7 +10989,7 @@ function AmountFeeSummary({
               strokeWidth: "4"
             }
           ),
-          /* @__PURE__ */ jsx27(
+          /* @__PURE__ */ jsx28(
             "path",
             {
               style: { opacity: 0.75 },
@@ -10653,7 +11000,7 @@ function AmountFeeSummary({
         ]
       }
     ),
-    /* @__PURE__ */ jsx27(
+    /* @__PURE__ */ jsx28(
       "span",
       {
         style: {
@@ -10664,7 +11011,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: {
@@ -10673,10 +11020,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,
@@ -10685,9 +11032,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: {
@@ -10697,7 +11044,7 @@ function AmountFeeSummary({
           children: "You'll receive"
         }
       ),
-      /* @__PURE__ */ jsx27(
+      /* @__PURE__ */ jsx28(
         "span",
         {
           style: {
@@ -10712,7 +11059,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,
@@ -10739,8 +11086,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: {
@@ -10752,7 +11099,7 @@ function CryptoPayAmountSection({
         children: "Enter an amount"
       }
     ),
-    /* @__PURE__ */ jsx28(
+    /* @__PURE__ */ jsx29(
       AmountInputDisplay,
       {
         amount,
@@ -10764,7 +11111,7 @@ function CryptoPayAmountSection({
         style: { marginBottom: spacing[4] }
       }
     ),
-    selectedToken ? /* @__PURE__ */ jsx28(
+    selectedToken ? /* @__PURE__ */ jsx29(
       AmountConversionRow,
       {
         amountComputation,
@@ -10775,7 +11122,7 @@ function CryptoPayAmountSection({
         setAmountInputMode
       }
     ) : null,
-    selectedToken?.balance ? /* @__PURE__ */ jsx28(
+    selectedToken?.balance ? /* @__PURE__ */ jsx29(
       AmountBalanceRow,
       {
         amountInputMode,
@@ -10788,7 +11135,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,
@@ -10799,8 +11146,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: {
@@ -10816,7 +11163,7 @@ function CryptoPayAmountSection({
           ]
         }
       ),
-      /* @__PURE__ */ jsx28(
+      /* @__PURE__ */ jsx29(
         AmountSlider,
         {
           value: Math.min(parsedAmount, effectiveSliderMax),
@@ -10827,7 +11174,7 @@ function CryptoPayAmountSection({
         }
       )
     ] }) : null,
-    showFeeSummary ? /* @__PURE__ */ jsx28(
+    showFeeSummary ? /* @__PURE__ */ jsx29(
       AmountFeeSummary,
       {
         amount,
@@ -10842,7 +11189,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,
@@ -10857,14 +11204,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");
@@ -10876,7 +11223,7 @@ function useDepositAmountModel({
     isReady,
     setAmountInputMode
   ]);
-  useEffect18(() => {
+  useEffect20(() => {
     if (!fixedFromAmountString) return;
     if (amount !== fixedFromAmountString) {
       setAmount(fixedFromAmountString);
@@ -10891,7 +11238,7 @@ function useDepositAmountModel({
     setAmount,
     setAmountInputMode
   ]);
-  const amountComputation = useMemo13(() => {
+  const amountComputation = useMemo14(() => {
     const rawAmount = (fixedFromAmountString ?? amount)?.trim();
     if (!rawAmount) {
       return {
@@ -10958,11 +11305,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;
     }
@@ -10995,15 +11342,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;
@@ -11012,11 +11359,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;
     }
@@ -11043,7 +11390,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,
@@ -11054,7 +11401,7 @@ function useHomeAmountModel({
   minAmountUsd,
   maxAmountUsd
 }) {
-  useEffect19(() => {
+  useEffect21(() => {
     if (!fixedFromAmountString) return;
     if (amount !== fixedFromAmountString) {
       setAmount(fixedFromAmountString);
@@ -11070,7 +11417,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)) {
@@ -11161,7 +11508,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,
@@ -11169,7 +11516,7 @@ function PaymentOptionRow({
   onClick,
   trailing
 }) {
-  return /* @__PURE__ */ jsxs26(
+  return /* @__PURE__ */ jsxs27(
     "button",
     {
       type: "button",
@@ -11192,7 +11539,7 @@ function PaymentOptionRow({
         opacity: disabled ? 0.5 : 1
       },
       children: [
-        /* @__PURE__ */ jsxs26(
+        /* @__PURE__ */ jsxs27(
           "div",
           {
             style: {
@@ -11202,7 +11549,7 @@ function PaymentOptionRow({
             },
             children: [
               icon,
-              /* @__PURE__ */ jsx29(
+              /* @__PURE__ */ jsx30(
                 "span",
                 {
                   style: {
@@ -11216,24 +11563,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,
@@ -11245,7 +11592,7 @@ function DetectedWalletRow({
             objectFit: "cover"
           }
         }
-      ) : /* @__PURE__ */ jsx30(
+      ) : /* @__PURE__ */ jsx31(
         "div",
         {
           style: {
@@ -11257,7 +11604,7 @@ function DetectedWalletRow({
             alignItems: "center",
             justifyContent: "center"
           },
-          children: /* @__PURE__ */ jsx30(
+          children: /* @__PURE__ */ jsx31(
             "span",
             {
               style: {
@@ -11275,16 +11622,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: {
@@ -11294,10 +11641,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: {
@@ -11309,7 +11656,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" })
         }
       )
     }
@@ -11317,9 +11664,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: {
@@ -11334,13 +11681,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: {
@@ -11357,10 +11704,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: {
@@ -11372,7 +11719,7 @@ function CryptoWalletDropdownContent({
               }
             )
           ] }),
-          browserWallets.length > 0 ? /* @__PURE__ */ jsx33(
+          browserWallets.length > 0 ? /* @__PURE__ */ jsx34(
             "div",
             {
               style: {
@@ -11380,7 +11727,7 @@ function CryptoWalletDropdownContent({
                 flexDirection: "column",
                 gap: spacing[1]
               },
-              children: browserWallets.map((wallet) => /* @__PURE__ */ jsx33(
+              children: browserWallets.map((wallet) => /* @__PURE__ */ jsx34(
                 DetectedWalletRow,
                 {
                   wallet,
@@ -11389,19 +11736,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: {
@@ -11409,7 +11756,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: {
@@ -11426,29 +11773,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: {
@@ -11462,11 +11809,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: {
@@ -11478,7 +11825,7 @@ function FiatPaymentDropdownContent({
               }
             )
           ] }),
-          /* @__PURE__ */ jsx36(
+          /* @__PURE__ */ jsx37(
             "div",
             {
               style: {
@@ -11486,7 +11833,7 @@ function FiatPaymentDropdownContent({
                 flexDirection: "column",
                 gap: spacing[1]
               },
-              children: fiatOptions2.map((method) => /* @__PURE__ */ jsx36(
+              children: fiatOptions2.map((method) => /* @__PURE__ */ jsx37(
                 FiatMethodRow,
                 {
                   method,
@@ -11503,9 +11850,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: {
@@ -11517,7 +11864,7 @@ function CryptoPaymentIcon() {
       fill: "none",
       stroke: "currentColor",
       strokeWidth: 2,
-      children: /* @__PURE__ */ jsx37(
+      children: /* @__PURE__ */ jsx38(
         "path",
         {
           strokeLinecap: "round",
@@ -11529,7 +11876,7 @@ function CryptoPaymentIcon() {
   );
 }
 function FiatPaymentIcon() {
-  return /* @__PURE__ */ jsxs29(
+  return /* @__PURE__ */ jsxs30(
     "svg",
     {
       style: {
@@ -11542,94 +11889,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",
@@ -11655,7 +12002,7 @@ function PaymentDropdownButton({
       },
       children: [
         icon,
-        /* @__PURE__ */ jsx39(
+        /* @__PURE__ */ jsx40(
           "span",
           {
             style: {
@@ -11668,7 +12015,7 @@ function PaymentDropdownButton({
             children: label
           }
         ),
-        /* @__PURE__ */ jsx39(
+        /* @__PURE__ */ jsx40(
           "svg",
           {
             style: {
@@ -11682,7 +12029,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" })
           }
         )
       ]
@@ -11691,7 +12038,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,
@@ -11705,7 +12052,7 @@ function HomePaymentOptions({
   setIsCryptoDropdownOpen,
   setIsFiatDropdownOpen
 }) {
-  return /* @__PURE__ */ jsxs31(
+  return /* @__PURE__ */ jsxs32(
     "div",
     {
       style: {
@@ -11718,16 +12065,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: () => {
@@ -11736,7 +12083,7 @@ function HomePaymentOptions({
                   }
                 }
               ),
-              isCryptoDropdownOpen ? /* @__PURE__ */ jsx40(
+              isCryptoDropdownOpen ? /* @__PURE__ */ jsx41(
                 CryptoWalletDropdownContent,
                 {
                   browserWallets,
@@ -11747,9 +12094,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: {
@@ -11760,18 +12107,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: () => {
@@ -11780,7 +12127,7 @@ function HomePaymentOptions({
                   }
                 }
               ),
-              isFiatDropdownOpen ? /* @__PURE__ */ jsx40(
+              isFiatDropdownOpen ? /* @__PURE__ */ jsx41(
                 FiatPaymentDropdownContent,
                 {
                   fiatOptions,
@@ -11796,7 +12143,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();
@@ -11919,12 +12266,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);
@@ -11936,7 +12283,7 @@ function useHomeWalletActions({
     document.addEventListener("mousedown", handleClickOutside);
     return () => document.removeEventListener("mousedown", handleClickOutside);
   }, []);
-  useEffect20(() => {
+  useEffect22(() => {
     getUniversalConnector().then(setUniversalConnector);
   }, []);
   const handleWalletSelect = async (wallet) => {
@@ -11977,7 +12324,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();
@@ -12011,7 +12358,7 @@ function Home({ style: _style }) {
     detectedWallets,
     setCurrentStep
   });
-  return /* @__PURE__ */ jsxs32(
+  return /* @__PURE__ */ jsxs33(
     "div",
     {
       style: {
@@ -12020,7 +12367,7 @@ function Home({ style: _style }) {
         minHeight: "500px"
       },
       children: [
-        /* @__PURE__ */ jsx41(
+        /* @__PURE__ */ jsx42(
           "div",
           {
             style: {
@@ -12030,7 +12377,7 @@ function Home({ style: _style }) {
               padding: `${spacing[4]} ${spacing[4]}`,
               borderBottom: `1px solid ${colors.border}`
             },
-            children: /* @__PURE__ */ jsx41(
+            children: /* @__PURE__ */ jsx42(
               "h1",
               {
                 style: {
@@ -12043,7 +12390,7 @@ function Home({ style: _style }) {
             )
           }
         ),
-        /* @__PURE__ */ jsxs32(
+        /* @__PURE__ */ jsxs33(
           "div",
           {
             style: {
@@ -12057,7 +12404,7 @@ function Home({ style: _style }) {
               position: "relative"
             },
             children: [
-              /* @__PURE__ */ jsx41(
+              /* @__PURE__ */ jsx42(
                 "p",
                 {
                   style: {
@@ -12068,7 +12415,7 @@ function Home({ style: _style }) {
                   children: "Enter an amount"
                 }
               ),
-              /* @__PURE__ */ jsx41(
+              /* @__PURE__ */ jsx42(
                 AmountInputDisplay,
                 {
                   amount,
@@ -12079,7 +12426,7 @@ function Home({ style: _style }) {
                   style: { marginBottom: spacing[8] }
                 }
               ),
-              amountValidationMessage ? /* @__PURE__ */ jsx41(
+              amountValidationMessage ? /* @__PURE__ */ jsx42(
                 "p",
                 {
                   style: {
@@ -12092,7 +12439,7 @@ function Home({ style: _style }) {
                   },
                   children: amountValidationMessage
                 }
-              ) : minAmountUsd != null || maxAmountUsd != null ? /* @__PURE__ */ jsx41(
+              ) : minAmountUsd != null || maxAmountUsd != null ? /* @__PURE__ */ jsx42(
                 "p",
                 {
                   style: {
@@ -12108,7 +12455,7 @@ function Home({ style: _style }) {
                   ].filter(Boolean).join(" \u2022 ")
                 }
               ) : null,
-              /* @__PURE__ */ jsx41(
+              /* @__PURE__ */ jsx42(
                 HomePaymentOptions,
                 {
                   browserWallets,
@@ -12127,14 +12474,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();
@@ -12165,7 +12512,7 @@ function SelectToken({ style }) {
     walletAddress,
     yourWalletTokens
   });
-  return /* @__PURE__ */ jsxs33(
+  return /* @__PURE__ */ jsxs34(
     "div",
     {
       style: {
@@ -12176,7 +12523,7 @@ function SelectToken({ style }) {
         ...style
       },
       children: [
-        /* @__PURE__ */ jsxs33(
+        /* @__PURE__ */ jsxs34(
           "div",
           {
             style: {
@@ -12186,7 +12533,7 @@ function SelectToken({ style }) {
               borderBottom: `1px solid ${colors.border}`
             },
             children: [
-              /* @__PURE__ */ jsx42(
+              /* @__PURE__ */ jsx43(
                 "button",
                 {
                   type: "button",
@@ -12201,7 +12548,7 @@ function SelectToken({ style }) {
                     cursor: "pointer"
                   },
                   "aria-label": "Go back",
-                  children: /* @__PURE__ */ jsx42(
+                  children: /* @__PURE__ */ jsx43(
                     "svg",
                     {
                       style: {
@@ -12213,7 +12560,7 @@ function SelectToken({ style }) {
                       fill: "none",
                       stroke: "currentColor",
                       strokeWidth: 2,
-                      children: /* @__PURE__ */ jsx42(
+                      children: /* @__PURE__ */ jsx43(
                         "path",
                         {
                           strokeLinecap: "round",
@@ -12225,7 +12572,7 @@ function SelectToken({ style }) {
                   )
                 }
               ),
-              /* @__PURE__ */ jsx42(
+              /* @__PURE__ */ jsx43(
                 "h1",
                 {
                   style: {
@@ -12242,7 +12589,7 @@ function SelectToken({ style }) {
             ]
           }
         ),
-        /* @__PURE__ */ jsxs33(
+        /* @__PURE__ */ jsxs34(
           "div",
           {
             style: {
@@ -12251,7 +12598,7 @@ function SelectToken({ style }) {
               overflow: "hidden"
             },
             children: [
-              /* @__PURE__ */ jsx42(
+              /* @__PURE__ */ jsx43(
                 ChainSelectorPanel,
                 {
                   error,
@@ -12262,7 +12609,7 @@ function SelectToken({ style }) {
                   popularChains
                 }
               ),
-              /* @__PURE__ */ jsx42(
+              /* @__PURE__ */ jsx43(
                 TokenSelectorPanel,
                 {
                   filteredTokens,
@@ -12283,17 +12630,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,
@@ -12306,7 +12653,7 @@ function useRoutePreviewModel({
   walletAddress
 }) {
   const { chains } = useChains();
-  const destinationConfig = useMemo15(
+  const destinationConfig = useMemo16(
     () => ({
       dappName: config.messages?.title || "DApp",
       toChain: config.routes.toChain,
@@ -12320,7 +12667,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(
@@ -12354,7 +12701,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.";
@@ -12394,7 +12741,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,
@@ -12410,13 +12757,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,
@@ -12436,7 +12783,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,
@@ -12447,7 +12794,7 @@ function ErrorRecoveryCard({
   renderErrorIcon,
   transactionHash
 }) {
-  return /* @__PURE__ */ jsxs34(
+  return /* @__PURE__ */ jsxs35(
     "div",
     {
       style: {
@@ -12459,7 +12806,7 @@ function ErrorRecoveryCard({
         padding: `${spacing[8]} ${spacing[6]}`
       },
       children: [
-        /* @__PURE__ */ jsx44(
+        /* @__PURE__ */ jsx45(
           "div",
           {
             style: {
@@ -12475,7 +12822,7 @@ function ErrorRecoveryCard({
             children: renderErrorIcon()
           }
         ),
-        /* @__PURE__ */ jsx44(
+        /* @__PURE__ */ jsx45(
           "h2",
           {
             style: {
@@ -12488,7 +12835,7 @@ function ErrorRecoveryCard({
             children: errorTitle
           }
         ),
-        errorMessage ? /* @__PURE__ */ jsx44(
+        errorMessage ? /* @__PURE__ */ jsx45(
           "p",
           {
             style: {
@@ -12500,7 +12847,7 @@ function ErrorRecoveryCard({
             children: errorMessage
           }
         ) : null,
-        /* @__PURE__ */ jsx44(
+        /* @__PURE__ */ jsx45(
           "p",
           {
             style: {
@@ -12513,13 +12860,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,
@@ -12529,7 +12876,7 @@ function ErrorRecoveryCard({
             )
           }
         ) : null,
-        /* @__PURE__ */ jsxs34(
+        /* @__PURE__ */ jsxs35(
           "div",
           {
             style: {
@@ -12540,7 +12887,7 @@ function ErrorRecoveryCard({
               maxWidth: "20rem"
             },
             children: [
-              /* @__PURE__ */ jsx44(
+              /* @__PURE__ */ jsx45(
                 "button",
                 {
                   type: "button",
@@ -12560,7 +12907,7 @@ function ErrorRecoveryCard({
                   children: "Try Again"
                 }
               ),
-              /* @__PURE__ */ jsx44(
+              /* @__PURE__ */ jsx45(
                 "button",
                 {
                   type: "button",
@@ -12589,7 +12936,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,
@@ -12599,7 +12946,7 @@ function SuccessSummaryCard({
   selectedTokenSymbol,
   transactionHash
 }) {
-  return /* @__PURE__ */ jsxs35(
+  return /* @__PURE__ */ jsxs36(
     "div",
     {
       style: {
@@ -12613,7 +12960,7 @@ function SuccessSummaryCard({
         animation: "fade-in 0.3s ease-out"
       },
       children: [
-        /* @__PURE__ */ jsxs35(
+        /* @__PURE__ */ jsxs36(
           "div",
           {
             style: {
@@ -12623,7 +12970,7 @@ function SuccessSummaryCard({
               marginBottom: "2rem"
             },
             children: [
-              /* @__PURE__ */ jsx45(
+              /* @__PURE__ */ jsx46(
                 "div",
                 {
                   style: {
@@ -12637,7 +12984,7 @@ function SuccessSummaryCard({
                     animation: "scale-in 0.3s ease-out",
                     marginBottom: "0.75rem"
                   },
-                  children: /* @__PURE__ */ jsx45(
+                  children: /* @__PURE__ */ jsx46(
                     "svg",
                     {
                       style: {
@@ -12650,7 +12997,7 @@ function SuccessSummaryCard({
                       stroke: "currentColor",
                       strokeWidth: 2.5,
                       "aria-hidden": "true",
-                      children: /* @__PURE__ */ jsx45(
+                      children: /* @__PURE__ */ jsx46(
                         "path",
                         {
                           strokeLinecap: "round",
@@ -12662,7 +13009,7 @@ function SuccessSummaryCard({
                   )
                 }
               ),
-              /* @__PURE__ */ jsx45(
+              /* @__PURE__ */ jsx46(
                 "div",
                 {
                   style: {
@@ -12676,7 +13023,7 @@ function SuccessSummaryCard({
             ]
           }
         ),
-        /* @__PURE__ */ jsxs35(
+        /* @__PURE__ */ jsxs36(
           "div",
           {
             style: {
@@ -12686,7 +13033,7 @@ function SuccessSummaryCard({
               marginBottom: "2rem"
             },
             children: [
-              /* @__PURE__ */ jsxs35(
+              /* @__PURE__ */ jsxs36(
                 "div",
                 {
                   style: {
@@ -12703,7 +13050,7 @@ function SuccessSummaryCard({
                   ]
                 }
               ),
-              selectedTokenIconUrl && selectedTokenSymbol ? /* @__PURE__ */ jsxs35(
+              selectedTokenIconUrl && selectedTokenSymbol ? /* @__PURE__ */ jsxs36(
                 "div",
                 {
                   style: {
@@ -12713,7 +13060,7 @@ function SuccessSummaryCard({
                     marginTop: "0.375rem"
                   },
                   children: [
-                    /* @__PURE__ */ jsx45(
+                    /* @__PURE__ */ jsx46(
                       "img",
                       {
                         src: selectedTokenIconUrl,
@@ -12725,7 +13072,7 @@ function SuccessSummaryCard({
                         }
                       }
                     ),
-                    /* @__PURE__ */ jsxs35(
+                    /* @__PURE__ */ jsxs36(
                       "span",
                       {
                         style: {
@@ -12744,13 +13091,13 @@ function SuccessSummaryCard({
             ]
           }
         ),
-        transactionHash ? /* @__PURE__ */ jsx45(
+        transactionHash ? /* @__PURE__ */ jsx46(
           "div",
           {
             style: {
               marginBottom: "2rem"
             },
-            children: /* @__PURE__ */ jsx45(
+            children: /* @__PURE__ */ jsx46(
               TransactionHashLink,
               {
                 explorerUrl,
@@ -12760,14 +13107,14 @@ function SuccessSummaryCard({
             )
           }
         ) : null,
-        /* @__PURE__ */ jsx45(
+        /* @__PURE__ */ jsx46(
           "div",
           {
             style: {
               width: "100%",
               padding: "1rem"
             },
-            children: /* @__PURE__ */ jsx45(
+            children: /* @__PURE__ */ jsx46(
               "button",
               {
                 type: "button",
@@ -12793,8 +13140,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();
@@ -12815,12 +13163,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);
@@ -12830,23 +13186,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;
@@ -12873,11 +13229,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;
@@ -12896,7 +13252,7 @@ function useTransactionActionModel({
     },
     []
   );
-  const handleApproveExact = useCallback13(async () => {
+  const handleApproveExact = useCallback14(async () => {
     if (isApproving || amountWei <= 0n || !walletAddress || !spender || !selectedToken?.address) {
       return;
     }
@@ -12904,6 +13260,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(
@@ -12961,17 +13324,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;
@@ -12994,7 +13363,7 @@ function useTransactionActionModel({
     }
     return cache.inflight;
   }, [backendChainId2]);
-  const estimateGasReservationWei = useCallback13(async () => {
+  const estimateGasReservationWei = useCallback14(async () => {
     if (!isNativeSelected) {
       setGasReservationWei(0n);
       return 0n;
@@ -13058,18 +13427,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;
@@ -13078,7 +13464,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
@@ -13105,7 +13491,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 {
@@ -13122,12 +13508,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;
     }
@@ -13202,7 +13588,7 @@ function CryptoPay({ style: _style }) {
   });
   const { emitError } = useTrustware();
   const readySelectedToken = isReady ? selectedToken : null;
-  useEffect22(() => {
+  useEffect24(() => {
     if (currentStep !== "crypto-pay" || !actionErrorMessage) return;
     emitError?.(
       new TrustwareError({
@@ -13234,7 +13620,7 @@ function CryptoPay({ style: _style }) {
   const handleExpandTokens = () => {
     setCurrentStep("select-token");
   };
-  return /* @__PURE__ */ jsxs36(
+  return /* @__PURE__ */ jsxs37(
     "div",
     {
       style: {
@@ -13243,9 +13629,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,
@@ -13274,7 +13660,7 @@ function CryptoPay({ style: _style }) {
               yourWalletTokensLength: yourWalletTokens.length
             }
           ),
-          /* @__PURE__ */ jsx46(
+          /* @__PURE__ */ jsx47(
             CryptoPaySwipeSection,
             {
               actionErrorMessage,
@@ -13291,8 +13677,8 @@ function CryptoPay({ style: _style }) {
               swipeResetKey
             }
           ),
-          /* @__PURE__ */ jsx46(WidgetSecurityFooter, {})
-        ] }) : /* @__PURE__ */ jsx46(
+          /* @__PURE__ */ jsx47(WidgetSecurityFooter, {})
+        ] }) : /* @__PURE__ */ jsx47(
           "div",
           {
             style: {
@@ -13301,7 +13687,7 @@ function CryptoPay({ style: _style }) {
               alignItems: "center",
               justifyContent: "center"
             },
-            children: /* @__PURE__ */ jsx46(LoadingSkeleton, {})
+            children: /* @__PURE__ */ jsx47(LoadingSkeleton, {})
           }
         )
       ]
@@ -13310,8 +13696,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":
@@ -13349,27 +13735,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;
     }
@@ -13387,7 +13773,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: {
@@ -13397,8 +13783,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: {
@@ -13410,13 +13796,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,
@@ -13428,7 +13814,7 @@ function Processing({ style }) {
                   )
                 }
               ),
-              /* @__PURE__ */ jsx47(
+              /* @__PURE__ */ jsx48(
                 "p",
                 {
                   style: {
@@ -13441,7 +13827,7 @@ function Processing({ style }) {
                   children: stepText
                 }
               ),
-              selectedToken && parsedAmount > 0 && /* @__PURE__ */ jsxs37(
+              selectedToken && parsedAmount > 0 && /* @__PURE__ */ jsxs38(
                 "p",
                 {
                   style: {
@@ -13458,7 +13844,7 @@ function Processing({ style }) {
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx47(
+              /* @__PURE__ */ jsx48(
                 TransactionSteps,
                 {
                   transactionStatus,
@@ -13469,7 +13855,7 @@ function Processing({ style }) {
                   }
                 }
               ),
-              transactionHash ? /* @__PURE__ */ jsx47(
+              transactionHash ? /* @__PURE__ */ jsx48(
                 TransactionHashLink,
                 {
                   explorerUrl,
@@ -13477,7 +13863,7 @@ function Processing({ style }) {
                   label: "Transaction"
                 }
               ) : null,
-              transactionStatus === "error" && /* @__PURE__ */ jsx47(
+              transactionStatus === "error" && /* @__PURE__ */ jsx48(
                 "button",
                 {
                   type: "button",
@@ -13499,23 +13885,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;
     }
@@ -13530,7 +13916,7 @@ function Success({ style }) {
   const handleDone = () => {
     resetState();
   };
-  return /* @__PURE__ */ jsxs38(
+  return /* @__PURE__ */ jsxs39(
     "div",
     {
       style: {
@@ -13543,9 +13929,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: {
@@ -13557,7 +13943,7 @@ function Success({ style }) {
               flexDirection: "column",
               alignItems: "center"
             },
-            children: /* @__PURE__ */ jsx48(
+            children: /* @__PURE__ */ jsx49(
               SuccessSummaryCard,
               {
                 amount: parsedAmount,
@@ -13571,16 +13957,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();
@@ -13667,20 +14053,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();
@@ -13702,7 +14088,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}`;
     }
@@ -13710,7 +14096,7 @@ function Error2({ style }) {
   }, [transactionHash, selectedChain]);
   const renderErrorIcon = () => {
     if (errorCategory === "wallet_rejected") {
-      return /* @__PURE__ */ jsx49(
+      return /* @__PURE__ */ jsx50(
         "svg",
         {
           style: {
@@ -13723,7 +14109,7 @@ function Error2({ style }) {
           stroke: "currentColor",
           strokeWidth: 2.5,
           "aria-hidden": "true",
-          children: /* @__PURE__ */ jsx49(
+          children: /* @__PURE__ */ jsx50(
             "path",
             {
               strokeLinecap: "round",
@@ -13735,7 +14121,7 @@ function Error2({ style }) {
       );
     }
     if (errorCategory === "network_error") {
-      return /* @__PURE__ */ jsx49(
+      return /* @__PURE__ */ jsx50(
         "svg",
         {
           style: {
@@ -13748,7 +14134,7 @@ function Error2({ style }) {
           stroke: "currentColor",
           strokeWidth: 2,
           "aria-hidden": "true",
-          children: /* @__PURE__ */ jsx49(
+          children: /* @__PURE__ */ jsx50(
             "path",
             {
               strokeLinecap: "round",
@@ -13759,7 +14145,7 @@ function Error2({ style }) {
         }
       );
     }
-    return /* @__PURE__ */ jsx49(
+    return /* @__PURE__ */ jsx50(
       "svg",
       {
         style: {
@@ -13772,7 +14158,7 @@ function Error2({ style }) {
         stroke: "currentColor",
         strokeWidth: 2,
         "aria-hidden": "true",
-        children: /* @__PURE__ */ jsx49(
+        children: /* @__PURE__ */ jsx50(
           "path",
           {
             strokeLinecap: "round",
@@ -13783,7 +14169,7 @@ function Error2({ style }) {
       }
     );
   };
-  return /* @__PURE__ */ jsxs39(
+  return /* @__PURE__ */ jsxs40(
     "div",
     {
       style: {
@@ -13793,8 +14179,8 @@ function Error2({ style }) {
         ...style
       },
       children: [
-        /* @__PURE__ */ jsx49(WidgetPageHeader, { title: errorTitle }),
-        /* @__PURE__ */ jsx49(
+        /* @__PURE__ */ jsx50(WidgetPageHeader, { title: errorTitle }),
+        /* @__PURE__ */ jsx50(
           ErrorRecoveryCard,
           {
             errorMessage,
@@ -13807,7 +14193,7 @@ function Error2({ style }) {
             transactionHash
           }
         ),
-        /* @__PURE__ */ jsx49(WidgetSecurityFooter, {})
+        /* @__PURE__ */ jsx50(WidgetSecurityFooter, {})
       ]
     }
   );
@@ -13829,7 +14215,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%",
@@ -13840,26 +14226,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%",
@@ -13881,7 +14267,7 @@ function WidgetContent({
   const { amount, selectedChain, selectedToken } = useDepositForm();
   const { transactionHash, transactionStatus } = useDepositTransaction();
   const { resolvedTheme, toggleTheme } = useDepositUi();
-  useEffect25(() => {
+  useEffect27(() => {
     const state = {
       currentStep,
       amount,
@@ -13901,9 +14287,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,
@@ -13924,8 +14310,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 {
@@ -13936,32 +14322,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,
@@ -13971,7 +14357,7 @@ function WidgetInner({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx51(
+    /* @__PURE__ */ jsx52(
       ConfirmCloseDialog,
       {
         open: showConfirmDialog,
@@ -13991,14 +14377,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 {
@@ -14006,7 +14392,7 @@ var TrustwareWidgetV2 = forwardRef(function TrustwareWidgetV22({
       onClose?.();
     }
   }, [onClose]);
-  const handleClose = useCallback14(() => {
+  const handleClose = useCallback15(() => {
     setIsOpen(false);
     onClose?.();
   }, [onClose]);
@@ -14022,7 +14408,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,