@unifold/ui-web 0.1.66 → 0.1.67

package/dist/index.d.mts

@@ -1,5 +1,5 @@
 import { UnifoldConnectProviderConfig, DepositConfig, DepositResult, WithdrawConfig, WithdrawResult } from '@unifold/connect-react';
-export { DepositConfig, DepositError, DepositInitialScreen, DepositResult, UnifoldConnectProviderConfig, WithdrawConfig, WithdrawError, WithdrawResult, WithdrawTransactionInfo } from '@unifold/connect-react';
+export { DepositConfig, DepositError, DepositInitialScreen, DepositMethod, DepositResult, UnifoldConnectProviderConfig, WithdrawConfig, WithdrawError, WithdrawResult, WithdrawTransactionInfo } from '@unifold/connect-react';
 
 type UnifoldConfig = UnifoldConnectProviderConfig["config"];
 interface UnifoldHandle {

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import { UnifoldConnectProviderConfig, DepositConfig, DepositResult, WithdrawConfig, WithdrawResult } from '@unifold/connect-react';
-export { DepositConfig, DepositError, DepositInitialScreen, DepositResult, UnifoldConnectProviderConfig, WithdrawConfig, WithdrawError, WithdrawResult, WithdrawTransactionInfo } from '@unifold/connect-react';
+export { DepositConfig, DepositError, DepositInitialScreen, DepositMethod, DepositResult, UnifoldConnectProviderConfig, WithdrawConfig, WithdrawError, WithdrawResult, WithdrawTransactionInfo } from '@unifold/connect-react';
 
 type UnifoldConfig = UnifoldConnectProviderConfig["config"];
 interface UnifoldHandle {

package/dist/index.js

@@ -44108,8 +44108,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 || {});
 var import_qr_code_styling = __toESM2(require_qr_code_styling(), 1);
 var REACT_LAZY_TYPE = /* @__PURE__ */ Symbol.for("react.lazy");
 var use = React25[" use ".trim().toString()];
@@ -51741,6 +51746,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_react10.useState)([]);
   const [isPolling, setIsPolling] = (0, import_react10.useState)(false);
   const [pollingEnabled, setPollingEnabled] = (0, import_react10.useState)(false);
@@ -51854,7 +51884,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?.({
@@ -58035,6 +58067,8 @@ function CoinbaseConnect({
   destinationChainId,
   destinationChainType,
   onTransferSuccess,
+  onDepositSuccess,
+  onDepositError,
   onTransferError,
   onClose,
   onBack: parentOnBack,
@@ -58182,10 +58216,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_react18.useEffect)(() => {
     onExecutionsChange?.(depositExecutions);
@@ -64636,6 +64674,23 @@ function DepositModal({
   depositTrackerSubTitle = t7.depositTracker.subtitle
 }) {
   const { colors: colors2, fonts, components } = useTheme();
+  const onDepositSuccessFor = (0, import_react3.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_react3.useCallback)(
+    (method) => onDepositError ? (error) => onDepositError({ ...error, method }) : void 0,
+    [onDepositError]
+  );
   const effectiveInitialScreen = (0, import_react3.useMemo)(() => {
     const s = initialScreen ?? "main";
     if (s === "tracker" && hideDepositTracker === true) return "main";
@@ -65320,8 +65375,8 @@ function DepositModal({
                     defaultSourceSymbol,
                     depositConfirmationMode,
                     onExecutionsChange: setDepositExecutions,
-                    onDepositSuccess,
-                    onDepositError,
+                    onDepositSuccess: onDepositSuccessFor("transfer"),
+                    onDepositError: onDepositErrorFor("transfer"),
                     wallets
                   }
                 ) : /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
@@ -65339,8 +65394,8 @@ function DepositModal({
                     defaultSourceSymbol,
                     depositConfirmationMode,
                     onExecutionsChange: setDepositExecutions,
-                    onDepositSuccess,
-                    onDepositError,
+                    onDepositSuccess: onDepositSuccessFor("transfer"),
+                    onDepositError: onDepositErrorFor("transfer"),
                     wallets
                   }
                 ),
@@ -65405,8 +65460,8 @@ function DepositModal({
                     destinationChainType,
                     destinationChainId,
                     destinationTokenAddress,
-                    onDepositSuccess,
-                    onDepositError,
+                    onDepositSuccess: onDepositSuccessFor("card"),
+                    onDepositError: onDepositErrorFor("card"),
                     onEvent,
                     themeClass,
                     wallets,
@@ -65441,8 +65496,8 @@ function DepositModal({
                     destinationChainType,
                     destinationChainId,
                     destinationTokenAddress,
-                    onDepositSuccess,
-                    onDepositError,
+                    onDepositSuccess: onDepositSuccessFor("pay_with_exchange"),
+                    onDepositError: onDepositErrorFor("pay_with_exchange"),
                     wallets,
                     defaultToken: defaultToken ?? null
                   }
@@ -65460,14 +65515,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
                     });
@@ -65496,20 +65547,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) => {
@@ -65553,8 +65598,8 @@ function DepositModal({
                     onViewChange: setCashAppView,
                     onAmountChange: setCashAppAmount,
                     onEvent,
-                    onDepositSuccess,
-                    onDepositError
+                    onDepositSuccess: onDepositSuccessFor("cashapp"),
+                    onDepositError: onDepositErrorFor("cashapp")
                   }
                 ),
                 depositPoweredByFooter
@@ -66392,6 +66437,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_react31.useState)([]);
   const [isPolling, setIsPolling] = (0, import_react31.useState)(false);
   const enabledAtRef = (0, import_react31.useRef)(/* @__PURE__ */ new Date());
@@ -66459,7 +66529,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 });
           }
@@ -67661,9 +67737,19 @@ function WithdrawModal({
   onWithdraw,
   onWithdrawSuccess,
   onWithdrawError,
+  onEvent,
   theme = "dark",
   hideOverlay = false
 }) {
+  const onWithdrawSuccessFor = (0, import_react30.useCallback)(
+    (data) => {
+      onWithdrawSuccess?.(data);
+      if (data.execution) {
+        onEvent?.(data.execution);
+      }
+    },
+    [onWithdrawSuccess, onEvent]
+  );
   const { colors: colors2, fonts, components } = useTheme();
   const [containerEl, setContainerEl] = (0, import_react30.useState)(null);
   const containerCallbackRef = (0, import_react30.useCallback)((el) => {
@@ -67725,7 +67811,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, {
@@ -68222,6 +68308,7 @@ function UnifoldProvider2({
             onWithdraw: withdrawConfig.withdraw,
             onWithdrawSuccess: handleWithdrawSuccess,
             onWithdrawError: handleWithdrawError,
+            onEvent: withdrawConfig.onEvent,
             theme: resolvedTheme
           }
         ),

package/dist/index.mjs

@@ -44095,8 +44095,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 || {});
 var import_qr_code_styling = __toESM2(require_qr_code_styling(), 1);
 var REACT_LAZY_TYPE = /* @__PURE__ */ Symbol.for("react.lazy");
 var use = React25[" use ".trim().toString()];
@@ -51728,6 +51733,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_react10.useState)([]);
   const [isPolling, setIsPolling] = (0, import_react10.useState)(false);
   const [pollingEnabled, setPollingEnabled] = (0, import_react10.useState)(false);
@@ -51841,7 +51871,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?.({
@@ -58022,6 +58054,8 @@ function CoinbaseConnect({
   destinationChainId,
   destinationChainType,
   onTransferSuccess,
+  onDepositSuccess,
+  onDepositError,
   onTransferError,
   onClose,
   onBack: parentOnBack,
@@ -58169,10 +58203,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_react18.useEffect)(() => {
     onExecutionsChange?.(depositExecutions);
@@ -64623,6 +64661,23 @@ function DepositModal({
   depositTrackerSubTitle = t7.depositTracker.subtitle
 }) {
   const { colors: colors2, fonts, components } = useTheme();
+  const onDepositSuccessFor = (0, import_react3.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_react3.useCallback)(
+    (method) => onDepositError ? (error) => onDepositError({ ...error, method }) : void 0,
+    [onDepositError]
+  );
   const effectiveInitialScreen = (0, import_react3.useMemo)(() => {
     const s = initialScreen ?? "main";
     if (s === "tracker" && hideDepositTracker === true) return "main";
@@ -65307,8 +65362,8 @@ function DepositModal({
                     defaultSourceSymbol,
                     depositConfirmationMode,
                     onExecutionsChange: setDepositExecutions,
-                    onDepositSuccess,
-                    onDepositError,
+                    onDepositSuccess: onDepositSuccessFor("transfer"),
+                    onDepositError: onDepositErrorFor("transfer"),
                     wallets
                   }
                 ) : /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
@@ -65326,8 +65381,8 @@ function DepositModal({
                     defaultSourceSymbol,
                     depositConfirmationMode,
                     onExecutionsChange: setDepositExecutions,
-                    onDepositSuccess,
-                    onDepositError,
+                    onDepositSuccess: onDepositSuccessFor("transfer"),
+                    onDepositError: onDepositErrorFor("transfer"),
                     wallets
                   }
                 ),
@@ -65392,8 +65447,8 @@ function DepositModal({
                     destinationChainType,
                     destinationChainId,
                     destinationTokenAddress,
-                    onDepositSuccess,
-                    onDepositError,
+                    onDepositSuccess: onDepositSuccessFor("card"),
+                    onDepositError: onDepositErrorFor("card"),
                     onEvent,
                     themeClass,
                     wallets,
@@ -65428,8 +65483,8 @@ function DepositModal({
                     destinationChainType,
                     destinationChainId,
                     destinationTokenAddress,
-                    onDepositSuccess,
-                    onDepositError,
+                    onDepositSuccess: onDepositSuccessFor("pay_with_exchange"),
+                    onDepositError: onDepositErrorFor("pay_with_exchange"),
                     wallets,
                     defaultToken: defaultToken ?? null
                   }
@@ -65447,14 +65502,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
                     });
@@ -65483,20 +65534,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) => {
@@ -65540,8 +65585,8 @@ function DepositModal({
                     onViewChange: setCashAppView,
                     onAmountChange: setCashAppAmount,
                     onEvent,
-                    onDepositSuccess,
-                    onDepositError
+                    onDepositSuccess: onDepositSuccessFor("cashapp"),
+                    onDepositError: onDepositErrorFor("cashapp")
                   }
                 ),
                 depositPoweredByFooter
@@ -66379,6 +66424,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_react31.useState)([]);
   const [isPolling, setIsPolling] = (0, import_react31.useState)(false);
   const enabledAtRef = (0, import_react31.useRef)(/* @__PURE__ */ new Date());
@@ -66446,7 +66516,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 });
           }
@@ -67648,9 +67724,19 @@ function WithdrawModal({
   onWithdraw,
   onWithdrawSuccess,
   onWithdrawError,
+  onEvent,
   theme = "dark",
   hideOverlay = false
 }) {
+  const onWithdrawSuccessFor = (0, import_react30.useCallback)(
+    (data) => {
+      onWithdrawSuccess?.(data);
+      if (data.execution) {
+        onEvent?.(data.execution);
+      }
+    },
+    [onWithdrawSuccess, onEvent]
+  );
   const { colors: colors2, fonts, components } = useTheme();
   const [containerEl, setContainerEl] = (0, import_react30.useState)(null);
   const containerCallbackRef = (0, import_react30.useCallback)((el) => {
@@ -67712,7 +67798,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, {
@@ -68209,6 +68295,7 @@ function UnifoldProvider2({
             onWithdraw: withdrawConfig.withdraw,
             onWithdrawSuccess: handleWithdrawSuccess,
             onWithdrawError: handleWithdrawError,
+            onEvent: withdrawConfig.onEvent,
             theme: resolvedTheme
           }
         ),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unifold/ui-web",
-  "version": "0.1.66",
+  "version": "0.1.67",
   "description": "Unifold UI Web - Framework-agnostic deposit widget",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -30,10 +30,10 @@
     "@types/react-dom": "^19.0.0",
     "tsup": "^8.0.0",
     "typescript": "^5.0.0",
-    "@unifold/core": "0.1.66",
-    "@unifold/react-provider": "0.1.66",
-    "@unifold/ui-react": "0.1.66",
-    "@unifold/connect-react": "0.1.66"
+    "@unifold/connect-react": "0.1.67",
+    "@unifold/react-provider": "0.1.67",
+    "@unifold/ui-react": "0.1.67",
+    "@unifold/core": "0.1.67"
   },
   "keywords": [
     "unifold",