@unifold/ui-react 0.1.60 → 0.1.61

package/dist/index.d.mts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { AutoSwapResponse, ChainType, DepositEvent, Wallet, ProductType, FiatCurrency, ExecutionStatus, FeaturedToken, PaymentNetwork, ConfirmIntegrationTransferResult, DestinationToken, DestinationTokenChain, PaymentIntent, DepositQuote, SupportedDestinationTokensResponse, SupportedDepositTokensResponse, VerifyAddressResponse } from '@unifold/core';
+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 * as _tanstack_react_query from '@tanstack/react-query';
 import * as class_variance_authority_types from 'class-variance-authority/types';
@@ -153,6 +153,12 @@ interface DepositModalProps {
     destinationChainType?: ChainType;
     destinationChainId?: string;
     destinationTokenAddress?: string;
+    /**
+     * Array of contract calls to execute on the destination chain when delivering funds.
+     * Only supported when destinationChainType is "ethereum" and
+     * destinationChainId is one of: "1", "8453", "42161", "4326".
+     */
+    contractCalls?: EvmContractCall[];
     /**
      * Pre-select source token/chain in the Transfer Crypto view.
      * All four props are optional. To match, provide `chainType` + `chainId` + (`symbol` OR `tokenAddress`).
@@ -212,7 +218,7 @@ interface DepositModalProps {
     /** First screen when the modal opens. Default `main` (deposit menu). */
     initialScreen?: DepositModalInitialScreen;
 }
-declare function DepositModal({ open, onOpenChange, userId, publishableKey, modalTitle, destinationTokenSymbol, recipientAddress, destinationChainType, destinationChainId, destinationTokenAddress, defaultSourceChainType, defaultSourceChainId, defaultSourceTokenAddress, defaultSourceSymbol, hideDepositTracker, showBalanceHeader, transferInputVariant, depositConfirmationMode, enableConnectWallet, browserWalletAmountQuickSelect, enablePayWithExchange, enableFiatOnramp, enableConnectExchange, enableCashApp, hideDepositFlowInfo, hideDisplayDescription, onDepositSuccess, onDepositError, onEvent, theme, hideOverlay, initialScreen, transferCryptoTitle, depositWithCardTitle, payWithExchangeTitle, depositTrackerTitle, depositTrackerSubTitle, }: DepositModalProps): react_jsx_runtime.JSX.Element;
+declare function DepositModal({ open, onOpenChange, userId, publishableKey, modalTitle, destinationTokenSymbol, recipientAddress, destinationChainType, destinationChainId, destinationTokenAddress, contractCalls, defaultSourceChainType, defaultSourceChainId, defaultSourceTokenAddress, defaultSourceSymbol, hideDepositTracker, showBalanceHeader, transferInputVariant, depositConfirmationMode, enableConnectWallet, browserWalletAmountQuickSelect, enablePayWithExchange, enableFiatOnramp, enableConnectExchange, enableCashApp, hideDepositFlowInfo, hideDisplayDescription, onDepositSuccess, onDepositError, onEvent, theme, hideOverlay, initialScreen, transferCryptoTitle, depositWithCardTitle, payWithExchangeTitle, depositTrackerTitle, depositTrackerSubTitle, }: DepositModalProps): react_jsx_runtime.JSX.Element;
 
 interface DepositHeaderProps {
     title: string;

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { AutoSwapResponse, ChainType, DepositEvent, Wallet, ProductType, FiatCurrency, ExecutionStatus, FeaturedToken, PaymentNetwork, ConfirmIntegrationTransferResult, DestinationToken, DestinationTokenChain, PaymentIntent, DepositQuote, SupportedDestinationTokensResponse, SupportedDepositTokensResponse, VerifyAddressResponse } from '@unifold/core';
+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 * as _tanstack_react_query from '@tanstack/react-query';
 import * as class_variance_authority_types from 'class-variance-authority/types';
@@ -153,6 +153,12 @@ interface DepositModalProps {
     destinationChainType?: ChainType;
     destinationChainId?: string;
     destinationTokenAddress?: string;
+    /**
+     * Array of contract calls to execute on the destination chain when delivering funds.
+     * Only supported when destinationChainType is "ethereum" and
+     * destinationChainId is one of: "1", "8453", "42161", "4326".
+     */
+    contractCalls?: EvmContractCall[];
     /**
      * Pre-select source token/chain in the Transfer Crypto view.
      * All four props are optional. To match, provide `chainType` + `chainId` + (`symbol` OR `tokenAddress`).
@@ -212,7 +218,7 @@ interface DepositModalProps {
     /** First screen when the modal opens. Default `main` (deposit menu). */
     initialScreen?: DepositModalInitialScreen;
 }
-declare function DepositModal({ open, onOpenChange, userId, publishableKey, modalTitle, destinationTokenSymbol, recipientAddress, destinationChainType, destinationChainId, destinationTokenAddress, defaultSourceChainType, defaultSourceChainId, defaultSourceTokenAddress, defaultSourceSymbol, hideDepositTracker, showBalanceHeader, transferInputVariant, depositConfirmationMode, enableConnectWallet, browserWalletAmountQuickSelect, enablePayWithExchange, enableFiatOnramp, enableConnectExchange, enableCashApp, hideDepositFlowInfo, hideDisplayDescription, onDepositSuccess, onDepositError, onEvent, theme, hideOverlay, initialScreen, transferCryptoTitle, depositWithCardTitle, payWithExchangeTitle, depositTrackerTitle, depositTrackerSubTitle, }: DepositModalProps): react_jsx_runtime.JSX.Element;
+declare function DepositModal({ open, onOpenChange, userId, publishableKey, modalTitle, destinationTokenSymbol, recipientAddress, destinationChainType, destinationChainId, destinationTokenAddress, contractCalls, defaultSourceChainType, defaultSourceChainId, defaultSourceTokenAddress, defaultSourceSymbol, hideDepositTracker, showBalanceHeader, transferInputVariant, depositConfirmationMode, enableConnectWallet, browserWalletAmountQuickSelect, enablePayWithExchange, enableFiatOnramp, enableConnectExchange, enableCashApp, hideDepositFlowInfo, hideDisplayDescription, onDepositSuccess, onDepositError, onEvent, theme, hideOverlay, initialScreen, transferCryptoTitle, depositWithCardTitle, payWithExchangeTitle, depositTrackerTitle, depositTrackerSubTitle, }: DepositModalProps): react_jsx_runtime.JSX.Element;
 
 interface DepositHeaderProps {
     title: string;

package/dist/index.js

@@ -719,6 +719,7 @@ function useDepositAddress(params) {
     destinationChainId,
     destinationTokenAddress,
     actionType,
+    contractCalls,
     enabled = true
   } = params;
   return (0, import_react_query.useQuery)({
@@ -731,6 +732,7 @@ function useDepositAddress(params) {
       destinationChainId ?? null,
       destinationTokenAddress ?? null,
       actionType ?? null,
+      contractCalls ?? null,
       publishableKey
     ],
     queryFn: () => (0, import_core.createDepositAddress)(
@@ -740,7 +742,8 @@ function useDepositAddress(params) {
         destination_chain_type: destinationChainType,
         destination_chain_id: destinationChainId,
         destination_token_address: destinationTokenAddress,
-        action_type: actionType
+        action_type: actionType,
+        contract_calls: contractCalls
       },
       publishableKey
     ),
@@ -14257,6 +14260,7 @@ function DepositModal({
   destinationChainType,
   destinationChainId,
   destinationTokenAddress,
+  contractCalls,
   defaultSourceChainType,
   defaultSourceChainId,
   defaultSourceTokenAddress,
@@ -14383,6 +14387,7 @@ function DepositModal({
     destinationChainType,
     destinationChainId,
     destinationTokenAddress,
+    contractCalls,
     enabled: open
     // Only fetch when modal is open
   });

package/dist/index.mjs

@@ -624,6 +624,7 @@ function useDepositAddress(params) {
     destinationChainId,
     destinationTokenAddress,
     actionType,
+    contractCalls,
     enabled = true
   } = params;
   return useQuery({
@@ -636,6 +637,7 @@ function useDepositAddress(params) {
       destinationChainId ?? null,
       destinationTokenAddress ?? null,
       actionType ?? null,
+      contractCalls ?? null,
       publishableKey
     ],
     queryFn: () => createDepositAddress(
@@ -645,7 +647,8 @@ function useDepositAddress(params) {
         destination_chain_type: destinationChainType,
         destination_chain_id: destinationChainId,
         destination_token_address: destinationTokenAddress,
-        action_type: actionType
+        action_type: actionType,
+        contract_calls: contractCalls
       },
       publishableKey
     ),
@@ -14259,6 +14262,7 @@ function DepositModal({
   destinationChainType,
   destinationChainId,
   destinationTokenAddress,
+  contractCalls,
   defaultSourceChainType,
   defaultSourceChainId,
   defaultSourceTokenAddress,
@@ -14385,6 +14389,7 @@ function DepositModal({
     destinationChainType,
     destinationChainId,
     destinationTokenAddress,
+    contractCalls,
     enabled: open
     // Only fetch when modal is open
   });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unifold/ui-react",
-  "version": "0.1.60",
+  "version": "0.1.61",
   "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.60"
+    "@unifold/core": "0.1.61"
   },
   "devDependencies": {
     "@solana/web3.js": "^1.87.0",