@unifold/connect-react 0.1.65 → 0.1.67

package/dist/index.d.mts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React from 'react';
 import { QueryClient } from '@tanstack/react-query';
-import { ChainType, DepositConfirmationMode, DepositModalInitialScreen, ThemeMode, ThemeConfig, FontConfig, ComponentConfig, WithdrawTransactionInfo, AllowedCountryResult } from '@unifold/ui-react';
-export { AllowedCountryResult, BrowserWalletAmountQuickSelect, Button, ButtonProps, ButtonTokens, CardTokens, ComponentConfig, ComponentTokens, ConfirmingView, ContainerTokens, CustomThemeColors, DepositConfirmationMode, DepositModalInitialScreen as DepositInitialScreen, FontConfig, HeaderTokens, InputTokens, ListTokens, SearchTokens, ThemeColors, ThemeConfig, ThemeMode, UseSupportedDepositTokensOptions, WithdrawTransactionInfo, useSupportedDepositTokens } from '@unifold/ui-react';
-import { EvmContractCall, DepositEvent } from '@unifold/core';
-export { ActionType, AutoSwapRequest, AutoSwapResponse, ChainType, CreateDepositAddressRequest, DefaultTokenChain, DefaultTokenMetadata, DefaultTokenResponse, DepositAddressResponse, DepositEvent, DepositEventType, DepositQuote, DepositQuoteRequest, DestinationToken, DestinationTokenChain, ExecutionStatus, FeaturedToken, FiatCurrenciesResponse, FiatCurrency, I18nStrings, IconUrl, IpAddressResponse, LockedQuoteLimits, LockedQuotePreview, LockedQuotePreviewRequest, OnrampQuote, OnrampQuotesRequest, OnrampQuotesResponse, OnrampSessionCreatedData, OnrampSessionCreatedEvent, OnrampSessionRequest, OnrampSessionResponse, PaymentIntent, PaymentIntentDepositAddress, PaymentIntentStatus, PaymentIntentType, PaymentNetwork, ProjectConfigResponse, QueryExecutionsRequest, QueryExecutionsResponse, SOLANA_USDC_ADDRESS, SendSolanaTransactionRequest, SendSolanaTransactionResponse, SourceToken, SourceTokenNetwork, SupportedChain, SupportedDepositTokensResponse, SupportedDestinationTokensResponse, SupportedSourceTokensQuery, SupportedSourceTokensResponse, SupportedToken, TokenChain, TokenChainIconUrl, TokenChainsResponse, UserIpInfo, Wallet, createDepositAddress, createOnrampSession, generatePrefixedKSUID, getApiBaseUrl, getChainName, getDefaultOnrampToken, getDepositQuote, getFiatCurrencies, getIconUrl, getIconUrlWithCdn, getIpAddress, getOnrampQuotes, getPreferredIconUrl, getProjectConfig, getSupportedDepositTokens, getSupportedDestinationTokens, getTokenChains, getWalletByChainType, i18n, queryExecutions, retrievePaymentIntent, sendSolanaTransaction, setApiConfig, useUserIp } from '@unifold/core';
+import { ChainType, DepositConfirmationMode, DepositMethod, DepositModalInitialScreen, ThemeMode, ThemeConfig, FontConfig, ComponentConfig, WithdrawTransactionInfo, AllowedCountryResult } from '@unifold/ui-react';
+export { AllowedCountryResult, BrowserWalletAmountQuickSelect, Button, ButtonProps, ButtonTokens, CardTokens, ComponentConfig, ComponentTokens, ConfirmingView, ContainerTokens, CustomThemeColors, DepositConfirmationMode, DepositModalInitialScreen as DepositInitialScreen, DepositMethod, FontConfig, HeaderTokens, InputTokens, ListTokens, SearchTokens, ThemeColors, ThemeConfig, ThemeMode, UseSupportedDepositTokensOptions, WithdrawTransactionInfo, useSupportedDepositTokens } from '@unifold/ui-react';
+import { EvmContractCall, DirectExecutionSucceededEvent, DepositEvent, WithdrawDirectExecutionSucceededEvent, WithdrawEvent } from '@unifold/core';
+export { ActionType, AutoSwapRequest, AutoSwapResponse, ChainType, CreateDepositAddressRequest, DefaultTokenChain, DefaultTokenMetadata, DefaultTokenResponse, DepositAddressResponse, DepositEvent, DepositEventType, DepositQuote, DepositQuoteRequest, DestinationToken, DestinationTokenChain, DirectExecution, DirectExecutionResponse, ExecutionStatus, FeaturedToken, FiatCurrenciesResponse, FiatCurrency, I18nStrings, IconUrl, IpAddressResponse, LockedQuoteLimits, LockedQuotePreview, LockedQuotePreviewRequest, OnrampQuote, OnrampQuotesRequest, OnrampQuotesResponse, OnrampSessionCreatedData, OnrampSessionCreatedEvent, OnrampSessionRequest, OnrampSessionResponse, PaymentIntent, PaymentIntentDepositAddress, PaymentIntentStatus, PaymentIntentType, PaymentNetwork, ProjectConfigResponse, QueryExecutionsRequest, QueryExecutionsResponse, SOLANA_USDC_ADDRESS, SendSolanaTransactionRequest, SendSolanaTransactionResponse, SourceToken, SourceTokenNetwork, SupportedChain, SupportedDepositTokensResponse, SupportedDestinationTokensResponse, SupportedSourceTokensQuery, SupportedSourceTokensResponse, SupportedToken, TokenChain, TokenChainIconUrl, TokenChainsResponse, UserIpInfo, Wallet, WithdrawDirectExecutionSucceededEvent, WithdrawEvent, WithdrawEventType, createDepositAddress, createOnrampSession, generatePrefixedKSUID, getApiBaseUrl, getChainName, getDefaultOnrampToken, getDepositQuote, getFiatCurrencies, getIconUrl, getIconUrlWithCdn, getIpAddress, getOnrampQuotes, getPreferredIconUrl, getProjectConfig, getSupportedDepositTokens, getSupportedDestinationTokens, getTokenChains, getWalletByChainType, i18n, queryExecutions, retrievePaymentIntent, sendSolanaTransaction, setApiConfig, useUserIp } from '@unifold/core';
 
 interface UnifoldConnectProviderConfig {
     publishableKey: string;
@@ -79,11 +79,14 @@ interface DepositResult {
     message: string;
     transaction?: unknown;
     executionId?: string;
+    execution?: DirectExecutionSucceededEvent;
+    method?: DepositMethod;
 }
 interface DepositError {
     message: string;
     error?: unknown;
     code?: string;
+    method?: DepositMethod;
 }
 interface DepositConfig {
     externalUserId: string;
@@ -144,6 +147,8 @@ interface CheckoutError {
 interface WithdrawResult {
     message: string;
     transaction?: unknown;
+    executionId?: string;
+    execution?: WithdrawDirectExecutionSucceededEvent;
 }
 interface WithdrawError {
     message: string;
@@ -210,6 +215,8 @@ interface WithdrawConfig {
     withdraw: (txInfo: WithdrawTransactionInfo) => void | Promise<void>;
     onSuccess?: (data: WithdrawResult) => void;
     onError?: (error: WithdrawError) => void;
+    /** Called when withdraw lifecycle events occur. */
+    onEvent?: (event: WithdrawEvent) => void;
     onClose?: () => void;
 }
 

package/dist/index.d.ts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React from 'react';
 import { QueryClient } from '@tanstack/react-query';
-import { ChainType, DepositConfirmationMode, DepositModalInitialScreen, ThemeMode, ThemeConfig, FontConfig, ComponentConfig, WithdrawTransactionInfo, AllowedCountryResult } from '@unifold/ui-react';
-export { AllowedCountryResult, BrowserWalletAmountQuickSelect, Button, ButtonProps, ButtonTokens, CardTokens, ComponentConfig, ComponentTokens, ConfirmingView, ContainerTokens, CustomThemeColors, DepositConfirmationMode, DepositModalInitialScreen as DepositInitialScreen, FontConfig, HeaderTokens, InputTokens, ListTokens, SearchTokens, ThemeColors, ThemeConfig, ThemeMode, UseSupportedDepositTokensOptions, WithdrawTransactionInfo, useSupportedDepositTokens } from '@unifold/ui-react';
-import { EvmContractCall, DepositEvent } from '@unifold/core';
-export { ActionType, AutoSwapRequest, AutoSwapResponse, ChainType, CreateDepositAddressRequest, DefaultTokenChain, DefaultTokenMetadata, DefaultTokenResponse, DepositAddressResponse, DepositEvent, DepositEventType, DepositQuote, DepositQuoteRequest, DestinationToken, DestinationTokenChain, ExecutionStatus, FeaturedToken, FiatCurrenciesResponse, FiatCurrency, I18nStrings, IconUrl, IpAddressResponse, LockedQuoteLimits, LockedQuotePreview, LockedQuotePreviewRequest, OnrampQuote, OnrampQuotesRequest, OnrampQuotesResponse, OnrampSessionCreatedData, OnrampSessionCreatedEvent, OnrampSessionRequest, OnrampSessionResponse, PaymentIntent, PaymentIntentDepositAddress, PaymentIntentStatus, PaymentIntentType, PaymentNetwork, ProjectConfigResponse, QueryExecutionsRequest, QueryExecutionsResponse, SOLANA_USDC_ADDRESS, SendSolanaTransactionRequest, SendSolanaTransactionResponse, SourceToken, SourceTokenNetwork, SupportedChain, SupportedDepositTokensResponse, SupportedDestinationTokensResponse, SupportedSourceTokensQuery, SupportedSourceTokensResponse, SupportedToken, TokenChain, TokenChainIconUrl, TokenChainsResponse, UserIpInfo, Wallet, createDepositAddress, createOnrampSession, generatePrefixedKSUID, getApiBaseUrl, getChainName, getDefaultOnrampToken, getDepositQuote, getFiatCurrencies, getIconUrl, getIconUrlWithCdn, getIpAddress, getOnrampQuotes, getPreferredIconUrl, getProjectConfig, getSupportedDepositTokens, getSupportedDestinationTokens, getTokenChains, getWalletByChainType, i18n, queryExecutions, retrievePaymentIntent, sendSolanaTransaction, setApiConfig, useUserIp } from '@unifold/core';
+import { ChainType, DepositConfirmationMode, DepositMethod, DepositModalInitialScreen, ThemeMode, ThemeConfig, FontConfig, ComponentConfig, WithdrawTransactionInfo, AllowedCountryResult } from '@unifold/ui-react';
+export { AllowedCountryResult, BrowserWalletAmountQuickSelect, Button, ButtonProps, ButtonTokens, CardTokens, ComponentConfig, ComponentTokens, ConfirmingView, ContainerTokens, CustomThemeColors, DepositConfirmationMode, DepositModalInitialScreen as DepositInitialScreen, DepositMethod, FontConfig, HeaderTokens, InputTokens, ListTokens, SearchTokens, ThemeColors, ThemeConfig, ThemeMode, UseSupportedDepositTokensOptions, WithdrawTransactionInfo, useSupportedDepositTokens } from '@unifold/ui-react';
+import { EvmContractCall, DirectExecutionSucceededEvent, DepositEvent, WithdrawDirectExecutionSucceededEvent, WithdrawEvent } from '@unifold/core';
+export { ActionType, AutoSwapRequest, AutoSwapResponse, ChainType, CreateDepositAddressRequest, DefaultTokenChain, DefaultTokenMetadata, DefaultTokenResponse, DepositAddressResponse, DepositEvent, DepositEventType, DepositQuote, DepositQuoteRequest, DestinationToken, DestinationTokenChain, DirectExecution, DirectExecutionResponse, ExecutionStatus, FeaturedToken, FiatCurrenciesResponse, FiatCurrency, I18nStrings, IconUrl, IpAddressResponse, LockedQuoteLimits, LockedQuotePreview, LockedQuotePreviewRequest, OnrampQuote, OnrampQuotesRequest, OnrampQuotesResponse, OnrampSessionCreatedData, OnrampSessionCreatedEvent, OnrampSessionRequest, OnrampSessionResponse, PaymentIntent, PaymentIntentDepositAddress, PaymentIntentStatus, PaymentIntentType, PaymentNetwork, ProjectConfigResponse, QueryExecutionsRequest, QueryExecutionsResponse, SOLANA_USDC_ADDRESS, SendSolanaTransactionRequest, SendSolanaTransactionResponse, SourceToken, SourceTokenNetwork, SupportedChain, SupportedDepositTokensResponse, SupportedDestinationTokensResponse, SupportedSourceTokensQuery, SupportedSourceTokensResponse, SupportedToken, TokenChain, TokenChainIconUrl, TokenChainsResponse, UserIpInfo, Wallet, WithdrawDirectExecutionSucceededEvent, WithdrawEvent, WithdrawEventType, createDepositAddress, createOnrampSession, generatePrefixedKSUID, getApiBaseUrl, getChainName, getDefaultOnrampToken, getDepositQuote, getFiatCurrencies, getIconUrl, getIconUrlWithCdn, getIpAddress, getOnrampQuotes, getPreferredIconUrl, getProjectConfig, getSupportedDepositTokens, getSupportedDestinationTokens, getTokenChains, getWalletByChainType, i18n, queryExecutions, retrievePaymentIntent, sendSolanaTransaction, setApiConfig, useUserIp } from '@unifold/core';
 
 interface UnifoldConnectProviderConfig {
     publishableKey: string;
@@ -79,11 +79,14 @@ interface DepositResult {
     message: string;
     transaction?: unknown;
     executionId?: string;
+    execution?: DirectExecutionSucceededEvent;
+    method?: DepositMethod;
 }
 interface DepositError {
     message: string;
     error?: unknown;
     code?: string;
+    method?: DepositMethod;
 }
 interface DepositConfig {
     externalUserId: string;
@@ -144,6 +147,8 @@ interface CheckoutError {
 interface WithdrawResult {
     message: string;
     transaction?: unknown;
+    executionId?: string;
+    execution?: WithdrawDirectExecutionSucceededEvent;
 }
 interface WithdrawError {
     message: string;
@@ -210,6 +215,8 @@ interface WithdrawConfig {
     withdraw: (txInfo: WithdrawTransactionInfo) => void | Promise<void>;
     onSuccess?: (data: WithdrawResult) => void;
     onError?: (error: WithdrawError) => void;
+    /** Called when withdraw lifecycle events occur. */
+    onEvent?: (event: WithdrawEvent) => void;
     onClose?: () => void;
 }
 

package/dist/index.js

@@ -1159,6 +1159,7 @@ __export(index_exports, {
   ExecutionStatus: () => ExecutionStatus,
   SOLANA_USDC_ADDRESS: () => SOLANA_USDC_ADDRESS,
   UnifoldProvider: () => UnifoldProvider2,
+  WithdrawEventType: () => WithdrawEventType,
   createDepositAddress: () => createDepositAddress,
   createOnrampSession: () => createOnrampSession,
   generatePrefixedKSUID: () => generatePrefixedKSUID,
@@ -1353,6 +1354,17 @@ var ArrowUpDown = createLucideIcon("ArrowUpDown", [
   ["path", { d: "M7 4v16", key: "1glfcx" }]
 ]);
 
+// ../../node_modules/.pnpm/lucide-react@0.454.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/bitcoin.js
+var Bitcoin = createLucideIcon("Bitcoin", [
+  [
+    "path",
+    {
+      d: "M11.767 19.089c4.924.868 6.14-6.025 1.216-6.894m-1.216 6.894L5.86 18.047m5.908 1.042-.347 1.97m1.563-8.864c4.924.869 6.14-6.025 1.215-6.893m-1.215 6.893-3.94-.694m5.155-6.2L8.29 4.26m5.908 1.042.348-1.97M7.48 20.364l3.126-17.727",
+      key: "yr8idg"
+    }
+  ]
+]);
+
 // ../../node_modules/.pnpm/lucide-react@0.454.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/check.js
 var Check = createLucideIcon("Check", [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]]);
 
@@ -7144,8 +7156,13 @@ async function sendHypercoreTransaction(request, publishableKey) {
 }
 var DepositEventType = /* @__PURE__ */ ((DepositEventType2) => {
   DepositEventType2["ONRAMP_SESSION_CREATED"] = "onramp_session.created";
+  DepositEventType2["DIRECT_EXECUTION_SUCCEEDED"] = "direct_execution.succeeded";
   return DepositEventType2;
 })(DepositEventType || {});
+var WithdrawEventType = /* @__PURE__ */ ((WithdrawEventType2) => {
+  WithdrawEventType2["DIRECT_EXECUTION_SUCCEEDED"] = "direct_execution.succeeded";
+  return WithdrawEventType2;
+})(WithdrawEventType || {});
 function useUserIp() {
   const {
     data: userIpInfo,
@@ -15115,6 +15132,31 @@ function useDepositPolling({
   onDepositSuccess,
   onDepositError
 }) {
+  const createExecutionSuccessEvent = (execution) => ({
+    id: generatePrefixedKSUID("sevt"),
+    type: DepositEventType.DIRECT_EXECUTION_SUCCEEDED,
+    created: execution.updated_at ? Math.floor(new Date(execution.updated_at).getTime() / 1e3) : execution.created_at ? Math.floor(new Date(execution.created_at).getTime() / 1e3) : Math.floor(Date.now() / 1e3),
+    data: { object: mapToDirectExecution(execution) }
+  });
+  const mapToDirectExecution = (execution) => ({
+    id: execution.id,
+    transactionHash: execution.transaction_hash,
+    recipientAddress: execution.recipient_address,
+    depositAddress: execution.deposit_wallet?.address,
+    sourceChainType: execution.source_chain_type,
+    sourceChainId: execution.source_chain_id,
+    sourceTokenAddress: execution.source_token_address,
+    destinationChainType: execution.destination_chain_type,
+    destinationChainId: execution.destination_chain_id,
+    destinationTokenAddress: execution.destination_token_address,
+    sourceAmountBaseUnit: execution.source_amount_base_unit,
+    sourceAmountUsd: execution.source_amount_usd,
+    destinationAmountBaseUnit: execution.destination_amount_base_unit,
+    destinationAmountUsd: execution.destination_amount_usd,
+    destinationTransactionHashes: execution.destination_transaction_hashes,
+    status: execution.status,
+    failureReason: execution.failure_reason
+  });
   const [executions, setExecutions] = (0, import_react12.useState)([]);
   const [isPolling, setIsPolling] = (0, import_react12.useState)(false);
   const [pollingEnabled, setPollingEnabled] = (0, import_react12.useState)(false);
@@ -15228,7 +15270,9 @@ function useDepositPolling({
             onDepositSuccessRef.current?.({
               message: "Deposit completed successfully",
               executionId: execution.id,
-              transaction: execution
+              // Backward compatibility: keep transaction in API response shape.
+              transaction: execution,
+              execution: createExecutionSuccessEvent(execution)
             });
           } else if (execution.status === ExecutionStatus.FAILED && previousStatus !== ExecutionStatus.FAILED) {
             onDepositErrorRef.current?.({
@@ -21409,6 +21453,8 @@ function CoinbaseConnect({
   destinationChainId,
   destinationChainType,
   onTransferSuccess,
+  onDepositSuccess,
+  onDepositError,
   onTransferError,
   onClose,
   onBack: parentOnBack,
@@ -21556,10 +21602,14 @@ function CoinbaseConnect({
     depositWalletId: transferDepositWalletId,
     enabled: view === "success" && !!transferDepositWalletId,
     immediateDirectPolling: true,
-    onDepositSuccess: onTransferSuccess ? () => {
-      if (confirmResult) onTransferSuccess(confirmResult);
+    onDepositSuccess: onDepositSuccess || onTransferSuccess ? (data) => {
+      onDepositSuccess?.(data);
+      if (onTransferSuccess && confirmResult) onTransferSuccess(confirmResult);
     } : void 0,
-    onDepositError: onTransferError
+    onDepositError: onDepositError || onTransferError ? (error) => {
+      onDepositError?.(error);
+      onTransferError?.({ message: error.message });
+    } : void 0
   });
   (0, import_react20.useEffect)(() => {
     onExecutionsChange?.(depositExecutions);
@@ -27746,7 +27796,10 @@ function WalletConnect({
               children: [
                 /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
                   WALLET_ICONS3[wallet.id] ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(WalletIconWithNetwork, { WalletIcon: WALLET_ICONS3[wallet.id], networks: wallet.networks, size: 40, className: "uf-rounded-lg" }) : /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { className: "uf-w-10 uf-h-10 uf-rounded-lg uf-bg-gray-500" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { className: "uf-text-sm uf-font-medium", style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: wallet.name })
+                  /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { className: "uf-text-sm uf-font-medium", style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: wallet.name }),
+                    wallet.id === recentWalletId && /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("span", { className: "uf-text-xs uf-px-2 uf-py-0.5 uf-rounded-full", style: { backgroundColor: colors2.primary + "20", color: colors2.primary, fontFamily: fonts.medium }, children: "Last used" })
+                  ] })
                 ] }),
                 isPending ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(LoaderCircle, { className: "uf-w-4 uf-h-4 uf-animate-spin", style: { color: colors2.primary } }) : wallet.isInstalled ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("span", { className: "uf-text-xs uf-px-2 uf-py-1 uf-rounded-full", style: { backgroundColor: colors2.primary + "20", color: colors2.primary, fontFamily: fonts.medium }, children: "Detected" }) : /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-1", children: [
                   /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("span", { className: "uf-text-xs", style: { color: colors2.foregroundMuted, fontFamily: fonts.regular }, children: showOpenInApp ? "Open" : "Install" }),
@@ -28007,6 +28060,23 @@ function DepositModal({
   depositTrackerSubTitle = t7.depositTracker.subtitle
 }) {
   const { colors: colors2, fonts, components } = useTheme();
+  const onDepositSuccessFor = (0, import_react8.useCallback)(
+    (method) => onDepositSuccess || onEvent ? (data) => {
+      const payload = { ...data, method };
+      onDepositSuccess?.(payload);
+      if (payload.execution) {
+        onEvent?.({
+          ...payload.execution,
+          method
+        });
+      }
+    } : void 0,
+    [onDepositSuccess, onEvent]
+  );
+  const onDepositErrorFor = (0, import_react8.useCallback)(
+    (method) => onDepositError ? (error) => onDepositError({ ...error, method }) : void 0,
+    [onDepositError]
+  );
   const effectiveInitialScreen = (0, import_react8.useMemo)(() => {
     const s = initialScreen ?? "main";
     if (s === "tracker" && hideDepositTracker === true) return "main";
@@ -28547,8 +28617,8 @@ function DepositModal({
     cashAppMenuButton
   ].filter(Boolean);
   const depositTabs = [
-    { id: "crypto", label: "Use Crypto", buttons: cryptoMenuButtons },
-    { id: "cash", label: "Use Cash", buttons: cashMenuButtons }
+    { id: "crypto", label: "Use Crypto", icon: Bitcoin, buttons: cryptoMenuButtons },
+    { id: "cash", label: "Use Cash", icon: DollarSign, buttons: cashMenuButtons }
   ].filter((tab) => tab.buttons.length > 0);
   const activeDepositTab = depositTabs.find((tab) => tab.id === depositTab) ?? depositTabs[0];
   const renderMainMenuBody = () => {
@@ -28571,18 +28641,16 @@ function DepositModal({
             role: "tablist",
             children: depositTabs.map((tab) => {
               const active = activeDepositTab.id === tab.id;
-              return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+              const TabIcon = tab.icon;
+              return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
                 "button",
                 {
                   type: "button",
                   role: "tab",
                   "aria-selected": active,
                   onClick: () => setDepositTab(tab.id),
-                  className: "uf-flex-1 uf-py-2 uf-px-3 uf-rounded-lg uf-text-sm uf-transition-all",
+                  className: "uf-flex-1 uf-py-2 uf-px-3 uf-rounded-lg uf-text-sm uf-transition-all uf-flex uf-items-center uf-justify-center uf-gap-1.5",
                   style: {
-                    // Active tab is a soft, blurred glass pill — a faint accent
-                    // tint with its own backdrop blur and a subtle border/shadow,
-                    // so it looks frosted instead of like a hard solid button.
                     backgroundColor: active ? `color-mix(in srgb, ${colors2.primary} 22%, transparent)` : "transparent",
                     backdropFilter: active ? "blur(8px)" : void 0,
                     WebkitBackdropFilter: active ? "blur(8px)" : void 0,
@@ -28590,7 +28658,19 @@ function DepositModal({
                     color: active ? colors2.foreground : colors2.foregroundMuted,
                     fontFamily: fonts.medium
                   },
-                  children: tab.label
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+                      "span",
+                      {
+                        className: "uf-inline-flex uf-items-center uf-justify-center uf-rounded-full uf-w-5 uf-h-5 uf-flex-shrink-0",
+                        style: {
+                          backgroundColor: active ? colors2.foreground : colors2.foregroundMuted
+                        },
+                        children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(TabIcon, { size: 12, style: { color: active ? colors2.background : colors2.background }, strokeWidth: 2.5 })
+                      }
+                    ),
+                    tab.label
+                  ]
                 },
                 tab.id
               );
@@ -28681,8 +28761,8 @@ function DepositModal({
                     defaultSourceSymbol,
                     depositConfirmationMode,
                     onExecutionsChange: setDepositExecutions,
-                    onDepositSuccess,
-                    onDepositError,
+                    onDepositSuccess: onDepositSuccessFor("transfer"),
+                    onDepositError: onDepositErrorFor("transfer"),
                     wallets
                   }
                 ) : /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
@@ -28700,8 +28780,8 @@ function DepositModal({
                     defaultSourceSymbol,
                     depositConfirmationMode,
                     onExecutionsChange: setDepositExecutions,
-                    onDepositSuccess,
-                    onDepositError,
+                    onDepositSuccess: onDepositSuccessFor("transfer"),
+                    onDepositError: onDepositErrorFor("transfer"),
                     wallets
                   }
                 ),
@@ -28766,8 +28846,8 @@ function DepositModal({
                     destinationChainType,
                     destinationChainId,
                     destinationTokenAddress,
-                    onDepositSuccess,
-                    onDepositError,
+                    onDepositSuccess: onDepositSuccessFor("card"),
+                    onDepositError: onDepositErrorFor("card"),
                     onEvent,
                     themeClass,
                     wallets,
@@ -28802,8 +28882,8 @@ function DepositModal({
                     destinationChainType,
                     destinationChainId,
                     destinationTokenAddress,
-                    onDepositSuccess,
-                    onDepositError,
+                    onDepositSuccess: onDepositSuccessFor("pay_with_exchange"),
+                    onDepositError: onDepositErrorFor("pay_with_exchange"),
                     wallets,
                     defaultToken: defaultToken ?? null
                   }
@@ -28821,14 +28901,10 @@ function DepositModal({
                   destinationTokenAddress: destinationTokenAddress ?? "",
                   destinationChainId: destinationChainId ?? "",
                   destinationChainType: destinationChainType ?? "",
-                  onTransferSuccess: (result) => {
-                    onDepositSuccess?.({
-                      message: "Transfer completed via Coinbase Connect",
-                      transaction: result
-                    });
-                  },
+                  onDepositSuccess: onDepositSuccessFor("exchange_connect"),
+                  onDepositError: onDepositErrorFor("exchange_connect"),
                   onTransferError: (error) => {
-                    onDepositError?.({
+                    onDepositErrorFor("exchange_connect")?.({
                       message: error.message,
                       error
                     });
@@ -28857,20 +28933,14 @@ function DepositModal({
                   publishableKey,
                   assetCdnUrl: projectConfig?.asset_cdn_url,
                   projectName: projectConfig?.project_name,
-                  onSuccess: (txHash) => {
-                    onDepositSuccess?.({
-                      message: "Transaction sent successfully",
-                      transaction: { txHash }
-                    });
-                  },
                   onError: (error) => {
-                    onDepositError?.({
+                    onDepositErrorFor("wallet_connect")?.({
                       message: error.message,
                       error
                     });
                   },
-                  onDepositSuccess,
-                  onDepositError,
+                  onDepositSuccess: onDepositSuccessFor("wallet_connect"),
+                  onDepositError: onDepositErrorFor("wallet_connect"),
                   amountQuickSelect: browserWalletAmountQuickSelect,
                   onWalletDisconnect: handleWalletDisconnect,
                   onWalletConnected: (info, dw) => {
@@ -28914,8 +28984,8 @@ function DepositModal({
                     onViewChange: setCashAppView,
                     onAmountChange: setCashAppAmount,
                     onEvent,
-                    onDepositSuccess,
-                    onDepositError
+                    onDepositSuccess: onDepositSuccessFor("cashapp"),
+                    onDepositError: onDepositErrorFor("cashapp")
                   }
                 ),
                 depositPoweredByFooter
@@ -29753,6 +29823,31 @@ function useWithdrawPolling({
   onWithdrawSuccess,
   onWithdrawError
 }) {
+  const createExecutionSuccessEvent = (execution) => ({
+    id: generatePrefixedKSUID("sevt"),
+    type: WithdrawEventType.DIRECT_EXECUTION_SUCCEEDED,
+    created: execution.updated_at ? Math.floor(new Date(execution.updated_at).getTime() / 1e3) : execution.created_at ? Math.floor(new Date(execution.created_at).getTime() / 1e3) : Math.floor(Date.now() / 1e3),
+    data: { object: mapToDirectExecution(execution) }
+  });
+  const mapToDirectExecution = (execution) => ({
+    id: execution.id,
+    transactionHash: execution.transaction_hash,
+    recipientAddress: execution.recipient_address,
+    depositAddress: execution.deposit_wallet?.address,
+    sourceChainType: execution.source_chain_type,
+    sourceChainId: execution.source_chain_id,
+    sourceTokenAddress: execution.source_token_address,
+    destinationChainType: execution.destination_chain_type,
+    destinationChainId: execution.destination_chain_id,
+    destinationTokenAddress: execution.destination_token_address,
+    sourceAmountBaseUnit: execution.source_amount_base_unit,
+    sourceAmountUsd: execution.source_amount_usd,
+    destinationAmountBaseUnit: execution.destination_amount_base_unit,
+    destinationAmountUsd: execution.destination_amount_usd,
+    destinationTransactionHashes: execution.destination_transaction_hashes,
+    status: execution.status,
+    failureReason: execution.failure_reason
+  });
   const [executions, setExecutions] = (0, import_react30.useState)([]);
   const [isPolling, setIsPolling] = (0, import_react30.useState)(false);
   const enabledAtRef = (0, import_react30.useRef)(/* @__PURE__ */ new Date());
@@ -29820,7 +29915,13 @@ function useWithdrawPolling({
             return [...list, ex];
           });
           if (ex.status === ExecutionStatus.SUCCEEDED && (!prev || inProgress.includes(prev))) {
-            onSuccessRef.current?.({ message: "Withdrawal completed successfully", executionId: ex.id, transaction: ex });
+            onSuccessRef.current?.({
+              message: "Withdrawal completed successfully",
+              executionId: ex.id,
+              // Backward compatibility: keep transaction in API response shape.
+              transaction: ex,
+              execution: createExecutionSuccessEvent(ex)
+            });
           } else if (ex.status === ExecutionStatus.FAILED && prev !== ExecutionStatus.FAILED) {
             onErrorRef.current?.({ message: "Withdrawal failed", code: "WITHDRAW_FAILED", error: ex });
           }
@@ -31022,9 +31123,19 @@ function WithdrawModal({
   onWithdraw,
   onWithdrawSuccess,
   onWithdrawError,
+  onEvent,
   theme = "dark",
   hideOverlay = false
 }) {
+  const onWithdrawSuccessFor = (0, import_react29.useCallback)(
+    (data) => {
+      onWithdrawSuccess?.(data);
+      if (data.execution) {
+        onEvent?.(data.execution);
+      }
+    },
+    [onWithdrawSuccess, onEvent]
+  );
   const { colors: colors2, fonts, components } = useTheme();
   const [containerEl, setContainerEl] = (0, import_react29.useState)(null);
   const containerCallbackRef = (0, import_react29.useCallback)((el) => {
@@ -31086,7 +31197,7 @@ function WithdrawModal({
     publishableKey,
     depositWalletId: withdrawDepositWalletId,
     enabled: !!withdrawDepositWalletId && open,
-    onWithdrawSuccess: onWithdrawSuccess ? (d) => onWithdrawSuccess({ message: d.message, transaction: d.transaction }) : void 0,
+    onWithdrawSuccess: onWithdrawSuccess || onEvent ? onWithdrawSuccessFor : void 0,
     onWithdrawError
   });
   const { data: allWithdrawalsData } = useExecutions(externalUserId, publishableKey, {
@@ -31586,6 +31697,7 @@ function UnifoldProvider2({
             onWithdraw: withdrawConfig.withdraw,
             onWithdrawSuccess: handleWithdrawSuccess,
             onWithdrawError: handleWithdrawError,
+            onEvent: withdrawConfig.onEvent,
             theme: resolvedTheme
           }
         ),
@@ -31681,6 +31793,7 @@ function useAllowedCountry2() {
   ExecutionStatus,
   SOLANA_USDC_ADDRESS,
   UnifoldProvider,
+  WithdrawEventType,
   createDepositAddress,
   createOnrampSession,
   generatePrefixedKSUID,
@@ -31718,6 +31831,7 @@ lucide-react/dist/esm/createLucideIcon.js:
 lucide-react/dist/esm/icons/arrow-left-right.js:
 lucide-react/dist/esm/icons/arrow-left.js:
 lucide-react/dist/esm/icons/arrow-up-down.js:
+lucide-react/dist/esm/icons/bitcoin.js:
 lucide-react/dist/esm/icons/check.js:
 lucide-react/dist/esm/icons/chevron-down.js:
 lucide-react/dist/esm/icons/chevron-right.js:

package/dist/index.mjs

@@ -1326,6 +1326,17 @@ var ArrowUpDown = createLucideIcon("ArrowUpDown", [
   ["path", { d: "M7 4v16", key: "1glfcx" }]
 ]);
 
+// ../../node_modules/.pnpm/lucide-react@0.454.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/bitcoin.js
+var Bitcoin = createLucideIcon("Bitcoin", [
+  [
+    "path",
+    {
+      d: "M11.767 19.089c4.924.868 6.14-6.025 1.216-6.894m-1.216 6.894L5.86 18.047m5.908 1.042-.347 1.97m1.563-8.864c4.924.869 6.14-6.025 1.215-6.893m-1.215 6.893-3.94-.694m5.155-6.2L8.29 4.26m5.908 1.042.348-1.97M7.48 20.364l3.126-17.727",
+      key: "yr8idg"
+    }
+  ]
+]);
+
 // ../../node_modules/.pnpm/lucide-react@0.454.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/check.js
 var Check = createLucideIcon("Check", [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]]);
 
@@ -7117,8 +7128,13 @@ async function sendHypercoreTransaction(request, publishableKey) {
 }
 var DepositEventType = /* @__PURE__ */ ((DepositEventType2) => {
   DepositEventType2["ONRAMP_SESSION_CREATED"] = "onramp_session.created";
+  DepositEventType2["DIRECT_EXECUTION_SUCCEEDED"] = "direct_execution.succeeded";
   return DepositEventType2;
 })(DepositEventType || {});
+var WithdrawEventType = /* @__PURE__ */ ((WithdrawEventType2) => {
+  WithdrawEventType2["DIRECT_EXECUTION_SUCCEEDED"] = "direct_execution.succeeded";
+  return WithdrawEventType2;
+})(WithdrawEventType || {});
 function useUserIp() {
   const {
     data: userIpInfo,
@@ -15101,6 +15117,31 @@ function useDepositPolling({
   onDepositSuccess,
   onDepositError
 }) {
+  const createExecutionSuccessEvent = (execution) => ({
+    id: generatePrefixedKSUID("sevt"),
+    type: DepositEventType.DIRECT_EXECUTION_SUCCEEDED,
+    created: execution.updated_at ? Math.floor(new Date(execution.updated_at).getTime() / 1e3) : execution.created_at ? Math.floor(new Date(execution.created_at).getTime() / 1e3) : Math.floor(Date.now() / 1e3),
+    data: { object: mapToDirectExecution(execution) }
+  });
+  const mapToDirectExecution = (execution) => ({
+    id: execution.id,
+    transactionHash: execution.transaction_hash,
+    recipientAddress: execution.recipient_address,
+    depositAddress: execution.deposit_wallet?.address,
+    sourceChainType: execution.source_chain_type,
+    sourceChainId: execution.source_chain_id,
+    sourceTokenAddress: execution.source_token_address,
+    destinationChainType: execution.destination_chain_type,
+    destinationChainId: execution.destination_chain_id,
+    destinationTokenAddress: execution.destination_token_address,
+    sourceAmountBaseUnit: execution.source_amount_base_unit,
+    sourceAmountUsd: execution.source_amount_usd,
+    destinationAmountBaseUnit: execution.destination_amount_base_unit,
+    destinationAmountUsd: execution.destination_amount_usd,
+    destinationTransactionHashes: execution.destination_transaction_hashes,
+    status: execution.status,
+    failureReason: execution.failure_reason
+  });
   const [executions, setExecutions] = useState52([]);
   const [isPolling, setIsPolling] = useState52(false);
   const [pollingEnabled, setPollingEnabled] = useState52(false);
@@ -15214,7 +15255,9 @@ function useDepositPolling({
             onDepositSuccessRef.current?.({
               message: "Deposit completed successfully",
               executionId: execution.id,
-              transaction: execution
+              // Backward compatibility: keep transaction in API response shape.
+              transaction: execution,
+              execution: createExecutionSuccessEvent(execution)
             });
           } else if (execution.status === ExecutionStatus.FAILED && previousStatus !== ExecutionStatus.FAILED) {
             onDepositErrorRef.current?.({
@@ -21395,6 +21438,8 @@ function CoinbaseConnect({
   destinationChainId,
   destinationChainType,
   onTransferSuccess,
+  onDepositSuccess,
+  onDepositError,
   onTransferError,
   onClose,
   onBack: parentOnBack,
@@ -21542,10 +21587,14 @@ function CoinbaseConnect({
     depositWalletId: transferDepositWalletId,
     enabled: view === "success" && !!transferDepositWalletId,
     immediateDirectPolling: true,
-    onDepositSuccess: onTransferSuccess ? () => {
-      if (confirmResult) onTransferSuccess(confirmResult);
+    onDepositSuccess: onDepositSuccess || onTransferSuccess ? (data) => {
+      onDepositSuccess?.(data);
+      if (onTransferSuccess && confirmResult) onTransferSuccess(confirmResult);
     } : void 0,
-    onDepositError: onTransferError
+    onDepositError: onDepositError || onTransferError ? (error) => {
+      onDepositError?.(error);
+      onTransferError?.({ message: error.message });
+    } : void 0
   });
   useEffect172(() => {
     onExecutionsChange?.(depositExecutions);
@@ -27732,7 +27781,10 @@ function WalletConnect({
               children: [
                 /* @__PURE__ */ jsxs48("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
                   WALLET_ICONS3[wallet.id] ? /* @__PURE__ */ jsx54(WalletIconWithNetwork, { WalletIcon: WALLET_ICONS3[wallet.id], networks: wallet.networks, size: 40, className: "uf-rounded-lg" }) : /* @__PURE__ */ jsx54("div", { className: "uf-w-10 uf-h-10 uf-rounded-lg uf-bg-gray-500" }),
-                  /* @__PURE__ */ jsx54("div", { className: "uf-text-sm uf-font-medium", style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: wallet.name })
+                  /* @__PURE__ */ jsxs48("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
+                    /* @__PURE__ */ jsx54("div", { className: "uf-text-sm uf-font-medium", style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: wallet.name }),
+                    wallet.id === recentWalletId && /* @__PURE__ */ jsx54("span", { className: "uf-text-xs uf-px-2 uf-py-0.5 uf-rounded-full", style: { backgroundColor: colors2.primary + "20", color: colors2.primary, fontFamily: fonts.medium }, children: "Last used" })
+                  ] })
                 ] }),
                 isPending ? /* @__PURE__ */ jsx54(LoaderCircle, { className: "uf-w-4 uf-h-4 uf-animate-spin", style: { color: colors2.primary } }) : wallet.isInstalled ? /* @__PURE__ */ jsx54("span", { className: "uf-text-xs uf-px-2 uf-py-1 uf-rounded-full", style: { backgroundColor: colors2.primary + "20", color: colors2.primary, fontFamily: fonts.medium }, children: "Detected" }) : /* @__PURE__ */ jsxs48("div", { className: "uf-flex uf-items-center uf-gap-1", children: [
                   /* @__PURE__ */ jsx54("span", { className: "uf-text-xs", style: { color: colors2.foregroundMuted, fontFamily: fonts.regular }, children: showOpenInApp ? "Open" : "Install" }),
@@ -27993,6 +28045,23 @@ function DepositModal({
   depositTrackerSubTitle = t7.depositTracker.subtitle
 }) {
   const { colors: colors2, fonts, components } = useTheme();
+  const onDepositSuccessFor = useCallback52(
+    (method) => onDepositSuccess || onEvent ? (data) => {
+      const payload = { ...data, method };
+      onDepositSuccess?.(payload);
+      if (payload.execution) {
+        onEvent?.({
+          ...payload.execution,
+          method
+        });
+      }
+    } : void 0,
+    [onDepositSuccess, onEvent]
+  );
+  const onDepositErrorFor = useCallback52(
+    (method) => onDepositError ? (error) => onDepositError({ ...error, method }) : void 0,
+    [onDepositError]
+  );
   const effectiveInitialScreen = useMemo10(() => {
     const s = initialScreen ?? "main";
     if (s === "tracker" && hideDepositTracker === true) return "main";
@@ -28533,8 +28602,8 @@ function DepositModal({
     cashAppMenuButton
   ].filter(Boolean);
   const depositTabs = [
-    { id: "crypto", label: "Use Crypto", buttons: cryptoMenuButtons },
-    { id: "cash", label: "Use Cash", buttons: cashMenuButtons }
+    { id: "crypto", label: "Use Crypto", icon: Bitcoin, buttons: cryptoMenuButtons },
+    { id: "cash", label: "Use Cash", icon: DollarSign, buttons: cashMenuButtons }
   ].filter((tab) => tab.buttons.length > 0);
   const activeDepositTab = depositTabs.find((tab) => tab.id === depositTab) ?? depositTabs[0];
   const renderMainMenuBody = () => {
@@ -28557,18 +28626,16 @@ function DepositModal({
             role: "tablist",
             children: depositTabs.map((tab) => {
               const active = activeDepositTab.id === tab.id;
-              return /* @__PURE__ */ jsx55(
+              const TabIcon = tab.icon;
+              return /* @__PURE__ */ jsxs49(
                 "button",
                 {
                   type: "button",
                   role: "tab",
                   "aria-selected": active,
                   onClick: () => setDepositTab(tab.id),
-                  className: "uf-flex-1 uf-py-2 uf-px-3 uf-rounded-lg uf-text-sm uf-transition-all",
+                  className: "uf-flex-1 uf-py-2 uf-px-3 uf-rounded-lg uf-text-sm uf-transition-all uf-flex uf-items-center uf-justify-center uf-gap-1.5",
                   style: {
-                    // Active tab is a soft, blurred glass pill — a faint accent
-                    // tint with its own backdrop blur and a subtle border/shadow,
-                    // so it looks frosted instead of like a hard solid button.
                     backgroundColor: active ? `color-mix(in srgb, ${colors2.primary} 22%, transparent)` : "transparent",
                     backdropFilter: active ? "blur(8px)" : void 0,
                     WebkitBackdropFilter: active ? "blur(8px)" : void 0,
@@ -28576,7 +28643,19 @@ function DepositModal({
                     color: active ? colors2.foreground : colors2.foregroundMuted,
                     fontFamily: fonts.medium
                   },
-                  children: tab.label
+                  children: [
+                    /* @__PURE__ */ jsx55(
+                      "span",
+                      {
+                        className: "uf-inline-flex uf-items-center uf-justify-center uf-rounded-full uf-w-5 uf-h-5 uf-flex-shrink-0",
+                        style: {
+                          backgroundColor: active ? colors2.foreground : colors2.foregroundMuted
+                        },
+                        children: /* @__PURE__ */ jsx55(TabIcon, { size: 12, style: { color: active ? colors2.background : colors2.background }, strokeWidth: 2.5 })
+                      }
+                    ),
+                    tab.label
+                  ]
                 },
                 tab.id
               );
@@ -28667,8 +28746,8 @@ function DepositModal({
                     defaultSourceSymbol,
                     depositConfirmationMode,
                     onExecutionsChange: setDepositExecutions,
-                    onDepositSuccess,
-                    onDepositError,
+                    onDepositSuccess: onDepositSuccessFor("transfer"),
+                    onDepositError: onDepositErrorFor("transfer"),
                     wallets
                   }
                 ) : /* @__PURE__ */ jsx55(
@@ -28686,8 +28765,8 @@ function DepositModal({
                     defaultSourceSymbol,
                     depositConfirmationMode,
                     onExecutionsChange: setDepositExecutions,
-                    onDepositSuccess,
-                    onDepositError,
+                    onDepositSuccess: onDepositSuccessFor("transfer"),
+                    onDepositError: onDepositErrorFor("transfer"),
                     wallets
                   }
                 ),
@@ -28752,8 +28831,8 @@ function DepositModal({
                     destinationChainType,
                     destinationChainId,
                     destinationTokenAddress,
-                    onDepositSuccess,
-                    onDepositError,
+                    onDepositSuccess: onDepositSuccessFor("card"),
+                    onDepositError: onDepositErrorFor("card"),
                     onEvent,
                     themeClass,
                     wallets,
@@ -28788,8 +28867,8 @@ function DepositModal({
                     destinationChainType,
                     destinationChainId,
                     destinationTokenAddress,
-                    onDepositSuccess,
-                    onDepositError,
+                    onDepositSuccess: onDepositSuccessFor("pay_with_exchange"),
+                    onDepositError: onDepositErrorFor("pay_with_exchange"),
                     wallets,
                     defaultToken: defaultToken ?? null
                   }
@@ -28807,14 +28886,10 @@ function DepositModal({
                   destinationTokenAddress: destinationTokenAddress ?? "",
                   destinationChainId: destinationChainId ?? "",
                   destinationChainType: destinationChainType ?? "",
-                  onTransferSuccess: (result) => {
-                    onDepositSuccess?.({
-                      message: "Transfer completed via Coinbase Connect",
-                      transaction: result
-                    });
-                  },
+                  onDepositSuccess: onDepositSuccessFor("exchange_connect"),
+                  onDepositError: onDepositErrorFor("exchange_connect"),
                   onTransferError: (error) => {
-                    onDepositError?.({
+                    onDepositErrorFor("exchange_connect")?.({
                       message: error.message,
                       error
                     });
@@ -28843,20 +28918,14 @@ function DepositModal({
                   publishableKey,
                   assetCdnUrl: projectConfig?.asset_cdn_url,
                   projectName: projectConfig?.project_name,
-                  onSuccess: (txHash) => {
-                    onDepositSuccess?.({
-                      message: "Transaction sent successfully",
-                      transaction: { txHash }
-                    });
-                  },
                   onError: (error) => {
-                    onDepositError?.({
+                    onDepositErrorFor("wallet_connect")?.({
                       message: error.message,
                       error
                     });
                   },
-                  onDepositSuccess,
-                  onDepositError,
+                  onDepositSuccess: onDepositSuccessFor("wallet_connect"),
+                  onDepositError: onDepositErrorFor("wallet_connect"),
                   amountQuickSelect: browserWalletAmountQuickSelect,
                   onWalletDisconnect: handleWalletDisconnect,
                   onWalletConnected: (info, dw) => {
@@ -28900,8 +28969,8 @@ function DepositModal({
                     onViewChange: setCashAppView,
                     onAmountChange: setCashAppAmount,
                     onEvent,
-                    onDepositSuccess,
-                    onDepositError
+                    onDepositSuccess: onDepositSuccessFor("cashapp"),
+                    onDepositError: onDepositErrorFor("cashapp")
                   }
                 ),
                 depositPoweredByFooter
@@ -29739,6 +29808,31 @@ function useWithdrawPolling({
   onWithdrawSuccess,
   onWithdrawError
 }) {
+  const createExecutionSuccessEvent = (execution) => ({
+    id: generatePrefixedKSUID("sevt"),
+    type: WithdrawEventType.DIRECT_EXECUTION_SUCCEEDED,
+    created: execution.updated_at ? Math.floor(new Date(execution.updated_at).getTime() / 1e3) : execution.created_at ? Math.floor(new Date(execution.created_at).getTime() / 1e3) : Math.floor(Date.now() / 1e3),
+    data: { object: mapToDirectExecution(execution) }
+  });
+  const mapToDirectExecution = (execution) => ({
+    id: execution.id,
+    transactionHash: execution.transaction_hash,
+    recipientAddress: execution.recipient_address,
+    depositAddress: execution.deposit_wallet?.address,
+    sourceChainType: execution.source_chain_type,
+    sourceChainId: execution.source_chain_id,
+    sourceTokenAddress: execution.source_token_address,
+    destinationChainType: execution.destination_chain_type,
+    destinationChainId: execution.destination_chain_id,
+    destinationTokenAddress: execution.destination_token_address,
+    sourceAmountBaseUnit: execution.source_amount_base_unit,
+    sourceAmountUsd: execution.source_amount_usd,
+    destinationAmountBaseUnit: execution.destination_amount_base_unit,
+    destinationAmountUsd: execution.destination_amount_usd,
+    destinationTransactionHashes: execution.destination_transaction_hashes,
+    status: execution.status,
+    failureReason: execution.failure_reason
+  });
   const [executions, setExecutions] = useState34([]);
   const [isPolling, setIsPolling] = useState34(false);
   const enabledAtRef = useRef112(/* @__PURE__ */ new Date());
@@ -29806,7 +29900,13 @@ function useWithdrawPolling({
             return [...list, ex];
           });
           if (ex.status === ExecutionStatus.SUCCEEDED && (!prev || inProgress.includes(prev))) {
-            onSuccessRef.current?.({ message: "Withdrawal completed successfully", executionId: ex.id, transaction: ex });
+            onSuccessRef.current?.({
+              message: "Withdrawal completed successfully",
+              executionId: ex.id,
+              // Backward compatibility: keep transaction in API response shape.
+              transaction: ex,
+              execution: createExecutionSuccessEvent(ex)
+            });
           } else if (ex.status === ExecutionStatus.FAILED && prev !== ExecutionStatus.FAILED) {
             onErrorRef.current?.({ message: "Withdrawal failed", code: "WITHDRAW_FAILED", error: ex });
           }
@@ -31008,9 +31108,19 @@ function WithdrawModal({
   onWithdraw,
   onWithdrawSuccess,
   onWithdrawError,
+  onEvent,
   theme = "dark",
   hideOverlay = false
 }) {
+  const onWithdrawSuccessFor = useCallback82(
+    (data) => {
+      onWithdrawSuccess?.(data);
+      if (data.execution) {
+        onEvent?.(data.execution);
+      }
+    },
+    [onWithdrawSuccess, onEvent]
+  );
   const { colors: colors2, fonts, components } = useTheme();
   const [containerEl, setContainerEl] = useState37(null);
   const containerCallbackRef = useCallback82((el) => {
@@ -31072,7 +31182,7 @@ function WithdrawModal({
     publishableKey,
     depositWalletId: withdrawDepositWalletId,
     enabled: !!withdrawDepositWalletId && open,
-    onWithdrawSuccess: onWithdrawSuccess ? (d) => onWithdrawSuccess({ message: d.message, transaction: d.transaction }) : void 0,
+    onWithdrawSuccess: onWithdrawSuccess || onEvent ? onWithdrawSuccessFor : void 0,
     onWithdrawError
   });
   const { data: allWithdrawalsData } = useExecutions(externalUserId, publishableKey, {
@@ -31572,6 +31682,7 @@ function UnifoldProvider2({
             onWithdraw: withdrawConfig.withdraw,
             onWithdrawSuccess: handleWithdrawSuccess,
             onWithdrawError: handleWithdrawError,
+            onEvent: withdrawConfig.onEvent,
             theme: resolvedTheme
           }
         ),
@@ -31666,6 +31777,7 @@ export {
   ExecutionStatus,
   SOLANA_USDC_ADDRESS,
   UnifoldProvider2 as UnifoldProvider,
+  WithdrawEventType,
   createDepositAddress,
   createOnrampSession,
   generatePrefixedKSUID,
@@ -31703,6 +31815,7 @@ lucide-react/dist/esm/createLucideIcon.js:
 lucide-react/dist/esm/icons/arrow-left-right.js:
 lucide-react/dist/esm/icons/arrow-left.js:
 lucide-react/dist/esm/icons/arrow-up-down.js:
+lucide-react/dist/esm/icons/bitcoin.js:
 lucide-react/dist/esm/icons/check.js:
 lucide-react/dist/esm/icons/chevron-down.js:
 lucide-react/dist/esm/icons/chevron-right.js:

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unifold/connect-react",
-  "version": "0.1.65",
+  "version": "0.1.67",
   "description": "Unifold Connect React - Complete React SDK with UI components for crypto deposits",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -26,9 +26,9 @@
   },
   "dependencies": {
     "@tanstack/react-query": "^5.90.11",
-    "@unifold/core": "0.1.65",
-    "@unifold/ui-react": "0.1.65",
-    "@unifold/react-provider": "0.1.65"
+    "@unifold/core": "0.1.67",
+    "@unifold/react-provider": "0.1.67",
+    "@unifold/ui-react": "0.1.67"
   },
   "devDependencies": {
     "@types/react": "^19.0.0",