@trustware/sdk-staging 1.1.4-staging.50 → 1.1.5-staging.1

package/dist/widget.cjs

@@ -245,7 +245,7 @@ var init_constants = __esm({
   "src/constants.ts"() {
     "use strict";
     SDK_NAME = "@trustware/sdk";
-    SDK_VERSION = "1.1.4-staging.50";
+    SDK_VERSION = "1.1.5-staging.1";
     API_ROOT = "https://bv-staging-api.trustware.io";
     GTM_ID = "GTM-TZDGNCXB";
     API_PREFIX = "/api";
@@ -810,8 +810,8 @@ function ConfettiEffect({
   clearDelay = 3e3,
   pieceCount = 50
 }) {
-  const [pieces, setPieces] = (0, import_react20.useState)([]);
-  (0, import_react20.useEffect)(() => {
+  const [pieces, setPieces] = (0, import_react21.useState)([]);
+  (0, import_react21.useEffect)(() => {
     if (isActive) {
       const colors2 = [
         "#10b981",
@@ -887,11 +887,11 @@ function ConfettiEffect({
     }
   );
 }
-var import_react20, import_jsx_runtime6, ConfettiEffect_default;
+var import_react21, import_jsx_runtime6, ConfettiEffect_default;
 var init_ConfettiEffect = __esm({
   "src/widget/components/ConfettiEffect.tsx"() {
     "use strict";
-    import_react20 = require("react");
+    import_react21 = require("react");
     import_jsx_runtime6 = require("react/jsx-runtime");
     ConfettiEffect_default = ConfettiEffect;
   }
@@ -906,7 +906,7 @@ __export(widget_exports, {
 module.exports = __toCommonJS(widget_exports);
 
 // src/widget/TrustwareWidgetV2.tsx
-var import_react40 = require("react");
+var import_react41 = require("react");
 
 // src/widget/lib/utils.ts
 function mergeStyles(...styles) {
@@ -1386,7 +1386,7 @@ var ANIMATION_CLASSES = `
 var ALL_ANIMATION_STYLES = KEYFRAMES + ANIMATION_CLASSES;
 
 // src/widget/context/DepositContext.tsx
-var import_react17 = __toESM(require("react"), 1);
+var import_react18 = __toESM(require("react"), 1);
 
 // src/provider.tsx
 var import_react5 = require("react");
@@ -5974,16 +5974,326 @@ function mapWalletTokens(balances, chains, tokens) {
   });
 }
 
+// src/widget/state/deposit/useWalletConnect.ts
+var import_react17 = require("react");
+init_config2();
+
+// src/config/walletconnect.ts
+var import_appkit_universal_connector = require("@reown/appkit-universal-connector");
+init_store();
+init_constants();
+var solanaMainnet = {
+  id: 900,
+  chainNamespace: "solana",
+  caipNetworkId: "solana:5eykt4UsFv8P8NJdTREpY1vzqAQ3H1FQ",
+  name: "Solana Mainnet",
+  nativeCurrency: {
+    name: "Solana",
+    symbol: "SOL",
+    decimals: 9
+  },
+  rpcUrls: {
+    default: {
+      http: ["https://api.mainnet-beta.solana.com"]
+    }
+  }
+};
+var bitcoinMainnet = {
+  id: 8333,
+  chainNamespace: "bip122",
+  caipNetworkId: "bip122:000000000019d6689c085ae165831e93",
+  name: "Bitcoin Mainnet",
+  nativeCurrency: {
+    name: "Bitcoin",
+    symbol: "BTC",
+    decimals: 8
+  },
+  rpcUrls: {
+    default: {
+      http: ["https://api.blockcypher.com/v1/btc/main"]
+    }
+  }
+};
+var ethereumMainnet = {
+  id: 1,
+  chainNamespace: "eip155",
+  caipNetworkId: "eip155:1",
+  name: "Ethereum Mainnet",
+  nativeCurrency: {
+    name: "Ether",
+    symbol: "ETH",
+    decimals: 18
+  },
+  rpcUrls: {
+    default: {
+      http: ["https://rpc.ankr.com/eth"]
+    }
+  }
+};
+var seiMainnet = {
+  id: 1329,
+  chainNamespace: "eip155",
+  caipNetworkId: "eip155:1329",
+  name: "Sei Mainnet",
+  nativeCurrency: {
+    name: "Sei",
+    symbol: "SEI",
+    decimals: 18
+  },
+  rpcUrls: {
+    default: {
+      http: ["https://evm-rpc.sei-apis.com"]
+    }
+  }
+};
+var solanaChains = [solanaMainnet];
+var evmChains = [ethereumMainnet, seiMainnet];
+var bitcoinChains = [bitcoinMainnet];
+var networks = [
+  // ...solanaChains,
+  // ...bitcoinChains,
+  ...evmChains
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+];
+var namespaceConfig = [
+  {
+    namespace: "solana",
+    chains: solanaChains,
+    methods: ["solana_signMessage", "solana_signTransaction"],
+    events: []
+  },
+  {
+    namespace: "eip155",
+    chains: evmChains,
+    methods: [
+      "eth_sendTransaction",
+      "eth_signTransaction",
+      "eth_sign",
+      "personal_sign",
+      "eth_signTypedData_v4"
+    ],
+    events: ["accountsChanged", "chainChanged"]
+  },
+  {
+    namespace: "bip122",
+    chains: bitcoinChains,
+    // FIX 8: Use the standard WalletConnect BIP-122 method name, not the
+    // non-standard "btc_signMessage" prefix that most wallets reject.
+    methods: ["signMessage", "sendTransfer"],
+    events: []
+  }
+];
+function resolvedMetadata() {
+  const cfg = TrustwareConfigStore.peek();
+  const walletConnect = cfg ? cfg?.walletConnect : void 0;
+  const configured = walletConnect?.metadata;
+  const pageUrl = typeof window !== "undefined" && window.location?.origin ? window.location.origin : configured?.url;
+  if (!pageUrl) {
+    console.warn(
+      "[Trustware SDK] WalletConnect metadata.url could not be determined from window.location or config. Falling back to 'https://trustware.io'. Pass metadata.url explicitly in your WalletConnectConfig to avoid domain verification failures in production."
+    );
+  }
+  return {
+    name: configured?.name ?? "Trustware",
+    description: configured?.description ?? "Cross-chain bridge & top-up",
+    url: pageUrl ?? "https://trustware.io",
+    icons: configured?.icons?.length ? configured.icons : ["https://app.trustware.io/icon.png"]
+  };
+}
+var universalConnectorPromise = null;
+var initializedProjectId = null;
+async function getUniversalConnector(walletCfg) {
+  const projectId = walletCfg?.projectId ?? WALLETCONNECT_PROJECT_ID;
+  if (universalConnectorPromise && initializedProjectId !== projectId) {
+    console.warn(
+      "[Trustware SDK] projectId changed since last init \u2014 reinitializing WalletConnect connector."
+    );
+    universalConnectorPromise = null;
+    initializedProjectId = null;
+  }
+  if (!universalConnectorPromise) {
+    initializedProjectId = projectId;
+    universalConnectorPromise = import_appkit_universal_connector.UniversalConnector.init({
+      projectId,
+      metadata: resolvedMetadata(),
+      networks: namespaceConfig
+    }).catch((error) => {
+      universalConnectorPromise = null;
+      initializedProjectId = null;
+      console.error(
+        "[Trustware SDK] Failed to initialize WalletConnect:",
+        error
+      );
+      throw error;
+    });
+  }
+  return universalConnectorPromise;
+}
+
+// src/widget/state/deposit/useWalletConnect.ts
+function getEvmAccount(session) {
+  const account = session?.namespaces?.eip155?.accounts?.[0];
+  const [, chainId, address] = account?.split(":") ?? [];
+  if (!chainId || !address) {
+    return null;
+  }
+  return {
+    address,
+    chainId: Number(chainId)
+  };
+}
+function toHexChainId(chainId) {
+  return `0x${chainId.toString(16)}`;
+}
+function useWalletConnect({
+  setWalletType,
+  setCurrentStep
+}) {
+  const [universalConnector, setUniversalConnector] = (0, import_react17.useState)();
+  const [walletConnectAddress, setWalletConnectAddress] = (0, import_react17.useState)(null);
+  (0, import_react17.useEffect)(() => {
+    if (typeof window === "undefined") {
+      return;
+    }
+    const walletConnect = TrustwareConfigStore.peek()?.walletConnect;
+    getUniversalConnector(walletConnect).then(
+      setUniversalConnector
+    );
+  }, [TrustwareConfigStore.peek()?.walletConnect]);
+  (0, import_react17.useEffect)(() => {
+    return () => {
+      universalConnector?.disconnect();
+    };
+  }, [universalConnector]);
+  const attachWalletConnectWallet = (0, import_react17.useCallback)(
+    (connector, session) => {
+      const account = getEvmAccount(session);
+      if (!account) {
+        return null;
+      }
+      const activeAddress = account.address;
+      let activeChainId = account.chainId;
+      connector.provider.setDefaultChain(`eip155:${activeChainId}`);
+      const wallet = {
+        ecosystem: "evm",
+        type: "eip1193",
+        async getAddress() {
+          return activeAddress;
+        },
+        async getChainId() {
+          return activeChainId;
+        },
+        async switchChain(chainId) {
+          connector.provider.setDefaultChain(`eip155:${chainId}`);
+          await connector.provider.request(
+            {
+              method: "wallet_switchEthereumChain",
+              params: [{ chainId: toHexChainId(chainId) }]
+            },
+            `eip155:${chainId}`
+          );
+          activeChainId = chainId;
+        },
+        async request(args) {
+          const tx = Array.isArray(args.params) ? args.params[0] : void 0;
+          const requestedChainId = typeof tx?.chainId === "string" ? Number.parseInt(tx.chainId, 16) : activeChainId;
+          const chain = Number.isFinite(requestedChainId) ? `eip155:${requestedChainId}` : `eip155:${activeChainId}`;
+          connector.provider.setDefaultChain(chain);
+          return connector.provider.request(args, chain);
+        },
+        async disconnect() {
+          await connector.disconnect();
+        }
+      };
+      walletManager.attachWallet(wallet);
+      setWalletConnectAddress(activeAddress);
+      return activeAddress;
+    },
+    []
+  );
+  const getAddrAndRedirect = (0, import_react17.useCallback)(
+    (connector, session) => {
+      const adr = attachWalletConnectWallet(connector, session);
+      if (!adr) return null;
+      setCurrentStep("crypto-pay");
+      console.log({ adr });
+      return adr;
+    },
+    [attachWalletConnectWallet, setCurrentStep]
+  );
+  const WalletConnect = (0, import_react17.useCallback)(
+    async function() {
+      console.log("got called");
+      if (!universalConnector) {
+        return;
+      }
+      setWalletType("walletconnect");
+      const session = universalConnector.provider.session;
+      const nowInSeconds = Math.floor(Date.now() / 1e3);
+      const isActive = session && session.expiry > nowInSeconds;
+      console.log({ isActive, session });
+      if (isActive && session) {
+        getAddrAndRedirect(universalConnector, session);
+        return;
+      }
+      const { session: providerSession } = await universalConnector.connect();
+      if (providerSession) {
+        getAddrAndRedirect(universalConnector, providerSession);
+        return;
+      }
+    },
+    [getAddrAndRedirect, setWalletType, universalConnector]
+  );
+  const disconnectWalletConnect = async () => {
+    if (universalConnector) {
+      await walletManager.disconnect();
+      setWalletType("other");
+      setCurrentStep("home");
+    }
+  };
+  (0, import_react17.useEffect)(() => {
+    const provider = universalConnector?.provider;
+    if (!provider) {
+      return;
+    }
+    const handleSessionUpdate = ({
+      session
+    }) => {
+      console.log("session_update");
+      if (session) {
+        attachWalletConnectWallet(universalConnector, session);
+      }
+    };
+    const handleSessionDelete = () => {
+      console.log("session_delete");
+      setWalletConnectAddress(null);
+      void walletManager.disconnect();
+    };
+    provider.on("session_update", handleSessionUpdate);
+    provider.on("session_delete", handleSessionDelete);
+    return () => {
+      provider.off("session_update", handleSessionUpdate);
+      provider.off("session_delete", handleSessionDelete);
+    };
+  }, [attachWalletConnectWallet, universalConnector]);
+  return {
+    universalConnector,
+    walletConnectAddress,
+    WalletConnect,
+    disconnectWalletConnect
+  };
+}
+
 // src/widget/context/DepositContext.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
-var DepositContext = (0, import_react17.createContext)(
+var DepositContext = (0, import_react18.createContext)(
   void 0
 );
-var DepositNavigationContext = (0, import_react17.createContext)(void 0);
-var DepositWalletContext = (0, import_react17.createContext)(void 0);
-var DepositFormContext = (0, import_react17.createContext)(void 0);
-var DepositTransactionContext = (0, import_react17.createContext)(void 0);
-var DepositUiContext = (0, import_react17.createContext)(void 0);
+var DepositNavigationContext = (0, import_react18.createContext)(void 0);
+var DepositWalletContext = (0, import_react18.createContext)(void 0);
+var DepositFormContext = (0, import_react18.createContext)(void 0);
+var DepositTransactionContext = (0, import_react18.createContext)(void 0);
+var DepositUiContext = (0, import_react18.createContext)(void 0);
 function DepositProvider({
   children,
   initialStep = "home"
@@ -6001,17 +6311,33 @@ function DepositProvider({
   const { resolvedTheme, toggleTheme } = useThemePreference();
   const {
     selectedWallet,
-    walletAddress,
+    walletAddress: otherWalletAddress,
     walletStatus,
     connectWallet,
     disconnectWallet
   } = useWalletSessionState();
-  const [amountInputMode, setAmountInputMode] = (0, import_react17.useState)(
+  const [amountInputMode, setAmountInputMode] = (0, import_react18.useState)(
     "usd"
   );
-  const [selectedToken, setSelectedToken] = (0, import_react17.useState)(null);
-  const [selectedChain, setSelectedChain] = (0, import_react17.useState)(null);
-  const [amount, setAmount] = (0, import_react17.useState)("");
+  const [walletType, setWalletType] = (0, import_react18.useState)(
+    "other"
+  );
+  const {
+    universalConnector,
+    walletConnectAddress,
+    WalletConnect,
+    disconnectWalletConnect
+  } = useWalletConnect({
+    setWalletType,
+    setCurrentStep
+  });
+  const [selectedToken, setSelectedToken] = (0, import_react18.useState)(null);
+  const [selectedChain, setSelectedChain] = (0, import_react18.useState)(null);
+  const [amount, setAmount] = (0, import_react18.useState)("");
+  const walletAddress = (0, import_react18.useMemo)(
+    () => walletType === "walletconnect" ? walletConnectAddress : otherWalletAddress,
+    [walletType, walletConnectAddress, otherWalletAddress]
+  );
   const {
     yourWalletTokens,
     setYourWalletTokens,
@@ -6024,12 +6350,12 @@ function DepositProvider({
     selectedToken,
     setSelectedToken
   });
-  const [transactionStatus, setTransactionStatus] = (0, import_react17.useState)("idle");
-  const [transactionHash, setTransactionHash] = (0, import_react17.useState)(null);
-  const [errorMessage, setErrorMessage] = (0, import_react17.useState)(null);
-  const [intentId, setIntentId] = (0, import_react17.useState)(null);
-  const [paymentMethod, setPaymentMethod] = (0, import_react17.useState)("crypto");
-  const resetState = import_react17.default.useCallback(() => {
+  const [transactionStatus, setTransactionStatus] = (0, import_react18.useState)("idle");
+  const [transactionHash, setTransactionHash] = (0, import_react18.useState)(null);
+  const [errorMessage, setErrorMessage] = (0, import_react18.useState)(null);
+  const [intentId, setIntentId] = (0, import_react18.useState)(null);
+  const [paymentMethod, setPaymentMethod] = (0, import_react18.useState)("crypto");
+  const resetState = import_react18.default.useCallback(() => {
     resetNavigation();
     setSelectedToken(null);
     setSelectedChain(null);
@@ -6042,7 +6368,7 @@ function DepositProvider({
     setPaymentMethod("crypto");
     reloadWalletTokens();
   }, [reloadWalletTokens, resetNavigation]);
-  const navigationValue = (0, import_react17.useMemo)(
+  const navigationValue = (0, import_react18.useMemo)(
     () => ({
       currentStep,
       setCurrentStep,
@@ -6062,7 +6388,7 @@ function DepositProvider({
       stepHistory
     ]
   );
-  const walletValue = (0, import_react17.useMemo)(
+  const walletValue = (0, import_react18.useMemo)(
     () => ({
       selectedWallet,
       walletAddress,
@@ -6071,20 +6397,31 @@ function DepositProvider({
       disconnectWallet,
       yourWalletTokens,
       setYourWalletTokens,
-      yourWalletTokensLoading
+      yourWalletTokensLoading,
+      universalConnector,
+      walletConnectAddress,
+      WalletConnect,
+      disconnectWalletConnect,
+      setWalletType,
+      walletType
     }),
     [
+      WalletConnect,
       connectWallet,
       disconnectWallet,
+      disconnectWalletConnect,
       selectedWallet,
       setYourWalletTokens,
+      universalConnector,
       walletAddress,
+      walletConnectAddress,
       walletStatus,
+      walletType,
       yourWalletTokens,
       yourWalletTokensLoading
     ]
   );
-  const formValue = (0, import_react17.useMemo)(
+  const formValue = (0, import_react18.useMemo)(
     () => ({
       selectedToken,
       setSelectedToken,
@@ -6106,7 +6443,7 @@ function DepositProvider({
       setPaymentMethod
     ]
   );
-  const transactionValue = (0, import_react17.useMemo)(
+  const transactionValue = (0, import_react18.useMemo)(
     () => ({
       transactionStatus,
       setTransactionStatus,
@@ -6119,14 +6456,14 @@ function DepositProvider({
     }),
     [errorMessage, intentId, transactionHash, transactionStatus]
   );
-  const uiValue = (0, import_react17.useMemo)(
+  const uiValue = (0, import_react18.useMemo)(
     () => ({
       resolvedTheme,
       toggleTheme
     }),
     [resolvedTheme, toggleTheme]
   );
-  const value = (0, import_react17.useMemo)(
+  const value = (0, import_react18.useMemo)(
     () => ({
       ...navigationValue,
       ...walletValue,
@@ -6139,7 +6476,7 @@ function DepositProvider({
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(DepositNavigationContext.Provider, { value: navigationValue, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(DepositWalletContext.Provider, { value: walletValue, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(DepositFormContext.Provider, { value: formValue, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(DepositTransactionContext.Provider, { value: transactionValue, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(DepositUiContext.Provider, { value: uiValue, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(DepositContext.Provider, { value, children }) }) }) }) }) });
 }
 function useRequiredContext(context, name) {
-  const value = (0, import_react17.useContext)(context);
+  const value = (0, import_react18.useContext)(context);
   if (value === void 0) {
     throw new Error(`${name} must be used within a DepositProvider`);
   }
@@ -6162,7 +6499,7 @@ function useDepositUi() {
 }
 
 // src/widget/components/AmountSlider.tsx
-var import_react18 = require("react");
+var import_react19 = require("react");
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var roundToNiceNumber = (value, range) => {
   let roundingFactor;
@@ -6212,7 +6549,7 @@ function AmountSlider({
   style,
   disabled = false
 }) {
-  const generateTickMarks = (0, import_react18.useCallback)(
+  const generateTickMarks = (0, import_react19.useCallback)(
     (minValue, maxValue) => {
       const range = maxValue - minValue;
       if (range <= 0) {
@@ -6260,25 +6597,25 @@ function AmountSlider({
     },
     []
   );
-  const tickMarks = (0, import_react18.useMemo)(
+  const tickMarks = (0, import_react19.useMemo)(
     () => generateTickMarks(min, max),
     [generateTickMarks, min, max]
   );
-  const getPercentage = (0, import_react18.useCallback)(() => {
+  const getPercentage = (0, import_react19.useCallback)(() => {
     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 = (0, import_react18.useMemo)(() => getPercentage(), [getPercentage]);
-  const handleChange = (0, import_react18.useCallback)(
+  const percentage = (0, import_react19.useMemo)(() => getPercentage(), [getPercentage]);
+  const handleChange = (0, import_react19.useCallback)(
     (e2) => {
       const newValue = Math.min(Math.max(Number(e2.target.value), min), max);
       onChange(newValue);
     },
     [onChange, min, max]
   );
-  const handleTickClick = (0, import_react18.useCallback)(
+  const handleTickClick = (0, import_react19.useCallback)(
     (tickValue) => {
       if (disabled) return;
       onChange(tickValue);
@@ -6496,7 +6833,7 @@ function AmountSlider({
 }
 
 // src/widget/components/AmountInputDisplay.tsx
-var import_react19 = require("react");
+var import_react20 = require("react");
 var import_jsx_runtime4 = require("react/jsx-runtime");
 function formatDisplayAmount(value) {
   if (!Number.isFinite(value) || value <= 0) return "0";
@@ -6535,8 +6872,8 @@ function AmountInputDisplay({
   style,
   inputAriaLabel = "Deposit amount"
 }) {
-  const [isEditing, setIsEditing] = (0, import_react19.useState)(false);
-  const inputRef = (0, import_react19.useRef)(null);
+  const [isEditing, setIsEditing] = (0, import_react20.useState)(false);
+  const inputRef = (0, import_react20.useRef)(null);
   const handleAmountClick = () => {
     if (isFixedAmount) return;
     const isZeroish = !amount || parseFloat(amount) === 0;
@@ -6751,7 +7088,7 @@ function CircularProgress({
 }
 
 // src/widget/components/Dialog.tsx
-var import_react21 = require("react");
+var import_react22 = require("react");
 var import_jsx_runtime7 = require("react/jsx-runtime");
 var Dialog = ({
   open,
@@ -6763,11 +7100,11 @@ var Dialog = ({
   confirmText = "Close Anyway",
   isDark = false
 }) => {
-  const dialogRef = (0, import_react21.useRef)(null);
-  const overlayRef = (0, import_react21.useRef)(null);
-  const firstButtonRef = (0, import_react21.useRef)(null);
-  const lastButtonRef = (0, import_react21.useRef)(null);
-  (0, import_react21.useEffect)(() => {
+  const dialogRef = (0, import_react22.useRef)(null);
+  const overlayRef = (0, import_react22.useRef)(null);
+  const firstButtonRef = (0, import_react22.useRef)(null);
+  const lastButtonRef = (0, import_react22.useRef)(null);
+  (0, import_react22.useEffect)(() => {
     const handleEscape = (e2) => {
       if (e2.key === "Escape" && open) {
         e2.preventDefault();
@@ -6781,7 +7118,7 @@ var Dialog = ({
       document.removeEventListener("keydown", handleEscape);
     };
   }, [open, onCancel]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react22.useEffect)(() => {
     const handleTabKey = (e2) => {
       if (!open) return;
       if (e2.key === "Tab") {
@@ -6805,7 +7142,7 @@ var Dialog = ({
       document.removeEventListener("keydown", handleTabKey);
     };
   }, [open]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react22.useEffect)(() => {
     if (open) {
       const originalStyle = window.getComputedStyle(document.body).overflow;
       document.body.style.overflow = "hidden";
@@ -7103,7 +7440,7 @@ function TransactionHashLink({
 }
 
 // src/widget/components/SwipeToConfirmTokens.tsx
-var import_react22 = require("react");
+var import_react23 = require("react");
 var import_jsx_runtime9 = require("react/jsx-runtime");
 function SwipeToConfirmTokens({
   fromToken,
@@ -7118,33 +7455,33 @@ function SwipeToConfirmTokens({
   style,
   text
 }) {
-  const [dragX, setDragX] = (0, import_react22.useState)(0);
-  const [isDragging, setIsDragging] = (0, import_react22.useState)(false);
-  const [isComplete, setIsComplete] = (0, import_react22.useState)(false);
-  const trackRef = (0, import_react22.useRef)(null);
-  const thumbRef = (0, import_react22.useRef)(null);
-  const [isLongPressing, setIsLongPressing] = (0, import_react22.useState)(false);
-  const [longPressProgress, setLongPressProgress] = (0, import_react22.useState)(0);
-  const longPressTimerRef = (0, import_react22.useRef)(null);
-  const longPressStartRef = (0, import_react22.useRef)(null);
-  const longPressAnimationRef = (0, import_react22.useRef)(null);
+  const [dragX, setDragX] = (0, import_react23.useState)(0);
+  const [isDragging, setIsDragging] = (0, import_react23.useState)(false);
+  const [isComplete, setIsComplete] = (0, import_react23.useState)(false);
+  const trackRef = (0, import_react23.useRef)(null);
+  const thumbRef = (0, import_react23.useRef)(null);
+  const [isLongPressing, setIsLongPressing] = (0, import_react23.useState)(false);
+  const [longPressProgress, setLongPressProgress] = (0, import_react23.useState)(0);
+  const longPressTimerRef = (0, import_react23.useRef)(null);
+  const longPressStartRef = (0, import_react23.useRef)(null);
+  const longPressAnimationRef = (0, import_react23.useRef)(null);
   const LONG_PRESS_DURATION = 1500;
   const thumbSize = 48;
   const padding = 4;
   const threshold = 0.8;
-  const getMaxDrag = (0, import_react22.useCallback)(() => {
+  const getMaxDrag = (0, import_react23.useCallback)(() => {
     if (!trackRef.current) return 0;
     return trackRef.current.offsetWidth - thumbSize - padding * 2;
   }, []);
-  const getProgress = (0, import_react22.useCallback)(() => {
+  const getProgress = (0, import_react23.useCallback)(() => {
     const maxDrag = getMaxDrag();
     return maxDrag > 0 ? dragX / maxDrag : 0;
   }, [dragX, getMaxDrag]);
-  const handleDragStart = (0, import_react22.useCallback)(() => {
+  const handleDragStart = (0, import_react23.useCallback)(() => {
     if (disabled || isComplete) return;
     setIsDragging(true);
   }, [disabled, isComplete]);
-  const handleDragMove = (0, import_react22.useCallback)(
+  const handleDragMove = (0, import_react23.useCallback)(
     (clientX) => {
       if (!isDragging || !trackRef.current || isComplete) return;
       const rect = trackRef.current.getBoundingClientRect();
@@ -7155,7 +7492,7 @@ function SwipeToConfirmTokens({
     },
     [isDragging, isComplete, getMaxDrag]
   );
-  const handleDragEnd = (0, import_react22.useCallback)(() => {
+  const handleDragEnd = (0, import_react23.useCallback)(() => {
     if (!isDragging) return;
     setIsDragging(false);
     const progress2 = getProgress();
@@ -7168,14 +7505,14 @@ function SwipeToConfirmTokens({
       setDragX(0);
     }
   }, [isDragging, getProgress, getMaxDrag, onConfirm]);
-  const triggerConfirmation = (0, import_react22.useCallback)(() => {
+  const triggerConfirmation = (0, import_react23.useCallback)(() => {
     if (isComplete) return;
     setDragX(getMaxDrag());
     setIsComplete(true);
     if (navigator.vibrate) navigator.vibrate(50);
     setTimeout(() => onConfirm(), 150);
   }, [isComplete, getMaxDrag, onConfirm]);
-  const cancelLongPress = (0, import_react22.useCallback)(() => {
+  const cancelLongPress = (0, import_react23.useCallback)(() => {
     setIsLongPressing(false);
     setLongPressProgress(0);
     longPressStartRef.current = null;
@@ -7188,7 +7525,7 @@ function SwipeToConfirmTokens({
       longPressAnimationRef.current = null;
     }
   }, []);
-  const startLongPress = (0, import_react22.useCallback)(() => {
+  const startLongPress = (0, import_react23.useCallback)(() => {
     if (disabled || isComplete || isDragging) return;
     setIsLongPressing(true);
     longPressStartRef.current = Date.now();
@@ -7206,7 +7543,7 @@ function SwipeToConfirmTokens({
     };
     longPressAnimationRef.current = requestAnimationFrame(animateProgress);
   }, [disabled, isComplete, isDragging, triggerConfirmation, cancelLongPress]);
-  const handleKeyDown = (0, import_react22.useCallback)(
+  const handleKeyDown = (0, import_react23.useCallback)(
     (e2) => {
       if (disabled || isComplete) return;
       if (e2.key === "Enter" || e2.key === " ") {
@@ -7216,7 +7553,7 @@ function SwipeToConfirmTokens({
     },
     [disabled, isComplete, startLongPress]
   );
-  const handleKeyUp = (0, import_react22.useCallback)(
+  const handleKeyUp = (0, import_react23.useCallback)(
     (e2) => {
       if (e2.key === "Enter" || e2.key === " ") {
         e2.preventDefault();
@@ -7225,7 +7562,7 @@ function SwipeToConfirmTokens({
     },
     [cancelLongPress]
   );
-  (0, import_react22.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     return () => {
       if (longPressTimerRef.current) clearTimeout(longPressTimerRef.current);
       if (longPressAnimationRef.current)
@@ -7236,15 +7573,15 @@ function SwipeToConfirmTokens({
     e2.preventDefault();
     handleDragStart();
   };
-  const handleMouseMove = (0, import_react22.useCallback)(
+  const handleMouseMove = (0, import_react23.useCallback)(
     (e2) => handleDragMove(e2.clientX),
     [handleDragMove]
   );
-  const handleMouseUp = (0, import_react22.useCallback)(() => handleDragEnd(), [handleDragEnd]);
+  const handleMouseUp = (0, import_react23.useCallback)(() => handleDragEnd(), [handleDragEnd]);
   const handleTouchStart = () => handleDragStart();
   const handleTouchMove = (e2) => handleDragMove(e2.touches[0].clientX);
   const handleTouchEnd = () => handleDragEnd();
-  (0, import_react22.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (isDragging) {
       window.addEventListener("mousemove", handleMouseMove);
       window.addEventListener("mouseup", handleMouseUp);
@@ -7256,8 +7593,8 @@ function SwipeToConfirmTokens({
   }, [isDragging, handleMouseMove, handleMouseUp]);
   const progress = getProgress();
   const effectiveProgress = isLongPressing ? longPressProgress : progress;
-  const [blinkOpacity, setBlinkOpacity] = (0, import_react22.useState)(1);
-  (0, import_react22.useEffect)(() => {
+  const [blinkOpacity, setBlinkOpacity] = (0, import_react23.useState)(1);
+  (0, import_react23.useEffect)(() => {
     if (disabled || isComplete || isDragging || isLongPressing) {
       setBlinkOpacity(1);
       return;
@@ -7707,7 +8044,7 @@ function ThemeToggle({
 }
 
 // src/widget/components/Toast.tsx
-var import_react23 = require("react");
+var import_react24 = require("react");
 var import_jsx_runtime11 = require("react/jsx-runtime");
 var variantStyles = {
   default: {
@@ -7737,14 +8074,14 @@ function ToastItem({
   duration = 4e3,
   onDismiss
 }) {
-  const [isExiting, setIsExiting] = (0, import_react23.useState)(false);
-  (0, import_react23.useEffect)(() => {
+  const [isExiting, setIsExiting] = (0, import_react24.useState)(false);
+  (0, import_react24.useEffect)(() => {
     const timer = setTimeout(() => {
       setIsExiting(true);
     }, duration);
     return () => clearTimeout(timer);
   }, [duration]);
-  (0, import_react23.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     if (isExiting) {
       const exitTimer = setTimeout(() => {
         onDismiss(id);
@@ -7948,8 +8285,8 @@ function toast(data) {
 toast.error = (title, description) => toast({ title, description, variant: "destructive" });
 toast.success = (title, description) => toast({ title, description, variant: "success" });
 function ToastContainer() {
-  const [activeToasts, setActiveToasts] = (0, import_react23.useState)([]);
-  (0, import_react23.useEffect)(() => {
+  const [activeToasts, setActiveToasts] = (0, import_react24.useState)([]);
+  (0, import_react24.useEffect)(() => {
     const listener = (newToasts) => {
       setActiveToasts(newToasts);
     };
@@ -7961,7 +8298,7 @@ function ToastContainer() {
       }
     };
   }, []);
-  const handleDismiss = (0, import_react23.useCallback)((id) => {
+  const handleDismiss = (0, import_react24.useCallback)((id) => {
     toasts = toasts.filter((t) => t.id !== id);
     notifyListeners();
   }, []);
@@ -7998,7 +8335,7 @@ function ToastContainer() {
 }
 
 // src/widget/components/TokenSwipePill.tsx
-var import_react24 = __toESM(require("react"), 1);
+var import_react25 = __toESM(require("react"), 1);
 var import_jsx_runtime12 = require("react/jsx-runtime");
 var MAX_VISIBLE_DOTS = 5;
 function TokenSwipePill({
@@ -8010,10 +8347,10 @@ function TokenSwipePill({
   walletAddress,
   style
 }) {
-  const [isDragging, setIsDragging] = (0, import_react24.useState)(false);
-  const [dragOffset, setDragOffset] = (0, import_react24.useState)(0);
-  const startXRef = (0, import_react24.useRef)(0);
-  const containerRef = (0, import_react24.useRef)(null);
+  const [isDragging, setIsDragging] = (0, import_react25.useState)(false);
+  const [dragOffset, setDragOffset] = (0, import_react25.useState)(0);
+  const startXRef = (0, import_react25.useRef)(0);
+  const containerRef = (0, import_react25.useRef)(null);
   const currentIndex = tokens.findIndex(
     (t) => normalizeAddress2(
       t.address,
@@ -8034,11 +8371,11 @@ function TokenSwipePill({
     }
     return pos;
   };
-  const handleDragStart = (0, import_react24.useCallback)((clientX) => {
+  const handleDragStart = (0, import_react25.useCallback)((clientX) => {
     setIsDragging(true);
     startXRef.current = clientX;
   }, []);
-  const handleDragMove = (0, import_react24.useCallback)(
+  const handleDragMove = (0, import_react25.useCallback)(
     (clientX) => {
       if (!isDragging) return;
       const delta = startXRef.current - clientX;
@@ -8046,7 +8383,7 @@ function TokenSwipePill({
     },
     [isDragging]
   );
-  const handleDragEnd = (0, import_react24.useCallback)(() => {
+  const handleDragEnd = (0, import_react25.useCallback)(() => {
     if (!isDragging) return;
     setIsDragging(false);
     if (Math.abs(dragOffset) > swipeThreshold) {
@@ -8064,13 +8401,13 @@ function TokenSwipePill({
     e2.preventDefault();
     handleDragStart(e2.clientX);
   };
-  const handleMouseMove = (0, import_react24.useCallback)(
+  const handleMouseMove = (0, import_react25.useCallback)(
     (e2) => {
       handleDragMove(e2.clientX);
     },
     [handleDragMove]
   );
-  const handleMouseUp = (0, import_react24.useCallback)(() => {
+  const handleMouseUp = (0, import_react25.useCallback)(() => {
     handleDragEnd();
   }, [handleDragEnd]);
   const handleTouchStart = (e2) => {
@@ -8084,7 +8421,7 @@ function TokenSwipePill({
   const handleTouchEnd = () => {
     handleDragEnd();
   };
-  (0, import_react24.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     if (isDragging) {
       window.addEventListener("mousemove", handleMouseMove);
       window.addEventListener("mouseup", handleMouseUp);
@@ -8098,7 +8435,7 @@ function TokenSwipePill({
   const getChainInitials = (chain) => {
     return chain?.slice(0, 2).toUpperCase();
   };
-  const chainBadge = (0, import_react24.useMemo)(() => {
+  const chainBadge = (0, import_react25.useMemo)(() => {
     const url = selectedToken.chainData?.chainIconURI || selectedToken.chainData?.iconUrl;
     return url?.toString();
   }, [selectedToken]);
@@ -8384,7 +8721,7 @@ function TokenSwipePill({
                       const token = tokens[index];
                       const prevIndex = uniqueIndices[i - 1];
                       const showGap = i > 0 && index - prevIndex > 1;
-                      return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react24.default.Fragment, { children: [
+                      return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react25.default.Fragment, { children: [
                         showGap && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
                           "span",
                           {
@@ -8566,7 +8903,7 @@ function TokenSwipePill({
 }
 
 // src/widget/components/TransactionSteps.tsx
-var import_react25 = require("react");
+var import_react26 = require("react");
 var import_jsx_runtime13 = require("react/jsx-runtime");
 var DEFAULT_LABELS = {
   confirming: "Confirming in wallet",
@@ -8606,14 +8943,14 @@ function TransactionSteps({
   style,
   stepLabels
 }) {
-  const labels = (0, import_react25.useMemo)(
+  const labels = (0, import_react26.useMemo)(
     () => ({
       ...DEFAULT_LABELS,
       ...stepLabels
     }),
     [stepLabels]
   );
-  const steps = (0, import_react25.useMemo)(
+  const steps = (0, import_react26.useMemo)(
     () => getSteps(transactionStatus, labels),
     [transactionStatus, labels]
   );
@@ -8772,7 +9109,7 @@ function TransactionSteps({
 }
 
 // src/widget/components/WidgetContainer.tsx
-var import_react26 = require("react");
+var import_react27 = require("react");
 var import_jsx_runtime14 = require("react/jsx-runtime");
 var INJECTED_STYLES = ALL_THEME_STYLES + ALL_ANIMATION_STYLES;
 function WidgetContainer({
@@ -8781,8 +9118,8 @@ function WidgetContainer({
   className,
   style
 }) {
-  const [resolvedTheme, setResolvedTheme] = (0, import_react26.useState)("light");
-  (0, import_react26.useEffect)(() => {
+  const [resolvedTheme, setResolvedTheme] = (0, import_react27.useState)("light");
+  (0, import_react27.useEffect)(() => {
     if (theme === "system") {
       const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
       setResolvedTheme(mediaQuery.matches ? "dark" : "light");
@@ -9026,7 +9363,7 @@ function WidgetSecurityFooter({
 }
 
 // src/widget/components/ImageLoader.tsx
-var import_react27 = require("react");
+var import_react28 = require("react");
 var import_jsx_runtime17 = require("react/jsx-runtime");
 function Skeleton({
   background,
@@ -9056,12 +9393,12 @@ function ImageLoader({
   onLoad,
   onError
 }) {
-  const [status, setStatus] = (0, import_react27.useState)("idle");
-  const [attempt, setAttempt] = (0, import_react27.useState)(0);
-  const [srcIsEmpty, setSrcIsEmpty] = (0, import_react27.useState)(false);
-  const imgRef = (0, import_react27.useRef)(null);
-  const observerRef = (0, import_react27.useRef)(null);
-  (0, import_react27.useEffect)(() => {
+  const [status, setStatus] = (0, import_react28.useState)("idle");
+  const [attempt, setAttempt] = (0, import_react28.useState)(0);
+  const [srcIsEmpty, setSrcIsEmpty] = (0, import_react28.useState)(false);
+  const imgRef = (0, import_react28.useRef)(null);
+  const observerRef = (0, import_react28.useRef)(null);
+  (0, import_react28.useEffect)(() => {
     if (status === "error" && attempt < retry) {
       const timer = setTimeout(() => {
         setAttempt((prev) => prev + 1);
@@ -9087,7 +9424,7 @@ function ImageLoader({
       onError?.();
     };
   };
-  (0, import_react27.useEffect)(() => {
+  (0, import_react28.useEffect)(() => {
     if (!lazy2) {
       setTimeout(() => {
         loadImage();
@@ -9110,7 +9447,7 @@ function ImageLoader({
     }
     return () => observerRef.current?.disconnect();
   }, [lazy2, src, loadImage]);
-  const showFallback = (0, import_react27.useMemo)(() => {
+  const showFallback = (0, import_react28.useMemo)(() => {
     return (status === "error" && attempt >= retry || srcIsEmpty) && Fallback;
   }, [status, attempt, retry, srcIsEmpty, Fallback]);
   return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { ref: imgRef, style: { position: "relative" }, children: [
@@ -9346,7 +9683,7 @@ function InitErrorOverlay({
 }
 
 // src/widget/app/WidgetRouter.tsx
-var import_react39 = require("react");
+var import_react40 = require("react");
 
 // src/widget/helpers/tokenAmount.ts
 function rawToDecimal(rawAmount, decimals) {
@@ -10598,7 +10935,7 @@ function TokenSelectorPanel({
 }
 
 // src/widget/features/token-selection/hooks/useOrderedWalletTokens.ts
-var import_react28 = require("react");
+var import_react29 = require("react");
 function useOrderedWalletTokens({
   amount,
   amountInputMode,
@@ -10607,7 +10944,7 @@ function useOrderedWalletTokens({
   setSelectedToken,
   yourWalletTokens
 }) {
-  const handleTokenChange = (0, import_react28.useCallback)(
+  const handleTokenChange = (0, import_react29.useCallback)(
     async (token) => {
       if (token) {
         setSelectedToken(token);
@@ -10616,7 +10953,7 @@ function useOrderedWalletTokens({
     },
     [setSelectedChain, setSelectedToken]
   );
-  const orderedTokens = (0, import_react28.useMemo)(() => {
+  const orderedTokens = (0, import_react29.useMemo)(() => {
     const selectedTokenChainType = selectedToken?.chainData?.type ?? selectedToken?.chainData?.chainType;
     const index = yourWalletTokens.findIndex(
       (token) => normalizeAddress2(
@@ -10685,7 +11022,7 @@ function filterTokenAmountCompatibleTokens(tokens, parsedAmount) {
 }
 
 // src/widget/features/token-selection/hooks/useSelectTokenModel.ts
-var import_react29 = require("react");
+var import_react30 = require("react");
 function useSelectTokenModel({
   goBack,
   searchQuery,
@@ -10709,7 +11046,7 @@ function useSelectTokenModel({
       explorerUrl: chain.blockExplorerUrls?.[0]
     });
   };
-  const handleTokenSelect = (0, import_react29.useCallback)(
+  const handleTokenSelect = (0, import_react30.useCallback)(
     async (token) => {
       if (token.balance !== void 0) {
         setSelectedToken(token);
@@ -10733,7 +11070,7 @@ function useSelectTokenModel({
     },
     [goBack, selectedChain, setSelectedToken, walletAddress]
   );
-  const handleYourTokenSelect = (0, import_react29.useCallback)(
+  const handleYourTokenSelect = (0, import_react30.useCallback)(
     (token) => {
       setSelectedToken(token);
       setSelectedChain(token.chainData);
@@ -10755,7 +11092,7 @@ function useSelectTokenModel({
     const address = token.address?.toLowerCase() ?? "";
     return symbol.includes(normalizedSearchQuery) || name.includes(normalizedSearchQuery) || address.includes(normalizedSearchQuery);
   };
-  const filteredWalletTokens = (0, import_react29.useMemo)(() => {
+  const filteredWalletTokens = (0, import_react30.useMemo)(() => {
     if (!selectedChain?.chainId) {
       return [];
     }
@@ -11227,7 +11564,7 @@ function CryptoPayAmountSection({
 }
 
 // src/widget/features/amount/hooks/useDepositAmountModel.ts
-var import_react30 = require("react");
+var import_react31 = require("react");
 var BALANCE_TOLERANCE = 1e-9;
 function useDepositAmountModel({
   amount,
@@ -11242,14 +11579,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 = (0, import_react30.useMemo)(() => {
+  const normalizedTokenBalance = (0, import_react31.useMemo)(() => {
     if (!selectedToken?.balance) return 0;
     const normalized = Number(
       rawToDecimal(selectedToken.balance, selectedToken.decimals ?? 18)
     );
     return Number.isFinite(normalized) ? normalized : 0;
   }, [selectedToken?.balance, selectedToken?.decimals]);
-  (0, import_react30.useEffect)(() => {
+  (0, import_react31.useEffect)(() => {
     if (fixedFromAmountString) return;
     if (isReady && !hasUsdPrice && amountInputMode === "usd") {
       setAmountInputMode("token");
@@ -11261,7 +11598,7 @@ function useDepositAmountModel({
     isReady,
     setAmountInputMode
   ]);
-  (0, import_react30.useEffect)(() => {
+  (0, import_react31.useEffect)(() => {
     if (!fixedFromAmountString) return;
     if (amount !== fixedFromAmountString) {
       setAmount(fixedFromAmountString);
@@ -11276,7 +11613,7 @@ function useDepositAmountModel({
     setAmount,
     setAmountInputMode
   ]);
-  const amountComputation = (0, import_react30.useMemo)(() => {
+  const amountComputation = (0, import_react31.useMemo)(() => {
     const rawAmount = (fixedFromAmountString ?? amount)?.trim();
     if (!rawAmount) {
       return {
@@ -11343,11 +11680,11 @@ function useDepositAmountModel({
     selectedToken?.decimals,
     tokenPriceUSD
   ]);
-  const requestedTokenAmount = (0, import_react30.useMemo)(() => {
+  const requestedTokenAmount = (0, import_react31.useMemo)(() => {
     const tokenAmount = Number(amountComputation.tokenAmount);
     return Number.isFinite(tokenAmount) ? tokenAmount : 0;
   }, [amountComputation.tokenAmount]);
-  const amountValidationError = (0, import_react30.useMemo)(() => {
+  const amountValidationError = (0, import_react31.useMemo)(() => {
     if (amountComputation.parseError) {
       return amountComputation.parseError;
     }
@@ -11380,15 +11717,15 @@ function useDepositAmountModel({
   ]);
   const amountWei = amountValidationError ? 0n : amountComputation.fromAmountWei ?? 0n;
   const parsedAmount = parseFloat(fixedFromAmountString ?? amount) || 0;
-  const maxTokenAmount = (0, import_react30.useMemo)(
+  const maxTokenAmount = (0, import_react31.useMemo)(
     () => Math.min(normalizedTokenBalance, 1e4),
     [normalizedTokenBalance]
   );
-  const maxUsdAmount = (0, import_react30.useMemo)(() => {
+  const maxUsdAmount = (0, import_react31.useMemo)(() => {
     if (!hasUsdPrice) return void 0;
     return Math.min(maxTokenAmount * tokenPriceUSD, 1e4);
   }, [hasUsdPrice, maxTokenAmount, tokenPriceUSD]);
-  const minAmountForMode = (0, import_react30.useMemo)(() => {
+  const minAmountForMode = (0, import_react31.useMemo)(() => {
     if (minAmountUsd == null) return 0;
     if (amountInputMode === "usd") {
       return minAmountUsd;
@@ -11397,11 +11734,11 @@ function useDepositAmountModel({
     return minAmountUsd / tokenPriceUSD;
   }, [amountInputMode, hasUsdPrice, minAmountUsd, tokenPriceUSD]);
   const sliderMax = amountInputMode === "usd" ? maxUsdAmount : maxTokenAmount;
-  const effectiveSliderMax = (0, import_react30.useMemo)(() => {
+  const effectiveSliderMax = (0, import_react31.useMemo)(() => {
     if (sliderMax == null || !Number.isFinite(sliderMax)) return void 0;
     return Math.max(sliderMax, 0);
   }, [sliderMax]);
-  const effectiveSliderMin = (0, import_react30.useMemo)(() => {
+  const effectiveSliderMin = (0, import_react31.useMemo)(() => {
     if (effectiveSliderMax == null || !Number.isFinite(effectiveSliderMax) || effectiveSliderMax <= 0) {
       return 0;
     }
@@ -11428,7 +11765,7 @@ function useDepositAmountModel({
 }
 
 // src/widget/features/amount/hooks/useHomeAmountModel.ts
-var import_react31 = require("react");
+var import_react32 = require("react");
 function useHomeAmountModel({
   amount,
   setAmount,
@@ -11439,7 +11776,7 @@ function useHomeAmountModel({
   minAmountUsd,
   maxAmountUsd
 }) {
-  (0, import_react31.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     if (!fixedFromAmountString) return;
     if (amount !== fixedFromAmountString) {
       setAmount(fixedFromAmountString);
@@ -11455,7 +11792,7 @@ function useHomeAmountModel({
     setAmountInputMode
   ]);
   const parsedAmount = parseFloat(fixedFromAmountString ?? amount) || 0;
-  const amountValidationMessage = (0, import_react31.useMemo)(() => {
+  const amountValidationMessage = (0, import_react32.useMemo)(() => {
     const rawAmount = (fixedFromAmountString ?? amount)?.trim();
     if (!rawAmount) return null;
     if (!/^\d*\.?\d*$/.test(rawAmount)) {
@@ -11667,7 +12004,7 @@ function WalletConnectRow({
     PaymentOptionRow,
     {
       onClick: () => void onClick(),
-      label: "WalletConnect",
+      label: "WalletConnect(EVM)",
       icon: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { style: walletActionIconBoxStyle, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
         "svg",
         {
@@ -12180,152 +12517,20 @@ function HomePaymentOptions({
 }
 
 // src/widget/features/wallet/hooks/useHomeWalletActions.ts
-var import_react32 = require("react");
-
-// src/config/walletconnect.ts
-var import_appkit_universal_connector = require("@reown/appkit-universal-connector");
-init_store();
-init_constants();
-var solanaMainnet = {
-  id: 1,
-  chainNamespace: "solana",
-  caipNetworkId: "solana:5eykt4UsFv8P8NJdTREpY1vzqAQ3H1FQ",
-  name: "Solana Mainnet",
-  nativeCurrency: {
-    name: "Solana",
-    symbol: "SOL",
-    decimals: 9
-  },
-  rpcUrls: {
-    default: {
-      http: ["https://api.mainnet-beta.solana.com"]
-    }
-  }
-};
-var bitcoinMainnet = {
-  id: 0,
-  chainNamespace: "bip122",
-  caipNetworkId: "bip122:000000000019d6689c085ae165831e93",
-  name: "Bitcoin Mainnet",
-  nativeCurrency: {
-    name: "Bitcoin",
-    symbol: "BTC",
-    decimals: 8
-  },
-  rpcUrls: {
-    default: {
-      http: ["https://api.blockcypher.com/v1/btc/main"]
-    }
-  }
-};
-var ethereumMainnet = {
-  id: 1,
-  chainNamespace: "eip155",
-  caipNetworkId: "eip155:1",
-  name: "Ethereum Mainnet",
-  nativeCurrency: {
-    name: "Ether",
-    symbol: "ETH",
-    decimals: 18
-  },
-  rpcUrls: {
-    default: {
-      http: ["https://rpc.ankr.com/eth"]
-    }
-  }
-};
-var seiMainnet = {
-  id: 1329,
-  chainNamespace: "eip155",
-  caipNetworkId: "eip155:1329",
-  name: "Sei Mainnet",
-  nativeCurrency: {
-    name: "Sei",
-    symbol: "SEI",
-    decimals: 18
-  },
-  rpcUrls: {
-    default: {
-      http: ["https://evm-rpc.sei-apis.com"]
-    }
-  }
-};
-var universalConnectorPromise = null;
-function resolvedMetadata() {
-  const cfg = TrustwareConfigStore.peek();
-  const walletConnect = cfg ? cfg?.walletConnect : void 0;
-  const configured = walletConnect?.metadata;
-  const pageUrl = typeof window !== "undefined" && window.location?.origin ? window.location.origin : configured?.url;
-  return {
-    name: configured?.name ?? "Trustware",
-    description: configured?.description ?? "Cross-chain bridge & top-up",
-    url: pageUrl ?? "https://trustware.io",
-    icons: configured?.icons?.length ? configured.icons : ["https://app.trustware.io/icon.png"]
-  };
-}
-async function getUniversalConnector(walletCfg) {
-  const projectId = walletCfg?.projectId ?? WALLETCONNECT_PROJECT_ID;
-  if (!projectId) {
-    console.warn(
-      "[Trustware SDK] WalletConnect disabled: no projectId. Set TRUSTWARE_WALLETCONNECT_PROJECT_ID at build time or pass walletConnect.projectId in config."
-    );
-    return void 0;
-  }
-  if (!universalConnectorPromise) {
-    universalConnectorPromise = import_appkit_universal_connector.UniversalConnector.init({
-      projectId,
-      metadata: resolvedMetadata(),
-      networks: [
-        {
-          namespace: "solana",
-          chains: [solanaMainnet],
-          methods: ["solana_signMessage", "solana_signTransaction"],
-          events: []
-        },
-        {
-          namespace: "eip155",
-          chains: [ethereumMainnet, seiMainnet],
-          methods: ["eth_sendTransaction", "eth_sign", "personal_sign"],
-          events: ["accountsChanged", "chainChanged"]
-        },
-        {
-          namespace: "bip122",
-          chains: [bitcoinMainnet],
-          methods: ["btc_signMessage"],
-          events: []
-        }
-      ]
-    }).catch((error) => {
-      universalConnectorPromise = null;
-      throw error;
-    });
-  }
-  return universalConnectorPromise;
-}
-
-// src/widget/features/wallet/hooks/useHomeWalletActions.ts
-init_config2();
+var import_react33 = require("react");
 function useHomeWalletActions({
   connectWallet,
   detectedWallets,
-  setCurrentStep
+  setCurrentStep,
+  setWalletType,
+  WalletConnect
   // setCurrentStepInternal,
 }) {
-  const [isCryptoDropdownOpen, setIsCryptoDropdownOpen] = (0, import_react32.useState)(false);
-  const [isFiatDropdownOpen, setIsFiatDropdownOpen] = (0, import_react32.useState)(false);
-  const [universalConnector, setUniversalConnector] = (0, import_react32.useState)();
-  const cryptoDropdownRef = (0, import_react32.useRef)(null);
-  const fiatDropdownRef = (0, import_react32.useRef)(null);
-  (0, import_react32.useEffect)(() => {
-    if (typeof window === "undefined") {
-      return;
-    }
-    const walletConnect = TrustwareConfigStore.peek()?.walletConnect;
-    getUniversalConnector(walletConnect).then(
-      setUniversalConnector
-    );
-  }, [TrustwareConfigStore.peek()?.walletConnect]);
-  (0, import_react32.useEffect)(() => {
+  const [isCryptoDropdownOpen, setIsCryptoDropdownOpen] = (0, import_react33.useState)(false);
+  const [isFiatDropdownOpen, setIsFiatDropdownOpen] = (0, import_react33.useState)(false);
+  const cryptoDropdownRef = (0, import_react33.useRef)(null);
+  const fiatDropdownRef = (0, import_react33.useRef)(null);
+  (0, import_react33.useEffect)(() => {
     const handleClickOutside = (event) => {
       if (cryptoDropdownRef.current && !cryptoDropdownRef.current.contains(event.target)) {
         setIsCryptoDropdownOpen(false);
@@ -12341,6 +12546,7 @@ function useHomeWalletActions({
   const handleWalletSelect = async (wallet) => {
     setIsCryptoDropdownOpen(false);
     try {
+      setWalletType("other");
       const { error } = await connectWallet(wallet);
       if (error) {
         resetNavigation();
@@ -12355,13 +12561,7 @@ function useHomeWalletActions({
     setIsFiatDropdownOpen(false);
   };
   const handleWalletConnect = async () => {
-    if (!universalConnector) {
-      return;
-    }
-    const { session: providerSession } = await universalConnector.connect();
-    if (providerSession) {
-      setCurrentStep("select-token");
-    }
+    WalletConnect().catch(() => resetNavigation());
   };
   const browserWallets = detectedWallets.filter(
     (wallet) => wallet.meta.id !== "walletconnect"
@@ -12385,7 +12585,7 @@ var import_jsx_runtime42 = require("react/jsx-runtime");
 function Home({ style: _style }) {
   const { amount, setAmount, amountInputMode, setAmountInputMode } = useDepositForm();
   const { setCurrentStep, setCurrentStepInternal } = useDepositNavigation();
-  const { connectWallet } = useDepositWallet();
+  const { connectWallet, WalletConnect, setWalletType } = useDepositWallet();
   const { resolvedTheme } = useDepositUi();
   const { fixedFromAmountString, isFixedAmount, minAmountUsd, maxAmountUsd } = useAmountConstraints();
   const { detected: detectedWallets } = useWalletDetection();
@@ -12414,7 +12614,9 @@ function Home({ style: _style }) {
     connectWallet,
     detectedWallets,
     setCurrentStep,
-    setCurrentStepInternal
+    setCurrentStepInternal,
+    WalletConnect,
+    setWalletType
   });
   return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
     "div",
@@ -12695,10 +12897,10 @@ function SelectToken({ style }) {
 }
 
 // src/widget/pages/CryptoPay/index.tsx
-var import_react35 = require("react");
+var import_react36 = require("react");
 
 // src/widget/features/route-preview/hooks/useRoutePreviewModel.ts
-var import_react33 = require("react");
+var import_react34 = require("react");
 function useRoutePreviewModel({
   amountUsd,
   amountValidationError,
@@ -12711,7 +12913,8 @@ function useRoutePreviewModel({
   walletAddress
 }) {
   const { chains } = useChains();
-  const destinationConfig = (0, import_react33.useMemo)(
+  console.log({ walletAddress });
+  const destinationConfig = (0, import_react34.useMemo)(
     () => ({
       dappName: config.messages?.title || "DApp",
       toChain: config.routes.toChain,
@@ -12725,7 +12928,7 @@ function useRoutePreviewModel({
       config.routes.toToken
     ]
   );
-  const routeConfig = (0, import_react33.useMemo)(() => {
+  const routeConfig = (0, import_react34.useMemo)(() => {
     const toChainId = config.routes.toChain;
     const toChainKey = normalizeChainKey2(toChainId);
     const toChain = toChainKey ? chains.find(
@@ -12759,7 +12962,7 @@ function useRoutePreviewModel({
     walletAddress
   ]);
   const routeBuilderState = useRouteBuilder(routeConfig);
-  const routePrerequisiteError = (0, import_react33.useMemo)(() => {
+  const routePrerequisiteError = (0, import_react34.useMemo)(() => {
     if (!isReady) return;
     if (!selectedChain) {
       return "Select a source chain to fetch a route.";
@@ -13198,7 +13401,7 @@ function SuccessSummaryCard({
 }
 
 // src/widget/features/transaction/hooks/useTransactionActionModel.ts
-var import_react34 = require("react");
+var import_react35 = require("react");
 var import_viem2 = require("viem");
 init_constants();
 function normalizeTokenAddressForCompare(chain, addr) {
@@ -13221,7 +13424,7 @@ function useTransactionActionModel({
   walletAddress,
   walletStatus
 }) {
-  const feeDataCacheRef = (0, import_react34.useRef)({});
+  const feeDataCacheRef = (0, import_react35.useRef)({});
   const { isSubmitting, submitTransaction } = useTransactionSubmit();
   const { trackEvent } = useGTM(GTM_ID);
   const destinationConfig = (() => {
@@ -13234,7 +13437,7 @@ function useTransactionActionModel({
   const chainType = selectedChain?.type ?? selectedChain?.chainType;
   const chainTypeNormalized = (chainType ?? "").toLowerCase();
   const isEvm = chainTypeNormalized === "evm";
-  const backendChainId2 = (0, import_react34.useMemo)(() => {
+  const backendChainId2 = (0, import_react35.useMemo)(() => {
     const chainRef = routeResult?.txReq?.chainId ?? selectedChain?.networkIdentifier ?? selectedChain?.chainId ?? selectedChain?.id;
     if (chainRef == null) return null;
     return String(chainRef);
@@ -13244,23 +13447,23 @@ function useTransactionActionModel({
     selectedChain?.id,
     selectedChain?.networkIdentifier
   ]);
-  const isNativeSelected = (0, import_react34.useMemo)(() => {
+  const isNativeSelected = (0, import_react35.useMemo)(() => {
     const address = selectedToken?.address;
     return isNativeTokenAddress(address, chainType) || isZeroAddrLike(address, chainType) || normalizeTokenAddressForCompare(selectedChain, address) === normalizeTokenAddressForCompare(
       selectedChain,
       getNativeTokenAddress2(chainType)
     );
   }, [chainType, selectedChain, selectedToken?.address]);
-  const spender = (0, import_react34.useMemo)(() => {
+  const spender = (0, import_react35.useMemo)(() => {
     const txReq = routeResult?.txReq;
     const addr = txReq?.to ?? txReq?.target;
     return addr ?? null;
   }, [routeResult?.txReq]);
-  const [allowanceWei, setAllowanceWei] = (0, import_react34.useState)(0n);
-  const [isReadingAllowance, setIsReadingAllowance] = (0, import_react34.useState)(false);
-  const [isApproving, setIsApproving] = (0, import_react34.useState)(false);
-  const [gasReservationWei, setGasReservationWei] = (0, import_react34.useState)(0n);
-  const readAllowance = (0, import_react34.useCallback)(async () => {
+  const [allowanceWei, setAllowanceWei] = (0, import_react35.useState)(0n);
+  const [isReadingAllowance, setIsReadingAllowance] = (0, import_react35.useState)(false);
+  const [isApproving, setIsApproving] = (0, import_react35.useState)(false);
+  const [gasReservationWei, setGasReservationWei] = (0, import_react35.useState)(0n);
+  const readAllowance = (0, import_react35.useCallback)(async () => {
     if (!isEvm || isNativeSelected || !backendChainId2 || !walletAddress || !spender || !selectedToken?.address) {
       setAllowanceWei(0n);
       return;
@@ -13287,11 +13490,11 @@ function useTransactionActionModel({
     spender,
     walletAddress
   ]);
-  (0, import_react34.useEffect)(() => {
+  (0, import_react35.useEffect)(() => {
     void readAllowance();
   }, [readAllowance]);
   const needsApproval = isEvm && !isNativeSelected && !!walletAddress && !!spender && amountWei > 0n && allowanceWei < amountWei;
-  const waitForApprovalConfirmation = (0, import_react34.useCallback)(
+  const waitForApprovalConfirmation = (0, import_react35.useCallback)(
     async (chainId, txHash) => {
       const timeoutMs = 12e4;
       const intervalMs = 2e3;
@@ -13310,7 +13513,7 @@ function useTransactionActionModel({
     },
     []
   );
-  const handleApproveExact = (0, import_react34.useCallback)(async () => {
+  const handleApproveExact = (0, import_react35.useCallback)(async () => {
     if (isApproving || amountWei <= 0n || !walletAddress || !spender || !selectedToken?.address) {
       return;
     }
@@ -13398,7 +13601,7 @@ function useTransactionActionModel({
     waitForApprovalConfirmation,
     walletAddress
   ]);
-  const getCachedFeeData = (0, import_react34.useCallback)(async () => {
+  const getCachedFeeData = (0, import_react35.useCallback)(async () => {
     if (!backendChainId2) return {};
     const now = Date.now();
     const cache = feeDataCacheRef.current;
@@ -13421,7 +13624,7 @@ function useTransactionActionModel({
     }
     return cache.inflight;
   }, [backendChainId2]);
-  const estimateGasReservationWei = (0, import_react34.useCallback)(async () => {
+  const estimateGasReservationWei = (0, import_react35.useCallback)(async () => {
     if (!isNativeSelected) {
       setGasReservationWei(0n);
       return 0n;
@@ -13485,12 +13688,12 @@ function useTransactionActionModel({
     routeResult?.txReq,
     walletAddress
   ]);
-  (0, import_react34.useEffect)(() => {
+  (0, import_react35.useEffect)(() => {
     if (routeResult) {
       void estimateGasReservationWei();
     }
   }, [estimateGasReservationWei, routeResult]);
-  const handleConfirm = (0, import_react34.useCallback)(async () => {
+  const handleConfirm = (0, import_react35.useCallback)(async () => {
     if (!routeResult) {
       return;
     }
@@ -13513,7 +13716,7 @@ function useTransactionActionModel({
     submitTransaction,
     trackEvent
   ]);
-  const handleSwipeConfirm = (0, import_react34.useCallback)(async () => {
+  const handleSwipeConfirm = (0, import_react35.useCallback)(async () => {
     if (needsApproval) {
       await handleApproveExact();
       return;
@@ -13522,7 +13725,7 @@ function useTransactionActionModel({
   }, [handleApproveExact, handleConfirm, needsApproval]);
   const isWalletConnected = walletStatus === "connected";
   const canSwipe = parsedAmount > 0 && !!selectedToken && isWalletConnected && !isLoadingRoute && !isSubmitting && !!routeResult && !actionErrorMessage && !isApproving && !isReadingAllowance;
-  const swipeResetKey = (0, import_react34.useMemo)(() => {
+  const swipeResetKey = (0, import_react35.useMemo)(() => {
     const tokenAddress = selectedToken ? normalizeAddress2(
       selectedToken.address,
       selectedToken?.chainData?.type ?? selectedToken?.chainData?.chainType
@@ -13736,6 +13939,7 @@ function CryptoPay({ style: _style }) {
   } = useDepositForm();
   const {
     walletAddress,
+    walletType,
     walletStatus,
     yourWalletTokens,
     yourWalletTokensLoading
@@ -13743,17 +13947,17 @@ function CryptoPay({ style: _style }) {
   const { goBack, setCurrentStep, currentStep } = useDepositNavigation();
   const config = useTrustwareConfig();
   const { fixedFromAmountString, isFixedAmount, minAmountUsd, maxAmountUsd } = useAmountConstraints();
-  const routeRefreshMs = (0, import_react35.useMemo)(() => {
+  const routeRefreshMs = (0, import_react36.useMemo)(() => {
     const raw = config.routes?.options?.routeRefreshMs;
     const n = Number(raw);
     return Number.isFinite(n) && n > 0 ? n : void 0;
   }, [config.routes?.options?.routeRefreshMs]);
   const IsPos = (x) => x !== null && x !== void 0 && x.balance !== "0";
-  const showDefaultCryptoPay = (0, import_react35.useMemo)(() => {
+  const showDefaultCryptoPay = (0, import_react36.useMemo)(() => {
     const nonZer0Tks = (yourWalletTokens ?? []).filter(IsPos);
     return !yourWalletTokensLoading && nonZer0Tks.length === 0 && yourWalletTokens.length > 0;
   }, [yourWalletTokens, yourWalletTokensLoading]);
-  const showSkeleton = (0, import_react35.useMemo)(() => {
+  const showSkeleton = (0, import_react36.useMemo)(() => {
     return yourWalletTokensLoading || (yourWalletTokens ?? []).length === 0;
   }, [yourWalletTokens, yourWalletTokensLoading]);
   const isReady = !yourWalletTokensLoading && selectedToken != null && selectedToken?.chainData !== void 0 && !showDefaultCryptoPay && !showSkeleton;
@@ -13815,6 +14019,7 @@ function CryptoPay({ style: _style }) {
     selectedChain,
     selectedToken,
     walletAddress,
+    walletType,
     walletStatus
   });
   const { handleTokenChange, orderedTokens } = useOrderedWalletTokens({
@@ -13827,7 +14032,7 @@ function CryptoPay({ style: _style }) {
   });
   const { emitError } = useTrustware();
   const readySelectedToken = isReady ? selectedToken : null;
-  (0, import_react35.useEffect)(() => {
+  (0, import_react36.useEffect)(() => {
     if (currentStep !== "crypto-pay" || !actionErrorMessage) return;
     emitError?.(
       new TrustwareError({
@@ -13922,7 +14127,7 @@ function CryptoPay({ style: _style }) {
                 isApproving,
                 isLoadingRoute,
                 isReadingAllowance,
-                isWalletConnected,
+                isWalletConnected: isWalletConnected ? isWalletConnected : walletAddress !== null && walletType == "walletconnect" ? true : false,
                 needsApproval,
                 selectedToken: readySelectedToken,
                 swipeResetKey
@@ -13938,7 +14143,7 @@ function CryptoPay({ style: _style }) {
 }
 
 // src/widget/pages/Processing.tsx
-var import_react36 = require("react");
+var import_react37 = require("react");
 var import_jsx_runtime49 = require("react/jsx-runtime");
 function getProgressFromStatus(status) {
   switch (status) {
@@ -13977,27 +14182,27 @@ function Processing({ style }) {
   const { resetState, setCurrentStep } = useDepositNavigation();
   const { transactionStatus, transactionHash, intentId } = useDepositTransaction();
   const { transaction, startPolling, isPolling } = useTransactionPolling();
-  const hasStartedPolling = (0, import_react36.useRef)(false);
-  (0, import_react36.useEffect)(() => {
+  const hasStartedPolling = (0, import_react37.useRef)(false);
+  (0, import_react37.useEffect)(() => {
     return () => {
       hasStartedPolling.current = false;
     };
   }, []);
-  (0, import_react36.useEffect)(() => {
+  (0, import_react37.useEffect)(() => {
     if (intentId && transactionHash && !isPolling && !hasStartedPolling.current && transactionStatus !== "success" && transactionStatus !== "error") {
       hasStartedPolling.current = true;
       startPolling(intentId, transactionHash);
     }
   }, [intentId, transactionHash, isPolling, transactionStatus, startPolling]);
-  const progress = (0, import_react36.useMemo)(
+  const progress = (0, import_react37.useMemo)(
     () => getProgressFromStatus(transactionStatus),
     [transactionStatus]
   );
-  const stepText = (0, import_react36.useMemo)(
+  const stepText = (0, import_react37.useMemo)(
     () => getStepText(transactionStatus),
     [transactionStatus]
   );
-  const explorerUrl = (0, import_react36.useMemo)(() => {
+  const explorerUrl = (0, import_react37.useMemo)(() => {
     if (transaction?.fromChainTxUrl) {
       return transaction.fromChainTxUrl;
     }
@@ -14134,16 +14339,16 @@ function Processing({ style }) {
 }
 
 // src/widget/pages/Success.tsx
-var import_react37 = require("react");
+var import_react38 = require("react");
 var import_jsx_runtime50 = require("react/jsx-runtime");
-var ConfettiEffect2 = (0, import_react37.lazy)(() => Promise.resolve().then(() => (init_ConfettiEffect(), ConfettiEffect_exports)));
+var ConfettiEffect2 = (0, import_react38.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 = (0, import_react37.useMemo)(() => parseFloat(amount) || 0, [amount]);
-  const explorerUrl = (0, import_react37.useMemo)(() => {
+  const parsedAmount = (0, import_react38.useMemo)(() => parseFloat(amount) || 0, [amount]);
+  const explorerUrl = (0, import_react38.useMemo)(() => {
     if (transaction?.toChainTxUrl) {
       return transaction.toChainTxUrl;
     }
@@ -14171,7 +14376,7 @@ function Success({ style }) {
         ...style
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react37.Suspense, { fallback: null, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(ConfettiEffect2, { isActive: true, pieceCount: 60, clearDelay: 4e3 }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react38.Suspense, { fallback: null, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(ConfettiEffect2, { isActive: true, pieceCount: 60, clearDelay: 4e3 }) }),
         /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(WidgetPageHeader, { title: "Deposit Complete" }),
         /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
           "div",
@@ -14206,7 +14411,7 @@ function Success({ style }) {
 }
 
 // src/widget/pages/Error.tsx
-var import_react38 = require("react");
+var import_react39 = require("react");
 init_store();
 var import_jsx_runtime51 = require("react/jsx-runtime");
 function categorizeError(errorMessage) {
@@ -14295,20 +14500,20 @@ function Error2({ style }) {
     setErrorMessage,
     transactionHash
   } = useDepositTransaction();
-  const errorCategory = (0, import_react38.useMemo)(
+  const errorCategory = (0, import_react39.useMemo)(
     () => categorizeError(errorMessage),
     [errorMessage]
   );
-  const errorTitle = (0, import_react38.useMemo)(
+  const errorTitle = (0, import_react39.useMemo)(
     () => getErrorTitle(errorCategory),
     [errorCategory]
   );
-  const errorSuggestion = (0, import_react38.useMemo)(
+  const errorSuggestion = (0, import_react39.useMemo)(
     () => getErrorSuggestion(errorCategory),
     [errorCategory]
   );
-  const retryStep = (0, import_react38.useMemo)(() => getRetryStep(errorCategory), [errorCategory]);
-  (0, import_react38.useEffect)(() => {
+  const retryStep = (0, import_react39.useMemo)(() => getRetryStep(errorCategory), [errorCategory]);
+  (0, import_react39.useEffect)(() => {
     if (errorMessage) {
       try {
         const config = TrustwareConfigStore.get();
@@ -14330,7 +14535,7 @@ function Error2({ style }) {
   const handleStartOver = () => {
     resetState();
   };
-  const explorerUrl = (0, import_react38.useMemo)(() => {
+  const explorerUrl = (0, import_react39.useMemo)(() => {
     if (transactionHash && selectedChain?.blockExplorerUrls?.length) {
       return `${selectedChain.blockExplorerUrls[0].replace(/\/+$/, "")}/tx/${transactionHash}`;
     }
@@ -14468,11 +14673,11 @@ function WidgetRouter({
   navigationDirection,
   stepHistory
 }) {
-  const PageComponent = (0, import_react39.useMemo)(
+  const PageComponent = (0, import_react40.useMemo)(
     () => PAGE_COMPONENTS[currentStep],
     [currentStep]
   );
-  const animationClass = (0, import_react39.useMemo)(() => {
+  const animationClass = (0, import_react40.useMemo)(() => {
     return navigationDirection === "forward" ? "tw-animate-slide-in-right" : "tw-animate-slide-in-left";
   }, [navigationDirection]);
   return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
@@ -14509,7 +14714,7 @@ function WidgetContent({
   const { amount, selectedChain, selectedToken } = useDepositForm();
   const { transactionHash, transactionStatus } = useDepositTransaction();
   const { resolvedTheme, toggleTheme } = useDepositUi();
-  (0, import_react40.useEffect)(() => {
+  (0, import_react41.useEffect)(() => {
     const state = {
       currentStep,
       amount,
@@ -14552,8 +14757,8 @@ function WidgetInner({
   const { transactionStatus } = useDepositTransaction();
   const { resolvedTheme } = useDepositUi();
   const { status, revalidate } = useTrustware();
-  const [showConfirmDialog, setShowConfirmDialog] = (0, import_react40.useState)(false);
-  const handleCloseRequest = (0, import_react40.useCallback)(() => {
+  const [showConfirmDialog, setShowConfirmDialog] = (0, import_react41.useState)(false);
+  const handleCloseRequest = (0, import_react41.useCallback)(() => {
     if (ACTIVE_TRANSACTION_STATUSES.includes(transactionStatus)) {
       setShowConfirmDialog(true);
     } else {
@@ -14564,20 +14769,20 @@ function WidgetInner({
       onClose?.();
     }
   }, [transactionStatus, onClose, resetState]);
-  (0, import_react40.useEffect)(() => {
+  (0, import_react41.useEffect)(() => {
     closeRequestRef.current = handleCloseRequest;
   }, [handleCloseRequest, closeRequestRef]);
-  const handleConfirmClose = (0, import_react40.useCallback)(() => {
+  const handleConfirmClose = (0, import_react41.useCallback)(() => {
     setShowConfirmDialog(false);
     onClose?.();
   }, [onClose]);
-  const handleCancelClose = (0, import_react40.useCallback)(() => {
+  const handleCancelClose = (0, import_react41.useCallback)(() => {
     setShowConfirmDialog(false);
   }, []);
   const effectiveTheme = resolvedTheme;
   const isRefreshing = status === "initializing";
   const initBlocked = status === "error";
-  const handleRefresh = (0, import_react40.useCallback)(() => {
+  const handleRefresh = (0, import_react41.useCallback)(() => {
     revalidate?.();
   }, [revalidate]);
   return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_jsx_runtime53.Fragment, { children: [
@@ -14610,7 +14815,7 @@ function WidgetInner({
     )
   ] });
 }
-var TrustwareWidgetV2 = (0, import_react40.forwardRef)(function TrustwareWidgetV22({
+var TrustwareWidgetV2 = (0, import_react41.forwardRef)(function TrustwareWidgetV22({
   theme = "system",
   style,
   initialStep = "home",
@@ -14619,14 +14824,14 @@ var TrustwareWidgetV2 = (0, import_react40.forwardRef)(function TrustwareWidgetV
   onOpen,
   showThemeToggle = true
 }, ref) {
-  const [isOpen, setIsOpen] = (0, import_react40.useState)(defaultOpen);
-  const closeRequestRef = (0, import_react40.useRef)(null);
+  const [isOpen, setIsOpen] = (0, import_react41.useState)(defaultOpen);
+  const closeRequestRef = (0, import_react41.useRef)(null);
   const effectiveInitialStep = initialStep;
-  const open = (0, import_react40.useCallback)(() => {
+  const open = (0, import_react41.useCallback)(() => {
     setIsOpen(true);
     onOpen?.();
   }, [onOpen]);
-  const close = (0, import_react40.useCallback)(() => {
+  const close = (0, import_react41.useCallback)(() => {
     if (closeRequestRef.current) {
       closeRequestRef.current();
     } else {
@@ -14634,11 +14839,11 @@ var TrustwareWidgetV2 = (0, import_react40.forwardRef)(function TrustwareWidgetV
       onClose?.();
     }
   }, [onClose]);
-  const handleClose = (0, import_react40.useCallback)(() => {
+  const handleClose = (0, import_react41.useCallback)(() => {
     setIsOpen(false);
     onClose?.();
   }, [onClose]);
-  (0, import_react40.useImperativeHandle)(
+  (0, import_react41.useImperativeHandle)(
     ref,
     () => ({
       open,