wallet-stack 1.0.0-alpha.128 → 1.0.0-alpha.130

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wallet-stack",
-  "version": "1.0.0-alpha.128",
+  "version": "1.0.0-alpha.130",
   "author": "Valora Inc",
   "license": "Apache-2.0",
   "repository": {
@@ -18,7 +18,7 @@
     "provenance": true
   },
   "engines": {
-    "node": ">=20"
+    "node": ">=20.20.2"
   },
   "files": [
     "tsconfig.json",

package/src/analytics/Properties.tsx

@@ -493,6 +493,7 @@ interface SendEventsProperties {
     amountEnteredIn: AmountEnteredIn
     tokenId: string | null
     networkId: string | null
+    isMiniPayRecipient: boolean
   }
   [SendEvents.send_confirm_back]: undefined
   [SendEvents.send_confirm_send]:

package/src/fiatExchanges/ExternalExchanges.tsx

@@ -1,7 +1,8 @@
 import { NativeStackScreenProps } from '@react-navigation/native-stack'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import { SafeAreaView, ScrollView, StyleSheet, Text, View } from 'react-native'
+import { ScrollView, StyleSheet, Text, View } from 'react-native'
+import { SafeAreaView } from 'react-native-safe-area-context'
 import { FiatExchangeEvents } from 'src/analytics/Events'
 import AppAnalytics from 'src/analytics/AppAnalytics'
 import BackButton from 'src/components/BackButton'
@@ -55,7 +56,7 @@ function ExternalExchanges({ route }: Props) {
   }
 
   return (
-    <SafeAreaView style={styles.container}>
+    <SafeAreaView style={styles.container} edges={['bottom']}>
       <Text style={styles.pleaseSelectExchange}>
         {t('youCanTransferOut', {
           digitalAsset: tokenInfo?.symbol,

package/src/fiatExchanges/Spend.tsx

@@ -1,7 +1,8 @@
 import { NativeStackScreenProps } from '@react-navigation/native-stack'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import { SafeAreaView, ScrollView, StyleSheet, Text, View } from 'react-native'
+import { ScrollView, StyleSheet, Text, View } from 'react-native'
+import { SafeAreaView } from 'react-native-safe-area-context'
 import AppAnalytics from 'src/analytics/AppAnalytics'
 import { FiatExchangeEvents } from 'src/analytics/Events'
 import BackButton from 'src/components/BackButton'
@@ -54,7 +55,7 @@ function Spend(props: Props) {
 
   return (
     <ScrollView style={styles.container}>
-      <SafeAreaView>
+      <SafeAreaView edges={['bottom']}>
         <Text style={styles.pleaseSelectProvider}>{t('useBalanceWithMerchants')}</Text>
         <View>
           {merchants

package/src/fiatconnect/LinkAccountScreen.tsx

@@ -3,7 +3,8 @@ import { RouteProp } from '@react-navigation/native'
 import { NativeStackScreenProps } from '@react-navigation/native-stack'
 import React from 'react'
 import { Trans, useTranslation } from 'react-i18next'
-import { SafeAreaView, StyleSheet, Text } from 'react-native'
+import { StyleSheet, Text } from 'react-native'
+import { SafeAreaView } from 'react-native-safe-area-context'
 import AppAnalytics from 'src/analytics/AppAnalytics'
 import { FiatExchangeEvents } from 'src/analytics/Events'
 import BackButton from 'src/components/BackButton'
@@ -105,7 +106,7 @@ function LinkAccountSection(props: {
   }
 
   return (
-    <SafeAreaView style={styles.content}>
+    <SafeAreaView style={styles.content} edges={['bottom']}>
       <Text style={styles.title}>{t(bodyTitle)}</Text>
       <Text testID="descriptionText" style={styles.description}>
         <Trans i18nKey={description} values={{ providerName: quote.getProviderName() }}>

package/src/fiatconnect/ReviewScreen.tsx

@@ -5,7 +5,8 @@ import BigNumber from 'bignumber.js'
 import React, { useEffect, useLayoutEffect, useMemo, useState } from 'react'
 import { useAsync } from 'react-async-hook'
 import { useTranslation } from 'react-i18next'
-import { ActivityIndicator, BackHandler, SafeAreaView, StyleSheet, Text, View } from 'react-native'
+import { ActivityIndicator, BackHandler, StyleSheet, Text, View } from 'react-native'
+import { SafeAreaView } from 'react-native-safe-area-context'
 import AppAnalytics from 'src/analytics/AppAnalytics'
 import { FiatExchangeEvents } from 'src/analytics/Events'
 import BackButton from 'src/components/BackButton'
@@ -251,7 +252,7 @@ export default function FiatConnectReviewScreen({ route, navigation }: Props) {
   }
 
   return (
-    <SafeAreaView style={styles.content}>
+    <SafeAreaView style={styles.content} edges={['bottom']}>
       <Dialog
         testID="expiredQuoteDialog"
         isVisible={showingExpiredQuoteDialog}

package/src/fiatconnect/TransferStatusScreen.tsx

@@ -1,7 +1,8 @@
 import { NativeStackScreenProps } from '@react-navigation/native-stack'
 import React, { useEffect, useState, type JSX } from 'react'
 import { useTranslation } from 'react-i18next'
-import { ActivityIndicator, SafeAreaView, StyleSheet, Text, View } from 'react-native'
+import { ActivityIndicator, StyleSheet, Text, View } from 'react-native'
+import { SafeAreaView } from 'react-native-safe-area-context'
 import AppAnalytics from 'src/analytics/AppAnalytics'
 import { FiatExchangeEvents } from 'src/analytics/Events'
 import BackButton from 'src/components/BackButton'
@@ -269,7 +270,7 @@ export default function FiatConnectTransferStatusScreen({ route, navigation }: P
         ),
       })
       return (
-        <SafeAreaView style={styles.content}>
+        <SafeAreaView style={styles.content} edges={['bottom']}>
           <FailureSection flow={flow} normalizedQuote={normalizedQuote} fiatAccount={fiatAccount} />
         </SafeAreaView>
       )
@@ -282,7 +283,7 @@ export default function FiatConnectTransferStatusScreen({ route, navigation }: P
     // intentionally falls thru since TxProcessing and Completed use the same component
     case SendingTransferStatus.TxProcessing:
       return (
-        <SafeAreaView style={styles.content}>
+        <SafeAreaView style={styles.content} edges={['bottom']}>
           <SuccessOrProcessingSection
             status={fiatConnectTransfer.status}
             flow={flow}

package/src/identity/actions.ts

@@ -1,6 +1,7 @@
 import {
   AddressToDisplayNameType,
   AddressToE164NumberType,
+  AddressToVerifiedByType,
   AddressValidationType,
   E164NumberToAddressType,
 } from 'src/identity/reducer'
@@ -31,6 +32,7 @@ export interface UpdateE164PhoneNumberAddressesAction {
   type: Actions.UPDATE_E164_PHONE_NUMBER_ADDRESSES
   e164NumberToAddress: E164NumberToAddressType
   addressToE164Number: AddressToE164NumberType
+  addressToVerifiedBy: AddressToVerifiedByType
 }
 
 export interface UpdateKnownAddressesAction {
@@ -162,11 +164,13 @@ export const endFetchingAddresses = (
 
 export const updateE164PhoneNumberAddresses = (
   e164NumberToAddress: E164NumberToAddressType,
-  addressToE164Number: AddressToE164NumberType
+  addressToE164Number: AddressToE164NumberType,
+  addressToVerifiedBy: AddressToVerifiedByType = {}
 ): UpdateE164PhoneNumberAddressesAction => ({
   type: Actions.UPDATE_E164_PHONE_NUMBER_ADDRESSES,
   e164NumberToAddress,
   addressToE164Number,
+  addressToVerifiedBy,
 })
 
 export const updateKnownAddresses = (

package/src/identity/contactMapping.test.ts

@@ -115,7 +115,8 @@ describe('Fetch Addresses Saga', () => {
         .put(
           updateE164PhoneNumberAddresses(
             { [mockE164Number]: ['0xabc'] },
-            { '0xabc': mockE164Number }
+            { '0xabc': mockE164Number },
+            {}
           )
         )
         .run()
@@ -151,7 +152,45 @@ describe('Fetch Addresses Saga', () => {
         .put(
           updateE164PhoneNumberAddresses(
             { [mockE164Number]: ['0xabc', '0xdef'] },
-            { '0xabc': mockE164Number, '0xdef': mockE164Number }
+            { '0xabc': mockE164Number, '0xdef': mockE164Number },
+            {}
+          )
+        )
+        .put(requireSecureSend(mockE164Number, AddressValidationType.PARTIAL))
+        .run()
+    })
+
+    it('uses verifiedAddresses as source of truth when present', async () => {
+      const mockE164NumberToAddress = {
+        [mockE164Number]: [mockAccount.toLowerCase()],
+      }
+      // addresses only contains DB-verified addresses (backward compat),
+      // verifiedAddresses contains all (DB + SC) and is the source of truth
+      mockFetch.mockResponseOnce(
+        JSON.stringify({
+          data: {
+            addresses: ['0xAbC'],
+            verifiedAddresses: [
+              { address: '0xAbC', verifiedBy: 'valora' },
+              { address: '0xDef', verifiedBy: 'minipay' },
+            ],
+          },
+        })
+      )
+
+      await expectSaga(fetchAddressesAndValidateSaga, fetchAddressesAndValidate(mockE164Number))
+        .provide([
+          [select(e164NumberToAddressSelector), mockE164NumberToAddress],
+          [select(walletAddressSelector), mockAccount],
+          [call(retrieveSignedMessage), 'some signed message'],
+          [select(secureSendPhoneNumberMappingSelector), {}],
+        ])
+        .put(updateE164PhoneNumberAddresses({ [mockE164Number]: undefined }, {}))
+        .put(
+          updateE164PhoneNumberAddresses(
+            { [mockE164Number]: ['0xabc', '0xdef'] },
+            { '0xabc': mockE164Number, '0xdef': mockE164Number },
+            { '0xabc': 'valora', '0xdef': 'minipay' }
           )
         )
         .put(requireSecureSend(mockE164Number, AddressValidationType.PARTIAL))

package/src/identity/contactMapping.ts

@@ -159,10 +159,22 @@ export function* fetchAddressesAndValidateSaga({
     // Clear existing entries for those numbers so our mapping consumers know new status is pending.
     yield* put(updateE164PhoneNumberAddresses({ [e164Number]: undefined }, {}))
 
-    const walletAddresses: string[] = yield* call(fetchWalletAddresses, e164Number)
+    const { addresses, verifiedAddresses } = yield* call(fetchWalletAddresses, e164Number)
+
+    // When `verifiedAddresses` is present, use it as source of truth:
+    // it includes addresses verified by both CPV and SocialConnect.
+    // The `addresses` field is used for backward compatibility.
+    const walletAddresses = verifiedAddresses ? verifiedAddresses.map((v) => v.address) : addresses
 
     const e164NumberToAddressUpdates: E164NumberToAddressType = {}
     const addressToE164NumberUpdates: AddressToE164NumberType = {}
+    const addressToVerifiedByUpdates: Record<string, string> = {}
+
+    if (verifiedAddresses) {
+      for (const { address, verifiedBy } of verifiedAddresses) {
+        addressToVerifiedByUpdates[address] = verifiedBy
+      }
+    }
 
     if (!walletAddresses.length) {
       Logger.debug(TAG + '@fetchAddressesAndValidate', `No addresses for number`)
@@ -197,7 +209,11 @@ export function* fetchAddressesAndValidateSaga({
       yield* put(requireSecureSend(e164Number, addressValidationType))
     }
     yield* put(
-      updateE164PhoneNumberAddresses(e164NumberToAddressUpdates, addressToE164NumberUpdates)
+      updateE164PhoneNumberAddresses(
+        e164NumberToAddressUpdates,
+        addressToE164NumberUpdates,
+        addressToVerifiedByUpdates
+      )
     )
     yield* put(endFetchingAddresses(e164Number, true))
     AppAnalytics.track(IdentityEvents.phone_number_lookup_complete)
@@ -265,9 +281,22 @@ function* fetchWalletAddresses(e164Number: string) {
       throw new Error(`Failed to look up phone number: ${response.status} ${response.statusText}`)
     }
 
-    const { data }: { data: { addresses: string[] } } = yield* call([response, 'json'])
-
-    return data.addresses.map((address) => address.toLowerCase())
+    const {
+      data,
+    }: {
+      data: {
+        addresses: string[]
+        verifiedAddresses?: Array<{ address: string; verifiedBy: string }>
+      }
+    } = yield* call([response, 'json'])
+
+    return {
+      addresses: data.addresses.map((address) => address.toLowerCase()),
+      verifiedAddresses: data.verifiedAddresses?.map((v) => ({
+        ...v,
+        address: v.address.toLowerCase(),
+      })),
+    }
   } catch (error) {
     Logger.debug(`${TAG}/fetchWalletAddresses`, 'Unable to look up phone number', error)
     throw new Error('Unable to fetch wallet address for this phone number')

package/src/identity/reducer.ts

@@ -54,6 +54,10 @@ export interface AddressToVerificationStatus {
   [address: string]: boolean | undefined
 }
 
+export interface AddressToVerifiedByType {
+  [address: string]: string | undefined
+}
+
 interface State {
   addressToE164Number: AddressToE164NumberType
   // Note: Do not access values in this directly, use the `getAddressFromPhoneNumber` helper in contactMapping
@@ -67,6 +71,8 @@ interface State {
   secureSendPhoneNumberMapping: SecureSendPhoneNumberMapping
   // Mapping of address to verification status; undefined entries represent a loading state
   addressToVerificationStatus: AddressToVerificationStatus
+  // Mapping of address to the entity that verified it (e.g. "valora", "minipay")
+  addressToVerifiedBy: AddressToVerifiedByType
   lastSavedContactsHash: string | null
   shouldRefreshStoredPasswordHash: boolean
 }
@@ -83,6 +89,7 @@ const initialState: State = {
   },
   secureSendPhoneNumberMapping: {},
   addressToVerificationStatus: {},
+  addressToVerifiedBy: {},
   lastSavedContactsHash: null,
   shouldRefreshStoredPasswordHash: false,
 }
@@ -114,6 +121,10 @@ export const reducer = (
           ...state.e164NumberToAddress,
           ...action.e164NumberToAddress,
         },
+        addressToVerifiedBy: {
+          ...state.addressToVerifiedBy,
+          ...action.addressToVerifiedBy,
+        },
       }
     case Actions.UPDATE_KNOWN_ADDRESSES:
       return {

package/src/identity/selectors.ts

@@ -4,6 +4,7 @@ export const e164NumberToAddressSelector = (state: RootState) => state.identity.
 export const addressToVerificationStatusSelector = (state: RootState) =>
   state.identity.addressToVerificationStatus
 export const addressToE164NumberSelector = (state: RootState) => state.identity.addressToE164Number
+export const addressToVerifiedBySelector = (state: RootState) => state.identity.addressToVerifiedBy
 export const secureSendPhoneNumberMappingSelector = (state: RootState) =>
   state.identity.secureSendPhoneNumberMapping
 export const importContactsProgressSelector = (state: RootState) =>

package/src/keylessBackup/KeylessBackupIntro.tsx

@@ -1,7 +1,8 @@
 import { NativeStackScreenProps } from '@react-navigation/native-stack'
 import React from 'react'
 import { Trans, useTranslation } from 'react-i18next'
-import { SafeAreaView, ScrollView, StyleSheet, Text, View } from 'react-native'
+import { ScrollView, StyleSheet, Text, View } from 'react-native'
+import { SafeAreaView } from 'react-native-safe-area-context'
 import AppAnalytics from 'src/analytics/AppAnalytics'
 import { KeylessBackupEvents } from 'src/analytics/Events'
 import BackButton from 'src/components/BackButton'
@@ -33,7 +34,7 @@ function KeylessBackupIntro({ route }: Props) {
   const { t } = useTranslation()
 
   return (
-    <SafeAreaView style={styles.container}>
+    <SafeAreaView style={styles.container} edges={['bottom']}>
       <ScrollView style={styles.scrollContainer}>
         {isSetup && <Text style={styles.title}>{t('keylessBackupIntro.setup.title')}</Text>}
         <Text

package/src/navigator/types.tsx

@@ -42,6 +42,7 @@ type SendEnterAmountParams = {
   origin: SendOrigin
   forceTokenId?: boolean
   defaultTokenIdOverride?: string
+  isMiniPayRecipient?: boolean
 }
 
 interface ValidateRecipientParams {

package/src/nfts/NftsLoadError.tsx

@@ -1,6 +1,7 @@
 import React, { useEffect } from 'react'
 import { Trans, useTranslation } from 'react-i18next'
-import { SafeAreaView, ScrollView, StyleSheet, Text, View } from 'react-native'
+import { ScrollView, StyleSheet, Text, View } from 'react-native'
+import { SafeAreaView } from 'react-native-safe-area-context'
 import AppAnalytics from 'src/analytics/AppAnalytics'
 import { NftEvents } from 'src/analytics/Events'
 import Touchable from 'src/components/Touchable'
@@ -31,7 +32,7 @@ export default function NftsLoadError({ testID }: Props) {
   }, [])
 
   return (
-    <SafeAreaView style={styles.safeArea} testID={testID}>
+    <SafeAreaView style={styles.safeArea} testID={testID} edges={['bottom']}>
       <ScrollView
         contentContainerStyle={styles.contentContainerStyle}
         style={styles.scrollContainer}

package/src/recipients/RecipientItemV2.tsx

@@ -9,7 +9,7 @@ import {
   addressToVerificationStatusSelector,
   e164NumberToAddressSelector,
 } from 'src/identity/selectors'
-import Logo from 'src/images/Logo'
+import Checkmark from 'src/icons/Checkmark'
 import {
   Recipient,
   RecipientType,
@@ -63,12 +63,9 @@ function RecipientItem({ recipient, onSelectRecipient, loading, selected }: Prop
             DefaultIcon={() => renderDefaultIcon(recipient)} // no need to honor color props here since the color we need match the defaults
           />
           {!!showAppIcon && (
-            <Logo
-              color={Colors.contentSecondary}
-              style={styles.appIcon}
-              size={ICON_SIZE}
-              testID="RecipientItem/AppIcon"
-            />
+            <View style={styles.appIcon} testID="RecipientItem/AppIcon">
+              <Checkmark color={Colors.contentTertiary} height={ICON_SIZE} width={ICON_SIZE} />
+            </View>
           )}
         </View>
         <View style={styles.contentContainer}>
@@ -129,13 +126,8 @@ const styles = StyleSheet.create({
     top: 22,
     left: 22,
     backgroundColor: Colors.accent,
-    padding: 4,
     borderRadius: 100,
-    // To override the default shadow props on the logo
-    shadowColor: undefined,
-    shadowOpacity: undefined,
-    shadowRadius: undefined,
-    shadowOffset: undefined,
+    padding: 2,
   },
 })
 

package/src/redux/migrations.test.ts

@@ -67,6 +67,7 @@ import {
   v235Schema,
   v251Schema,
   v253Schema,
+  v254Schema,
   v28Schema,
   v2Schema,
   v35Schema,
@@ -1937,4 +1938,12 @@ describe('Redux persist migrations', () => {
     expectedSchema.home = _.omit(oldSchema.home, 'hasSeenDivviBottomSheet')
     expect(migratedSchema).toStrictEqual(expectedSchema)
   })
+
+  it('works from 254 to 255', () => {
+    const oldSchema = {
+      ...v254Schema,
+    }
+    const migratedSchema = migrations[255](oldSchema)
+    expect(migratedSchema.identity.addressToVerifiedBy).toStrictEqual({})
+  })
 })

package/src/redux/migrations.ts

@@ -2070,4 +2070,11 @@ export const migrations = {
     ...state,
     home: _.omit(state.home, 'hasSeenDivviBottomSheet'),
   }),
+  255: (state: any) => ({
+    ...state,
+    identity: {
+      ...state.identity,
+      addressToVerifiedBy: {},
+    },
+  }),
 }

package/src/redux/store.test.ts

@@ -143,7 +143,7 @@ describe('store state', () => {
       {
         "_persist": {
           "rehydrated": true,
-          "version": 254,
+          "version": 255,
         },
         "account": {
           "acceptedTerms": false,
@@ -245,6 +245,7 @@ describe('store state', () => {
           "addressToDisplayName": {},
           "addressToE164Number": {},
           "addressToVerificationStatus": {},
+          "addressToVerifiedBy": {},
           "askedContactsPermission": false,
           "e164NumberToAddress": {},
           "importContactsProgress": {

package/src/redux/store.ts

@@ -30,7 +30,7 @@ const persistConfig: PersistConfig<ReducersRootState> = {
   key: 'root',
   // default is -1, increment as we make migrations
   // See https://github.com/valora-xyz/wallet/tree/main/WALLET.md#redux-state-migration
-  version: 254,
+  version: 255,
   keyPrefix: `reduxStore-`, // the redux-persist default is `persist:` which doesn't work with some file systems.
   storage: FSStorage(),
   blacklist: ['networkInfo', 'alert', 'imports', 'keylessBackup', transactionFeedV2Api.reducerPath],

package/src/send/EnterAmount.tsx

@@ -10,6 +10,7 @@ import BackButton from 'src/components/BackButton'
 import { BottomSheetModalRefType } from 'src/components/BottomSheet'
 import Button, { BtnSizes } from 'src/components/Button'
 import FeeInfoBottomSheet from 'src/components/FeeInfoBottomSheet'
+import { FilterChip } from 'src/components/FilterChipsCarousel'
 import InLineNotification, { NotificationVariant } from 'src/components/InLineNotification'
 import KeyboardAwareScrollView from 'src/components/KeyboardAwareScrollView'
 import { ReviewDetailsItem } from 'src/components/ReviewTransaction'
@@ -66,6 +67,7 @@ interface Props {
   children?: React.ReactNode
   ProceedComponent: ComponentType<ProceedComponentProps>
   disableBalanceCheck?: boolean
+  filterChips?: FilterChip<TokenBalance>[]
 }
 
 export const SendProceed = ({
@@ -107,6 +109,7 @@ export default function EnterAmount({
   children,
   ProceedComponent,
   disableBalanceCheck = false,
+  filterChips,
 }: Props) {
   const { t } = useTranslation()
   const insets = useSafeAreaInsets()
@@ -325,6 +328,7 @@ export default function EnterAmount({
         tokens={tokens}
         title={t('sendEnterAmountScreen.selectToken')}
         titleStyle={styles.title}
+        filterChips={filterChips}
       />
     </SafeAreaView>
   )

package/src/send/SendEnterAmount.test.tsx

@@ -1,4 +1,4 @@
-import { fireEvent, render, waitFor } from '@testing-library/react-native'
+import { fireEvent, render, waitFor, within } from '@testing-library/react-native'
 import BigNumber from 'bignumber.js'
 import React from 'react'
 import { Provider } from 'react-redux'
@@ -10,6 +10,7 @@ import { Screens } from 'src/navigator/Screens'
 import { RecipientType } from 'src/recipients/recipient'
 import SendEnterAmount from 'src/send/SendEnterAmount'
 import { usePrepareSendTransactions } from 'src/send/usePrepareSendTransactions'
+import { getDynamicConfigParams } from 'src/statsig'
 import { getSerializablePreparedTransactionsPossible } from 'src/viem/preparedTransactionSerialization'
 import { PreparedTransactionsPossible } from 'src/viem/prepareTransactions'
 import MockedNavigator from 'test/MockedNavigator'
@@ -29,6 +30,10 @@ import {
 jest.mock('src/statsig')
 jest.mock('src/send/usePrepareSendTransactions')
 
+jest.mocked(getDynamicConfigParams).mockReturnValue({
+  miniPayTokenIds: [],
+})
+
 const mockPrepareTransactionsResultPossible: PreparedTransactionsPossible = {
   type: 'possible',
   transactions: [
@@ -164,6 +169,7 @@ describe('SendEnterAmount', () => {
       underlyingTokenAddress: mockCeloAddress,
       underlyingTokenSymbol: 'CELO',
       amountEnteredIn: 'token',
+      isMiniPayRecipient: false,
     })
     expect(navigate).toHaveBeenCalledWith(Screens.SendConfirmation, {
       origin: params.origin,
@@ -232,4 +238,105 @@ describe('SendEnterAmount', () => {
     expect(getByTestId('SendEnterAmount/TokenSelect')).toHaveTextContent('cUSD', { exact: false })
     expect(getByTestId('SendEnterAmount/TokenSelect')).toBeDisabled()
   })
+
+  describe('MiniPay filter', () => {
+    const miniPayTokenIds = [mockCusdTokenId, mockUSDCTokenId]
+
+    beforeEach(() => {
+      jest.mocked(getDynamicConfigParams).mockReturnValue({
+        miniPayTokenIds,
+      })
+    })
+
+    it('should show MiniPay chip pre-selected and only MiniPay tokens when isMiniPayRecipient is true', () => {
+      const { getAllByTestId, getByText } = render(
+        <Provider store={store}>
+          <MockedNavigator
+            component={SendEnterAmount}
+            params={{ ...params, isMiniPayRecipient: true }}
+          />
+        </Provider>
+      )
+
+      expect(getByText('MiniPay')).toBeTruthy()
+
+      const tokenBottomSheet = getAllByTestId('TokenBottomSheet')[0]
+      const tokens = within(tokenBottomSheet).getAllByTestId('TokenBalanceItem')
+      // only cUSD visible (USDC is on a different network and filtered by selector)
+      expect(tokens).toHaveLength(1)
+      expect(tokens[0]).toHaveTextContent('cUSD', { exact: false })
+    })
+
+    it('should select default token from MiniPay list', () => {
+      const { getByTestId } = render(
+        <Provider store={store}>
+          <MockedNavigator
+            component={SendEnterAmount}
+            params={{ ...params, isMiniPayRecipient: true }}
+          />
+        </Provider>
+      )
+
+      // cUSD is the only MiniPay token with balance, not CELO (which is excluded)
+      expect(getByTestId('SendEnterAmount/TokenSelect')).toHaveTextContent('cUSD', { exact: false })
+    })
+
+    it('should show all tokens when MiniPay chip is toggled off', () => {
+      const { getAllByTestId, getByText } = render(
+        <Provider store={store}>
+          <MockedNavigator
+            component={SendEnterAmount}
+            params={{ ...params, isMiniPayRecipient: true }}
+          />
+        </Provider>
+      )
+
+      fireEvent.press(getByText('MiniPay'))
+
+      const tokenBottomSheet = getAllByTestId('TokenBottomSheet')[0]
+      const tokens = within(tokenBottomSheet).getAllByTestId('TokenBalanceItem')
+      expect(tokens).toHaveLength(3)
+    })
+
+    it('should not show MiniPay chip when isMiniPayRecipient is not set', () => {
+      const { queryByText } = render(
+        <Provider store={store}>
+          <MockedNavigator component={SendEnterAmount} params={params} />
+        </Provider>
+      )
+
+      expect(queryByText('MiniPay')).toBeFalsy()
+    })
+
+    it('should include isMiniPayRecipient in send_amount_continue analytics', async () => {
+      jest.mocked(usePrepareSendTransactions).mockReturnValue({
+        prepareTransactionsResult: mockPrepareTransactionsResultPossible,
+        prepareTransactionLoading: false,
+        refreshPreparedTransactions: jest.fn(),
+        clearPreparedTransactions: jest.fn(),
+        prepareTransactionError: undefined,
+      })
+      const { getByTestId, getByText } = render(
+        <Provider store={store}>
+          <MockedNavigator
+            component={SendEnterAmount}
+            params={{ ...params, isMiniPayRecipient: true }}
+          />
+        </Provider>
+      )
+
+      fireEvent.changeText(getByTestId('SendEnterAmount/TokenAmountInput'), '8')
+
+      await waitFor(() => expect(getByText('review')).not.toBeDisabled())
+      fireEvent.press(getByText('review'))
+
+      await waitFor(() => expect(AppAnalytics.track).toHaveBeenCalledTimes(1))
+      expect(AppAnalytics.track).toHaveBeenCalledWith(
+        SendEvents.send_amount_continue,
+        expect.objectContaining({
+          isMiniPayRecipient: true,
+        })
+      )
+    })
+  })
 })

package/src/send/SendEnterAmount.tsx

@@ -1,6 +1,6 @@
 import { NativeStackScreenProps } from '@react-navigation/native-stack'
 import BigNumber from 'bignumber.js'
-import React, { useMemo } from 'react'
+import React from 'react'
 import AppAnalytics from 'src/analytics/AppAnalytics'
 import { SendEvents } from 'src/analytics/Events'
 import { getLocalCurrencyCode, usdToLocalCurrencyRateSelector } from 'src/localCurrency/selectors'
@@ -11,6 +11,7 @@ import { useSelector } from 'src/redux/hooks'
 import EnterAmount, { ProceedArgs, SendProceed } from 'src/send/EnterAmount'
 import { lastUsedTokenIdSelector } from 'src/send/selectors'
 import { usePrepareSendTransactions } from 'src/send/usePrepareSendTransactions'
+import useSendFilterChips from 'src/send/useSendFilterChips'
 import { sortedTokensWithBalanceOrShowZeroBalanceSelector } from 'src/tokens/selectors'
 import { TokenBalance } from 'src/tokens/slice'
 import Logger from 'src/utils/Logger'
@@ -22,18 +23,24 @@ type Props = NativeStackScreenProps<StackParamList, Screens.SendEnterAmount>
 const TAG = 'SendEnterAmount'
 
 function SendEnterAmount({ route }: Props) {
-  const { defaultTokenIdOverride, origin, recipient, isFromScan, forceTokenId } = route.params
+  const {
+    defaultTokenIdOverride,
+    origin,
+    recipient,
+    isFromScan,
+    forceTokenId,
+    isMiniPayRecipient,
+  } = route.params
   // explicitly allow zero state tokens to be shown for exploration purposes for
   // new users with no balance
   const tokens = useSelector(sortedTokensWithBalanceOrShowZeroBalanceSelector)
   const lastUsedTokenId = useSelector(lastUsedTokenIdSelector)
-
-  const defaultToken = useMemo(() => {
-    const defaultToken = tokens.find((token) => token.tokenId === defaultTokenIdOverride)
-    const lastUsedToken = tokens.find((token) => token.tokenId === lastUsedTokenId)
-
-    return defaultToken ?? lastUsedToken ?? tokens[0]
-  }, [tokens, defaultTokenIdOverride, lastUsedTokenId])
+  const { filterChips, defaultToken } = useSendFilterChips({
+    isMiniPayRecipient,
+    tokens,
+    defaultTokenIdOverride,
+    lastUsedTokenId,
+  })
 
   const localCurrencyCode = useSelector(getLocalCurrencyCode)
   const localCurrencyExchangeRate = useSelector(usdToLocalCurrencyRateSelector)
@@ -72,6 +79,7 @@ function SendEnterAmount({ route }: Props) {
       amountEnteredIn,
       tokenId: token.tokenId,
       networkId: token.networkId,
+      isMiniPayRecipient: isMiniPayRecipient ?? false,
     })
   }
 
@@ -116,6 +124,7 @@ function SendEnterAmount({ route }: Props) {
       tokenSelectionDisabled={!!forceTokenId}
       onPressProceed={handleReviewSend}
       ProceedComponent={SendProceed}
+      filterChips={filterChips}
     />
   )
 }

package/src/send/SendSelectRecipient.test.tsx

@@ -243,6 +243,7 @@ describe('SendSelectRecipient', () => {
       forceTokenId: undefined,
       recipient: expect.any(Object),
       origin: SendOrigin.AppSendFlow,
+      isMiniPayRecipient: false,
     })
   })
   it('navigates to send amount when address recipient is pressed', async () => {
@@ -280,6 +281,7 @@ describe('SendSelectRecipient', () => {
       forceTokenId: undefined,
       recipient: expect.any(Object),
       origin: SendOrigin.AppSendFlow,
+      isMiniPayRecipient: false,
     })
   })
 
@@ -522,6 +524,54 @@ describe('SendSelectRecipient', () => {
         recipientType: 'PhoneNumber',
       },
       origin: SendOrigin.AppSendFlow,
+      isMiniPayRecipient: false,
+    })
+  })
+  it('navigates to send amount with isMiniPayRecipient when address is verified by minipay', async () => {
+    jest
+      .mocked(getRecipientVerificationStatus)
+      .mockReturnValue(RecipientVerificationStatus.VERIFIED)
+
+    const store = createMockStore({
+      ...storeWithPhoneVerified,
+      identity: {
+        secureSendPhoneNumberMapping: {
+          [mockE164Number3]: { addressValidationType: AddressValidationType.NONE },
+        },
+        e164NumberToAddress: { [mockE164Number3]: [mockAccount3] },
+        addressToVerifiedBy: { [mockAccount3]: 'minipay' },
+      },
+    })
+
+    const { getByTestId } = render(
+      <Provider store={store}>
+        <SendSelectRecipient {...mockScreenProps({})} />
+      </Provider>
+    )
+    const searchInput = getByTestId('SendSelectRecipientSearchInput')
+
+    await act(() => {
+      fireEvent.changeText(searchInput, mockE164Number3)
+    })
+    await act(() => {
+      fireEvent.press(getByTestId('RecipientItem'))
+    })
+    await act(() => {
+      fireEvent.press(getByTestId('SendOrInviteButton'))
+    })
+
+    expect(navigate).toHaveBeenCalledWith(Screens.SendEnterAmount, {
+      isFromScan: false,
+      defaultTokenIdOverride: undefined,
+      forceTokenId: undefined,
+      recipient: {
+        address: mockAccount3,
+        displayNumber: '(415) 555-0123',
+        e164PhoneNumber: mockE164Number3,
+        recipientType: 'PhoneNumber',
+      },
+      origin: SendOrigin.AppSendFlow,
+      isMiniPayRecipient: true,
     })
   })
   it('navigates to secure send flow when phone number recipient with multiple addresses, first time seeing it', async () => {
@@ -631,6 +681,7 @@ describe('SendSelectRecipient', () => {
         recipientType: 'PhoneNumber',
       },
       origin: SendOrigin.AppSendFlow,
+      isMiniPayRecipient: false,
     })
   })
   it.each([{ searchAddress: mockAccount2 }, { searchAddress: mockAccount3 }])(
@@ -694,6 +745,7 @@ describe('SendSelectRecipient', () => {
           thumbnailPath: undefined,
         },
         origin: SendOrigin.AppSendFlow,
+        isMiniPayRecipient: false,
       })
     }
   )
@@ -759,6 +811,7 @@ describe('SendSelectRecipient', () => {
           thumbnailPath: undefined,
         },
         origin: SendOrigin.AppSendFlow,
+        isMiniPayRecipient: false,
       })
     }
   )

package/src/send/SendSelectRecipient.tsx

@@ -21,6 +21,7 @@ import { getAddressFromPhoneNumber } from 'src/identity/contactMapping'
 import { AddressValidationType } from 'src/identity/reducer'
 import { getAddressValidationType } from 'src/identity/secureSend'
 import {
+  addressToVerifiedBySelector,
   e164NumberToAddressSelector,
   secureSendPhoneNumberMappingSelector,
 } from 'src/identity/selectors'
@@ -215,6 +216,7 @@ function SendSelectRecipient({ route }: Props) {
   const dispatch = useDispatch()
   const secureSendPhoneNumberMapping = useSelector(secureSendPhoneNumberMappingSelector)
   const e164NumberToAddress = useSelector(e164NumberToAddressSelector)
+  const addressToVerifiedBy = useSelector(addressToVerifiedBySelector)
   const shareUrl = getAppConfig().experimental?.inviteFriends?.shareUrl ?? null
 
   const forceTokenId = route.params?.forceTokenId
@@ -314,6 +316,7 @@ function SendSelectRecipient({ route }: Props) {
         address,
       },
       origin: SendOrigin.AppSendFlow,
+      isMiniPayRecipient: addressToVerifiedBy?.[address] === 'minipay',
     })
   }
 

package/src/send/ValidateRecipientAccount.test.tsx

@@ -176,6 +176,7 @@ describe('ValidateRecipientAccount', () => {
         ...mockInvitableRecipient2,
         address: mockAccountInvite,
       },
+      isMiniPayRecipient: false,
     })
   })
 })

package/src/send/ValidateRecipientAccount.tsx

@@ -42,6 +42,7 @@ interface StateProps {
   validationSuccessful: boolean
   error?: ErrorMessages | null
   validatedAddress?: string
+  isMiniPayRecipient: boolean
 }
 
 interface State {
@@ -77,6 +78,8 @@ const mapStateToProps = (state: RootState, ownProps: OwnProps): StateProps => {
     secureSendPhoneNumberMapping
   )
   const validatedAddress = getSecureSendAddress(recipient, secureSendPhoneNumberMapping)
+  const isMiniPayRecipient =
+    !!validatedAddress && state.identity.addressToVerifiedBy?.[validatedAddress] === 'minipay'
 
   return {
     recipient,
@@ -84,6 +87,7 @@ const mapStateToProps = (state: RootState, ownProps: OwnProps): StateProps => {
     addressValidationType,
     error,
     validatedAddress,
+    isMiniPayRecipient,
   }
 }
 
@@ -121,6 +125,7 @@ export class ValidateRecipientAccount extends React.Component<Props, State> {
         isFromScan: false,
         forceTokenId: route.params.forceTokenId,
         defaultTokenIdOverride: route.params.defaultTokenIdOverride,
+        isMiniPayRecipient: this.props.isMiniPayRecipient,
       })
     }
 

package/src/send/useSendFilterChips.ts

@@ -0,0 +1,46 @@
+import { BooleanFilterChip } from 'src/components/FilterChipsCarousel'
+import { getDynamicConfigParams } from 'src/statsig'
+import { DynamicConfigs } from 'src/statsig/constants'
+import { StatsigDynamicConfigs } from 'src/statsig/types'
+import { TokenBalance } from 'src/tokens/slice'
+
+export default function useSendFilterChips({
+  isMiniPayRecipient,
+  tokens,
+  defaultTokenIdOverride,
+  lastUsedTokenId,
+}: {
+  isMiniPayRecipient?: boolean
+  tokens: TokenBalance[]
+  defaultTokenIdOverride?: string
+  lastUsedTokenId?: string | null
+}): {
+  filterChips: BooleanFilterChip<TokenBalance>[]
+  defaultToken: TokenBalance | undefined
+} {
+  const { miniPayTokenIds: configTokenIds } = getDynamicConfigParams(
+    DynamicConfigs[StatsigDynamicConfigs.SEND_CONFIG]
+  )
+  const miniPayTokenIds = isMiniPayRecipient && configTokenIds.length > 0 ? configTokenIds : null
+
+  const filterChips: BooleanFilterChip<TokenBalance>[] = miniPayTokenIds
+    ? [
+        {
+          id: 'minipay',
+          name: 'MiniPay',
+          filterFn: (token: TokenBalance) => miniPayTokenIds.includes(token.tokenId),
+          isSelected: true,
+        },
+      ]
+    : []
+
+  const eligibleTokens = miniPayTokenIds
+    ? tokens.filter((token) => miniPayTokenIds.includes(token.tokenId))
+    : tokens
+  const defaultToken =
+    eligibleTokens.find((token) => token.tokenId === defaultTokenIdOverride) ??
+    eligibleTokens.find((token) => token.tokenId === lastUsedTokenId) ??
+    eligibleTokens[0]
+
+  return { filterChips, defaultToken }
+}

package/src/statsig/constants.ts

@@ -164,6 +164,12 @@ export const DynamicConfigs = {
       inviteRewardsVersion: 'none',
     },
   },
+  [StatsigDynamicConfigs.SEND_CONFIG]: {
+    configName: StatsigDynamicConfigs.SEND_CONFIG,
+    defaultValues: {
+      miniPayTokenIds: [] as string[],
+    },
+  },
 } satisfies {
   [key in StatsigDynamicConfigs]: {
     configName: key

package/src/statsig/types.ts

@@ -11,6 +11,7 @@ export enum StatsigDynamicConfigs {
   DEMO_MODE_CONFIG = 'demo_mode_config',
   FIAT_CONNECT_CONFIG = 'fiat_connect_config',
   INVITE_REWARDS_CONFIG = 'invite_rewards_config',
+  SEND_CONFIG = 'send_config',
 }
 
 export enum StatsigFeatureGates {