Bugfix/wrong currency

src/app/(mobile-ui)/add-money/[country]/bank/page.tsx

@@ -24,6 +24,8 @@ import EmptyState from '@/components/Global/EmptyStates/EmptyState'
 import { UserDetailsForm, type UserDetailsFormData } from '@/components/AddMoney/UserDetailsForm'
 import { updateUserById } from '@/app/actions/users'
 import AddMoneyBankDetails from '@/components/AddMoney/components/AddMoneyBankDetails'
+import { getDisplayCurrencySymbol } from '@/utils/currency'
+import { getOnrampCurrencyConfig, getCurrencySymbol, getMinimumAmount } from '@/utils/bridge.utils'
 
 type AddStep = 'inputAmount' | 'kyc' | 'loading' | 'collectUserDetails' | 'showDetails'
 
@@ -76,6 +78,21 @@ export default function OnrampBankPage() {
         return formattedBalance
     }, [balance])
 
+    const currencyConfig = useMemo(() => {
+        if (!selectedCountry?.id) return null
+        const { currency } = getOnrampCurrencyConfig(selectedCountry.id)
+        return {
+            code: currency.toUpperCase(),
+            symbol: getCurrencySymbol(currency),
+            price: 1, // For bridge currencies, we use 1:1 with the amount entered
+        }
+    }, [selectedCountry?.id])
+
+    const minimumAmount = useMemo(() => {
+        if (!selectedCountry?.id) return 1
+        return getMinimumAmount(selectedCountry.id)
+    }, [selectedCountry?.id])
+
     useEffect(() => {
         if (user === null) return // wait for user to be fetched
         if (step === 'loading') {
@@ -119,14 +136,14 @@ export default function OnrampBankPage() {
                 setError({ showError: true, errorMessage: 'Please enter a valid number.' })
                 return false
             }
-            if (amount && amount < 1) {
-                setError({ showError: true, errorMessage: 'Minimum deposit is 1.' })
+            if (amount && amount < minimumAmount) {
+                setError({ showError: true, errorMessage: `Minimum deposit is ${minimumAmount}.` })
                 return false
             }
             setError({ showError: false, errorMessage: '' })
             return true
         },
-        [setError]
+        [setError, minimumAmount]
     )
 
     const handleTokenAmountChange = useCallback(
@@ -328,6 +345,16 @@ export default function OnrampBankPage() {
                         setTokenValue={handleTokenAmountChange}
                         walletBalance={peanutWalletBalance}
                         hideCurrencyToggle
+                        currency={
+                            selectedCountry
+                                ? {
+                                      code: getOnrampCurrencyConfig(selectedCountry.id).currency,
+                                      symbol: getCurrencySymbol(getOnrampCurrencyConfig(selectedCountry.id).currency),
+                                      price: 1,
+                                  }
+                                : undefined
+                        }
+                        hideBalance={true}
                     />
                     <div className="flex items-center gap-2 text-xs text-grey-1">
                         <Icon name="info" width={16} height={16} />
@@ -339,7 +366,7 @@ export default function OnrampBankPage() {
                         onClick={handleAmountContinue}
                         disabled={
                             !parseFloat(rawTokenAmount) ||
-                            parseFloat(rawTokenAmount) < 1 ||
+                            parseFloat(rawTokenAmount) < minimumAmount ||
                             error.showError ||
                             isCreatingOnramp
                         }

src/components/AddMoney/components/AddMoneyBankDetails.tsx

@@ -11,7 +11,9 @@ import { useRouter, useParams } from 'next/navigation'
 import { useEffect, useState, useMemo } from 'react'
 import { countryCodeMap, countryData } from '@/components/AddMoney/consts'
 import { formatCurrencyAmount } from '@/utils/currency'
+import { formatBankAccountDisplay } from '@/utils/format.utils'
 import Icon from '@/components/Global/Icon'
+import { getCurrencySymbol, getOnrampCurrencyConfig } from '@/utils/bridge.utils'
 
 export interface IOnrampData {
     transferId?: string
@@ -62,6 +64,8 @@ export default function AddMoneyBankDetails() {
         return countryCode?.toLowerCase() || 'us'
     }, [currentCountryDetails])
 
+    const onrampCurrency = getOnrampCurrencyConfig(currentCountryDetails?.id || 'US').currency
+
     useEffect(() => {
         // If no amount is set, redirect back to add money page
         if (!amountToOnramp || parseFloat(amountToOnramp) <= 0) {
@@ -82,13 +86,37 @@ export default function AddMoneyBankDetails() {
     }, [amountToOnramp, router])
 
     const generateBankDetails = async () => {
-        const formattedAmount = formatCurrencyAmount(amountToOnramp, currentCountryDetails?.currency || 'USD')
-        const bankDetails = `Bank Transfer Details:
+        const formattedAmount = formatCurrencyAmount(amountToOnramp, onrampCurrency)
+        const isMexico = currentCountryDetails?.id === 'MX'
+
+        let bankDetails = `Bank Transfer Details:
 Amount: ${formattedAmount}
-Bank Name: ${onrampData?.depositInstructions?.bankName || 'Loading...'}
-Bank Address: ${onrampData?.depositInstructions?.bankAddress || 'Loading...'}
-Account Number: ${onrampData?.depositInstructions?.bankAccountNumber || 'Loading...'}
-Routing Number: ${onrampData?.depositInstructions?.bankRoutingNumber || 'Loading...'}
+Bank Name: ${onrampData?.depositInstructions?.bankName || 'Loading...'}`
+
+        // Only include Bank Address for non-Mexico countries since Mexico doesn't return IBAN/BIC or equivalent
+        if (!isMexico) {
+            bankDetails += `
+Bank Address: ${onrampData?.depositInstructions?.bankAddress || 'Loading...'}`
+
+            const accountLabel = onrampData?.depositInstructions?.bankAccountNumber ? 'Account Number' : 'IBAN'
+            const routingLabel = onrampData?.depositInstructions?.bankRoutingNumber ? 'Routing Number' : 'BIC'
+            const accountValue =
+                onrampData?.depositInstructions?.bankAccountNumber ||
+                (onrampData?.depositInstructions?.iban
+                    ? formatBankAccountDisplay(onrampData.depositInstructions.iban, 'iban')
+                    : null) ||
+                'Loading...'
+            const routingValue =
+                onrampData?.depositInstructions?.bankRoutingNumber ||
+                onrampData?.depositInstructions?.bic ||
+                'Loading...'
+
+            bankDetails += `
+${accountLabel}: ${accountValue}
+${routingLabel}: ${routingValue}`
+        }
+
+        bankDetails += `
 Deposit Message: ${onrampData?.depositInstructions?.depositMessage || 'Loading...'}
 
 Please use these details to complete your bank transfer.`
@@ -117,37 +145,43 @@ Please use these details to complete your bank transfer.`
                     amount={amountToOnramp}
                     tokenSymbol={PEANUT_WALLET_TOKEN_SYMBOL}
                     countryCodeForFlag={countryCodeForFlag}
+                    currencySymbol={getCurrencySymbol(onrampCurrency)}
                 />
 
                 <Card className="rounded-sm">
-                    <PaymentInfoRow
-                        label={'Amount'}
-                        value={formatCurrencyAmount(amountToOnramp, currentCountryDetails?.currency || 'USD')}
-                    />
+                    <PaymentInfoRow label={'Amount'} value={formatCurrencyAmount(amountToOnramp, onrampCurrency)} />
                     <PaymentInfoRow
                         label={'Bank Name'}
                         value={onrampData?.depositInstructions?.bankName || 'Loading...'}
                     />
-                    <PaymentInfoRow
-                        label={'Bank Address'}
-                        value={onrampData?.depositInstructions?.bankAddress || 'Loading...'}
-                    />
-                    <PaymentInfoRow
-                        label={onrampData?.depositInstructions?.bankAccountNumber ? 'Account Number' : 'IBAN'}
-                        value={
-                            onrampData?.depositInstructions?.bankAccountNumber ||
-                            onrampData?.depositInstructions?.iban ||
-                            'Loading...'
-                        }
-                    />
-                    <PaymentInfoRow
-                        label={onrampData?.depositInstructions?.bankRoutingNumber ? 'Routing Number' : 'BIC'}
-                        value={
-                            onrampData?.depositInstructions?.bankRoutingNumber ||
-                            onrampData?.depositInstructions?.bic ||
-                            'Loading...'
-                        }
-                    />
+                    {currentCountryDetails?.id !== 'MX' && (
+                        <PaymentInfoRow
+                            label={'Bank Address'}
+                            value={onrampData?.depositInstructions?.bankAddress || 'Loading...'}
+                        />
+                    )}
+                    {currentCountryDetails?.id !== 'MX' && (
+                        <PaymentInfoRow
+                            label={onrampData?.depositInstructions?.bankAccountNumber ? 'Account Number' : 'IBAN'}
+                            value={
+                                onrampData?.depositInstructions?.bankAccountNumber ||
+                                (onrampData?.depositInstructions?.iban
+                                    ? formatBankAccountDisplay(onrampData.depositInstructions.iban, 'iban')
+                                    : null) ||
+                                'N/A'
+                            }
+                        />
+                    )}
+                    {currentCountryDetails?.id !== 'MX' && (
+                        <PaymentInfoRow
+                            label={onrampData?.depositInstructions?.bankRoutingNumber ? 'Routing Number' : 'BIC'}
+                            value={
+                                onrampData?.depositInstructions?.bankRoutingNumber ||
+                                onrampData?.depositInstructions?.bic ||
+                                'N/A'
+                            }
+                        />
+                    )}
                     <PaymentInfoRow
                         hideBottomBorder
                         label={'Deposit Message'}

src/components/AddMoney/consts/index.ts

@@ -2063,6 +2063,8 @@ export const countryCodeMap: { [key: string]: string } = {
     USA: 'US',
 }
 
+const enabledBankTransferCountries = new Set([...Object.keys(countryCodeMap), 'US'])
+
 countryData.forEach((country) => {
     if (country.type === 'country') {
         const countryCode = country.id
@@ -2115,7 +2117,7 @@ countryData.forEach((country) => {
                 ...DEFAULT_BANK_WITHDRAW_METHOD,
                 id: `${countryCode.toLowerCase()}-default-bank-withdraw`,
                 path: `/withdraw/${countryCode.toLowerCase()}/bank`,
-                isSoon: countryCode === 'MX',
+                isSoon: !enabledBankTransferCountries.has(countryCode),
             })
         }
 
@@ -2129,6 +2131,9 @@ countryData.forEach((country) => {
             const newMethod = { ...m }
             if (newMethod.id === 'bank-transfer-add') {
                 newMethod.path = `/add-money/${country.path}/bank`
+                newMethod.isSoon = !enabledBankTransferCountries.has(countryCode)
+            } else {
+                newMethod.isSoon = true
             }
             return newMethod
         })

src/components/Global/PeanutActionDetailsCard/index.tsx

@@ -29,6 +29,7 @@ interface PeanutActionDetailsCardProps {
     fileUrl?: string
     avatarSize?: AvatarSize
     countryCodeForFlag?: string
+    currencySymbol?: string
 }
 
 export default function PeanutActionDetailsCard({
@@ -43,6 +44,7 @@ export default function PeanutActionDetailsCard({
     fileUrl,
     avatarSize = 'medium',
     countryCodeForFlag,
+    currencySymbol,
 }: PeanutActionDetailsCardProps) {
     const renderRecipient = () => {
         if (recipientType === 'ADDRESS') return printableAddress(recipientName)
@@ -157,10 +159,15 @@ export default function PeanutActionDetailsCard({
             <div className="min-w-0 space-y-1">
                 {getTitle()}
                 <h2 className="text-2xl font-extrabold">
-                    {tokenSymbol.toLowerCase() === PEANUT_WALLET_TOKEN_SYMBOL.toLowerCase() ? '$ ' : ''}
+                    {transactionType === 'ADD_MONEY' && currencySymbol
+                        ? `${currencySymbol} `
+                        : tokenSymbol.toLowerCase() === PEANUT_WALLET_TOKEN_SYMBOL.toLowerCase()
+                          ? '$ '
+                          : ''}
                     {amount}
 
                     {tokenSymbol.toLowerCase() !== PEANUT_WALLET_TOKEN_SYMBOL.toLowerCase() &&
+                        transactionType !== 'ADD_MONEY' &&
                         ` ${tokenSymbol.toLowerCase() === 'pnt' ? (Number(amount) === 1 ? 'Beer' : 'Beers') : tokenSymbol}`}
                 </h2>
 

src/components/Global/TokenAmountInput/index.tsx

@@ -19,6 +19,7 @@ interface TokenAmountInputProps {
         price: number
     }
     hideCurrencyToggle?: boolean
+    hideBalance?: boolean
 }
 
 const TokenAmountInput = ({
@@ -32,6 +33,7 @@ const TokenAmountInput = ({
     currency,
     setUsdValue,
     hideCurrencyToggle = false,
+    hideBalance = false,
 }: TokenAmountInputProps) => {
     const { selectedTokenData } = useContext(tokenSelectorContext)
     const inputRef = useRef<HTMLInputElement>(null)
@@ -229,7 +231,7 @@ const TokenAmountInput = ({
                     disabled={disabled}
                 />
             </div>
-            {walletBalance && (
+            {walletBalance && !hideBalance && (
                 <div className="mt-0.5 text-center text-xs text-grey-1">
                     Your balance: {displayMode === 'FIAT' && currency ? 'US$' : '$'}
                     {walletBalance}

src/utils/__tests__/bridge.utils.test.ts

@@ -5,6 +5,7 @@ import {
     getCurrencySymbol,
     getPaymentRailDisplayName,
     type BridgeOperationType,
+    getMinimumAmount,
 } from '../bridge.utils'
 
 describe('bridge.utils', () => {
@@ -114,6 +115,28 @@ describe('bridge.utils', () => {
                 paymentRail: 'sepa',
             })
         })
+
+        describe('getMinimumAmount', () => {
+            it('should return 50 for Mexico', () => {
+                const minimum = getMinimumAmount('MX')
+                expect(minimum).toBe(50)
+            })
+
+            it('should return 1 for US', () => {
+                const minimum = getMinimumAmount('US')
+                expect(minimum).toBe(1)
+            })
+
+            it('should return 1 for other countries', () => {
+                const minimum = getMinimumAmount('DE')
+                expect(minimum).toBe(1)
+            })
+
+            it('should return 1 for empty country code', () => {
+                const minimum = getMinimumAmount('')
+                expect(minimum).toBe(1)
+            })
+        })
     })
 
     describe('bridge support', () => {
@@ -135,8 +158,8 @@ describe('bridge.utils', () => {
             expect(getCurrencySymbol('USD')).toBe('$')
             expect(getCurrencySymbol('eur')).toBe('€')
             expect(getCurrencySymbol('EUR')).toBe('€')
-            expect(getCurrencySymbol('mxn')).toBe('$')
-            expect(getCurrencySymbol('MXN')).toBe('$')
+            expect(getCurrencySymbol('mxn')).toBe('MX$')
+            expect(getCurrencySymbol('MXN')).toBe('MX$')
         })
 
         it('should return uppercase currency code for unsupported currencies', () => {

src/utils/bridge.utils.ts

@@ -54,11 +54,23 @@ export const getCurrencySymbol = (currency: string): string => {
     const symbols: Record<string, string> = {
         usd: '$',
         eur: '€',
-        mxn: '$',
+        mxn: 'MX$',
     }
     return symbols[currency.toLowerCase()] || currency.toUpperCase()
 }
 
+/**
+ * Get minimum amount for onramp operations by country
+ */
+export const getMinimumAmount = (countryId: string): number => {
+    if (countryId === 'MX') {
+        return 50
+    }
+
+    // Default minimum for all other countries (including US and EU)
+    return 1
+}
+
 /**
  * Get human-readable payment rail name
  */

src/utils/currency.ts

@@ -1,7 +1,8 @@
+import { getCurrencySymbol } from './bridge.utils'
+
 // Helper function to get currency symbol based on code
 export const getDisplayCurrencySymbol = (code?: string, fallbackSymbol: string = '$'): string => {
     if (!code) return fallbackSymbol
-
     const upperCode = code.toUpperCase()
 
     switch (upperCode) {
@@ -15,14 +16,20 @@ export const getDisplayCurrencySymbol = (code?: string, fallbackSymbol: string =
             return '£'
         case 'JPY':
             return '¥'
+        case 'MXN':
+            return 'MX$'
+        case 'BRL':
+            return 'R$'
+        case 'CAD':
+            return 'CA$'
         default:
-            return upperCode // Return the currency code itself as fallback (e.g., "CAD", "CHF")
+            return upperCode // Return the currency code itself as fallback (e.g., "CHF")
     }
 }
 
 // Simple currency amount formatter
 export const formatCurrencyAmount = (amount: string | number, currencyCode: string): string => {
-    const symbol = getDisplayCurrencySymbol(currencyCode)
+    const symbol = getCurrencySymbol(currencyCode)
     const numAmount = typeof amount === 'string' ? parseFloat(amount) : amount
 
     if (isNaN(numAmount)) return `${symbol}0`