@trustware/sdk-staging 1.1.3-staging.32 → 1.1.4-staging.34

package/dist/index.mjs

@@ -59,7 +59,7 @@ var init_constants = __esm({
   "src/constants.ts"() {
     "use strict";
     SDK_NAME = "@trustware/sdk";
-    SDK_VERSION = "1.1.3";
+    SDK_VERSION = "1.1.4-staging.34";
     API_ROOT = "https://bv-staging-api.trustware.io";
     GTM_ID = "GTM-TZDGNCXB";
     API_PREFIX = "/api";
@@ -1312,9 +1312,18 @@ async function connectDetectedWallet(dw, opts) {
     throw new Error("WalletConnect connection failed. Please try again.");
   }
   if (dw.via === "solana-window" || dw.meta.ecosystem === "solana") {
-    const api2 = toWalletInterfaceFromDetected(dw);
-    if (touchAddress) await api2.getAddress();
-    return { via: "eip1193", api: api2 };
+    try {
+      const provider = dw.provider;
+      await provider.connect();
+      return {
+        via: "eip1193",
+        api: toWalletInterfaceFromDetected(dw),
+        error: null
+      };
+    } catch (err) {
+      const errorMsg = err instanceof Error ? err.message : String(err);
+      return { via: "eip1193", api: null, error: errorMsg };
+    }
   }
   if (wagmi) {
     const conn = pickWagmiConnector(
@@ -1325,12 +1334,12 @@ async function connectDetectedWallet(dw, opts) {
     );
     if (conn) {
       await wagmi.connect(conn);
-      return { via: "wagmi", api: null };
+      return { via: "wagmi", api: null, error: null };
     }
   }
   const api = toWalletInterfaceFromDetected(dw);
   if (touchAddress) await api.getAddress();
-  return { via: "eip1193", api };
+  return { via: "eip1193", api, error: null };
 }
 
 // src/wallets/detect.ts
@@ -2853,6 +2862,7 @@ var WalletManager = class {
     this._wallet = null;
     this._detected = [];
     this._listeners = /* @__PURE__ */ new Set();
+    this._error = null;
     this._identity = new IdentityStore();
     this._providerCleanup = null;
     this._connectedWalletId = null;
@@ -2907,18 +2917,25 @@ var WalletManager = class {
     this.clearConnectedWalletState();
     this.emit();
     try {
-      const { api } = await connectDetectedWallet(target, {
+      const { api, error } = await connectDetectedWallet(target, {
         wagmi: opts?.wagmi
       });
-      if (api) {
+      if (api && !error) {
         this._wallet = api;
         this._connectedWalletId = target.meta.id;
         this.bindProviderEvents(target);
         await this.syncIdentityFromWallet(target.meta.id);
+        this._status = "connected";
+        this._error = null;
+        return { error: null, api };
+      }
+      if (error) {
+        this._status = "error";
+        this._error = error;
+        return { error, api };
       }
-      this._status = "connected";
     } catch (e2) {
-      this._error = e2;
+      this._error = e2 instanceof Error ? e2.message : String(e2);
       this._status = "error";
       this.clearConnectedWalletState();
     } finally {
@@ -4929,7 +4946,8 @@ function useDepositNavigationState(initialStep) {
     navigationDirection,
     setCurrentStep,
     goBack,
-    resetNavigation
+    resetNavigation,
+    setCurrentStepInternal
   };
 }
 
@@ -5009,6 +5027,9 @@ function useWalletSessionState() {
   }, []);
   const connectWallet = useCallback4(async (wallet) => {
     await walletManager.connectDetected(wallet);
+    const error = walletManager.error;
+    const api = walletManager.wallet;
+    return { error, api };
   }, []);
   const disconnectWallet = useCallback4(async () => {
     await walletManager.disconnect();
@@ -5922,6 +5943,7 @@ function useWalletTokenState({
   setSelectedToken
 }) {
   const [yourWalletTokens, setYourWalletTokens] = useState12([]);
+  const [yourWalletTokensLoading, setYourWalletTokensLoading] = useState12(false);
   const [walletTokensReloadNonce, setWalletTokensReloadNonce] = useState12(0);
   const lastLoadedWalletRef = useRef4(null);
   const { tokens } = useTokens(null);
@@ -5942,6 +5964,7 @@ function useWalletTokenState({
     let cancelled = false;
     async function loadWalletTokens() {
       try {
+        setYourWalletTokensLoading(true);
         if (TrustwareConfigStore.get().features.balanceStreaming) {
           let accumulatedBalances = [];
           for await (const chunk of getBalancesByAddressStream(
@@ -5986,6 +6009,10 @@ function useWalletTokenState({
         if (!cancelled) {
           setYourWalletTokens([]);
         }
+      } finally {
+        if (!cancelled) {
+          setYourWalletTokensLoading(false);
+        }
       }
     }
     void loadWalletTokens();
@@ -6000,7 +6027,8 @@ function useWalletTokenState({
     setSelectedToken,
     tokens,
     walletAddress,
-    walletTokensReloadNonce
+    walletTokensReloadNonce,
+    setYourWalletTokensLoading
   ]);
   const reloadWalletTokens = () => {
     setWalletTokensReloadNonce((prev) => prev + 1);
@@ -6008,7 +6036,9 @@ function useWalletTokenState({
   return {
     yourWalletTokens,
     setYourWalletTokens,
-    reloadWalletTokens
+    reloadWalletTokens,
+    yourWalletTokensLoading,
+    setYourWalletTokensLoading
   };
 }
 function applyWalletTokenState({
@@ -6164,7 +6194,8 @@ function DepositProvider({
     navigationDirection,
     setCurrentStep,
     goBack,
-    resetNavigation
+    resetNavigation,
+    setCurrentStepInternal
   } = useDepositNavigationState(initialStep);
   const { resolvedTheme, toggleTheme } = useThemePreference();
   const {
@@ -6180,7 +6211,12 @@ function DepositProvider({
   const [selectedToken, setSelectedToken] = useState13(null);
   const [selectedChain, setSelectedChain] = useState13(null);
   const [amount, setAmount] = useState13("");
-  const { yourWalletTokens, setYourWalletTokens, reloadWalletTokens } = useWalletTokenState({
+  const {
+    yourWalletTokens,
+    setYourWalletTokens,
+    reloadWalletTokens,
+    yourWalletTokensLoading
+  } = useWalletTokenState({
     walletAddress,
     selectedChain,
     setSelectedChain,
@@ -6212,7 +6248,8 @@ function DepositProvider({
       goBack,
       resetState,
       stepHistory,
-      navigationDirection
+      navigationDirection,
+      setCurrentStepInternal
     }),
     [
       currentStep,
@@ -6220,6 +6257,7 @@ function DepositProvider({
       navigationDirection,
       resetState,
       setCurrentStep,
+      setCurrentStepInternal,
       stepHistory
     ]
   );
@@ -6231,7 +6269,8 @@ function DepositProvider({
       connectWallet,
       disconnectWallet,
       yourWalletTokens,
-      setYourWalletTokens
+      setYourWalletTokens,
+      yourWalletTokensLoading
     }),
     [
       connectWallet,
@@ -6240,7 +6279,8 @@ function DepositProvider({
       setYourWalletTokens,
       walletAddress,
       walletStatus,
-      yourWalletTokens
+      yourWalletTokens,
+      yourWalletTokensLoading
     ]
   );
   const formValue = useMemo7(
@@ -7496,23 +7536,39 @@ function SwipeToConfirmTokens({
                     justifyContent: "center",
                     padding: `0 ${spacing[7]}`,
                     transition: "opacity 0.2s",
-                    ...effectiveProgress > 0.15 && { opacity: 0 }
+                    ...effectiveProgress > 0.15 && { opacity: 0 },
+                    width: "100%"
                   },
                   children: /* @__PURE__ */ jsx9(
-                    "span",
+                    "div",
                     {
                       style: {
-                        fontSize: isVeryLongText ? fontSize.xs : isLongText ? "0.8125rem" : fontSize.sm,
-                        color: colors.mutedForeground,
-                        fontWeight: fontWeight.bold,
-                        lineHeight: 1.15,
-                        textAlign: "center",
+                        minWidth: 0,
+                        flex: 1,
+                        overflowX: "hidden",
                         whiteSpace: "nowrap",
-                        overflow: "hidden",
-                        textOverflow: "ellipsis",
-                        maxWidth: "100%"
+                        scrollbarWidth: "none",
+                        maxWidth: "85%"
                       },
-                      children: text
+                      children: /* @__PURE__ */ jsx9(
+                        "span",
+                        {
+                          style: {
+                            display: "block",
+                            // +                width: "100%",
+                            fontSize: isVeryLongText ? fontSize.xs : isLongText ? "0.8125rem" : fontSize.sm,
+                            color: colors.mutedForeground,
+                            fontWeight: fontWeight.bold,
+                            lineHeight: 1.15,
+                            textAlign: "center",
+                            whiteSpace: "nowrap",
+                            overflow: "hidden",
+                            textOverflow: "ellipsis",
+                            maxWidth: "100%"
+                          },
+                          children: text
+                        }
+                      )
                     }
                   )
                 }
@@ -12452,6 +12508,7 @@ function useHomeWalletActions({
   connectWallet,
   detectedWallets,
   setCurrentStep
+  // setCurrentStepInternal,
 }) {
   const [isCryptoDropdownOpen, setIsCryptoDropdownOpen] = useState21(false);
   const [isFiatDropdownOpen, setIsFiatDropdownOpen] = useState21(false);
@@ -12473,12 +12530,18 @@ function useHomeWalletActions({
   useEffect22(() => {
     getUniversalConnector().then(setUniversalConnector);
   }, []);
+  const { resetNavigation } = useDepositNavigationState("home");
   const handleWalletSelect = async (wallet) => {
     setIsCryptoDropdownOpen(false);
     try {
-      await connectWallet(wallet);
+      const { error } = await connectWallet(wallet);
+      if (error) {
+        resetNavigation();
+        return;
+      }
       setCurrentStep("crypto-pay");
     } catch {
+      resetNavigation();
     }
   };
   const handleFiatSelect = () => {
@@ -12514,7 +12577,7 @@ function useHomeWalletActions({
 import { jsx as jsx42, jsxs as jsxs33 } from "react/jsx-runtime";
 function Home({ style: _style }) {
   const { amount, setAmount, amountInputMode, setAmountInputMode } = useDepositForm();
-  const { setCurrentStep } = useDepositNavigation();
+  const { setCurrentStep, setCurrentStepInternal } = useDepositNavigation();
   const { connectWallet } = useDepositWallet();
   const { resolvedTheme } = useDepositUi();
   const { fixedFromAmountString, isFixedAmount, minAmountUsd, maxAmountUsd } = useAmountConstraints();
@@ -12543,7 +12606,8 @@ function Home({ style: _style }) {
   } = useHomeWalletActions({
     connectWallet,
     detectedWallets,
-    setCurrentStep
+    setCurrentStep,
+    setCurrentStepInternal
   });
   return /* @__PURE__ */ jsxs33(
     "div",
@@ -12823,7 +12887,7 @@ function SelectToken({ style }) {
   );
 }
 
-// src/widget/pages/CryptoPay.tsx
+// src/widget/pages/CryptoPay/index.tsx
 import { useEffect as useEffect24, useMemo as useMemo18 } from "react";
 
 // src/widget/features/route-preview/hooks/useRoutePreviewModel.ts
@@ -13677,8 +13741,180 @@ function useTransactionActionModel({
   };
 }
 
-// src/widget/pages/CryptoPay.tsx
-import { Fragment as Fragment6, jsx as jsx47, jsxs as jsxs37 } from "react/jsx-runtime";
+// src/widget/pages/CryptoPay/DefaultCryptoPay.tsx
+import { jsx as jsx47, jsxs as jsxs37 } from "react/jsx-runtime";
+var IconWallet = ({ style }) => /* @__PURE__ */ jsxs37(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "1.75",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    style,
+    children: [
+      /* @__PURE__ */ jsx47("path", { d: "M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1" }),
+      /* @__PURE__ */ jsx47("path", { d: "M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4" })
+    ]
+  }
+);
+var IconSparkles = ({ style }) => /* @__PURE__ */ jsxs37(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    style,
+    children: [
+      /* @__PURE__ */ jsx47("path", { d: "m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275L12 3Z" }),
+      /* @__PURE__ */ jsx47("path", { d: "M5 3v4" }),
+      /* @__PURE__ */ jsx47("path", { d: "M19 17v4" }),
+      /* @__PURE__ */ jsx47("path", { d: "M3 5h4" }),
+      /* @__PURE__ */ jsx47("path", { d: "M17 19h4" })
+    ]
+  }
+);
+function DefaultCryptoPay() {
+  return /* @__PURE__ */ jsx47(
+    "div",
+    {
+      style: {
+        width: "100%",
+        minHeight: "100%",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        flexDirection: "column"
+      },
+      children: /* @__PURE__ */ jsxs37(
+        "div",
+        {
+          style: {
+            textAlign: "center",
+            flexDirection: "column",
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            padding: "2rem"
+          },
+          children: [
+            /* @__PURE__ */ jsxs37(
+              "div",
+              {
+                style: {
+                  position: "relative",
+                  marginBottom: "1.25rem",
+                  display: "inline-block"
+                },
+                children: [
+                  /* @__PURE__ */ jsx47(
+                    "div",
+                    {
+                      style: {
+                        position: "absolute",
+                        inset: 0,
+                        borderRadius: "9999px",
+                        background: `linear-gradient(135deg, ${colors.green[500]} 0%, ${colors.green[300]} 100%)`,
+                        opacity: 0.2,
+                        filter: "blur(1rem)"
+                      }
+                    }
+                  ),
+                  /* @__PURE__ */ jsx47(
+                    "div",
+                    {
+                      style: {
+                        position: "relative",
+                        height: "5rem",
+                        width: "5rem",
+                        borderRadius: "9999px",
+                        backgroundColor: colors.card,
+                        border: `1px solid ${colors.border}`,
+                        display: "flex",
+                        alignItems: "center",
+                        justifyContent: "center"
+                      },
+                      children: /* @__PURE__ */ jsx47(
+                        IconWallet,
+                        {
+                          style: {
+                            color: colors.green[300]
+                          }
+                        }
+                      )
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs37(
+              "div",
+              {
+                style: {
+                  display: "inline-flex",
+                  alignItems: "center",
+                  gap: "0.375rem",
+                  fontSize: "0.75rem",
+                  fontWeight: 500,
+                  color: "hsl(158, 84%, 52%)",
+                  backgroundColor: "hsla(158, 84%, 52%, 0.1)",
+                  border: `1px solid hsla(158, 84%, 52%, 0.2)`,
+                  borderRadius: "9999px",
+                  padding: "0.25rem 0.75rem",
+                  marginBottom: "0.75rem"
+                },
+                children: [
+                  /* @__PURE__ */ jsx47(IconSparkles, {}),
+                  "Wallet is empty"
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx47(
+              "h2",
+              {
+                style: {
+                  fontSize: "1.5rem",
+                  fontWeight: 600,
+                  letterSpacing: "-0.025em",
+                  marginBottom: "0.375rem",
+                  color: colors.foreground
+                },
+                children: "Deposit assets to swap or bridge."
+              }
+            ),
+            /* @__PURE__ */ jsx47(
+              "p",
+              {
+                style: {
+                  fontSize: "0.875rem",
+                  color: colors.mutedForeground,
+                  maxWidth: "24rem",
+                  margin: "0 auto",
+                  lineHeight: 1.625
+                },
+                children: "You'll need tokens before you can swap or bridge."
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}
+var DefaultCryptoPay_default = DefaultCryptoPay;
+
+// src/widget/pages/CryptoPay/index.tsx
+import { Fragment as Fragment6, jsx as jsx48, jsxs as jsxs38 } from "react/jsx-runtime";
 var SHOW_FEE_SUMMARY = false;
 function CryptoPay({ style: _style }) {
   const {
@@ -13691,7 +13927,12 @@ function CryptoPay({ style: _style }) {
     amountInputMode,
     setAmountInputMode
   } = useDepositForm();
-  const { walletAddress, walletStatus, yourWalletTokens } = useDepositWallet();
+  const {
+    walletAddress,
+    walletStatus,
+    yourWalletTokens,
+    yourWalletTokensLoading
+  } = useDepositWallet();
   const { goBack, setCurrentStep, currentStep } = useDepositNavigation();
   const config = useTrustwareConfig();
   const { fixedFromAmountString, isFixedAmount, minAmountUsd, maxAmountUsd } = useAmountConstraints();
@@ -13700,11 +13941,15 @@ function CryptoPay({ style: _style }) {
     const n = Number(raw);
     return Number.isFinite(n) && n > 0 ? n : void 0;
   }, [config.routes?.options?.routeRefreshMs]);
-  const isReady = useMemo18(() => {
-    if (selectedToken !== null && yourWalletTokens.length > 0 && selectedToken?.chainData !== void 0) {
-      return true;
-    }
-  }, [selectedToken, yourWalletTokens.length]);
+  const IsPos = (x) => x !== null && x !== void 0 && x.balance !== "0";
+  const showDefaultCryptoPay = useMemo18(() => {
+    const nonZer0Tks = (yourWalletTokens ?? []).filter(IsPos);
+    return !yourWalletTokensLoading && nonZer0Tks.length === 0 && yourWalletTokens.length > 0;
+  }, [yourWalletTokens, yourWalletTokensLoading]);
+  const showSkeleton = useMemo18(() => {
+    return yourWalletTokensLoading || (yourWalletTokens ?? []).length === 0;
+  }, [yourWalletTokens, yourWalletTokensLoading]);
+  const isReady = !yourWalletTokensLoading && selectedToken != null && selectedToken?.chainData !== void 0 && !showDefaultCryptoPay && !showSkeleton;
   const {
     amountComputation,
     amountValidationError,
@@ -13807,7 +14052,7 @@ function CryptoPay({ style: _style }) {
   const handleExpandTokens = () => {
     setCurrentStep("select-token");
   };
-  return /* @__PURE__ */ jsxs37(
+  return /* @__PURE__ */ jsxs38(
     "div",
     {
       style: {
@@ -13816,56 +14061,8 @@ function CryptoPay({ style: _style }) {
         minHeight: "500px"
       },
       children: [
-        /* @__PURE__ */ jsx47(WidgetPageHeader, { onBack: goBack, title: "Confirm Deposit" }),
-        isReady ? /* @__PURE__ */ jsxs37(Fragment6, { children: [
-          /* @__PURE__ */ jsx47(
-            CryptoPayAmountSection,
-            {
-              amount,
-              amountComputation,
-              amountInputMode,
-              estimatedReceive,
-              effectiveSliderMax,
-              effectiveSliderMin,
-              gasReservationWei,
-              handleAmountChange,
-              handleExpandTokens,
-              handleSliderChange,
-              handleTokenChange,
-              hasUsdPrice,
-              isFixedAmount,
-              isLoadingRoute,
-              normalizedTokenBalance,
-              orderedTokens,
-              parsedAmount,
-              selectedChain,
-              selectedToken: readySelectedToken,
-              setAmountInputMode,
-              showFeeSummary: SHOW_FEE_SUMMARY,
-              tokenPriceUSD,
-              walletAddress,
-              yourWalletTokensLength: yourWalletTokens.length
-            }
-          ),
-          /* @__PURE__ */ jsx47(
-            CryptoPaySwipeSection,
-            {
-              actionErrorMessage,
-              canSwipe,
-              destinationConfig,
-              fromChainName: selectedChain?.networkName,
-              handleSwipeConfirm,
-              isApproving,
-              isLoadingRoute,
-              isReadingAllowance,
-              isWalletConnected,
-              needsApproval,
-              selectedToken: readySelectedToken,
-              swipeResetKey
-            }
-          ),
-          /* @__PURE__ */ jsx47(WidgetSecurityFooter, {})
-        ] }) : /* @__PURE__ */ jsx47(
+        /* @__PURE__ */ jsx48(WidgetPageHeader, { onBack: goBack, title: "Confirm Deposit" }),
+        showSkeleton ? /* @__PURE__ */ jsx48(Fragment6, { children: /* @__PURE__ */ jsx48(
           "div",
           {
             style: {
@@ -13874,9 +14071,60 @@ function CryptoPay({ style: _style }) {
               alignItems: "center",
               justifyContent: "center"
             },
-            children: /* @__PURE__ */ jsx47(LoadingSkeleton, {})
+            children: /* @__PURE__ */ jsx48(LoadingSkeleton, {})
           }
-        )
+        ) }) : /* @__PURE__ */ jsxs38(Fragment6, { children: [
+          isReady && /* @__PURE__ */ jsxs38(Fragment6, { children: [
+            /* @__PURE__ */ jsx48(
+              CryptoPayAmountSection,
+              {
+                amount,
+                amountComputation,
+                amountInputMode,
+                estimatedReceive,
+                effectiveSliderMax,
+                effectiveSliderMin,
+                gasReservationWei,
+                handleAmountChange,
+                handleExpandTokens,
+                handleSliderChange,
+                handleTokenChange,
+                hasUsdPrice,
+                isFixedAmount,
+                isLoadingRoute,
+                normalizedTokenBalance,
+                orderedTokens,
+                parsedAmount,
+                selectedChain,
+                selectedToken: readySelectedToken,
+                setAmountInputMode,
+                showFeeSummary: SHOW_FEE_SUMMARY,
+                tokenPriceUSD,
+                walletAddress,
+                yourWalletTokensLength: yourWalletTokens.length
+              }
+            ),
+            /* @__PURE__ */ jsx48(
+              CryptoPaySwipeSection,
+              {
+                actionErrorMessage,
+                canSwipe,
+                destinationConfig,
+                fromChainName: selectedChain?.networkName,
+                handleSwipeConfirm,
+                isApproving,
+                isLoadingRoute,
+                isReadingAllowance,
+                isWalletConnected,
+                needsApproval,
+                selectedToken: readySelectedToken,
+                swipeResetKey
+              }
+            ),
+            /* @__PURE__ */ jsx48(WidgetSecurityFooter, {})
+          ] }),
+          showDefaultCryptoPay && /* @__PURE__ */ jsx48(DefaultCryptoPay_default, {})
+        ] })
       ]
     }
   );
@@ -13884,7 +14132,7 @@ function CryptoPay({ style: _style }) {
 
 // src/widget/pages/Processing.tsx
 import { useEffect as useEffect25, useMemo as useMemo19, useRef as useRef12 } from "react";
-import { jsx as jsx48, jsxs as jsxs38 } from "react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs39 } from "react/jsx-runtime";
 function getProgressFromStatus(status) {
   switch (status) {
     case "confirming":
@@ -13960,7 +14208,7 @@ function Processing({ style }) {
   };
   const isIndeterminate = transactionStatus === "confirming" || transactionStatus === "idle";
   const headerTitle = transactionStatus === "success" ? "Complete" : transactionStatus === "error" ? "Failed" : "Processing";
-  return /* @__PURE__ */ jsxs38(
+  return /* @__PURE__ */ jsxs39(
     "div",
     {
       style: {
@@ -13970,8 +14218,8 @@ function Processing({ style }) {
         ...style
       },
       children: [
-        /* @__PURE__ */ jsx48(WidgetPageHeader, { onClose: handleClose, title: headerTitle }),
-        /* @__PURE__ */ jsxs38(
+        /* @__PURE__ */ jsx49(WidgetPageHeader, { onClose: handleClose, title: headerTitle }),
+        /* @__PURE__ */ jsxs39(
           "div",
           {
             style: {
@@ -13983,13 +14231,13 @@ function Processing({ style }) {
               padding: `${spacing[8]} ${spacing[6]}`
             },
             children: [
-              /* @__PURE__ */ jsx48(
+              /* @__PURE__ */ jsx49(
                 "div",
                 {
                   style: {
                     marginBottom: spacing[6]
                   },
-                  children: /* @__PURE__ */ jsx48(
+                  children: /* @__PURE__ */ jsx49(
                     CircularProgress,
                     {
                       progress,
@@ -14001,7 +14249,7 @@ function Processing({ style }) {
                   )
                 }
               ),
-              /* @__PURE__ */ jsx48(
+              /* @__PURE__ */ jsx49(
                 "p",
                 {
                   style: {
@@ -14014,7 +14262,7 @@ function Processing({ style }) {
                   children: stepText
                 }
               ),
-              selectedToken && parsedAmount > 0 && /* @__PURE__ */ jsxs38(
+              selectedToken && parsedAmount > 0 && /* @__PURE__ */ jsxs39(
                 "p",
                 {
                   style: {
@@ -14031,7 +14279,7 @@ function Processing({ style }) {
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx48(
+              /* @__PURE__ */ jsx49(
                 TransactionSteps,
                 {
                   transactionStatus,
@@ -14042,7 +14290,7 @@ function Processing({ style }) {
                   }
                 }
               ),
-              transactionHash ? /* @__PURE__ */ jsx48(
+              transactionHash ? /* @__PURE__ */ jsx49(
                 TransactionHashLink,
                 {
                   explorerUrl,
@@ -14050,7 +14298,7 @@ function Processing({ style }) {
                   label: "Transaction"
                 }
               ) : null,
-              transactionStatus === "error" && /* @__PURE__ */ jsx48(
+              transactionStatus === "error" && /* @__PURE__ */ jsx49(
                 "button",
                 {
                   type: "button",
@@ -14072,7 +14320,7 @@ function Processing({ style }) {
             ]
           }
         ),
-        /* @__PURE__ */ jsx48(WidgetSecurityFooter, {})
+        /* @__PURE__ */ jsx49(WidgetSecurityFooter, {})
       ]
     }
   );
@@ -14080,7 +14328,7 @@ function Processing({ style }) {
 
 // src/widget/pages/Success.tsx
 import { lazy, Suspense, useMemo as useMemo20 } from "react";
-import { jsx as jsx49, jsxs as jsxs39 } from "react/jsx-runtime";
+import { jsx as jsx50, jsxs as jsxs40 } from "react/jsx-runtime";
 var ConfettiEffect2 = lazy(() => Promise.resolve().then(() => (init_ConfettiEffect(), ConfettiEffect_exports)));
 function Success({ style }) {
   const { selectedToken, selectedChain, amount } = useDepositForm();
@@ -14103,7 +14351,7 @@ function Success({ style }) {
   const handleDone = () => {
     resetState();
   };
-  return /* @__PURE__ */ jsxs39(
+  return /* @__PURE__ */ jsxs40(
     "div",
     {
       style: {
@@ -14116,9 +14364,9 @@ function Success({ style }) {
         ...style
       },
       children: [
-        /* @__PURE__ */ jsx49(Suspense, { fallback: null, children: /* @__PURE__ */ jsx49(ConfettiEffect2, { isActive: true, pieceCount: 60, clearDelay: 4e3 }) }),
-        /* @__PURE__ */ jsx49(WidgetPageHeader, { title: "Deposit Complete" }),
-        /* @__PURE__ */ jsx49(
+        /* @__PURE__ */ jsx50(Suspense, { fallback: null, children: /* @__PURE__ */ jsx50(ConfettiEffect2, { isActive: true, pieceCount: 60, clearDelay: 4e3 }) }),
+        /* @__PURE__ */ jsx50(WidgetPageHeader, { title: "Deposit Complete" }),
+        /* @__PURE__ */ jsx50(
           "div",
           {
             style: {
@@ -14130,7 +14378,7 @@ function Success({ style }) {
               flexDirection: "column",
               alignItems: "center"
             },
-            children: /* @__PURE__ */ jsx49(
+            children: /* @__PURE__ */ jsx50(
               SuccessSummaryCard,
               {
                 amount: parsedAmount,
@@ -14144,7 +14392,7 @@ function Success({ style }) {
             )
           }
         ),
-        /* @__PURE__ */ jsx49(WidgetSecurityFooter, {})
+        /* @__PURE__ */ jsx50(WidgetSecurityFooter, {})
       ]
     }
   );
@@ -14153,7 +14401,7 @@ function Success({ style }) {
 // src/widget/pages/Error.tsx
 import { useMemo as useMemo21, useEffect as useEffect26 } from "react";
 init_store();
-import { jsx as jsx50, jsxs as jsxs40 } from "react/jsx-runtime";
+import { jsx as jsx51, jsxs as jsxs41 } from "react/jsx-runtime";
 function categorizeError(errorMessage) {
   if (!errorMessage) return "unknown";
   const msg = errorMessage.toLowerCase();
@@ -14283,7 +14531,7 @@ function Error2({ style }) {
   }, [transactionHash, selectedChain]);
   const renderErrorIcon = () => {
     if (errorCategory === "wallet_rejected") {
-      return /* @__PURE__ */ jsx50(
+      return /* @__PURE__ */ jsx51(
         "svg",
         {
           style: {
@@ -14296,7 +14544,7 @@ function Error2({ style }) {
           stroke: "currentColor",
           strokeWidth: 2.5,
           "aria-hidden": "true",
-          children: /* @__PURE__ */ jsx50(
+          children: /* @__PURE__ */ jsx51(
             "path",
             {
               strokeLinecap: "round",
@@ -14308,7 +14556,7 @@ function Error2({ style }) {
       );
     }
     if (errorCategory === "network_error") {
-      return /* @__PURE__ */ jsx50(
+      return /* @__PURE__ */ jsx51(
         "svg",
         {
           style: {
@@ -14321,7 +14569,7 @@ function Error2({ style }) {
           stroke: "currentColor",
           strokeWidth: 2,
           "aria-hidden": "true",
-          children: /* @__PURE__ */ jsx50(
+          children: /* @__PURE__ */ jsx51(
             "path",
             {
               strokeLinecap: "round",
@@ -14332,7 +14580,7 @@ function Error2({ style }) {
         }
       );
     }
-    return /* @__PURE__ */ jsx50(
+    return /* @__PURE__ */ jsx51(
       "svg",
       {
         style: {
@@ -14345,7 +14593,7 @@ function Error2({ style }) {
         stroke: "currentColor",
         strokeWidth: 2,
         "aria-hidden": "true",
-        children: /* @__PURE__ */ jsx50(
+        children: /* @__PURE__ */ jsx51(
           "path",
           {
             strokeLinecap: "round",
@@ -14356,7 +14604,7 @@ function Error2({ style }) {
       }
     );
   };
-  return /* @__PURE__ */ jsxs40(
+  return /* @__PURE__ */ jsxs41(
     "div",
     {
       style: {
@@ -14366,8 +14614,8 @@ function Error2({ style }) {
         ...style
       },
       children: [
-        /* @__PURE__ */ jsx50(WidgetPageHeader, { title: errorTitle }),
-        /* @__PURE__ */ jsx50(
+        /* @__PURE__ */ jsx51(WidgetPageHeader, { title: errorTitle }),
+        /* @__PURE__ */ jsx51(
           ErrorRecoveryCard,
           {
             errorMessage,
@@ -14380,7 +14628,7 @@ function Error2({ style }) {
             transactionHash
           }
         ),
-        /* @__PURE__ */ jsx50(WidgetSecurityFooter, {})
+        /* @__PURE__ */ jsx51(WidgetSecurityFooter, {})
       ]
     }
   );
@@ -14402,7 +14650,7 @@ var ACTIVE_TRANSACTION_STATUSES = [
 ];
 
 // src/widget/app/WidgetRouter.tsx
-import { jsx as jsx51 } from "react/jsx-runtime";
+import { jsx as jsx52 } from "react/jsx-runtime";
 var pageContainerBaseStyle = {
   width: "100%",
   height: "100%",
@@ -14420,19 +14668,19 @@ function WidgetRouter({
   const animationClass = useMemo22(() => {
     return navigationDirection === "forward" ? "tw-animate-slide-in-right" : "tw-animate-slide-in-left";
   }, [navigationDirection]);
-  return /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx52(
     "div",
     {
       className: animationClass,
       style: mergeStyles(pageContainerBaseStyle),
-      children: /* @__PURE__ */ jsx51(PageComponent, {})
+      children: /* @__PURE__ */ jsx52(PageComponent, {})
     },
     `${currentStep}-${stepHistory.length}`
   );
 }
 
 // src/widget/TrustwareWidgetV2.tsx
-import { Fragment as Fragment7, jsx as jsx52, jsxs as jsxs41 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx53, jsxs as jsxs42 } from "react/jsx-runtime";
 var widgetContentContainerStyle = {
   position: "relative",
   width: "100%",
@@ -14474,9 +14722,9 @@ function WidgetContent({
     transactionStatus,
     onStateChange
   ]);
-  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(
+  return /* @__PURE__ */ jsxs42("div", { style: mergeStyles(widgetContentContainerStyle, style), children: [
+    showThemeToggle && /* @__PURE__ */ jsx53("div", { style: themeToggleContainerStyle, children: /* @__PURE__ */ jsx53(ThemeToggle, { theme: resolvedTheme, onToggle: toggleTheme }) }),
+    /* @__PURE__ */ jsx53(
       WidgetRouter,
       {
         currentStep,
@@ -14525,16 +14773,16 @@ function WidgetInner({
   const handleRefresh = useCallback15(() => {
     revalidate?.();
   }, [revalidate]);
-  return /* @__PURE__ */ jsxs41(Fragment7, { children: [
-    /* @__PURE__ */ jsxs41(WidgetContainer, { theme: effectiveTheme, style, children: [
-      /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsxs42(Fragment7, { children: [
+    /* @__PURE__ */ jsxs42(WidgetContainer, { theme: effectiveTheme, style, children: [
+      /* @__PURE__ */ jsx53(
         WidgetContent,
         {
           onStateChange,
           showThemeToggle
         }
       ),
-      /* @__PURE__ */ jsx52(
+      /* @__PURE__ */ jsx53(
         InitErrorOverlay,
         {
           open: initBlocked,
@@ -14544,7 +14792,7 @@ function WidgetInner({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx52(
+    /* @__PURE__ */ jsx53(
       ConfirmCloseDialog,
       {
         open: showConfirmDialog,
@@ -14595,7 +14843,7 @@ var TrustwareWidgetV2 = forwardRef(function TrustwareWidgetV22({
   if (!isOpen) {
     return null;
   }
-  return /* @__PURE__ */ jsx52(DepositProvider, { initialStep: effectiveInitialStep, children: /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx53(DepositProvider, { initialStep: effectiveInitialStep, children: /* @__PURE__ */ jsx53(
     WidgetInner,
     {
       theme,