added approvedspender field

Author: SamueleA

packages/checkout/src/api/data.ts

@@ -290,6 +290,7 @@ export interface CreateFortePaymentIntentArgs {
   currencyQuantity: string
   protocolConfig: ForteConfig
   calldata: string | StructuredCalldata
+  approvedSpenderAddress?: string
 }
 
 const forteCurrencyMap: { [chainId: string]: { [currencyAddress: string]: string } } = {
@@ -325,7 +326,8 @@ export const createFortePaymentIntent = async (forteApiUrl: string, args: Create
     tokenId,
     protocolConfig,
     currencyAddress,
-    currencyQuantity
+    currencyQuantity,
+    approvedSpenderAddress
   } = args
 
   const network = findSupportedNetwork(chainId)
@@ -362,6 +364,7 @@ export const createFortePaymentIntent = async (forteApiUrl: string, args: Create
           image_url: imageUrl,
           title: nftName,
           mint_data: {
+            ...(approvedSpenderAddress ? { pay_to_address: approvedSpenderAddress } : {}),
             token_contract_address: nftAddress,
             token_ids: tokenId ? [tokenId] : [],
             protocol_address: targetContractAddress,
@@ -391,6 +394,7 @@ export const createFortePaymentIntent = async (forteApiUrl: string, args: Create
       }
     } else if (protocolConfig.protocol == 'custom_evm_call') {
       listingData = {
+        ...(approvedSpenderAddress ? { pay_to_address: approvedSpenderAddress } : {}),
         protocol: protocolConfig.protocol,
         protocol_address: targetContractAddress,
         ...(typeof protocolConfig.calldata === 'string'

packages/checkout/src/views/PaymentSelection/PayWithCreditCard/index.tsx

@@ -108,7 +108,7 @@ export const PayWithCreditCard = ({ settings, disableButtons, skipOnCloseCallbac
         nftDecimals: collectible.decimals === undefined ? undefined : String(collectible.decimals),
         provider: selectedPaymentProvider as BasePaymentProviderOptions,
         calldata: txData,
-        approvedSpenderAddress: sardineConfig?.approvedSpenderAddress || targetContractAddress,
+        approvedSpenderAddress: sardineConfig?.approvedSpenderAddress || settings.approvedSpenderAddress,
         supplementaryAnalyticsInfo,
         transakConfig,
         forteConfig

packages/checkout/src/views/PendingCreditCardTransaction.tsx

@@ -470,6 +470,8 @@ export const PendingCreditCardTransactionForte = ({ skipOnCloseCallback }: Pendi
     Number(creditCardCheckout.currencyDecimals || 18)
   )
 
+  console.log('creditCardCheckout', creditCardCheckout)
+
   const { data: paymentIntentData, isError: isErrorPaymentIntent } = useFortePaymentIntent(
     {
       accessToken: accessTokenData?.accessToken || '',
@@ -488,7 +490,8 @@ export const PendingCreditCardTransactionForte = ({ skipOnCloseCallback }: Pendi
       calldata:
         creditCardCheckout.forteConfig!.protocol === 'mint'
           ? creditCardCheckout.forteConfig!.calldata
-          : creditCardCheckout.calldata
+          : creditCardCheckout.calldata,
+      approvedSpenderAddress: creditCardCheckout.approvedSpenderAddress
     },
     {
       disabled: isLoadingTokenMetadata || isLoadingAccessToken