added currency code conversion

Author: SamueleA

packages/checkout/src/hooks/useCheckoutUI/useCreditCardPayment.tsx

@@ -11,7 +11,7 @@ import { fetchSardineOrderStatus } from '../../api/data.js'
 import type { TransakConfig } from '../../contexts/CheckoutModal.js'
 import { useEnvironmentContext } from '../../contexts/Environment.js'
 import type { Collectible, CreditCardProviders } from '../../contexts/SelectPaymentModal.js'
-import { TRANSAK_PROXY_ADDRESS } from '../../utils/transak.js'
+import { TRANSAK_PROXY_ADDRESS, getCurrencyCode } from '../../utils/transak.js'
 import { useSardineClientToken } from '../useSardineClientToken.js'
 
 import { useTransakWidgetUrl } from '../useTransakWidgetUrl.js'
@@ -171,7 +171,11 @@ export const useCreditCardPayment = ({
       isNFT: true,
       calldata: transakCallData,
       targetContractAddress,
-      cryptoCurrencyCode: currencySymbol,
+      cryptoCurrencyCode: getCurrencyCode({
+        chainId: network?.chainId || 137,
+        currencyAddress,
+        defaultCurrencyCode: currencySymbol || 'ETH'
+      }),
       estimatedGasLimit,
       nftData: transakNftData,
       walletAddress: recipientAddress,

packages/checkout/src/utils/transak.ts

@@ -1,3 +1,6 @@
+import { ChainId } from '@0xsequence/network'
+import { zeroAddress } from 'viem'
+
 import type { AddFundsSettings } from '../contexts/AddFundsModal.js'
 
 export const TRANSAK_PROXY_ADDRESS = '0x4a598b7ec77b1562ad0df7dc64a162695ce4c78a'
@@ -29,3 +32,21 @@ export const fetchTransakSupportedCountries = async () => {
 
   return data.response.filter(x => x.isAllowed).map(x => x.alpha2)
 }
+
+interface GetCurrencyCodeParams {
+  chainId: number
+  currencyAddress: string
+  defaultCurrencyCode: string
+}
+
+export const getCurrencyCode = ({ chainId, currencyAddress, defaultCurrencyCode }: GetCurrencyCodeParams) => {
+  const currencyCodeByAddress: { [chainId: number]: { [currencyAddress: string]: string | undefined } | undefined } = {
+    [ChainId.SEPOLIA]: {
+      [zeroAddress]: 'ETH'
+    }
+  }
+
+  const foundCurrencyAddress = currencyCodeByAddress?.[chainId]?.[currencyAddress.toLowerCase()]
+
+  return foundCurrencyAddress || defaultCurrencyCode
+}

packages/checkout/src/views/PendingCreditCardTransaction.tsx

@@ -18,7 +18,7 @@ import {
   useTransactionStatusModal
 } from '../hooks/index.js'
 import { useTransakWidgetUrl } from '../hooks/useTransakWidgetUrl.js'
-import { TRANSAK_PROXY_ADDRESS } from '../utils/transak.js'
+import { TRANSAK_PROXY_ADDRESS, getCurrencyCode } from '../utils/transak.js'
 
 const POLLING_TIME = 10 * 1000
 
@@ -136,7 +136,11 @@ export const PendingCreditCardTransactionTransak = ({ skipOnCloseCallback }: Pen
       isNFT: true,
       calldata: transakCallData,
       targetContractAddress: creditCardCheckout.contractAddress,
-      cryptoCurrencyCode: creditCardCheckout.currencySymbol,
+      cryptoCurrencyCode: getCurrencyCode({
+        chainId: creditCardCheckout.chainId,
+        currencyAddress: creditCardCheckout.currencyAddress,
+        defaultCurrencyCode: creditCardCheckout.currencySymbol || 'ETH'
+      }),
       estimatedGasLimit,
       nftData: transakNftData,
       walletAddress: creditCardCheckout.recipientAddress,