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

package/locales/base/translation.json

@@ -2269,7 +2269,8 @@
     "insufficientBalanceWarning": {
       "title": "You need more {{tokenSymbol}}",
       "description": "Insufficient {{tokenSymbol}} balance. Try a smaller amount or choose a different asset."
-    }
+    },
+    "miniPayFilterChip": "MiniPay supported"
   },
   "jumpstartIntro": {
     "title": "Share crypto like a text",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wallet-stack",
-  "version": "1.0.0-alpha.130",
+  "version": "1.0.0-alpha.131",
   "author": "Valora Inc",
   "license": "Apache-2.0",
   "repository": {

package/src/send/SendEnterAmount.test.tsx

@@ -258,7 +258,7 @@ describe('SendEnterAmount', () => {
         </Provider>
       )
 
-      expect(getByText('MiniPay')).toBeTruthy()
+      expect(getByText('sendEnterAmountScreen.miniPayFilterChip')).toBeTruthy()
 
       const tokenBottomSheet = getAllByTestId('TokenBottomSheet')[0]
       const tokens = within(tokenBottomSheet).getAllByTestId('TokenBalanceItem')
@@ -291,7 +291,7 @@ describe('SendEnterAmount', () => {
         </Provider>
       )
 
-      fireEvent.press(getByText('MiniPay'))
+      fireEvent.press(getByText('sendEnterAmountScreen.miniPayFilterChip'))
 
       const tokenBottomSheet = getAllByTestId('TokenBottomSheet')[0]
       const tokens = within(tokenBottomSheet).getAllByTestId('TokenBalanceItem')
@@ -305,7 +305,7 @@ describe('SendEnterAmount', () => {
         </Provider>
       )
 
-      expect(queryByText('MiniPay')).toBeFalsy()
+      expect(queryByText('sendEnterAmountScreen.miniPayFilterChip')).toBeFalsy()
     })
 
     it('should include isMiniPayRecipient in send_amount_continue analytics', async () => {

package/src/send/SendSelectRecipient.test.tsx

@@ -2,6 +2,7 @@ import Clipboard from '@react-native-clipboard/clipboard'
 import { act, fireEvent, render, waitFor } from '@testing-library/react-native'
 import * as React from 'react'
 import { Provider } from 'react-redux'
+import Share from 'react-native-share'
 import AppAnalytics from 'src/analytics/AppAnalytics'
 import { SendEvents } from 'src/analytics/Events'
 import { SendOrigin } from 'src/analytics/types'
@@ -351,6 +352,77 @@ describe('SendSelectRecipient', () => {
     expect(getByTestId('SendOrInviteButton')).toBeTruthy()
   })
 
+  it('opens the platform share sheet and tracks the press analytic before awaiting when inviting an unverified phone number', async () => {
+    const shareUrl = 'https://example.test/invite'
+    jest.mocked(getAppConfig).mockReturnValue({
+      displayName: 'Test App',
+      deepLinkUrlScheme: 'testapp',
+      registryName: 'test',
+      experimental: {
+        phoneNumberVerification: true,
+        inviteFriends: { shareUrl },
+      },
+    })
+    jest
+      .mocked(getRecipientVerificationStatus)
+      .mockReturnValue(RecipientVerificationStatus.UNVERIFIED)
+
+    let resolveShare!: (value: {
+      success: boolean
+      dismissedAction: boolean
+      message: string
+    }) => void
+    const sharePromise = new Promise<{
+      success: boolean
+      dismissedAction: boolean
+      message: string
+    }>((resolve) => {
+      resolveShare = resolve
+    })
+    jest.mocked(Share.open).mockReturnValueOnce(sharePromise)
+
+    const store = createMockStore(storeWithPhoneVerified)
+
+    const { getByTestId } = render(
+      <Provider store={store}>
+        <SendSelectRecipient {...mockScreenProps({})} />
+      </Provider>
+    )
+
+    const searchInput = getByTestId('SendSelectRecipientSearchInput')
+    await act(() => {
+      fireEvent.changeText(searchInput, mockE164Number2Invite)
+    })
+    await act(() => {
+      fireEvent.press(getByTestId('RecipientItem'))
+    })
+
+    const button = getByTestId('SendOrInviteButton')
+    expect(button).toHaveTextContent('sendSelectRecipient.buttons.invite', { exact: false })
+
+    await act(() => {
+      fireEvent.press(button)
+    })
+
+    // Analytics fires synchronously on tap, before the share sheet resolves
+    expect(AppAnalytics.track).toHaveBeenCalledWith(SendEvents.send_select_recipient_invite_press, {
+      recipientType: RecipientType.PhoneNumber,
+    })
+    expect(Share.open).toHaveBeenCalledWith(
+      expect.objectContaining({
+        message: expect.stringContaining(shareUrl),
+        url: shareUrl,
+        failOnCancel: false,
+      })
+    )
+    expect(navigate).not.toHaveBeenCalled()
+
+    await act(async () => {
+      resolveShare({ success: true, dismissedAction: false, message: '' })
+      await sharePromise
+    })
+  })
+
   it('shows unknown address info text when searching for unknown address after making address verification request', async () => {
     jest
       .mocked(getRecipientVerificationStatus)

package/src/send/SendSelectRecipient.tsx

@@ -4,7 +4,7 @@ import { useTranslation } from 'react-i18next'
 import { StyleSheet, Text, View } from 'react-native'
 import { getFontScaleSync } from 'react-native-device-info'
 import { SafeAreaView } from 'react-native-safe-area-context'
-import Share, { ShareSingleOptions, Social } from 'react-native-share'
+import Share from 'react-native-share'
 import { isAddressFormat } from 'src/account/utils'
 import AppAnalytics from 'src/analytics/AppAnalytics'
 import { SendEvents } from 'src/analytics/Events'
@@ -326,22 +326,24 @@ function SendSelectRecipient({ route }: Props) {
     // Invites
     if (shouldInviteRecipient) {
       if (!shareUrl) {
-        Logger.warn('SendSelectRecipient', 'No share URL found for invite with SMS')
+        Logger.warn('SendSelectRecipient', 'No share URL found for invite')
         return
       }
 
-      const shareOptions: ShareSingleOptions = {
-        social: Social.Sms,
-        recipient: recipient.e164PhoneNumber,
-        message: t('inviteWithSmsMessage.shareMessage', { shareUrl }),
-      }
-
-      await Share.shareSingle(shareOptions)
-
       AppAnalytics.track(SendEvents.send_select_recipient_invite_press, {
         recipientType: recipient.recipientType,
       })
 
+      try {
+        await Share.open({
+          message: t('inviteWithSmsMessage.shareMessage', { shareUrl }),
+          url: shareUrl,
+          failOnCancel: false,
+        })
+      } catch (error) {
+        Logger.warn('SendSelectRecipient', 'Share sheet failed', error)
+      }
+
       return
     }
 

package/src/send/useSendFilterChips.ts

@@ -1,3 +1,4 @@
+import { useTranslation } from 'react-i18next'
 import { BooleanFilterChip } from 'src/components/FilterChipsCarousel'
 import { getDynamicConfigParams } from 'src/statsig'
 import { DynamicConfigs } from 'src/statsig/constants'
@@ -18,6 +19,8 @@ export default function useSendFilterChips({
   filterChips: BooleanFilterChip<TokenBalance>[]
   defaultToken: TokenBalance | undefined
 } {
+  const { t } = useTranslation()
+
   const { miniPayTokenIds: configTokenIds } = getDynamicConfigParams(
     DynamicConfigs[StatsigDynamicConfigs.SEND_CONFIG]
   )
@@ -27,7 +30,7 @@ export default function useSendFilterChips({
     ? [
         {
           id: 'minipay',
-          name: 'MiniPay',
+          name: t('sendEnterAmountScreen.miniPayFilterChip'),
           filterFn: (token: TokenBalance) => miniPayTokenIds.includes(token.tokenId),
           isSelected: true,
         },