@planningcenter/chat-react-native 4.4.1-qa-staging.3 → 4.4.1-qa-staging.4

package/src/__tests__/screens/get_help_screen.test.ts

@@ -0,0 +1,40 @@
+import React from 'react'
+import { Linking as RNLinking } from 'react-native'
+import { sendEmail } from '../../screens/get_help_screen'
+import {
+  AudioAdapter,
+  ChatAdapters,
+  ClipboardAdapter,
+  ImagePickerAdapter,
+  LinkingAdapter,
+  VideoAdapter,
+} from '../../utils/native_adapters'
+
+const hostOpenURL = jest.fn(async (_: string) => {})
+
+describe('sendEmail', () => {
+  beforeAll(() => {
+    ChatAdapters.configure({
+      clipboard: new ClipboardAdapter({
+        getStringAsync: async () => '',
+        setStringAsync: async () => {},
+      }),
+      audio: new AudioAdapter({ useAudio: () => ({}) as any }),
+      video: new VideoAdapter({ Player: React.forwardRef(() => null) }),
+      imagePicker: new ImagePickerAdapter({
+        openCameraAsync: async () => ({ canceled: true, assets: null }),
+        openImageLibraryAsync: async () => ({ canceled: true, assets: null }),
+      }),
+      linking: new LinkingAdapter({ openURL: hostOpenURL, canOpenURL: async () => true }),
+    })
+  })
+
+  it("opens mailto with the system, not the host app's linking adapter", () => {
+    const rnOpenURL = jest.spyOn(RNLinking, 'openURL').mockResolvedValue(undefined)
+
+    sendEmail('help@example.com')
+
+    expect(rnOpenURL).toHaveBeenCalledWith('mailto:help@example.com')
+    expect(hostOpenURL).not.toHaveBeenCalled()
+  })
+})

package/src/components/conversation/attachments/giphy_attachment.tsx

@@ -1,9 +1,9 @@
 import { PlatformPressable } from '@react-navigation/elements'
 import React from 'react'
-import { Text, StyleSheet, Linking } from 'react-native'
+import { Text, StyleSheet } from 'react-native'
 import { useTheme } from '../../../hooks'
 import { DenormalizedGiphyAttachmentResource } from '../../../types/resources/denormalized_attachment_resource'
-import { assertKeysAreNumbers } from '../../../utils'
+import { assertKeysAreNumbers, Linking } from '../../../utils'
 import { tokens } from '../../../vendor/tapestry/tokens'
 import { Image } from '../../display'
 
@@ -22,7 +22,6 @@ export function GiphyAttachment({
 
   function handlePress() {
     if (titleLink) {
-      // Open Giphy link in the default web browser
       Linking.openURL(titleLink)
     }
   }

package/src/components/conversation/message_form.tsx

@@ -1,7 +1,6 @@
 import { useNavigation, useTheme as useNavigationTheme, useRoute } from '@react-navigation/native'
 import React, { useCallback, useContext, useEffect, useRef, useState } from 'react'
 import {
-  Linking,
   Platform,
   Pressable,
   ScrollView,
@@ -34,6 +33,7 @@ import {
   FileAttachment,
 } from '../../types/resources/denormalized_attachment_resource_for_create'
 import {
+  Linking,
   Log,
   MAX_FONT_SIZE_MULTIPLIER_LANDMARK,
   platformFontWeightMedium,

package/src/components/conversation/system_message.tsx

@@ -21,7 +21,7 @@ export function SystemMessage({ message, conversationId }: SystemMessageProps) {
   const navigation = useNavigation()
   const { colors } = useTheme()
   const text = systemMessageText(names, overflowCount, action)
-  const hasPeople = personIdsForSystemEvent.length > 0
+  const isTruncated = overflowCount > 0
   const hasReactions = reactionCounts.length > 0
   const { animatedBackgroundColor, handleMessagePressIn, handleMessagePressOut } =
     useAnimatedMessageBackgroundColor()
@@ -53,14 +53,14 @@ export function SystemMessage({ message, conversationId }: SystemMessageProps) {
 
   return (
     <Pressable
-      onPress={hasPeople ? handlePress : undefined}
+      onPress={isTruncated ? handlePress : undefined}
       onLongPress={handleLongPress}
       onPressIn={handleMessagePressIn}
       onPressOut={handleMessagePressOut}
       android_ripple={{ color: colors.androidRippleNeutral, borderless: false, foreground: true }}
       accessibilityRole="button"
       accessibilityHint={
-        hasPeople
+        isTruncated
           ? 'Tap to see people. Long press for message actions.'
           : 'Long press for message actions.'
       }

package/src/hooks/use_features.ts

@@ -57,6 +57,8 @@ export const availableFeatures = {
   dm_search_clear_fix: 'ROLLOUT_MOBILE_dm_search_clear_fix',
   search: 'QA_MOBILE_search',
   search_rollout: 'ROLLOUT_MOBILE_search',
+  manual_archiving: 'QA_MOBILE_manual_archiving',
+  manual_archiving_rollout: 'ROLLOUT_MOBILE_manual_archiving',
 } as const satisfies Record<string, `${'QA' | 'ROLLOUT'}_${string}`>
 
 const stableEmptyFeatures: ApiCollection<FeatureResource> = {

package/src/screens/age_check/age_check_underage_screen.tsx

@@ -1,9 +1,10 @@
 import { useRoute, RouteProp } from '@react-navigation/native'
 import React from 'react'
-import { Linking, StyleSheet, View, ScrollView } from 'react-native'
+import { Linking as RNLinking, StyleSheet, View, ScrollView } from 'react-native'
 import { Heading } from '../../components'
 import { Icon, Text, TextInlineButton } from '../../components/display'
 import { useTheme } from '../../hooks'
+import { Linking } from '../../utils'
 import type { AgeCheckParams } from './screen_props'
 
 export interface AgeCheckUnderageScreenProps {
@@ -18,7 +19,7 @@ export function AgeCheckUnderageScreen({ contactEmail }: AgeCheckUnderageScreenP
 
   const openChurchAdminHelp = () => {
     if (!email) return
-    Linking.openURL(`mailto:${email}`)
+    RNLinking.openURL(`mailto:${email}`)
   }
 
   const openTerms = () => {

package/src/screens/bug_report_screen.tsx

@@ -5,15 +5,7 @@ import type {
 } from '@react-navigation/native-stack'
 import { startsWith } from 'lodash'
 import React, { useCallback, useState } from 'react'
-import {
-  View,
-  StyleSheet,
-  TextInput,
-  Linking,
-  ScrollView,
-  TouchableOpacity,
-  Platform,
-} from 'react-native'
+import { View, StyleSheet, TextInput, ScrollView, TouchableOpacity, Platform } from 'react-native'
 import { useSafeAreaInsets } from 'react-native-safe-area-context'
 import {
   Button,
@@ -38,7 +30,7 @@ import { useTheme } from '../hooks'
 import { useAppName } from '../hooks/use_app_name'
 import { useReportBugAction } from '../hooks/use_report_bug_action'
 import { useUploadClient } from '../hooks/use_upload_client'
-import { ImagePicker, ImagePickerResult, platformFontWeightBold } from '../utils'
+import { ImagePicker, ImagePickerResult, Linking, platformFontWeightBold } from '../utils'
 
 const MAX_DESCRIPTION_LENGTH = 2000
 

package/src/screens/get_help_screen.tsx

@@ -1,12 +1,12 @@
 import { StaticScreenProps, useNavigation } from '@react-navigation/native'
 import { useCallback, useMemo } from 'react'
-import { Alert, Linking, StyleSheet, View } from 'react-native'
+import { Alert, Linking as RNLinking, StyleSheet, View } from 'react-native'
 import { Heading, PressableRow, Text, TextInlineButton } from '../components'
 import { useApiGet, useTheme } from '../hooks'
 import { useAppName } from '../hooks/use_app_name'
 import { useOrganization } from '../hooks/use_organization'
 import { ResourceObject } from '../types'
-import { Clipboard } from '../utils'
+import { Clipboard, Linking } from '../utils'
 
 type GetHelpScreenRouteProps = {
   type?: 'chat' | 'general'
@@ -119,7 +119,7 @@ export function sendEmail(email: string) {
 
   const url = encodeURI(`mailto:${email}`)
 
-  Linking.openURL(url).catch(() => {
+  RNLinking.openURL(url).catch(() => {
     Alert.alert('Oops', `Unable to open: ${email}`, [
       { text: 'Copy to clipboard', onPress: () => Clipboard.setStringAsync(email) },
       { text: 'OK' },
@@ -132,7 +132,7 @@ export function placePhoneCall(phoneNumber: string) {
 
   const url = encodeURI(`tel:${phoneNumber}`)
 
-  Linking.openURL(url).catch(() => {
+  RNLinking.openURL(url).catch(() => {
     Alert.alert('Oops', `Unable to open: ${phoneNumber}`, [
       { text: 'Copy to clipboard', onPress: () => Clipboard.setStringAsync(phoneNumber) },
       { text: 'OK' },