diff --git a/src/components/Common/CountryList.tsx b/src/components/Common/CountryList.tsx
index e958a055a1..970b3f7eef 100644
--- a/src/components/Common/CountryList.tsx
+++ b/src/components/Common/CountryList.tsx
@@ -9,6 +9,7 @@ import { getCardPosition } from '../Global/Card'
import { useGeoLocaion } from '@/hooks/useGeoLocaion'
import { CountryListSkeleton } from './CountryListSkeleton'
import AvatarWithBadge from '../Profile/AvatarWithBadge'
+import StatusBadge from '../Global/Badges/StatusBadge'
interface CountryListViewProps {
inputTitle: string
@@ -34,14 +35,6 @@ export const CountryList = ({ inputTitle, viewMode, onCountryClick, onCryptoClic
const { countryCode: userGeoLocationCountryCode, isLoading: isGeoLoading } = useGeoLocaion()
const supportedCountries = useMemo(() => {
- // if it's a claim or request flow, we only show SEPA countries and US/MX
- if (viewMode === 'claim-request') {
- const sepaCountries = Object.keys(countryCodeMap)
- const supported = new Set([...sepaCountries, 'US', 'MX'])
-
- return countryData.filter((country) => country.type === 'country' && supported.has(country.id))
- }
- // if it's an add or withdraw flow, we show all countries
return countryData.filter((country) => country.type === 'country')
}, [viewMode])
@@ -112,13 +105,20 @@ export const CountryList = ({ inputTitle, viewMode, onCountryClick, onCryptoClic
const twoLetterCountryCode =
countryCodeMap[country.id.toUpperCase()] ?? country.id.toLowerCase()
const position = getCardPosition(index, filteredCountries.length)
+ const isSupported =
+ viewMode === 'add-withdraw' ||
+ ['US', 'MX', ...Object.keys(countryCodeMap), ...Object.values(countryCodeMap)].includes(
+ country.id
+ )
return (