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

package/dist/widget.cjs

@@ -79,7 +79,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";
@@ -1746,9 +1746,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(
@@ -1759,12 +1768,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
@@ -3287,6 +3296,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;
@@ -3341,18 +3351,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 {
@@ -4758,7 +4775,8 @@ function useDepositNavigationState(initialStep) {
     navigationDirection,
     setCurrentStep,
     goBack,
-    resetNavigation
+    resetNavigation,
+    setCurrentStepInternal
   };
 }
 
@@ -4838,6 +4856,9 @@ function useWalletSessionState() {
   }, []);
   const connectWallet = (0, import_react9.useCallback)(async (wallet) => {
     await walletManager.connectDetected(wallet);
+    const error = walletManager.error;
+    const api = walletManager.wallet;
+    return { error, api };
   }, []);
   const disconnectWallet = (0, import_react9.useCallback)(async () => {
     await walletManager.disconnect();
@@ -5751,6 +5772,7 @@ function useWalletTokenState({
   setSelectedToken
 }) {
   const [yourWalletTokens, setYourWalletTokens] = (0, import_react16.useState)([]);
+  const [yourWalletTokensLoading, setYourWalletTokensLoading] = (0, import_react16.useState)(false);
   const [walletTokensReloadNonce, setWalletTokensReloadNonce] = (0, import_react16.useState)(0);
   const lastLoadedWalletRef = (0, import_react16.useRef)(null);
   const { tokens } = useTokens(null);
@@ -5771,6 +5793,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(
@@ -5815,6 +5838,10 @@ function useWalletTokenState({
         if (!cancelled) {
           setYourWalletTokens([]);
         }
+      } finally {
+        if (!cancelled) {
+          setYourWalletTokensLoading(false);
+        }
       }
     }
     void loadWalletTokens();
@@ -5829,7 +5856,8 @@ function useWalletTokenState({
     setSelectedToken,
     tokens,
     walletAddress,
-    walletTokensReloadNonce
+    walletTokensReloadNonce,
+    setYourWalletTokensLoading
   ]);
   const reloadWalletTokens = () => {
     setWalletTokensReloadNonce((prev) => prev + 1);
@@ -5837,7 +5865,9 @@ function useWalletTokenState({
   return {
     yourWalletTokens,
     setYourWalletTokens,
-    reloadWalletTokens
+    reloadWalletTokens,
+    yourWalletTokensLoading,
+    setYourWalletTokensLoading
   };
 }
 function applyWalletTokenState({
@@ -5993,7 +6023,8 @@ function DepositProvider({
     navigationDirection,
     setCurrentStep,
     goBack,
-    resetNavigation
+    resetNavigation,
+    setCurrentStepInternal
   } = useDepositNavigationState(initialStep);
   const { resolvedTheme, toggleTheme } = useThemePreference();
   const {
@@ -6009,7 +6040,12 @@ function DepositProvider({
   const [selectedToken, setSelectedToken] = (0, import_react17.useState)(null);
   const [selectedChain, setSelectedChain] = (0, import_react17.useState)(null);
   const [amount, setAmount] = (0, import_react17.useState)("");
-  const { yourWalletTokens, setYourWalletTokens, reloadWalletTokens } = useWalletTokenState({
+  const {
+    yourWalletTokens,
+    setYourWalletTokens,
+    reloadWalletTokens,
+    yourWalletTokensLoading
+  } = useWalletTokenState({
     walletAddress,
     selectedChain,
     setSelectedChain,
@@ -6041,7 +6077,8 @@ function DepositProvider({
       goBack,
       resetState,
       stepHistory,
-      navigationDirection
+      navigationDirection,
+      setCurrentStepInternal
     }),
     [
       currentStep,
@@ -6049,6 +6086,7 @@ function DepositProvider({
       navigationDirection,
       resetState,
       setCurrentStep,
+      setCurrentStepInternal,
       stepHistory
     ]
   );
@@ -6060,7 +6098,8 @@ function DepositProvider({
       connectWallet,
       disconnectWallet,
       yourWalletTokens,
-      setYourWalletTokens
+      setYourWalletTokens,
+      yourWalletTokensLoading
     }),
     [
       connectWallet,
@@ -6069,7 +6108,8 @@ function DepositProvider({
       setYourWalletTokens,
       walletAddress,
       walletStatus,
-      yourWalletTokens
+      yourWalletTokens,
+      yourWalletTokensLoading
     ]
   );
   const formValue = (0, import_react17.useMemo)(
@@ -7325,23 +7365,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__ */ (0, import_jsx_runtime9.jsx)(
-                    "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__ */ (0, import_jsx_runtime9.jsx)(
+                        "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
+                        }
+                      )
                     }
                   )
                 }
@@ -12275,6 +12331,7 @@ function useHomeWalletActions({
   connectWallet,
   detectedWallets,
   setCurrentStep
+  // setCurrentStepInternal,
 }) {
   const [isCryptoDropdownOpen, setIsCryptoDropdownOpen] = (0, import_react32.useState)(false);
   const [isFiatDropdownOpen, setIsFiatDropdownOpen] = (0, import_react32.useState)(false);
@@ -12296,12 +12353,18 @@ function useHomeWalletActions({
   (0, import_react32.useEffect)(() => {
     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 = () => {
@@ -12337,7 +12400,7 @@ function useHomeWalletActions({
 var import_jsx_runtime42 = require("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();
@@ -12366,7 +12429,8 @@ function Home({ style: _style }) {
   } = useHomeWalletActions({
     connectWallet,
     detectedWallets,
-    setCurrentStep
+    setCurrentStep,
+    setCurrentStepInternal
   });
   return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
     "div",
@@ -12646,7 +12710,7 @@ function SelectToken({ style }) {
   );
 }
 
-// src/widget/pages/CryptoPay.tsx
+// src/widget/pages/CryptoPay/index.tsx
 var import_react35 = require("react");
 
 // src/widget/features/route-preview/hooks/useRoutePreviewModel.ts
@@ -13500,8 +13564,180 @@ function useTransactionActionModel({
   };
 }
 
-// src/widget/pages/CryptoPay.tsx
+// src/widget/pages/CryptoPay/DefaultCryptoPay.tsx
 var import_jsx_runtime47 = require("react/jsx-runtime");
+var IconWallet = ({ style }) => /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+  "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__ */ (0, import_jsx_runtime47.jsx)("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__ */ (0, import_jsx_runtime47.jsx)("path", { d: "M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4" })
+    ]
+  }
+);
+var IconSparkles = ({ style }) => /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+  "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__ */ (0, import_jsx_runtime47.jsx)("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__ */ (0, import_jsx_runtime47.jsx)("path", { d: "M5 3v4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("path", { d: "M19 17v4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("path", { d: "M3 5h4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("path", { d: "M17 19h4" })
+    ]
+  }
+);
+function DefaultCryptoPay() {
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+    "div",
+    {
+      style: {
+        width: "100%",
+        minHeight: "100%",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        flexDirection: "column"
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+        "div",
+        {
+          style: {
+            textAlign: "center",
+            flexDirection: "column",
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            padding: "2rem"
+          },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+              "div",
+              {
+                style: {
+                  position: "relative",
+                  marginBottom: "1.25rem",
+                  display: "inline-block"
+                },
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+                    "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__ */ (0, import_jsx_runtime47.jsx)(
+                    "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__ */ (0, import_jsx_runtime47.jsx)(
+                        IconWallet,
+                        {
+                          style: {
+                            color: colors.green[300]
+                          }
+                        }
+                      )
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+              "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__ */ (0, import_jsx_runtime47.jsx)(IconSparkles, {}),
+                  "Wallet is empty"
+                ]
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+              "h2",
+              {
+                style: {
+                  fontSize: "1.5rem",
+                  fontWeight: 600,
+                  letterSpacing: "-0.025em",
+                  marginBottom: "0.375rem",
+                  color: colors.foreground
+                },
+                children: "Deposit assets to swap or bridge."
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+              "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
+var import_jsx_runtime48 = require("react/jsx-runtime");
 var SHOW_FEE_SUMMARY = false;
 function CryptoPay({ style: _style }) {
   const {
@@ -13514,7 +13750,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();
@@ -13523,11 +13764,15 @@ function CryptoPay({ style: _style }) {
     const n = Number(raw);
     return Number.isFinite(n) && n > 0 ? n : void 0;
   }, [config.routes?.options?.routeRefreshMs]);
-  const isReady = (0, import_react35.useMemo)(() => {
-    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 = (0, import_react35.useMemo)(() => {
+    const nonZer0Tks = (yourWalletTokens ?? []).filter(IsPos);
+    return !yourWalletTokensLoading && nonZer0Tks.length === 0 && yourWalletTokens.length > 0;
+  }, [yourWalletTokens, yourWalletTokensLoading]);
+  const showSkeleton = (0, import_react35.useMemo)(() => {
+    return yourWalletTokensLoading || (yourWalletTokens ?? []).length === 0;
+  }, [yourWalletTokens, yourWalletTokensLoading]);
+  const isReady = !yourWalletTokensLoading && selectedToken != null && selectedToken?.chainData !== void 0 && !showDefaultCryptoPay && !showSkeleton;
   const {
     amountComputation,
     amountValidationError,
@@ -13630,7 +13875,7 @@ function CryptoPay({ style: _style }) {
   const handleExpandTokens = () => {
     setCurrentStep("select-token");
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
     "div",
     {
       style: {
@@ -13639,56 +13884,8 @@ function CryptoPay({ style: _style }) {
         minHeight: "500px"
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(WidgetPageHeader, { onBack: goBack, title: "Confirm Deposit" }),
-        isReady ? /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_jsx_runtime47.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
-            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__ */ (0, import_jsx_runtime47.jsx)(
-            CryptoPaySwipeSection,
-            {
-              actionErrorMessage,
-              canSwipe,
-              destinationConfig,
-              fromChainName: selectedChain?.networkName,
-              handleSwipeConfirm,
-              isApproving,
-              isLoadingRoute,
-              isReadingAllowance,
-              isWalletConnected,
-              needsApproval,
-              selectedToken: readySelectedToken,
-              swipeResetKey
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(WidgetSecurityFooter, {})
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(WidgetPageHeader, { onBack: goBack, title: "Confirm Deposit" }),
+        showSkeleton ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_jsx_runtime48.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
           "div",
           {
             style: {
@@ -13697,9 +13894,60 @@ function CryptoPay({ style: _style }) {
               alignItems: "center",
               justifyContent: "center"
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(LoadingSkeleton, {})
+            children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(LoadingSkeleton, {})
           }
-        )
+        ) }) : /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_jsx_runtime48.Fragment, { children: [
+          isReady && /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_jsx_runtime48.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+              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__ */ (0, import_jsx_runtime48.jsx)(
+              CryptoPaySwipeSection,
+              {
+                actionErrorMessage,
+                canSwipe,
+                destinationConfig,
+                fromChainName: selectedChain?.networkName,
+                handleSwipeConfirm,
+                isApproving,
+                isLoadingRoute,
+                isReadingAllowance,
+                isWalletConnected,
+                needsApproval,
+                selectedToken: readySelectedToken,
+                swipeResetKey
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(WidgetSecurityFooter, {})
+          ] }),
+          showDefaultCryptoPay && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(DefaultCryptoPay_default, {})
+        ] })
       ]
     }
   );
@@ -13707,7 +13955,7 @@ function CryptoPay({ style: _style }) {
 
 // src/widget/pages/Processing.tsx
 var import_react36 = require("react");
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 function getProgressFromStatus(status) {
   switch (status) {
     case "confirming":
@@ -13783,7 +14031,7 @@ function Processing({ style }) {
   };
   const isIndeterminate = transactionStatus === "confirming" || transactionStatus === "idle";
   const headerTitle = transactionStatus === "success" ? "Complete" : transactionStatus === "error" ? "Failed" : "Processing";
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
     "div",
     {
       style: {
@@ -13793,8 +14041,8 @@ function Processing({ style }) {
         ...style
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(WidgetPageHeader, { onClose: handleClose, title: headerTitle }),
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(WidgetPageHeader, { onClose: handleClose, title: headerTitle }),
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
           "div",
           {
             style: {
@@ -13806,13 +14054,13 @@ function Processing({ style }) {
               padding: `${spacing[8]} ${spacing[6]}`
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
                 "div",
                 {
                   style: {
                     marginBottom: spacing[6]
                   },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
                     CircularProgress,
                     {
                       progress,
@@ -13824,7 +14072,7 @@ function Processing({ style }) {
                   )
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
                 "p",
                 {
                   style: {
@@ -13837,7 +14085,7 @@ function Processing({ style }) {
                   children: stepText
                 }
               ),
-              selectedToken && parsedAmount > 0 && /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
+              selectedToken && parsedAmount > 0 && /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
                 "p",
                 {
                   style: {
@@ -13854,7 +14102,7 @@ function Processing({ style }) {
                   ]
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
                 TransactionSteps,
                 {
                   transactionStatus,
@@ -13865,7 +14113,7 @@ function Processing({ style }) {
                   }
                 }
               ),
-              transactionHash ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+              transactionHash ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
                 TransactionHashLink,
                 {
                   explorerUrl,
@@ -13873,7 +14121,7 @@ function Processing({ style }) {
                   label: "Transaction"
                 }
               ) : null,
-              transactionStatus === "error" && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+              transactionStatus === "error" && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
                 "button",
                 {
                   type: "button",
@@ -13895,7 +14143,7 @@ function Processing({ style }) {
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(WidgetSecurityFooter, {})
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(WidgetSecurityFooter, {})
       ]
     }
   );
@@ -13903,7 +14151,7 @@ function Processing({ style }) {
 
 // src/widget/pages/Success.tsx
 var import_react37 = require("react");
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 var ConfettiEffect2 = (0, import_react37.lazy)(() => Promise.resolve().then(() => (init_ConfettiEffect(), ConfettiEffect_exports)));
 function Success({ style }) {
   const { selectedToken, selectedChain, amount } = useDepositForm();
@@ -13926,7 +14174,7 @@ function Success({ style }) {
   const handleDone = () => {
     resetState();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
     "div",
     {
       style: {
@@ -13939,9 +14187,9 @@ function Success({ style }) {
         ...style
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react37.Suspense, { fallback: null, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(ConfettiEffect2, { isActive: true, pieceCount: 60, clearDelay: 4e3 }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(WidgetPageHeader, { title: "Deposit Complete" }),
-        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+        /* @__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)(WidgetPageHeader, { title: "Deposit Complete" }),
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
           "div",
           {
             style: {
@@ -13953,7 +14201,7 @@ function Success({ style }) {
               flexDirection: "column",
               alignItems: "center"
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
               SuccessSummaryCard,
               {
                 amount: parsedAmount,
@@ -13967,7 +14215,7 @@ function Success({ style }) {
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(WidgetSecurityFooter, {})
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(WidgetSecurityFooter, {})
       ]
     }
   );
@@ -13976,7 +14224,7 @@ function Success({ style }) {
 // src/widget/pages/Error.tsx
 var import_react38 = require("react");
 init_store();
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 function categorizeError(errorMessage) {
   if (!errorMessage) return "unknown";
   const msg = errorMessage.toLowerCase();
@@ -14106,7 +14354,7 @@ function Error2({ style }) {
   }, [transactionHash, selectedChain]);
   const renderErrorIcon = () => {
     if (errorCategory === "wallet_rejected") {
-      return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
         "svg",
         {
           style: {
@@ -14119,7 +14367,7 @@ function Error2({ style }) {
           stroke: "currentColor",
           strokeWidth: 2.5,
           "aria-hidden": "true",
-          children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
             "path",
             {
               strokeLinecap: "round",
@@ -14131,7 +14379,7 @@ function Error2({ style }) {
       );
     }
     if (errorCategory === "network_error") {
-      return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
         "svg",
         {
           style: {
@@ -14144,7 +14392,7 @@ function Error2({ style }) {
           stroke: "currentColor",
           strokeWidth: 2,
           "aria-hidden": "true",
-          children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
             "path",
             {
               strokeLinecap: "round",
@@ -14155,7 +14403,7 @@ function Error2({ style }) {
         }
       );
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
       "svg",
       {
         style: {
@@ -14168,7 +14416,7 @@ function Error2({ style }) {
         stroke: "currentColor",
         strokeWidth: 2,
         "aria-hidden": "true",
-        children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
           "path",
           {
             strokeLinecap: "round",
@@ -14179,7 +14427,7 @@ function Error2({ style }) {
       }
     );
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
     "div",
     {
       style: {
@@ -14189,8 +14437,8 @@ function Error2({ style }) {
         ...style
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(WidgetPageHeader, { title: errorTitle }),
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(WidgetPageHeader, { title: errorTitle }),
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
           ErrorRecoveryCard,
           {
             errorMessage,
@@ -14203,7 +14451,7 @@ function Error2({ style }) {
             transactionHash
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(WidgetSecurityFooter, {})
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(WidgetSecurityFooter, {})
       ]
     }
   );
@@ -14225,7 +14473,7 @@ var ACTIVE_TRANSACTION_STATUSES = [
 ];
 
 // src/widget/app/WidgetRouter.tsx
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 var pageContainerBaseStyle = {
   width: "100%",
   height: "100%",
@@ -14243,19 +14491,19 @@ function WidgetRouter({
   const animationClass = (0, import_react39.useMemo)(() => {
     return navigationDirection === "forward" ? "tw-animate-slide-in-right" : "tw-animate-slide-in-left";
   }, [navigationDirection]);
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
     "div",
     {
       className: animationClass,
       style: mergeStyles(pageContainerBaseStyle),
-      children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(PageComponent, {})
+      children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(PageComponent, {})
     },
     `${currentStep}-${stepHistory.length}`
   );
 }
 
 // src/widget/TrustwareWidgetV2.tsx
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 var widgetContentContainerStyle = {
   position: "relative",
   width: "100%",
@@ -14297,9 +14545,9 @@ function WidgetContent({
     transactionStatus,
     onStateChange
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { style: mergeStyles(widgetContentContainerStyle, style), children: [
-    showThemeToggle && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { style: themeToggleContainerStyle, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(ThemeToggle, { theme: resolvedTheme, onToggle: toggleTheme }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { style: mergeStyles(widgetContentContainerStyle, style), children: [
+    showThemeToggle && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { style: themeToggleContainerStyle, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(ThemeToggle, { theme: resolvedTheme, onToggle: toggleTheme }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
       WidgetRouter,
       {
         currentStep,
@@ -14348,16 +14596,16 @@ function WidgetInner({
   const handleRefresh = (0, import_react40.useCallback)(() => {
     revalidate?.();
   }, [revalidate]);
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_jsx_runtime52.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(WidgetContainer, { theme: effectiveTheme, style, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_jsx_runtime53.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(WidgetContainer, { theme: effectiveTheme, style, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
         WidgetContent,
         {
           onStateChange,
           showThemeToggle
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
         InitErrorOverlay,
         {
           open: initBlocked,
@@ -14367,7 +14615,7 @@ function WidgetInner({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
       ConfirmCloseDialog,
       {
         open: showConfirmDialog,
@@ -14418,7 +14666,7 @@ var TrustwareWidgetV2 = (0, import_react40.forwardRef)(function TrustwareWidgetV
   if (!isOpen) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(DepositProvider, { initialStep: effectiveInitialStep, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(DepositProvider, { initialStep: effectiveInitialStep, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
     WidgetInner,
     {
       theme,