wallet-stack 1.0.0-alpha.136 → 1.0.0-alpha.138

package/src/send/SelectedRecipientCard.tsx

@@ -0,0 +1,197 @@
+import React, { memo, useRef } from 'react'
+import { useTranslation } from 'react-i18next'
+import { ActivityIndicator, StyleSheet, Text, View } from 'react-native'
+import { formatShortenedAddress } from 'src/account/utils'
+import BottomSheet, { BottomSheetModalRefType } from 'src/components/BottomSheet'
+import ContactCircle from 'src/components/ContactCircle'
+import Touchable from 'src/components/Touchable'
+import AttentionIcon from 'src/icons/Attention'
+import DownArrowIcon from 'src/icons/DownArrowIcon'
+import PhoneIcon from 'src/icons/Phone'
+import UserIcon from 'src/icons/User'
+import VerifiedBadge from 'src/icons/VerifiedBadge'
+import WalletIcon from 'src/icons/navigator/Wallet'
+import { Recipient } from 'src/recipients/recipient'
+import { useVerifierName } from 'src/recipients/verifier'
+import SelectRecipientAddressList, { type Entry } from 'src/send/SelectRecipientAddressList'
+import { type RecipientLookupStatus, type VerifiedAddressEntry } from 'src/send/useRecipientLookup'
+import Colors from 'src/styles/colors'
+import { typeScale } from 'src/styles/fonts'
+import { Spacing } from 'src/styles/styles'
+
+const SECONDARY_ROW_MIN_HEIGHT = 20
+
+interface Props {
+  recipient: Recipient & { address: string }
+  status: RecipientLookupStatus
+  verifiedAddresses: VerifiedAddressEntry[]
+  // The address the recipient was navigated in with. If it's not in the verified set
+  // (e.g. came from recents and the mapping no longer holds), it stays selectable in the
+  // sheet as an unverified option so the user can switch back after picking a verified one.
+  originalAddress: string
+  onSelectAddress(address: string): void
+}
+
+function SelectedRecipientCard({
+  recipient,
+  status,
+  verifiedAddresses,
+  originalAddress,
+  onSelectAddress,
+}: Props) {
+  const { t } = useTranslation()
+  const sheetRef = useRef<BottomSheetModalRefType>(null)
+
+  const verifierName = useVerifierName(recipient.address)
+  const isLoading = status === 'loading'
+
+  const originalIsVerified = verifiedAddresses.some(
+    (entry) => entry.address.toLowerCase() === originalAddress.toLowerCase()
+  )
+  const sheetEntries: Entry[] = originalIsVerified
+    ? verifiedAddresses
+    : [...verifiedAddresses, { address: originalAddress, verifier: null }]
+
+  const hasAlternative = sheetEntries.some(
+    (entry) => entry.address.toLowerCase() !== recipient.address.toLowerCase()
+  )
+  const isTappable = !isLoading && hasAlternative
+
+  const onPress = isTappable ? () => sheetRef.current?.snapToIndex(0) : undefined
+
+  const onSelectFromSheet = (address: string) => {
+    sheetRef.current?.close()
+    onSelectAddress(address)
+  }
+
+  const shortAddress = formatShortenedAddress(recipient.address)
+  const phone = recipient.displayNumber || recipient.e164PhoneNumber
+  const contact = recipient.name
+    ? { title: recipient.name, icon: UserIcon, shortAddress }
+    : phone
+      ? { title: phone, icon: PhoneIcon, shortAddress }
+      : { title: shortAddress, icon: WalletIcon, shortAddress: undefined as string | undefined }
+
+  const renderSecondary = () => {
+    const { shortAddress } = contact
+
+    // Address-only recipients (no name/phone) use the address as the title and have no secondary
+    // line — by design we don't show an extra "unverified" warning row in that case.
+    if (status === 'unverified' && shortAddress) {
+      return (
+        <View style={styles.secondaryRow} testID="SelectedRecipientCard/Unverified">
+          <Text style={[styles.secondaryText, styles.warningText]}>{shortAddress}</Text>
+          <AttentionIcon size={14} color={Colors.warningPrimary} />
+          <Text style={[styles.secondaryText, styles.warningText]}>{t('unverifiedAddress')}</Text>
+        </View>
+      )
+    }
+
+    if (!shortAddress && !verifierName) return null
+
+    return (
+      <View style={styles.secondaryRow}>
+        {!!shortAddress && <Text style={styles.secondaryText}>{shortAddress}</Text>}
+        {!!verifierName && (
+          <>
+            <VerifiedBadge color={Colors.contentSecondary} />
+            <Text style={styles.secondaryText}>{verifierName}</Text>
+          </>
+        )}
+      </View>
+    )
+  }
+
+  const secondary = renderSecondary()
+
+  return (
+    <View style={styles.summary} testID="SelectedRecipientCard">
+      <Touchable
+        style={styles.content}
+        onPress={onPress}
+        disabled={!onPress}
+        testID="SelectedRecipientCard/Touchable"
+      >
+        <>
+          <ContactCircle
+            size={32}
+            backgroundColor={Colors.backgroundTertiary}
+            foregroundColor={Colors.contentPrimary}
+            recipient={recipient}
+            DefaultIcon={contact.icon}
+          />
+          <View style={styles.values}>
+            <Text style={styles.primary} numberOfLines={1} ellipsizeMode="middle">
+              {contact.title}
+            </Text>
+            {secondary ? <View style={styles.secondaryWrapper}>{secondary}</View> : null}
+          </View>
+          {isLoading ? (
+            <ActivityIndicator
+              size="small"
+              color={Colors.loadingIndicator}
+              testID="SelectedRecipientCard/Spinner"
+            />
+          ) : isTappable ? (
+            <DownArrowIcon height={24} color={Colors.contentSecondary} />
+          ) : null}
+        </>
+      </Touchable>
+      {hasAlternative && (
+        <BottomSheet
+          forwardedRef={sheetRef}
+          title={t('selectRecipientAddress.header')}
+          snapPoints={['90%']}
+          testId="SelectRecipientAddressSheet"
+        >
+          <SelectRecipientAddressList
+            entries={sheetEntries}
+            onSelectAddress={onSelectFromSheet}
+            compact
+          />
+        </BottomSheet>
+      )}
+    </View>
+  )
+}
+
+const styles = StyleSheet.create({
+  summary: {
+    borderWidth: 1,
+    borderColor: Colors.borderPrimary,
+    borderRadius: Spacing.Small12,
+    backgroundColor: Colors.backgroundSecondary,
+    padding: Spacing.Regular16,
+  },
+  content: {
+    flexDirection: 'row',
+    gap: Spacing.Smallest8,
+    alignItems: 'center',
+  },
+  values: {
+    flex: 1,
+    flexShrink: 1,
+  },
+  primary: {
+    ...typeScale.labelMedium,
+  },
+  secondaryWrapper: {
+    minHeight: SECONDARY_ROW_MIN_HEIGHT,
+    justifyContent: 'center',
+  },
+  secondaryRow: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: Spacing.Tiny4,
+    flexShrink: 1,
+  },
+  secondaryText: {
+    ...typeScale.bodySmall,
+    color: Colors.contentSecondary,
+  },
+  warningText: {
+    color: Colors.warningPrimary,
+  },
+})
+
+export default memo(SelectedRecipientCard)

package/src/send/SendConfirmation.test.tsx

@@ -23,6 +23,7 @@ import {
   mockCusdTokenBalance,
   mockCusdTokenId,
   mockPoofTokenId,
+  mockRecipient,
   mockTokenBalances,
   mockTokenTransactionData,
 } from 'test/values'
@@ -174,7 +175,27 @@ describe('SendConfirmation', () => {
   it('shows the unknown address warning when the recipient address is not a known app user', () => {
     const { getByTestId } = renderScreen(mockSendConfirmationProps, {
       identity: {
-        addressToVerifiedBy: { [mockAccount]: null },
+        addressToVerifiedBy: { [mockAccount.toLowerCase()]: null },
+      },
+    })
+
+    expect(getByTestId('UnknownAddressInfo')).toBeTruthy()
+  })
+
+  it('shows the unknown address warning for phone recipients whose resolved address is known-unverified', () => {
+    const phoneRecipientProps = getMockStackScreenProps(Screens.SendConfirmation, {
+      ...mockBaseScreenProps,
+      transactionData: {
+        ...mockTokenTransactionData,
+        recipient: { ...mockRecipient, address: mockAccount },
+      },
+      prepareTransactionsResult: getSerializablePreparedTransactionsPossible(
+        mockPrepareTransactionsResultPossible
+      ),
+    })
+    const { getByTestId } = renderScreen(phoneRecipientProps, {
+      identity: {
+        addressToVerifiedBy: { [mockAccount.toLowerCase()]: null },
       },
     })
 
@@ -184,7 +205,7 @@ describe('SendConfirmation', () => {
   it('does not show the unknown address warning when the recipient address is verified', () => {
     const { queryByTestId } = renderScreen(mockSendConfirmationProps, {
       identity: {
-        addressToVerifiedBy: { [mockAccount]: 'valora' },
+        addressToVerifiedBy: { [mockAccount.toLowerCase()]: 'valora' },
       },
     })
 

package/src/send/SendConfirmation.tsx

@@ -30,7 +30,6 @@ import { getLocalCurrencyCode, getLocalCurrencySymbol } from 'src/localCurrency/
 import { noHeader } from 'src/navigator/Headers'
 import { Screens } from 'src/navigator/Screens'
 import { StackParamList } from 'src/navigator/types'
-import { RecipientType } from 'src/recipients/recipient'
 import { useDispatch, useSelector } from 'src/redux/hooks'
 import { sendPayment } from 'src/send/actions'
 import { isSendingSelector } from 'src/send/selectors'
@@ -93,9 +92,7 @@ export default function SendConfirmation({ route: { params } }: Props) {
   const walletAddress = useSelector(walletAddressSelector)
   const addressToVerifiedBy = useSelector(addressToVerifiedBySelector)
   const showUnknownAddressInfo =
-    recipient.recipientType === RecipientType.Address &&
-    !!recipient.address &&
-    addressToVerifiedBy[recipient.address] === null
+    !!recipient.address && addressToVerifiedBy[recipient.address.toLowerCase()] === null
 
   const feeCurrencies = useSelector((state) => feeCurrenciesSelector(state, tokenInfo!.networkId))
   const {

package/src/send/SendEnterAmount.test.tsx

@@ -241,6 +241,14 @@ describe('SendEnterAmount', () => {
 
   describe('MiniPay filter', () => {
     const miniPayTokenIds = [mockCusdTokenId, mockUSDCTokenId]
+    // The screen now derives `isMiniPayRecipient` from the store rather than a route param,
+    // so set up the verifier mapping for the recipient address used in `params`.
+    const miniPayStore = createMockStore({
+      tokens: { tokenBalances },
+      identity: {
+        addressToVerifiedBy: { [params.recipient.address.toLowerCase()]: 'minipay' },
+      },
+    })
 
     beforeEach(() => {
       jest.mocked(getDynamicConfigParams).mockReturnValue({
@@ -248,13 +256,10 @@ describe('SendEnterAmount', () => {
       })
     })
 
-    it('should show MiniPay chip pre-selected and only MiniPay tokens when isMiniPayRecipient is true', () => {
+    it('should show MiniPay chip pre-selected and only MiniPay tokens when the recipient address is verified by minipay', () => {
       const { getAllByTestId, getByText } = render(
-        <Provider store={store}>
-          <MockedNavigator
-            component={SendEnterAmount}
-            params={{ ...params, isMiniPayRecipient: true }}
-          />
+        <Provider store={miniPayStore}>
+          <MockedNavigator component={SendEnterAmount} params={params} />
         </Provider>
       )
 
@@ -269,11 +274,8 @@ describe('SendEnterAmount', () => {
 
     it('should select default token from MiniPay list', () => {
       const { getByTestId } = render(
-        <Provider store={store}>
-          <MockedNavigator
-            component={SendEnterAmount}
-            params={{ ...params, isMiniPayRecipient: true }}
-          />
+        <Provider store={miniPayStore}>
+          <MockedNavigator component={SendEnterAmount} params={params} />
         </Provider>
       )
 
@@ -283,11 +285,8 @@ describe('SendEnterAmount', () => {
 
     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 store={miniPayStore}>
+          <MockedNavigator component={SendEnterAmount} params={params} />
         </Provider>
       )
 
@@ -298,7 +297,7 @@ describe('SendEnterAmount', () => {
       expect(tokens).toHaveLength(3)
     })
 
-    it('should not show MiniPay chip when isMiniPayRecipient is not set', () => {
+    it('should not show MiniPay chip when the recipient address is not verified by minipay', () => {
       const { queryByText } = render(
         <Provider store={store}>
           <MockedNavigator component={SendEnterAmount} params={params} />
@@ -308,17 +307,14 @@ describe('SendEnterAmount', () => {
       expect(queryByText('sendEnterAmountScreen.miniPayFilterChip')).toBeFalsy()
     })
 
-    it('should not select a default token when isMiniPayRecipient is true and user has no MiniPay tokens', () => {
+    it('should not select a default token when the recipient is minipay-verified and user has no MiniPay tokens', () => {
       jest.mocked(getDynamicConfigParams).mockReturnValue({
         miniPayTokenIds: ['celo-alfajores:0xNOT_HELD_BY_USER'],
       })
 
       const { getByText, queryByTestId, getByTestId } = render(
-        <Provider store={store}>
-          <MockedNavigator
-            component={SendEnterAmount}
-            params={{ ...params, isMiniPayRecipient: true }}
-          />
+        <Provider store={miniPayStore}>
+          <MockedNavigator component={SendEnterAmount} params={params} />
         </Provider>
       )
 
@@ -335,7 +331,7 @@ describe('SendEnterAmount', () => {
       expect(getByTestId('TokenBottomSheet')).toBeTruthy()
     })
 
-    it('should include isMiniPayRecipient in send_amount_continue analytics', async () => {
+    it('should include isMiniPayRecipient=true in send_amount_continue analytics when the address is minipay-verified', async () => {
       jest.mocked(usePrepareSendTransactions).mockReturnValue({
         prepareTransactionsResult: mockPrepareTransactionsResultPossible,
         prepareTransactionLoading: false,
@@ -344,11 +340,8 @@ describe('SendEnterAmount', () => {
         prepareTransactionError: undefined,
       })
       const { getByTestId, getByText } = render(
-        <Provider store={store}>
-          <MockedNavigator
-            component={SendEnterAmount}
-            params={{ ...params, isMiniPayRecipient: true }}
-          />
+        <Provider store={miniPayStore}>
+          <MockedNavigator component={SendEnterAmount} params={params} />
         </Provider>
       )
 

package/src/send/SendEnterAmount.tsx

@@ -1,16 +1,19 @@
 import { NativeStackScreenProps } from '@react-navigation/native-stack'
 import BigNumber from 'bignumber.js'
-import React from 'react'
+import React, { useCallback, useMemo, useState } from 'react'
 import AppAnalytics from 'src/analytics/AppAnalytics'
 import { SendEvents } from 'src/analytics/Events'
+import { addressToVerifiedBySelector } from 'src/identity/selectors'
 import { getLocalCurrencyCode, usdToLocalCurrencyRateSelector } from 'src/localCurrency/selectors'
 import { navigate } from 'src/navigator/NavigationService'
 import { Screens } from 'src/navigator/Screens'
 import { StackParamList } from 'src/navigator/types'
 import { useSelector } from 'src/redux/hooks'
 import EnterAmount, { ProceedArgs, SendProceed } from 'src/send/EnterAmount'
+import SelectedRecipientCard from 'src/send/SelectedRecipientCard'
 import { lastUsedTokenIdSelector } from 'src/send/selectors'
 import { usePrepareSendTransactions } from 'src/send/usePrepareSendTransactions'
+import { useRecipientLookup } from 'src/send/useRecipientLookup'
 import useSendFilterChips from 'src/send/useSendFilterChips'
 import { sortedTokensWithBalanceOrShowZeroBalanceSelector } from 'src/tokens/selectors'
 import { TokenBalance } from 'src/tokens/slice'
@@ -26,11 +29,29 @@ function SendEnterAmount({ route }: Props) {
   const {
     defaultTokenIdOverride,
     origin,
-    recipient,
+    recipient: initialRecipient,
     isFromScan,
     forceTokenId,
-    isMiniPayRecipient,
+    skipRecipientLookup,
   } = route.params
+
+  // Local state lets the user swap addresses (via SelectedRecipientCard) without re-navigating,
+  // so the typed amount is preserved.
+  const [selectedAddress, setSelectedAddress] = useState(initialRecipient.address)
+  const recipient = useMemo(
+    () => ({ ...initialRecipient, address: selectedAddress }),
+    [initialRecipient, selectedAddress]
+  )
+
+  const { status: lookupStatus, verifiedAddresses } = useRecipientLookup(recipient, {
+    skipFetch: skipRecipientLookup,
+  })
+
+  // Derive from the store so a fresh lookup that updates the verifier is reflected
+  // immediately (token filtering and analytics stay in sync with the selected address).
+  const addressToVerifiedBy = useSelector(addressToVerifiedBySelector)
+  const isMiniPayRecipient = addressToVerifiedBy[selectedAddress.toLowerCase()] === 'minipay'
+
   // explicitly allow zero state tokens to be shown for exploration purposes for
   // new users with no balance
   const tokens = useSelector(sortedTokensWithBalanceOrShowZeroBalanceSelector)
@@ -79,7 +100,7 @@ function SendEnterAmount({ route }: Props) {
       amountEnteredIn,
       tokenId: token.tokenId,
       networkId: token.networkId,
-      isMiniPayRecipient: isMiniPayRecipient ?? false,
+      isMiniPayRecipient,
     })
   }
 
@@ -112,6 +133,10 @@ function SendEnterAmount({ route }: Props) {
     })
   }
 
+  const handleSelectAddress = useCallback((address: string) => {
+    setSelectedAddress(address)
+  }, [])
+
   return (
     <EnterAmount
       tokens={tokens}
@@ -123,8 +148,18 @@ function SendEnterAmount({ route }: Props) {
       prepareTransactionError={prepareTransactionError}
       tokenSelectionDisabled={!!forceTokenId}
       onPressProceed={handleReviewSend}
+      disableProceed={lookupStatus === 'loading'}
       ProceedComponent={SendProceed}
       filterChips={filterChips}
+      recipientSlot={
+        <SelectedRecipientCard
+          recipient={recipient}
+          status={lookupStatus}
+          verifiedAddresses={verifiedAddresses}
+          originalAddress={initialRecipient.address}
+          onSelectAddress={handleSelectAddress}
+        />
+      }
     />
   )
 }

package/src/send/SendSelectRecipient.test.tsx

@@ -1,5 +1,5 @@
 import Clipboard from '@react-native-clipboard/clipboard'
-import { act, fireEvent, render, waitFor } from '@testing-library/react-native'
+import { act, fireEvent, render, waitFor, within } from '@testing-library/react-native'
 import * as React from 'react'
 import { Provider } from 'react-redux'
 import AppAnalytics from 'src/analytics/AppAnalytics'
@@ -14,10 +14,10 @@ import {
 import { navigate } from 'src/navigator/NavigationService'
 import { Screens } from 'src/navigator/Screens'
 import { RecipientType } from 'src/recipients/recipient'
+import { setupStore } from 'src/redux/store'
 import SendSelectRecipient from 'src/send/SendSelectRecipient'
 import { getDynamicConfigParams } from 'src/statsig'
 import { StatsigDynamicConfigs } from 'src/statsig/types'
-import { setupStore } from 'src/redux/store'
 import { createMockStore, getMockStackScreenProps, getMockStoreData } from 'test/utils'
 import {
   mockAccount,
@@ -237,6 +237,38 @@ describe('SendSelectRecipient', () => {
     })
   })
 
+  it('passes skipRecipientLookup=false when a recent recipient is tapped (cached mappings may be stale)', async () => {
+    const store = createMockStore({
+      ...defaultStore,
+      send: {
+        recentRecipients: [{ ...mockRecipient, address: mockAccount2.toLowerCase() }],
+      },
+      identity: {
+        addressToVerifiedBy: { [mockAccount2.toLowerCase()]: 'valora' },
+      },
+    })
+
+    const { getByTestId } = render(
+      <Provider store={store}>
+        <SendSelectRecipient {...mockScreenProps({})} />
+      </Provider>
+    )
+
+    await act(() => {
+      fireEvent.press(
+        within(getByTestId('SelectRecipient/RecentRecipientPicker')).getByTestId('RecipientItem')
+      )
+    })
+
+    expect(AppAnalytics.track).toHaveBeenCalledWith(SendEvents.send_select_recipient_recent_press, {
+      recipientType: mockRecipient.recipientType,
+    })
+    expect(navigate).toHaveBeenCalledWith(
+      Screens.SendEnterAmount,
+      expect.objectContaining({ skipRecipientLookup: false })
+    )
+  })
+
   it('navigates to send amount when a verified phone recipient is tapped in search results', async () => {
     const store = createMockStore({
       ...storeWithPhoneVerified,
@@ -270,7 +302,7 @@ describe('SendSelectRecipient', () => {
       forceTokenId: undefined,
       recipient: expect.any(Object),
       origin: SendOrigin.AppSendFlow,
-      isMiniPayRecipient: false,
+      skipRecipientLookup: true,
     })
   })
   it('navigates to send amount when an address is tapped and the user phone number is not verified', async () => {
@@ -304,7 +336,7 @@ describe('SendSelectRecipient', () => {
       forceTokenId: undefined,
       recipient: expect.any(Object),
       origin: SendOrigin.AppSendFlow,
-      isMiniPayRecipient: false,
+      skipRecipientLookup: true,
     })
   })
 
@@ -549,44 +581,7 @@ describe('SendSelectRecipient', () => {
         recipientType: 'PhoneNumber',
       },
       origin: SendOrigin.AppSendFlow,
-      isMiniPayRecipient: false,
-    })
-  })
-  it('navigates with isMiniPayRecipient when address is verified by minipay', async () => {
-    const store = createMockStore({
-      ...storeWithPhoneVerified,
-      identity: {
-        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'))
-    })
-
-    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,
+      skipRecipientLookup: true,
     })
   })
   it('navigates to address picker when phone number recipient has multiple verified addresses', async () => {
@@ -676,7 +671,7 @@ describe('SendSelectRecipient', () => {
         recipientType: 'PhoneNumber',
       },
       origin: SendOrigin.AppSendFlow,
-      isMiniPayRecipient: false,
+      skipRecipientLookup: true,
     })
   })
   it.each([{ searchAddress: mockAccount2 }, { searchAddress: mockAccount3 }])(
@@ -730,7 +725,7 @@ describe('SendSelectRecipient', () => {
           thumbnailPath: undefined,
         },
         origin: SendOrigin.AppSendFlow,
-        isMiniPayRecipient: searchAddress.toLowerCase() === mockAccount3.toLowerCase(),
+        skipRecipientLookup: true,
       })
     }
   )

package/src/send/SendSelectRecipient.tsx

@@ -215,7 +215,8 @@ function SendSelectRecipient({ route }: Props) {
     AppAnalytics.track(SendEvents.send_select_recipient_send_press, {
       recipientType: recipient.recipientType,
     })
-    nextScreen(recipient)
+    // useFetchRecipientVerificationStatus already performed the lookup for search results.
+    nextScreen(recipient, true)
   }, [recipient, recipientVerificationStatus, shareUrl])
 
   const onContactsPermissionGranted = () => {
@@ -231,10 +232,11 @@ function SendSelectRecipient({ route }: Props) {
     AppAnalytics.track(SendEvents.send_select_recipient_recent_press, {
       recipientType: recentRecipient.recipientType,
     })
-    nextScreen(recentRecipient)
+    // Recents may carry stale mappings — let the enter-amount screen refresh.
+    nextScreen(recentRecipient, false)
   }
 
-  const nextScreen = (selectedRecipient: Recipient) => {
+  const nextScreen = (selectedRecipient: Recipient, skipRecipientLookup: boolean) => {
     // use the address from the recipient object
     let address: string | null | undefined = selectedRecipient.address
 
@@ -271,7 +273,7 @@ function SendSelectRecipient({ route }: Props) {
         address,
       },
       origin: SendOrigin.AppSendFlow,
-      isMiniPayRecipient: addressToVerifiedBy?.[address] === 'minipay',
+      skipRecipientLookup,
     })
   }