diff --git a/packages/checkout/src/utils/transak.ts b/packages/checkout/src/utils/transak.ts index 116d4ab32..0f8ce56b5 100644 --- a/packages/checkout/src/utils/transak.ts +++ b/packages/checkout/src/utils/transak.ts @@ -1,5 +1,7 @@ import type { AddFundsSettings } from '../contexts/AddFundsModal.js' +export const TRANSAK_ONRAMP_URL = 'https://global.transak.com' + export const TRANSAK_PROXY_ADDRESS = '0x4a598b7ec77b1562ad0df7dc64a162695ce4c78a' export const getTransakLink = ( diff --git a/packages/checkout/src/views/Checkout/PaymentMethodSelect/PayWithCrypto/index.tsx b/packages/checkout/src/views/Checkout/PaymentMethodSelect/PayWithCrypto/index.tsx index 060717f1e..ab08b6bf9 100644 --- a/packages/checkout/src/views/Checkout/PaymentMethodSelect/PayWithCrypto/index.tsx +++ b/packages/checkout/src/views/Checkout/PaymentMethodSelect/PayWithCrypto/index.tsx @@ -29,6 +29,7 @@ import type { SelectPaymentSettings } from '../../../../contexts/SelectPaymentMo import { useAddFundsModal } from '../../../../hooks/index.js' import { useSelectPaymentModal, useTransactionStatusModal } from '../../../../hooks/index.js' import { useNavigationCheckout } from '../../../../hooks/useNavigationCheckout.js' +import { TRANSAK_ONRAMP_URL } from '../../../../utils/transak.js' import { useInitialBalanceCheck } from './useInitialBalanceCheck.js' @@ -500,6 +501,11 @@ export const PayWithCryptoTab = ({ skipOnCloseCallback, isSwitchingChainRef }: P } const onClickAddFunds = () => { + if (!onRampProvider || onRampProvider === TransactionOnRampProvider.unknown) { + window.open(TRANSAK_ONRAMP_URL, '_blank') + return + } + const getNetworks = (): string | undefined => { const network = findSupportedNetwork(chainId) return network?.name?.toLowerCase() @@ -509,7 +515,7 @@ export const PayWithCryptoTab = ({ skipOnCloseCallback, isSwitchingChainRef }: P closeSelectPaymentModal() triggerAddFunds({ walletAddress: userAddress || '', - provider: onRampProvider || TransactionOnRampProvider.transak, + provider: onRampProvider, networks: getNetworks(), defaultCryptoCurrency: dataCurrencyInfo?.symbol || '', onClose: selectPaymentSettings?.onClose @@ -597,16 +603,14 @@ export const PayWithCryptoTab = ({ skipOnCloseCallback, isSwitchingChainRef }: P - {onRampProvider !== TransactionOnRampProvider.unknown && ( - - )} + ) }