@unifold/ui-react 0.1.65 → 0.1.67

package/dist/index.d.mts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { AutoSwapResponse, ChainType, EvmContractCall, DepositEvent, Wallet, ProductType, FiatCurrency, ExecutionStatus, FeaturedToken, PaymentNetwork, ConfirmIntegrationTransferResult, DestinationToken, DestinationTokenChain, PaymentIntent, DepositQuote, SupportedDestinationTokensResponse, SupportedDepositTokensResponse, VerifyAddressResponse } from '@unifold/core';
-export { ChainType } from '@unifold/core';
+import { DirectExecutionSucceededEvent, DirectExecutionResponse, ChainType, EvmContractCall, DepositMethod, DepositEvent, Wallet, ProductType, FiatCurrency, ExecutionStatus, FeaturedToken, PaymentNetwork, ConfirmIntegrationTransferResult, WithdrawDirectExecutionSucceededEvent, WithdrawEvent, DestinationToken, DestinationTokenChain, PaymentIntent, DepositQuote, SupportedDestinationTokensResponse, SupportedDepositTokensResponse, VerifyAddressResponse } from '@unifold/core';
+export { ChainType, DepositMethod } from '@unifold/core';
 import * as _tanstack_react_query from '@tanstack/react-query';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import * as React$1 from 'react';
@@ -41,6 +41,7 @@ interface UseDepositPollingOptions {
         message: string;
         transaction?: unknown;
         executionId?: string;
+        execution?: DirectExecutionSucceededEvent;
     }) => void;
     onDepositError?: (error: {
         message: string;
@@ -55,7 +56,7 @@ interface UseDepositPollingOptions {
     immediateDirectPolling?: boolean;
 }
 interface UseDepositPollingResult {
-    executions: AutoSwapResponse[];
+    executions: DirectExecutionResponse[];
     isPolling: boolean;
     /** Whether the backend poll endpoint has been enabled */
     pollingEnabled: boolean;
@@ -217,12 +218,17 @@ interface DepositModalProps {
         message: string;
         transaction?: unknown;
         executionId?: string;
+        execution?: DirectExecutionSucceededEvent;
+        /** Which funding method produced this success event. */
+        method?: DepositMethod;
     }) => void;
     onEvent?: (event: DepositEvent) => void;
     onDepositError?: (error: {
         message: string;
         error?: unknown;
         code?: string;
+        /** Which funding method produced this error event. */
+        method?: DepositMethod;
     }) => void;
     theme?: "light" | "dark" | "auto";
     /** Hide the dialog overlay and close button for inline/embedded mode */
@@ -279,11 +285,12 @@ interface TransferCryptoSingleInputProps {
      *  - "manual": User must click "I've made the deposit" to start polling
      */
     depositConfirmationMode?: DepositConfirmationMode;
-    onExecutionsChange?: (executions: AutoSwapResponse[]) => void;
+    onExecutionsChange?: (executions: DirectExecutionResponse[]) => void;
     onDepositSuccess?: (data: {
         message: string;
         transaction?: unknown;
         executionId?: string;
+        execution?: DirectExecutionSucceededEvent;
     }) => void;
     onDepositError?: (error: {
         message: string;
@@ -335,11 +342,12 @@ interface TransferCryptoDoubleInputProps {
      *  - "manual": User must click "I've made the deposit" to start polling
      */
     depositConfirmationMode?: DepositConfirmationMode;
-    onExecutionsChange?: (executions: AutoSwapResponse[]) => void;
+    onExecutionsChange?: (executions: DirectExecutionResponse[]) => void;
     onDepositSuccess?: (data: {
         message: string;
         transaction?: unknown;
         executionId?: string;
+        execution?: DirectExecutionSucceededEvent;
     }) => void;
     onDepositError?: (error: {
         message: string;
@@ -366,6 +374,7 @@ interface BuyWithCardProps {
         message: string;
         transaction?: unknown;
         executionId?: string;
+        execution?: DirectExecutionSucceededEvent;
     }) => void;
     onEvent?: (event: DepositEvent) => void;
     onDepositError?: (error: {
@@ -406,7 +415,7 @@ interface DepositSuccessToastProps {
     tokenIconUrl?: string;
     sourceAmountUsd?: string;
     onClose: () => void;
-    execution?: AutoSwapResponse;
+    execution?: DirectExecutionResponse;
 }
 declare function DepositSuccessToast({ depositTx, orderSubmittedAt, status, tokenIconUrl, sourceAmountUsd, onClose, execution, }: DepositSuccessToastProps): react_jsx_runtime.JSX.Element;
 
@@ -414,7 +423,7 @@ interface DepositsModalProps {
     open: boolean;
     onOpenChange: (open: boolean) => void;
     onCloseAll?: () => void;
-    executions: AutoSwapResponse[];
+    executions: DirectExecutionResponse[];
     userId: string;
     publishableKey: string;
     themeClass?: string;
@@ -497,6 +506,17 @@ interface CoinbaseConnectProps {
     destinationChainId: string;
     destinationChainType: string;
     onTransferSuccess?: (result: ConfirmIntegrationTransferResult) => void;
+    onDepositSuccess?: (data: {
+        message: string;
+        transaction?: unknown;
+        executionId?: string;
+        execution?: DirectExecutionSucceededEvent;
+    }) => void;
+    onDepositError?: (error: {
+        message: string;
+        error?: unknown;
+        code?: string;
+    }) => void;
     onTransferError?: (error: {
         message: string;
     }) => void;
@@ -506,25 +526,25 @@ interface CoinbaseConnectProps {
     skipToHoldings?: boolean;
     /** Whether back navigation from the root view is available (false when opened as a standalone initial screen). */
     canGoBack?: boolean;
-    onExecutionsChange?: (executions: AutoSwapResponse[]) => void;
+    onExecutionsChange?: (executions: DirectExecutionResponse[]) => void;
     defaultSourceChainType?: ChainType;
     defaultSourceChainId?: string;
     defaultSourceTokenAddress?: string;
     defaultSourceSymbol?: string;
 }
-declare function CoinbaseConnect({ publishableKey, userId, wallets, recipientAddress, destinationTokenAddress, destinationChainId, destinationChainType, onTransferSuccess, onTransferError, onClose, onBack: parentOnBack, onDisconnect, skipToHoldings, canGoBack, onExecutionsChange, defaultSourceChainType, defaultSourceChainId, defaultSourceTokenAddress, defaultSourceSymbol, }: CoinbaseConnectProps): react_jsx_runtime.JSX.Element | null;
+declare function CoinbaseConnect({ publishableKey, userId, wallets, recipientAddress, destinationTokenAddress, destinationChainId, destinationChainType, onTransferSuccess, onDepositSuccess, onDepositError, onTransferError, onClose, onBack: parentOnBack, onDisconnect, skipToHoldings, canGoBack, onExecutionsChange, defaultSourceChainType, defaultSourceChainId, defaultSourceTokenAddress, defaultSourceSymbol, }: CoinbaseConnectProps): react_jsx_runtime.JSX.Element | null;
 declare namespace CoinbaseConnect {
     var displayName: string;
 }
 
 interface DepositExecutionItemProps {
-    execution: AutoSwapResponse;
+    execution: DirectExecutionResponse;
     onClick?: () => void;
 }
 declare function DepositExecutionItem({ execution, onClick, }: DepositExecutionItemProps): react_jsx_runtime.JSX.Element;
 
 interface DepositDetailContentProps {
-    execution: AutoSwapResponse;
+    execution: DirectExecutionResponse;
     /** Merged into root (e.g. wider horizontal padding in embedded deposit details). */
     className?: string;
     /** Use "withdraw" to show "Withdrawal Tx" instead of "Deposit Tx" in details. */
@@ -553,7 +573,7 @@ declare function CheckingForDepositIndicator({ showWaitingUi, hasExecution, }: {
 interface ConfirmingViewProps {
     isConfirming: boolean;
     onClose: () => void;
-    executions?: AutoSwapResponse[];
+    executions?: DirectExecutionResponse[];
     isPolling?: boolean;
     onNewDeposit?: () => void;
     onDone?: () => void;
@@ -652,16 +672,19 @@ interface WithdrawModalProps {
     onWithdrawSuccess?: (data: {
         message: string;
         transaction?: unknown;
+        executionId?: string;
+        execution?: WithdrawDirectExecutionSucceededEvent;
     }) => void;
     onWithdrawError?: (error: {
         message: string;
         error?: unknown;
         code?: string;
     }) => void;
+    onEvent?: (event: WithdrawEvent) => void;
     theme?: "light" | "dark" | "auto";
     hideOverlay?: boolean;
 }
-declare function WithdrawModal({ open, onOpenChange, publishableKey, modalTitle, externalUserId, sourceChainType, sourceChainId, sourceTokenAddress, sourceTokenSymbol, recipientAddress: recipientAddressProp, senderAddress, defaultDestinationChainType, defaultDestinationChainId, defaultDestinationTokenAddress, defaultDestinationSymbol, onWithdraw, onWithdrawSuccess, onWithdrawError, theme, hideOverlay, }: WithdrawModalProps): react_jsx_runtime.JSX.Element;
+declare function WithdrawModal({ open, onOpenChange, publishableKey, modalTitle, externalUserId, sourceChainType, sourceChainId, sourceTokenAddress, sourceTokenSymbol, recipientAddress: recipientAddressProp, senderAddress, defaultDestinationChainType, defaultDestinationChainId, defaultDestinationTokenAddress, defaultDestinationSymbol, onWithdraw, onWithdrawSuccess, onWithdrawError, onEvent, theme, hideOverlay, }: WithdrawModalProps): react_jsx_runtime.JSX.Element;
 
 interface WithdrawTokenSelectorProps {
     tokens: DestinationToken[];
@@ -744,14 +767,14 @@ interface WithdrawFormProps {
 declare function WithdrawForm({ publishableKey, externalUserId, sourceChainType, selectedToken, selectedChain, sourceTokenSymbol, recipientAddressProp, balanceData, isLoadingBalance, isStablecoin, minimumWithdrawAmountUsd, estimatedProcessingTime, maxSlippagePercent, priceImpactPercent, senderAddress, sourceChainId, sourceTokenAddress, onWithdraw, onWithdrawError, onDepositWalletCreation, onWithdrawSubmitted, footerLeft, }: WithdrawFormProps): react_jsx_runtime.JSX.Element;
 
 interface WithdrawExecutionItemProps {
-    execution: AutoSwapResponse;
+    execution: DirectExecutionResponse;
     onClick?: () => void;
 }
 declare function WithdrawExecutionItem({ execution, onClick, }: WithdrawExecutionItemProps): react_jsx_runtime.JSX.Element;
 
 interface WithdrawConfirmingViewProps {
     txInfo: WithdrawTransactionInfo;
-    executions: AutoSwapResponse[];
+    executions: DirectExecutionResponse[];
     onClose: () => void;
     onViewTracker: () => void;
 }
@@ -973,6 +996,7 @@ interface UseWithdrawPollingOptions {
         message: string;
         transaction?: unknown;
         executionId?: string;
+        execution?: WithdrawDirectExecutionSucceededEvent;
     }) => void;
     onWithdrawError?: (error: {
         message: string;
@@ -981,7 +1005,7 @@ interface UseWithdrawPollingOptions {
     }) => void;
 }
 interface UseWithdrawPollingResult {
-    executions: AutoSwapResponse[];
+    executions: DirectExecutionResponse[];
     isPolling: boolean;
 }
 declare function useWithdrawPolling({ userId, publishableKey, depositWalletId, enabled, onWithdrawSuccess, onWithdrawError, }: UseWithdrawPollingOptions): UseWithdrawPollingResult;

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { AutoSwapResponse, ChainType, EvmContractCall, DepositEvent, Wallet, ProductType, FiatCurrency, ExecutionStatus, FeaturedToken, PaymentNetwork, ConfirmIntegrationTransferResult, DestinationToken, DestinationTokenChain, PaymentIntent, DepositQuote, SupportedDestinationTokensResponse, SupportedDepositTokensResponse, VerifyAddressResponse } from '@unifold/core';
-export { ChainType } from '@unifold/core';
+import { DirectExecutionSucceededEvent, DirectExecutionResponse, ChainType, EvmContractCall, DepositMethod, DepositEvent, Wallet, ProductType, FiatCurrency, ExecutionStatus, FeaturedToken, PaymentNetwork, ConfirmIntegrationTransferResult, WithdrawDirectExecutionSucceededEvent, WithdrawEvent, DestinationToken, DestinationTokenChain, PaymentIntent, DepositQuote, SupportedDestinationTokensResponse, SupportedDepositTokensResponse, VerifyAddressResponse } from '@unifold/core';
+export { ChainType, DepositMethod } from '@unifold/core';
 import * as _tanstack_react_query from '@tanstack/react-query';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import * as React$1 from 'react';
@@ -41,6 +41,7 @@ interface UseDepositPollingOptions {
         message: string;
         transaction?: unknown;
         executionId?: string;
+        execution?: DirectExecutionSucceededEvent;
     }) => void;
     onDepositError?: (error: {
         message: string;
@@ -55,7 +56,7 @@ interface UseDepositPollingOptions {
     immediateDirectPolling?: boolean;
 }
 interface UseDepositPollingResult {
-    executions: AutoSwapResponse[];
+    executions: DirectExecutionResponse[];
     isPolling: boolean;
     /** Whether the backend poll endpoint has been enabled */
     pollingEnabled: boolean;
@@ -217,12 +218,17 @@ interface DepositModalProps {
         message: string;
         transaction?: unknown;
         executionId?: string;
+        execution?: DirectExecutionSucceededEvent;
+        /** Which funding method produced this success event. */
+        method?: DepositMethod;
     }) => void;
     onEvent?: (event: DepositEvent) => void;
     onDepositError?: (error: {
         message: string;
         error?: unknown;
         code?: string;
+        /** Which funding method produced this error event. */
+        method?: DepositMethod;
     }) => void;
     theme?: "light" | "dark" | "auto";
     /** Hide the dialog overlay and close button for inline/embedded mode */
@@ -279,11 +285,12 @@ interface TransferCryptoSingleInputProps {
      *  - "manual": User must click "I've made the deposit" to start polling
      */
     depositConfirmationMode?: DepositConfirmationMode;
-    onExecutionsChange?: (executions: AutoSwapResponse[]) => void;
+    onExecutionsChange?: (executions: DirectExecutionResponse[]) => void;
     onDepositSuccess?: (data: {
         message: string;
         transaction?: unknown;
         executionId?: string;
+        execution?: DirectExecutionSucceededEvent;
     }) => void;
     onDepositError?: (error: {
         message: string;
@@ -335,11 +342,12 @@ interface TransferCryptoDoubleInputProps {
      *  - "manual": User must click "I've made the deposit" to start polling
      */
     depositConfirmationMode?: DepositConfirmationMode;
-    onExecutionsChange?: (executions: AutoSwapResponse[]) => void;
+    onExecutionsChange?: (executions: DirectExecutionResponse[]) => void;
     onDepositSuccess?: (data: {
         message: string;
         transaction?: unknown;
         executionId?: string;
+        execution?: DirectExecutionSucceededEvent;
     }) => void;
     onDepositError?: (error: {
         message: string;
@@ -366,6 +374,7 @@ interface BuyWithCardProps {
         message: string;
         transaction?: unknown;
         executionId?: string;
+        execution?: DirectExecutionSucceededEvent;
     }) => void;
     onEvent?: (event: DepositEvent) => void;
     onDepositError?: (error: {
@@ -406,7 +415,7 @@ interface DepositSuccessToastProps {
     tokenIconUrl?: string;
     sourceAmountUsd?: string;
     onClose: () => void;
-    execution?: AutoSwapResponse;
+    execution?: DirectExecutionResponse;
 }
 declare function DepositSuccessToast({ depositTx, orderSubmittedAt, status, tokenIconUrl, sourceAmountUsd, onClose, execution, }: DepositSuccessToastProps): react_jsx_runtime.JSX.Element;
 
@@ -414,7 +423,7 @@ interface DepositsModalProps {
     open: boolean;
     onOpenChange: (open: boolean) => void;
     onCloseAll?: () => void;
-    executions: AutoSwapResponse[];
+    executions: DirectExecutionResponse[];
     userId: string;
     publishableKey: string;
     themeClass?: string;
@@ -497,6 +506,17 @@ interface CoinbaseConnectProps {
     destinationChainId: string;
     destinationChainType: string;
     onTransferSuccess?: (result: ConfirmIntegrationTransferResult) => void;
+    onDepositSuccess?: (data: {
+        message: string;
+        transaction?: unknown;
+        executionId?: string;
+        execution?: DirectExecutionSucceededEvent;
+    }) => void;
+    onDepositError?: (error: {
+        message: string;
+        error?: unknown;
+        code?: string;
+    }) => void;
     onTransferError?: (error: {
         message: string;
     }) => void;
@@ -506,25 +526,25 @@ interface CoinbaseConnectProps {
     skipToHoldings?: boolean;
     /** Whether back navigation from the root view is available (false when opened as a standalone initial screen). */
     canGoBack?: boolean;
-    onExecutionsChange?: (executions: AutoSwapResponse[]) => void;
+    onExecutionsChange?: (executions: DirectExecutionResponse[]) => void;
     defaultSourceChainType?: ChainType;
     defaultSourceChainId?: string;
     defaultSourceTokenAddress?: string;
     defaultSourceSymbol?: string;
 }
-declare function CoinbaseConnect({ publishableKey, userId, wallets, recipientAddress, destinationTokenAddress, destinationChainId, destinationChainType, onTransferSuccess, onTransferError, onClose, onBack: parentOnBack, onDisconnect, skipToHoldings, canGoBack, onExecutionsChange, defaultSourceChainType, defaultSourceChainId, defaultSourceTokenAddress, defaultSourceSymbol, }: CoinbaseConnectProps): react_jsx_runtime.JSX.Element | null;
+declare function CoinbaseConnect({ publishableKey, userId, wallets, recipientAddress, destinationTokenAddress, destinationChainId, destinationChainType, onTransferSuccess, onDepositSuccess, onDepositError, onTransferError, onClose, onBack: parentOnBack, onDisconnect, skipToHoldings, canGoBack, onExecutionsChange, defaultSourceChainType, defaultSourceChainId, defaultSourceTokenAddress, defaultSourceSymbol, }: CoinbaseConnectProps): react_jsx_runtime.JSX.Element | null;
 declare namespace CoinbaseConnect {
     var displayName: string;
 }
 
 interface DepositExecutionItemProps {
-    execution: AutoSwapResponse;
+    execution: DirectExecutionResponse;
     onClick?: () => void;
 }
 declare function DepositExecutionItem({ execution, onClick, }: DepositExecutionItemProps): react_jsx_runtime.JSX.Element;
 
 interface DepositDetailContentProps {
-    execution: AutoSwapResponse;
+    execution: DirectExecutionResponse;
     /** Merged into root (e.g. wider horizontal padding in embedded deposit details). */
     className?: string;
     /** Use "withdraw" to show "Withdrawal Tx" instead of "Deposit Tx" in details. */
@@ -553,7 +573,7 @@ declare function CheckingForDepositIndicator({ showWaitingUi, hasExecution, }: {
 interface ConfirmingViewProps {
     isConfirming: boolean;
     onClose: () => void;
-    executions?: AutoSwapResponse[];
+    executions?: DirectExecutionResponse[];
     isPolling?: boolean;
     onNewDeposit?: () => void;
     onDone?: () => void;
@@ -652,16 +672,19 @@ interface WithdrawModalProps {
     onWithdrawSuccess?: (data: {
         message: string;
         transaction?: unknown;
+        executionId?: string;
+        execution?: WithdrawDirectExecutionSucceededEvent;
     }) => void;
     onWithdrawError?: (error: {
         message: string;
         error?: unknown;
         code?: string;
     }) => void;
+    onEvent?: (event: WithdrawEvent) => void;
     theme?: "light" | "dark" | "auto";
     hideOverlay?: boolean;
 }
-declare function WithdrawModal({ open, onOpenChange, publishableKey, modalTitle, externalUserId, sourceChainType, sourceChainId, sourceTokenAddress, sourceTokenSymbol, recipientAddress: recipientAddressProp, senderAddress, defaultDestinationChainType, defaultDestinationChainId, defaultDestinationTokenAddress, defaultDestinationSymbol, onWithdraw, onWithdrawSuccess, onWithdrawError, theme, hideOverlay, }: WithdrawModalProps): react_jsx_runtime.JSX.Element;
+declare function WithdrawModal({ open, onOpenChange, publishableKey, modalTitle, externalUserId, sourceChainType, sourceChainId, sourceTokenAddress, sourceTokenSymbol, recipientAddress: recipientAddressProp, senderAddress, defaultDestinationChainType, defaultDestinationChainId, defaultDestinationTokenAddress, defaultDestinationSymbol, onWithdraw, onWithdrawSuccess, onWithdrawError, onEvent, theme, hideOverlay, }: WithdrawModalProps): react_jsx_runtime.JSX.Element;
 
 interface WithdrawTokenSelectorProps {
     tokens: DestinationToken[];
@@ -744,14 +767,14 @@ interface WithdrawFormProps {
 declare function WithdrawForm({ publishableKey, externalUserId, sourceChainType, selectedToken, selectedChain, sourceTokenSymbol, recipientAddressProp, balanceData, isLoadingBalance, isStablecoin, minimumWithdrawAmountUsd, estimatedProcessingTime, maxSlippagePercent, priceImpactPercent, senderAddress, sourceChainId, sourceTokenAddress, onWithdraw, onWithdrawError, onDepositWalletCreation, onWithdrawSubmitted, footerLeft, }: WithdrawFormProps): react_jsx_runtime.JSX.Element;
 
 interface WithdrawExecutionItemProps {
-    execution: AutoSwapResponse;
+    execution: DirectExecutionResponse;
     onClick?: () => void;
 }
 declare function WithdrawExecutionItem({ execution, onClick, }: WithdrawExecutionItemProps): react_jsx_runtime.JSX.Element;
 
 interface WithdrawConfirmingViewProps {
     txInfo: WithdrawTransactionInfo;
-    executions: AutoSwapResponse[];
+    executions: DirectExecutionResponse[];
     onClose: () => void;
     onViewTracker: () => void;
 }
@@ -973,6 +996,7 @@ interface UseWithdrawPollingOptions {
         message: string;
         transaction?: unknown;
         executionId?: string;
+        execution?: WithdrawDirectExecutionSucceededEvent;
     }) => void;
     onWithdrawError?: (error: {
         message: string;
@@ -981,7 +1005,7 @@ interface UseWithdrawPollingOptions {
     }) => void;
 }
 interface UseWithdrawPollingResult {
-    executions: AutoSwapResponse[];
+    executions: DirectExecutionResponse[];
     isPolling: boolean;
 }
 declare function useWithdrawPolling({ userId, publishableKey, depositWalletId, enabled, onWithdrawSuccess, onWithdrawError, }: UseWithdrawPollingOptions): UseWithdrawPollingResult;

package/dist/index.js

@@ -1730,6 +1730,31 @@ function useDepositPolling({
   onDepositSuccess,
   onDepositError
 }) {
+  const createExecutionSuccessEvent = (execution) => ({
+    id: (0, import_core6.generatePrefixedKSUID)("sevt"),
+    type: import_core6.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_react3.useState)([]);
   const [isPolling, setIsPolling] = (0, import_react3.useState)(false);
   const [pollingEnabled, setPollingEnabled] = (0, import_react3.useState)(false);
@@ -1843,7 +1868,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 === import_core6.ExecutionStatus.FAILED && previousStatus !== import_core6.ExecutionStatus.FAILED) {
             onDepositErrorRef.current?.({
@@ -8213,6 +8240,8 @@ function CoinbaseConnect({
   destinationChainId,
   destinationChainType,
   onTransferSuccess,
+  onDepositSuccess,
+  onDepositError,
   onTransferError,
   onClose,
   onBack: parentOnBack,
@@ -8360,10 +8389,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_react12.useEffect)(() => {
     onExecutionsChange?.(depositExecutions);
@@ -14714,7 +14747,10 @@ function WalletConnect({
               children: [
                 /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
                   WALLET_ICONS3[wallet.id] ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(WalletIconWithNetwork, { WalletIcon: WALLET_ICONS3[wallet.id], networks: wallet.networks, size: 40, className: "uf-rounded-lg" }) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "uf-w-10 uf-h-10 uf-rounded-lg uf-bg-gray-500" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "uf-text-sm uf-font-medium", style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: wallet.name })
+                  /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime54.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_runtime54.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_runtime54.jsx)(import_lucide_react28.Loader2, { className: "uf-w-4 uf-h-4 uf-animate-spin", style: { color: colors2.primary } }) : wallet.isInstalled ? /* @__PURE__ */ (0, import_jsx_runtime54.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_runtime54.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-1", children: [
                   /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "uf-text-xs", style: { color: colors2.foregroundMuted, fontFamily: fonts.regular }, children: showOpenInApp ? "Open" : "Install" }),
@@ -14978,6 +15014,23 @@ function DepositModal({
   depositTrackerSubTitle = t7.depositTracker.subtitle
 }) {
   const { colors: colors2, fonts, components } = useTheme();
+  const onDepositSuccessFor = (0, import_react20.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_react20.useCallback)(
+    (method) => onDepositError ? (error) => onDepositError({ ...error, method }) : void 0,
+    [onDepositError]
+  );
   const effectiveInitialScreen = (0, import_react20.useMemo)(() => {
     const s = initialScreen ?? "main";
     if (s === "tracker" && hideDepositTracker === true) return "main";
@@ -15518,8 +15571,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: import_lucide_react29.Bitcoin, buttons: cryptoMenuButtons },
+    { id: "cash", label: "Use Cash", icon: import_lucide_react29.DollarSign, buttons: cashMenuButtons }
   ].filter((tab) => tab.buttons.length > 0);
   const activeDepositTab = depositTabs.find((tab) => tab.id === depositTab) ?? depositTabs[0];
   const renderMainMenuBody = () => {
@@ -15542,18 +15595,16 @@ function DepositModal({
             role: "tablist",
             children: depositTabs.map((tab) => {
               const active = activeDepositTab.id === tab.id;
-              return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+              const TabIcon = tab.icon;
+              return /* @__PURE__ */ (0, import_jsx_runtime55.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,
@@ -15561,7 +15612,19 @@ function DepositModal({
                     color: active ? colors2.foreground : colors2.foregroundMuted,
                     fontFamily: fonts.medium
                   },
-                  children: tab.label
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime55.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_runtime55.jsx)(TabIcon, { size: 12, style: { color: active ? colors2.background : colors2.background }, strokeWidth: 2.5 })
+                      }
+                    ),
+                    tab.label
+                  ]
                 },
                 tab.id
               );
@@ -15652,8 +15715,8 @@ function DepositModal({
                     defaultSourceSymbol,
                     depositConfirmationMode,
                     onExecutionsChange: setDepositExecutions,
-                    onDepositSuccess,
-                    onDepositError,
+                    onDepositSuccess: onDepositSuccessFor("transfer"),
+                    onDepositError: onDepositErrorFor("transfer"),
                     wallets
                   }
                 ) : /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
@@ -15671,8 +15734,8 @@ function DepositModal({
                     defaultSourceSymbol,
                     depositConfirmationMode,
                     onExecutionsChange: setDepositExecutions,
-                    onDepositSuccess,
-                    onDepositError,
+                    onDepositSuccess: onDepositSuccessFor("transfer"),
+                    onDepositError: onDepositErrorFor("transfer"),
                     wallets
                   }
                 ),
@@ -15737,8 +15800,8 @@ function DepositModal({
                     destinationChainType,
                     destinationChainId,
                     destinationTokenAddress,
-                    onDepositSuccess,
-                    onDepositError,
+                    onDepositSuccess: onDepositSuccessFor("card"),
+                    onDepositError: onDepositErrorFor("card"),
                     onEvent,
                     themeClass,
                     wallets,
@@ -15773,8 +15836,8 @@ function DepositModal({
                     destinationChainType,
                     destinationChainId,
                     destinationTokenAddress,
-                    onDepositSuccess,
-                    onDepositError,
+                    onDepositSuccess: onDepositSuccessFor("pay_with_exchange"),
+                    onDepositError: onDepositErrorFor("pay_with_exchange"),
                     wallets,
                     defaultToken: defaultToken ?? null
                   }
@@ -15792,14 +15855,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
                     });
@@ -15828,20 +15887,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) => {
@@ -15885,8 +15938,8 @@ function DepositModal({
                     onViewChange: setCashAppView,
                     onAmountChange: setCashAppAmount,
                     onEvent,
-                    onDepositSuccess,
-                    onDepositError
+                    onDepositSuccess: onDepositSuccessFor("cashapp"),
+                    onDepositError: onDepositErrorFor("cashapp")
                   }
                 ),
                 depositPoweredByFooter
@@ -16761,6 +16814,31 @@ function useWithdrawPolling({
   onWithdrawSuccess,
   onWithdrawError
 }) {
+  const createExecutionSuccessEvent = (execution) => ({
+    id: (0, import_core37.generatePrefixedKSUID)("sevt"),
+    type: import_core37.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_react22.useState)([]);
   const [isPolling, setIsPolling] = (0, import_react22.useState)(false);
   const enabledAtRef = (0, import_react22.useRef)(/* @__PURE__ */ new Date());
@@ -16828,7 +16906,13 @@ function useWithdrawPolling({
             return [...list, ex];
           });
           if (ex.status === import_core37.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 === import_core37.ExecutionStatus.FAILED && prev !== import_core37.ExecutionStatus.FAILED) {
             onErrorRef.current?.({ message: "Withdrawal failed", code: "WITHDRAW_FAILED", error: ex });
           }
@@ -18267,9 +18351,19 @@ function WithdrawModal({
   onWithdraw,
   onWithdrawSuccess,
   onWithdrawError,
+  onEvent,
   theme = "dark",
   hideOverlay = false
 }) {
+  const onWithdrawSuccessFor = (0, import_react26.useCallback)(
+    (data) => {
+      onWithdrawSuccess?.(data);
+      if (data.execution) {
+        onEvent?.(data.execution);
+      }
+    },
+    [onWithdrawSuccess, onEvent]
+  );
   const { colors: colors2, fonts, components } = useTheme();
   const [containerEl, setContainerEl] = (0, import_react26.useState)(null);
   const containerCallbackRef = (0, import_react26.useCallback)((el) => {
@@ -18331,7 +18425,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, {

package/dist/index.mjs

@@ -7,7 +7,7 @@ import {
   useRef as useRef9,
   useMemo as useMemo10
 } from "react";
-import { ChevronRight as ChevronRight14, MapPinOff, AlertTriangle as AlertTriangle2 } from "lucide-react";
+import { ChevronRight as ChevronRight14, MapPinOff, AlertTriangle as AlertTriangle2, Bitcoin, DollarSign as DollarSign3 } from "lucide-react";
 
 // src/components/shared/dialog.tsx
 import * as React3 from "react";
@@ -685,8 +685,8 @@ import {
   getIconUrlWithCdn,
   getPreferredIconUrl as getPreferredIconUrl2,
   getDefaultOnrampToken,
-  generatePrefixedKSUID,
-  DepositEventType
+  generatePrefixedKSUID as generatePrefixedKSUID2,
+  DepositEventType as DepositEventType2
 } from "@unifold/core";
 
 // src/hooks/use-deposit-address.ts
@@ -1624,7 +1624,9 @@ import {
   queryExecutions,
   listPaymentIntentExecutions,
   pollDirectExecutions,
+  generatePrefixedKSUID,
   ExecutionStatus,
+  DepositEventType,
   ActionType
 } from "@unifold/core";
 var DEPOSIT_CONFIRM_DELAY_MS = 5e3;
@@ -1643,6 +1645,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] = useState5([]);
   const [isPolling, setIsPolling] = useState5(false);
   const [pollingEnabled, setPollingEnabled] = useState5(false);
@@ -1756,7 +1783,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?.({
@@ -3040,7 +3069,7 @@ function BuyWithCard({
       setQuotesError("Wallet address not available");
       return;
     }
-    const externalId = generatePrefixedKSUID("orsext");
+    const externalId = generatePrefixedKSUID2("orsext");
     const sessionRequest = {
       service_provider: selectedProvider.service_provider,
       country_code: selectedProvider.country_code.toUpperCase() || "US",
@@ -3064,8 +3093,8 @@ function BuyWithCard({
       externalId
     });
     onEvent?.({
-      id: generatePrefixedKSUID("sevt"),
-      type: DepositEventType.ONRAMP_SESSION_CREATED,
+      id: generatePrefixedKSUID2("sevt"),
+      type: DepositEventType2.ONRAMP_SESSION_CREATED,
       created: Math.floor(Date.now() / 1e3),
       data: { object: { externalId } }
     });
@@ -3889,8 +3918,8 @@ import { Copy, Check as Check3, Clock, RefreshCw, Loader2 as Loader22 } from "lu
 import {
   createCashAppSession,
   getCashAppSessionStatus,
-  generatePrefixedKSUID as generatePrefixedKSUID2,
-  DepositEventType as DepositEventType2
+  generatePrefixedKSUID as generatePrefixedKSUID3,
+  DepositEventType as DepositEventType3
 } from "@unifold/core";
 
 // src/components/deposits/StyledQRCode.tsx
@@ -4140,7 +4169,7 @@ function PayWithCashApp({
     setLoading(true);
     setError(null);
     try {
-      const externalId = generatePrefixedKSUID2("ca");
+      const externalId = generatePrefixedKSUID3("ca");
       const result = await createCashAppSession(
         {
           external_user_id: userId,
@@ -4160,7 +4189,7 @@ function PayWithCashApp({
       setStatus("pending");
       setView("payment");
       onEvent?.({
-        type: DepositEventType2.ONRAMP_SESSION_CREATED,
+        type: DepositEventType3.ONRAMP_SESSION_CREATED,
         data: { object: { externalId: result.external_id } }
       });
     } catch (err) {
@@ -8166,6 +8195,8 @@ function CoinbaseConnect({
   destinationChainId,
   destinationChainType,
   onTransferSuccess,
+  onDepositSuccess,
+  onDepositError,
   onTransferError,
   onClose,
   onBack: parentOnBack,
@@ -8313,10 +8344,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
   });
   useEffect17(() => {
     onExecutionsChange?.(depositExecutions);
@@ -14724,7 +14759,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(Loader28, { 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" }),
@@ -14988,6 +15026,23 @@ function DepositModal({
   depositTrackerSubTitle = t7.depositTracker.subtitle
 }) {
   const { colors: colors2, fonts, components } = useTheme();
+  const onDepositSuccessFor = useCallback5(
+    (method) => onDepositSuccess || onEvent ? (data) => {
+      const payload = { ...data, method };
+      onDepositSuccess?.(payload);
+      if (payload.execution) {
+        onEvent?.({
+          ...payload.execution,
+          method
+        });
+      }
+    } : void 0,
+    [onDepositSuccess, onEvent]
+  );
+  const onDepositErrorFor = useCallback5(
+    (method) => onDepositError ? (error) => onDepositError({ ...error, method }) : void 0,
+    [onDepositError]
+  );
   const effectiveInitialScreen = useMemo10(() => {
     const s = initialScreen ?? "main";
     if (s === "tracker" && hideDepositTracker === true) return "main";
@@ -15528,8 +15583,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: DollarSign3, buttons: cashMenuButtons }
   ].filter((tab) => tab.buttons.length > 0);
   const activeDepositTab = depositTabs.find((tab) => tab.id === depositTab) ?? depositTabs[0];
   const renderMainMenuBody = () => {
@@ -15552,18 +15607,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,
@@ -15571,7 +15624,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
               );
@@ -15662,8 +15727,8 @@ function DepositModal({
                     defaultSourceSymbol,
                     depositConfirmationMode,
                     onExecutionsChange: setDepositExecutions,
-                    onDepositSuccess,
-                    onDepositError,
+                    onDepositSuccess: onDepositSuccessFor("transfer"),
+                    onDepositError: onDepositErrorFor("transfer"),
                     wallets
                   }
                 ) : /* @__PURE__ */ jsx55(
@@ -15681,8 +15746,8 @@ function DepositModal({
                     defaultSourceSymbol,
                     depositConfirmationMode,
                     onExecutionsChange: setDepositExecutions,
-                    onDepositSuccess,
-                    onDepositError,
+                    onDepositSuccess: onDepositSuccessFor("transfer"),
+                    onDepositError: onDepositErrorFor("transfer"),
                     wallets
                   }
                 ),
@@ -15747,8 +15812,8 @@ function DepositModal({
                     destinationChainType,
                     destinationChainId,
                     destinationTokenAddress,
-                    onDepositSuccess,
-                    onDepositError,
+                    onDepositSuccess: onDepositSuccessFor("card"),
+                    onDepositError: onDepositErrorFor("card"),
                     onEvent,
                     themeClass,
                     wallets,
@@ -15783,8 +15848,8 @@ function DepositModal({
                     destinationChainType,
                     destinationChainId,
                     destinationTokenAddress,
-                    onDepositSuccess,
-                    onDepositError,
+                    onDepositSuccess: onDepositSuccessFor("pay_with_exchange"),
+                    onDepositError: onDepositErrorFor("pay_with_exchange"),
                     wallets,
                     defaultToken: defaultToken ?? null
                   }
@@ -15802,14 +15867,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
                     });
@@ -15838,20 +15899,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) => {
@@ -15895,8 +15950,8 @@ function DepositModal({
                     onViewChange: setCashAppView,
                     onAmountChange: setCashAppAmount,
                     onEvent,
-                    onDepositSuccess,
-                    onDepositError
+                    onDepositSuccess: onDepositSuccessFor("cashapp"),
+                    onDepositError: onDepositErrorFor("cashapp")
                   }
                 ),
                 depositPoweredByFooter
@@ -16777,7 +16832,9 @@ import { useState as useState34, useEffect as useEffect28, useRef as useRef11 }
 import {
   queryExecutions as queryExecutions5,
   pollDirectExecutions as pollDirectExecutions2,
+  generatePrefixedKSUID as generatePrefixedKSUID4,
   ExecutionStatus as ExecutionStatus6,
+  WithdrawEventType,
   ActionType as ActionType5
 } from "@unifold/core";
 var POLL_INTERVAL_MS3 = 2500;
@@ -16791,6 +16848,31 @@ function useWithdrawPolling({
   onWithdrawSuccess,
   onWithdrawError
 }) {
+  const createExecutionSuccessEvent = (execution) => ({
+    id: generatePrefixedKSUID4("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 = useRef11(/* @__PURE__ */ new Date());
@@ -16858,7 +16940,13 @@ function useWithdrawPolling({
             return [...list, ex];
           });
           if (ex.status === ExecutionStatus6.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 === ExecutionStatus6.FAILED && prev !== ExecutionStatus6.FAILED) {
             onErrorRef.current?.({ message: "Withdrawal failed", code: "WITHDRAW_FAILED", error: ex });
           }
@@ -17055,7 +17143,7 @@ import {
   ChevronUp as ChevronUp7,
   Clock as Clock5,
   ClipboardPaste,
-  DollarSign as DollarSign3,
+  DollarSign as DollarSign4,
   Loader2 as Loader29,
   ShieldCheck as ShieldCheck3,
   Wallet as Wallet3
@@ -17928,7 +18016,7 @@ function WithdrawForm({
           ] })
         ] }),
         /* @__PURE__ */ jsxs52("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
-          /* @__PURE__ */ jsx58("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ jsx58(DollarSign3, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
+          /* @__PURE__ */ jsx58("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ jsx58(DollarSign4, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
           /* @__PURE__ */ jsxs52("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
             tCrypto.priceImpact.label,
             ":",
@@ -18322,9 +18410,19 @@ function WithdrawModal({
   onWithdraw,
   onWithdrawSuccess,
   onWithdrawError,
+  onEvent,
   theme = "dark",
   hideOverlay = false
 }) {
+  const onWithdrawSuccessFor = useCallback8(
+    (data) => {
+      onWithdrawSuccess?.(data);
+      if (data.execution) {
+        onEvent?.(data.execution);
+      }
+    },
+    [onWithdrawSuccess, onEvent]
+  );
   const { colors: colors2, fonts, components } = useTheme();
   const [containerEl, setContainerEl] = useState37(null);
   const containerCallbackRef = useCallback8((el) => {
@@ -18386,7 +18484,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, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unifold/ui-react",
-  "version": "0.1.65",
+  "version": "0.1.67",
   "description": "Unifold UI React - Deposit and onramp components for React applications",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -36,7 +36,7 @@
     "mipd": "^0.0.7",
     "qr-code-styling": "^1.6.0-rc.1",
     "tailwind-merge": "^2.0.0",
-    "@unifold/core": "0.1.65"
+    "@unifold/core": "0.1.67"
   },
   "devDependencies": {
     "@solana/web3.js": "^1.87.0",