@planningcenter/chat-react-native 4.4.1-qa-staging.31 → 4.4.1-qa-staging.32

package/build/screens/search/components/search_results_list.js.map

@@ -1 +1 @@
-{"version":3,"file":"search_results_list.js","names":["React","useEffect","useRef","FlatList","StyleSheet","View","Banner","Spinner","Text","TextButton","useSearchResults","ConversationResults","MessageResultRow","ResultsSection","NoResultsBlankState","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","SEARCH_ERROR_MESSAGE","SearchResultsList","t0","$","_c","term","onSelect","onSettled","header","prompt","results","failedTypes","isPending","isError","isFetchNextPageError","loadMore","hasNextPage","isFetchingNextPage","t1","trim","searching","length","t2","filter","isConversationResult","conversationResults","t3","isMessageResult","messageResults","settled","settledTermRef","undefined","t4","t5","current","conversationResultCount","messageResultCount","t6","t7","item","item_0","index","onPress","t8","includes","SectionFailure","type","t9","title","t10","children","t11","t12","ListEmpty","noResults","t13","accessibilityLabel","style","styles","loading","t14","retry","t15","t16","t17","t18","keyExtractor","_temp","contentInsetAdjustmentBehavior","keyboardShouldPersistTaps","keyboardDismissMode","contentContainerStyle","content","renderItem","ListHeaderComponent","ListEmptyComponent","ListFooterComponent","onEndReached","onEndReachedThreshold","id","Symbol","for","appearance","banner","accessibilityRole","variant","sectionFailure","result","create","flexGrow","justifyContent","margin","alignItems","paddingVertical","alignSelf","fontSize","paddingHorizontal"],"sources":["../../../../src/screens/search/components/search_results_list.tsx"],"sourcesContent":["import React, { ReactElement, useEffect, useRef } from 'react'\nimport { FlatList, StyleSheet, View } from 'react-native'\nimport { Banner, Spinner, Text, TextButton } from '../../../components'\nimport { useSearchResults } from '../../../hooks/use_search_results'\nimport type {\n  ConversationSearchResultResource,\n  MessageSearchResultResource,\n  SearchResultResource,\n} from '../../../types/resources/search_result'\nimport { ConversationResults } from './conversation_results'\nimport { MessageResultRow } from './message_result_row'\nimport { ResultsSection } from './results_section'\nimport { NoResultsBlankState } from './search_blank_states'\n\nconst SEARCH_ERROR_MESSAGE = \"Couldn't search right now. Try again.\"\n\nexport interface SearchResultCounts {\n  conversationResultCount: number\n  messageResultCount: number\n}\n\ninterface SearchResultsListProps {\n  term: string\n  onSelect: (result: SearchResultResource, position: number) => void\n  onSettled: (term: string, counts: SearchResultCounts) => void\n  header: ReactElement\n  prompt: ReactElement\n}\n\nexport function SearchResultsList({\n  term,\n  onSelect,\n  onSettled,\n  header,\n  prompt,\n}: SearchResultsListProps) {\n  const {\n    results,\n    failedTypes,\n    isPending,\n    isError,\n    isFetchNextPageError,\n    loadMore,\n    hasNextPage,\n    isFetchingNextPage,\n  } = useSearchResults(term)\n  const searching = term.trim().length > 0\n  const conversationResults = searching ? results.filter(isConversationResult) : []\n  const messageResults = searching ? results.filter(isMessageResult) : []\n  const settled = searching && !isPending && !isError\n\n  const settledTermRef = useRef<string | undefined>(undefined)\n\n  useEffect(() => {\n    if (!settled || settledTermRef.current === term) return\n\n    settledTermRef.current = term\n    onSettled(term, {\n      conversationResultCount: conversationResults.length,\n      messageResultCount: messageResults.length,\n    })\n  }, [settled, term, conversationResults.length, messageResults.length, onSettled])\n\n  return (\n    <FlatList\n      data={messageResults}\n      keyExtractor={item => item.id}\n      contentInsetAdjustmentBehavior=\"automatic\"\n      keyboardShouldPersistTaps=\"handled\"\n      keyboardDismissMode=\"on-drag\"\n      contentContainerStyle={styles.content}\n      renderItem={({ item, index }) => (\n        <MessageResultRow result={item} onPress={() => onSelect(item, index)} />\n      )}\n      ListHeaderComponent={\n        <>\n          {header}\n          {conversationResults.length > 0 && (\n            <ConversationResults results={conversationResults} onSelect={onSelect} />\n          )}\n          {searching && failedTypes.includes('conversation') && (\n            <SectionFailure type=\"conversation\" />\n          )}\n          {messageResults.length > 0 && <ResultsSection title=\"Messages\" />}\n        </>\n      }\n      ListEmptyComponent={\n        <ListEmpty\n          term={term}\n          prompt={prompt}\n          isError={isError}\n          isPending={isPending}\n          noResults={results.length === 0 && failedTypes.length === 0}\n        />\n      }\n      ListFooterComponent={\n        <>\n          {isFetchingNextPage && (\n            <View accessibilityLabel=\"Loading more results\" style={styles.loading}>\n              <Spinner />\n            </View>\n          )}\n          {isFetchNextPageError && !isFetchingNextPage && (\n            <TextButton onPress={loadMore} style={styles.retry}>\n              Try again\n            </TextButton>\n          )}\n          {searching && failedTypes.includes('message') && <SectionFailure type=\"message\" />}\n        </>\n      }\n      onEndReached={() => {\n        if (hasNextPage && !isFetchingNextPage && !isFetchNextPageError) loadMore()\n      }}\n      onEndReachedThreshold={0.5}\n    />\n  )\n}\n\ninterface ListEmptyProps {\n  term: string\n  prompt: ReactElement\n  isError: boolean\n  isPending: boolean\n  noResults: boolean\n}\n\nfunction ListEmpty({ term, prompt, isError, isPending, noResults }: ListEmptyProps) {\n  if (term.trim().length === 0) return <View style={styles.prompt}>{prompt}</View>\n\n  if (isError) {\n    return <Banner appearance=\"error\" description={SEARCH_ERROR_MESSAGE} style={styles.banner} />\n  }\n\n  if (isPending) {\n    return (\n      <View accessibilityLabel=\"Loading results\" style={styles.loading}>\n        <Spinner />\n      </View>\n    )\n  }\n\n  if (noResults) return <NoResultsBlankState term={term} />\n\n  return null\n}\n\nfunction SectionFailure({ type }: { type: SearchResultResource['type'] }) {\n  return (\n    <Text accessibilityRole=\"alert\" variant=\"secondary\" style={styles.sectionFailure}>\n      Couldn&rsquo;t load {type}s.\n    </Text>\n  )\n}\n\nfunction isConversationResult(\n  result: SearchResultResource\n): result is ConversationSearchResultResource {\n  return result.type === 'conversation'\n}\n\nfunction isMessageResult(result: SearchResultResource): result is MessageSearchResultResource {\n  return result.type === 'message'\n}\n\nconst styles = StyleSheet.create({\n  content: {\n    flexGrow: 1,\n  },\n  prompt: {\n    flexGrow: 1,\n    justifyContent: 'center',\n  },\n  banner: {\n    margin: 16,\n  },\n  loading: {\n    alignItems: 'center',\n    paddingVertical: 16,\n  },\n  retry: {\n    alignSelf: 'center',\n    paddingVertical: 16,\n  },\n  sectionFailure: {\n    fontSize: 14,\n    paddingHorizontal: 16,\n    paddingVertical: 8,\n  },\n})\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"search_results_list.js","names":["React","useEffect","useRef","FlatList","StyleSheet","View","Banner","Spinner","Text","TextButton","useSearchResults","ConversationResults","MessageResultRow","ResultsSection","NoResultsBlankState","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","SEARCH_ERROR_MESSAGE","SearchResultsList","t0","$","_c","term","onSelect","onSettled","header","prompt","results","failedTypes","isPending","isError","isFetchNextPageError","loadMore","hasNextPage","isFetchingNextPage","t1","trim","searching","length","t2","filter","isConversationResult","conversationResults","t3","isMessageResult","messageResults","settled","settledTermRef","undefined","t4","t5","current","conversationResultCount","messageResultCount","t6","t7","item","item_0","index","onPress","t8","includes","SectionFailure","type","t9","title","t10","children","t11","ListEmpty","noResults","style","styles","t12","accessibilityLabel","loading","t13","retry","t14","t15","t16","t17","keyExtractor","_temp","contentInsetAdjustmentBehavior","keyboardShouldPersistTaps","keyboardDismissMode","contentContainerStyle","content","renderItem","ListHeaderComponent","ListEmptyComponent","ListFooterComponent","onEndReached","onEndReachedThreshold","id","Symbol","for","appearance","banner","accessibilityRole","variant","sectionFailure","result","create","flexGrow","justifyContent","margin","alignItems","paddingVertical","alignSelf","fontSize","paddingHorizontal"],"sources":["../../../../src/screens/search/components/search_results_list.tsx"],"sourcesContent":["import React, { ReactElement, useEffect, useRef } from 'react'\nimport { FlatList, StyleSheet, View } from 'react-native'\nimport { Banner, Spinner, Text, TextButton } from '../../../components'\nimport { useSearchResults } from '../../../hooks/use_search_results'\nimport type {\n  ConversationSearchResultResource,\n  MessageSearchResultResource,\n  SearchResultResource,\n} from '../../../types/resources/search_result'\nimport { ConversationResults } from './conversation_results'\nimport { MessageResultRow } from './message_result_row'\nimport { ResultsSection } from './results_section'\nimport { NoResultsBlankState } from './search_blank_states'\n\nconst SEARCH_ERROR_MESSAGE = \"Couldn't search right now. Try again.\"\n\nexport interface SearchResultCounts {\n  conversationResultCount: number\n  messageResultCount: number\n}\n\ninterface SearchResultsListProps {\n  term: string\n  onSelect: (result: SearchResultResource, position: number) => void\n  onSettled: (term: string, counts: SearchResultCounts) => void\n  header: ReactElement\n  prompt: ReactElement\n}\n\nexport function SearchResultsList({\n  term,\n  onSelect,\n  onSettled,\n  header,\n  prompt,\n}: SearchResultsListProps) {\n  const {\n    results,\n    failedTypes,\n    isPending,\n    isError,\n    isFetchNextPageError,\n    loadMore,\n    hasNextPage,\n    isFetchingNextPage,\n  } = useSearchResults(term)\n  const searching = term.trim().length > 0\n  const conversationResults = searching ? results.filter(isConversationResult) : []\n  const messageResults = searching ? results.filter(isMessageResult) : []\n  const settled = searching && !isPending && !isError\n\n  const settledTermRef = useRef<string | undefined>(undefined)\n\n  useEffect(() => {\n    if (!settled || settledTermRef.current === term) return\n\n    settledTermRef.current = term\n    onSettled(term, {\n      conversationResultCount: conversationResults.length,\n      messageResultCount: messageResults.length,\n    })\n  }, [settled, term, conversationResults.length, messageResults.length, onSettled])\n\n  return (\n    <FlatList\n      data={messageResults}\n      keyExtractor={item => item.id}\n      contentInsetAdjustmentBehavior=\"automatic\"\n      keyboardShouldPersistTaps=\"handled\"\n      keyboardDismissMode=\"on-drag\"\n      contentContainerStyle={styles.content}\n      renderItem={({ item, index }) => (\n        <MessageResultRow result={item} onPress={() => onSelect(item, index)} />\n      )}\n      ListHeaderComponent={\n        <>\n          {header}\n          {conversationResults.length > 0 && (\n            <ConversationResults results={conversationResults} onSelect={onSelect} />\n          )}\n          {searching && failedTypes.includes('conversation') && (\n            <SectionFailure type=\"conversation\" />\n          )}\n          {messageResults.length > 0 && <ResultsSection title=\"Messages\" />}\n        </>\n      }\n      ListEmptyComponent={\n        searching ? (\n          <ListEmpty\n            term={term}\n            isError={isError}\n            isPending={isPending}\n            noResults={results.length === 0 && failedTypes.length === 0}\n          />\n        ) : (\n          <View style={styles.prompt}>{prompt}</View>\n        )\n      }\n      ListFooterComponent={\n        <>\n          {isFetchingNextPage && (\n            <View accessibilityLabel=\"Loading more results\" style={styles.loading}>\n              <Spinner />\n            </View>\n          )}\n          {isFetchNextPageError && !isFetchingNextPage && (\n            <TextButton onPress={loadMore} style={styles.retry}>\n              Try again\n            </TextButton>\n          )}\n          {searching && failedTypes.includes('message') && <SectionFailure type=\"message\" />}\n        </>\n      }\n      onEndReached={() => {\n        if (hasNextPage && !isFetchingNextPage && !isFetchNextPageError) loadMore()\n      }}\n      onEndReachedThreshold={0.5}\n    />\n  )\n}\n\ninterface ListEmptyProps {\n  term: string\n  isError: boolean\n  isPending: boolean\n  noResults: boolean\n}\n\nfunction ListEmpty({ term, isError, isPending, noResults }: ListEmptyProps) {\n  if (isError) {\n    return <Banner appearance=\"error\" description={SEARCH_ERROR_MESSAGE} style={styles.banner} />\n  }\n\n  if (isPending) {\n    return (\n      <View accessibilityLabel=\"Loading results\" style={styles.loading}>\n        <Spinner />\n      </View>\n    )\n  }\n\n  if (noResults) return <NoResultsBlankState term={term} />\n\n  return null\n}\n\nfunction SectionFailure({ type }: { type: SearchResultResource['type'] }) {\n  return (\n    <Text accessibilityRole=\"alert\" variant=\"secondary\" style={styles.sectionFailure}>\n      Couldn&rsquo;t load {type}s.\n    </Text>\n  )\n}\n\nfunction isConversationResult(\n  result: SearchResultResource\n): result is ConversationSearchResultResource {\n  return result.type === 'conversation'\n}\n\nfunction isMessageResult(result: SearchResultResource): result is MessageSearchResultResource {\n  return result.type === 'message'\n}\n\nconst styles = StyleSheet.create({\n  content: {\n    flexGrow: 1,\n  },\n  prompt: {\n    flexGrow: 1,\n    justifyContent: 'center',\n  },\n  banner: {\n    margin: 16,\n  },\n  loading: {\n    alignItems: 'center',\n    paddingVertical: 16,\n  },\n  retry: {\n    alignSelf: 'center',\n    paddingVertical: 16,\n  },\n  sectionFailure: {\n    fontSize: 14,\n    paddingHorizontal: 16,\n    paddingVertical: 8,\n  },\n})\n"],"mappings":"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","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@planningcenter/chat-react-native",
-  "version": "4.4.1-qa-staging.31",
+  "version": "4.4.1-qa-staging.32",
   "description": "",
   "repository": {
     "type": "git",
@@ -33,7 +33,7 @@
   "dependencies": {
     "@fortawesome/fontawesome-svg-core": "^7.2.0",
     "@fortawesome/react-native-fontawesome": "^0.3.2",
-    "@planningcenter/emoji-keyboard": "4.4.1-qa-staging.31",
+    "@planningcenter/emoji-keyboard": "4.4.1-qa-staging.32",
     "lodash-inflection": "^1.5.0"
   },
   "peerDependencies": {
@@ -84,5 +84,5 @@
     "sf-symbols-typescript": "^2.2.0",
     "typescript": "~6.0.3"
   },
-  "gitHead": "49bcabb80be23af0b7cc02eb64ebed1e53ab15ca"
+  "gitHead": "1f71f59f1f9f115d21df50180c264c62c79f2908"
 }

package/src/components/page/__tests__/page_error_boundary.test.tsx

@@ -4,6 +4,7 @@ import { render } from '@testing-library/react-native'
 import React from 'react'
 import { buildTestQueryClient } from '../../../__utils__/query_client'
 import { Log } from '../../../utils/native_adapters/configuration'
+import { ResponseError } from '../../../utils/response_error'
 import { PageErrorBoundary } from '../page_error_boundary'
 
 jest.mock('../../primitive/blank_state_primitive', () => {
@@ -74,4 +75,36 @@ describe('PageErrorBoundary', () => {
     expect(getByText('Oops!')).toBeTruthy()
     expect(getByText('Something unexpected happened.')).toBeTruthy()
   })
+
+  describe('with a generic fallback override', () => {
+    const genericFallback = { heading: 'Nothing here', body: 'Come back later.' }
+    const responseError = (status: number) =>
+      new ResponseError({ status, statusText: 'x', errors: [] } as never)
+
+    it.each([
+      ['a plain error', new Error('boom')],
+      ['an unhandled status', responseError(500)],
+    ])('replaces the Oops copy for %s', (_label, thrown) => {
+      const { getByText, queryByText } = renderWithProviders(
+        <PageErrorBoundary genericFallback={genericFallback}>
+          <Boom thrown={thrown} />
+        </PageErrorBoundary>
+      )
+
+      expect(getByText('Nothing here')).toBeTruthy()
+      expect(getByText('Come back later.')).toBeTruthy()
+      expect(queryByText('Oops!')).toBeNull()
+    })
+
+    it('leaves a known status alone', () => {
+      const { getByText, queryByText } = renderWithProviders(
+        <PageErrorBoundary genericFallback={genericFallback}>
+          <Boom thrown={responseError(403)} />
+        </PageErrorBoundary>
+      )
+
+      expect(getByText('Permission required')).toBeTruthy()
+      expect(queryByText('Nothing here')).toBeNull()
+    })
+  })
 })

package/src/components/page/page_error_boundary.tsx

@@ -6,11 +6,26 @@ import { ResponseError } from '../../utils/response_error'
 import BlankState from '../primitive/blank_state_primitive'
 import { ErrorBoundary, ErrorBoundaryFallback, ErrorBoundaryProps } from './error_boundary'
 
-const renderPageFallback: ErrorBoundaryFallback = (error, reset) => (
-  <ErrorView error={error} reset={reset} />
-)
+export type PageErrorFallback = { heading: string; body: string }
+
+const GENERIC_FALLBACK: PageErrorFallback = {
+  heading: 'Oops!',
+  body: 'Something unexpected happened.',
+}
+
+type PageErrorBoundaryProps = PropsWithChildren<
+  ErrorBoundaryProps & { genericFallback?: PageErrorFallback }
+>
+
+export function PageErrorBoundary({
+  children,
+  genericFallback = GENERIC_FALLBACK,
+  ...props
+}: PageErrorBoundaryProps) {
+  const renderPageFallback: ErrorBoundaryFallback = (error, reset) => (
+    <ErrorView error={error} reset={reset} generic={genericFallback} />
+  )
 
-export function PageErrorBoundary({ children, ...props }: PropsWithChildren<ErrorBoundaryProps>) {
   return (
     <ErrorBoundary scope="screen" fallback={renderPageFallback} {...props}>
       {children}
@@ -18,7 +33,15 @@ export function PageErrorBoundary({ children, ...props }: PropsWithChildren<Erro
   )
 }
 
-function ErrorView({ error, reset }: { error: Error; reset: () => void }) {
+function ErrorView({
+  error,
+  reset,
+  generic,
+}: {
+  error: Error
+  reset: () => void
+  generic: PageErrorFallback
+}) {
   const { reset: resetQueries } = useQueryErrorResetBoundary()
 
   const handleReset = useCallback(() => {
@@ -29,7 +52,7 @@ function ErrorView({ error, reset }: { error: Error; reset: () => void }) {
   useEffect(() => handleReset, [handleReset])
 
   if (error instanceof ResponseError) {
-    return <ResponseErrorView response={error.response} onReset={handleReset} />
+    return <ResponseErrorView response={error.response} onReset={handleReset} generic={generic} />
   }
 
   if (isNetworkError(error)) {
@@ -41,7 +64,7 @@ function ErrorView({ error, reset }: { error: Error; reset: () => void }) {
     )
   }
 
-  return <ErrorContent heading={'Oops!'} body={'Something unexpected happened.'} />
+  return <ErrorContent heading={generic.heading} body={generic.body} />
 }
 
 function isNetworkError(error: Error) {
@@ -54,7 +77,15 @@ function isNetworkError(error: Error) {
   return new RegExp(networkFailedMessages.join('|'), 'i').test(error.message)
 }
 
-function ResponseErrorView({ response, onReset }: { response: Response; onReset: () => void }) {
+function ResponseErrorView({
+  response,
+  onReset,
+  generic,
+}: {
+  response: Response
+  onReset: () => void
+  generic: PageErrorFallback
+}) {
   const { status } = response
 
   const heading = useMemo(() => {
@@ -64,9 +95,9 @@ function ResponseErrorView({ response, onReset }: { response: Response; onReset:
       case 404:
         return 'Content not found'
       default:
-        return 'Oops!'
+        return generic.heading
     }
-  }, [status])
+  }, [status, generic.heading])
 
   const body = useMemo(() => {
     switch (status) {
@@ -75,9 +106,9 @@ function ResponseErrorView({ response, onReset }: { response: Response; onReset:
       case 404:
         return 'If you believe something should be here, please reach out to your administrator.'
       default:
-        return 'Something unexpected happened.'
+        return generic.body
     }
-  }, [status])
+  }, [status, generic.body])
 
   useEffect(() => {
     if (status !== 401) return

package/src/hooks/direct_messages/use_direct_message_candidates.ts

@@ -3,7 +3,7 @@ import { ApiCollection } from '../../types'
 import { DirectMessageCandidateResource } from '../../types/resources/direct_message_candidate'
 import { useApiClient } from '../use_api_client'
 
-export function useDirectMessageCandidates(term: string, { throwOnError = true } = {}) {
+export function useDirectMessageCandidates(term: string) {
   const apiClient = useApiClient()
   return useQuery({
     queryKey: ['chat', '/me/direct_message_candidates', term],
@@ -26,6 +26,6 @@ export function useDirectMessageCandidates(term: string, { throwOnError = true }
       }) as Promise<ApiCollection<DirectMessageCandidateResource>>,
     enabled: term.length >= 1,
     staleTime: 1000 * 60,
-    throwOnError,
+    throwOnError: true,
   })
 }

package/src/navigation/page_error_fallbacks.ts

@@ -0,0 +1,14 @@
+import type { StaticParamList } from '@react-navigation/native'
+import type { PageErrorFallback } from '../components/page/page_error_boundary'
+import type { NewConversationStack } from './index'
+
+type RouteName =
+  | keyof ReactNavigation.RootParamList
+  | keyof StaticParamList<typeof NewConversationStack>
+
+export const PAGE_ERROR_FALLBACKS: Partial<Record<RouteName, PageErrorFallback>> = {
+  ConversationSelectDirectMessageRecipients: {
+    heading: "Couldn't load people right now",
+    body: 'Try again.',
+  },
+}

package/src/navigation/screenLayout.tsx

@@ -4,12 +4,14 @@ import { Suspense } from 'react'
 import { DefaultLoading } from '../components/page/loading'
 import { PageErrorBoundary } from '../components/page/page_error_boundary'
 import { ChatAccessGate } from './chat_access_gate'
+import { PAGE_ERROR_FALLBACKS } from './page_error_fallbacks'
 
 export function ScreenLayout({ children }: { children: React.ReactElement }) {
   const route = useRoute()
+  const genericFallback = PAGE_ERROR_FALLBACKS[route.name as keyof typeof PAGE_ERROR_FALLBACKS]
 
   return (
-    <PageErrorBoundary screenName={route.name}>
+    <PageErrorBoundary screenName={route.name} genericFallback={genericFallback}>
       <Suspense fallback={<DefaultLoading />}>{children}</Suspense>
     </PageErrorBoundary>
   )

package/src/screens/age_check/age_check_required_screen.tsx

@@ -58,7 +58,11 @@ export function AgeCheckRequiredScreen() {
 
   return (
     <>
-      <ScrollView style={styles.scrollView} contentContainerStyle={styles.container}>
+      <ScrollView
+        contentInsetAdjustmentBehavior="automatic"
+        style={styles.scrollView}
+        contentContainerStyle={styles.container}
+      >
         <View style={styles.header}>
           <View style={styles.heading}>
             <Icon name="general.exclamationTriangle" size={20} style={styles.warningIcon} />

package/src/screens/conversation_select_recipients/__tests__/conversation_select_direct_message_recipients_screen.test.tsx

@@ -1,12 +1,15 @@
 import { fireEvent, render } from '@testing-library/react-native'
 import React from 'react'
 import { SafeAreaProvider } from 'react-native-safe-area-context'
+import { ScreenLayout } from '../../../navigation/screenLayout'
 import { Log } from '../../../utils/native_adapters/configuration'
+import { ResponseError } from '../../../utils/response_error'
 import { ConversationSelectDirectMessageRecipientsScreen } from '../conversation_select_direct_message_recipients_screen'
 
 jest.mock('@react-navigation/native', () => ({
   ...jest.requireActual('@react-navigation/native'),
-  useNavigation: () => ({ getParent: jest.fn() }),
+  useNavigation: () => ({ getParent: jest.fn(), goBack: jest.fn(), navigate: jest.fn() }),
+  useRoute: () => ({ name: 'ConversationSelectDirectMessageRecipients' }),
 }))
 jest.mock('../../../hooks/use_features', () => ({
   ...jest.requireActual('../../../hooks/use_features'),
@@ -33,10 +36,11 @@ jest.mock('../../../hooks/direct_messages/use_direct_message_affiliations', () =
     resultsDescription: null,
   }),
 }))
+let mockSearchFailure: Error = new TypeError('Network request failed')
 jest.mock('../../../hooks/direct_messages/use_direct_message_candidates', () => ({
-  useDirectMessageCandidates: (term: string, { throwOnError = true } = {}) => {
-    if (term && throwOnError) throw new Error('Network request failed')
-    return { data: undefined, isFetching: false, isError: term.length > 0 }
+  useDirectMessageCandidates: (term: string) => {
+    if (term) throw mockSearchFailure
+    return { data: undefined, isFetching: false }
   },
 }))
 jest.mock('../../../components/display/action_button', () => ({ ActionButton: () => null }))
@@ -53,7 +57,9 @@ const renderScreen = () =>
         insets: { top: 0, left: 0, right: 0, bottom: 0 },
       }}
     >
-      <ConversationSelectDirectMessageRecipientsScreen route={{ params: {} } as never} />
+      <ScreenLayout>
+        <ConversationSelectDirectMessageRecipientsScreen route={{ params: {} } as never} />
+      </ScreenLayout>
     </SafeAreaProvider>
   )
 
@@ -71,13 +77,24 @@ describe('ConversationSelectDirectMessageRecipientsScreen', () => {
     consoleError.mockRestore()
   })
 
-  it('reports a failed search and shows the banner while keeping the To field', () => {
+  it('hands a failed search to the page error view', () => {
+    mockSearchFailure = new TypeError('Network request failed')
     const view = renderScreen()
 
     fireEvent.changeText(view.getByPlaceholderText('Search'), 'pi')
 
-    expect(view.getByText("Couldn't load people right now. Try again.")).toBeTruthy()
-    expect(view.getByPlaceholderText('Search').props.value).toBe('pi')
+    expect(view.getByText('Problem connecting!')).toBeTruthy()
+    expect(view.queryByPlaceholderText('Search')).toBeNull()
     expect(reportError).toHaveBeenCalledTimes(1)
   })
+
+  it("uses the screen's own wording when the search fails for no known reason", () => {
+    mockSearchFailure = new ResponseError({ status: 500, statusText: 'x', errors: [] } as never)
+    const view = renderScreen()
+
+    fireEvent.changeText(view.getByPlaceholderText('Search'), 'pi')
+
+    expect(view.getByText("Couldn't load people right now")).toBeTruthy()
+    expect(view.queryByText('Oops!')).toBeNull()
+  })
 })

package/src/screens/conversation_select_recipients/conversation_select_direct_message_recipients_screen.tsx

@@ -5,7 +5,6 @@ import { FlatList, Pressable, StyleSheet, TextInput, View } from 'react-native'
 import { Avatar, Badge, Banner, Icon, KeyboardView, Spinner, Text } from '../../components'
 import { ActionButton } from '../../components/display/action_button'
 import { AutoFocusAwareTextInput } from '../../components/display/text_input'
-import { ComponentErrorBoundary } from '../../components/page/component_error_boundary'
 import { useTheme } from '../../hooks'
 import { useDirectMessageAffiliations } from '../../hooks/direct_messages/use_direct_message_affiliations'
 import { useDirectMessageCandidates } from '../../hooks/direct_messages/use_direct_message_candidates'
@@ -215,13 +214,13 @@ function CandidateResults({
   header: ReactElement
 }) {
   const styles = useStyles()
-  const { data, isFetching, isError } = useDirectMessageCandidates(term, { throwOnError: false })
+  const { data, isFetching } = useDirectMessageCandidates(term)
   const { groups, teams, resultsDescription } = useDirectMessageAffiliations()
 
   const unselectedCandidates = (data?.data ?? []).filter(c => !selectedPeople.has(c.id))
   const hasTruncated = (data?.meta.totalCount ?? 0) > (data?.data.length ?? 0)
   const isAtLimit = selectedPeople.size >= MAX_RECIPIENTS
-  const showsResults = term.length >= 1 && !isAtLimit && !isError && unselectedCandidates.length > 0
+  const showsResults = term.length >= 1 && !isAtLimit && unselectedCandidates.length > 0
 
   const emptyState = (() => {
     if (showsResults) return null
@@ -240,23 +239,6 @@ function CandidateResults({
       )
     }
 
-    if (isError) {
-      return (
-        <ComponentErrorBoundary
-          key={term}
-          fallback={
-            <Banner
-              appearance="error"
-              description="Couldn't load people right now. Try again."
-              style={styles.errorBanner}
-            />
-          }
-        >
-          <CandidateSearchError term={term} />
-        </ComponentErrorBoundary>
-      )
-    }
-
     if (isAtLimit) {
       return (
         <View style={styles.emptyState}>
@@ -290,9 +272,8 @@ function CandidateResults({
     <CandidateList
       header={header}
       candidates={showsResults ? unselectedCandidates : []}
-      hasTruncated={showsResults && hasTruncated}
-      description={showsResults ? resultsDescription : null}
-      showsHeading={showsResults}
+      hasTruncated={hasTruncated}
+      description={resultsDescription}
       emptyState={emptyState}
       groups={groups}
       teams={teams}
@@ -301,11 +282,6 @@ function CandidateResults({
   )
 }
 
-function CandidateSearchError({ term }: { term: string }) {
-  useDirectMessageCandidates(term)
-  return null
-}
-
 function candidateBadges(candidate: DirectMessageCandidateResource) {
   const badges = []
   if (candidate.directMessagesDisabled) badges.push({ title: 'DMs off' })
@@ -335,7 +311,6 @@ function CandidateList({
   candidates,
   hasTruncated,
   description,
-  showsHeading,
   emptyState,
   groups,
   teams,
@@ -345,13 +320,13 @@ function CandidateList({
   candidates: DirectMessageCandidateResource[]
   hasTruncated: boolean
   description: string | null
-  showsHeading: boolean
   emptyState: ReactElement | null
   groups: Map<number, string>
   teams: Map<number, string>
   onSelect: (candidate: DirectMessageCandidateResource) => void
 }) {
   const styles = useStyles()
+  const hasCandidates = candidates.length > 0
   const available = candidates.filter(c => !c.directMessagesDisabled)
   const dmDisabled = candidates.filter(c => c.directMessagesDisabled)
 
@@ -372,7 +347,7 @@ function CandidateList({
       ListHeaderComponent={
         <>
           {header}
-          {showsHeading && <ResultsHeading description={description} />}
+          {hasCandidates && <ResultsHeading description={description} />}
         </>
       }
       ListEmptyComponent={emptyState}
@@ -396,7 +371,7 @@ function CandidateList({
               ))}
             </>
           )}
-          {hasTruncated && (
+          {hasCandidates && hasTruncated && (
             <View style={styles.truncatedFooter}>
               <Text variant="secondary" style={styles.truncatedText}>
                 Keep typing to narrow your results.

package/src/screens/search/components/search_results_list.tsx

@@ -85,13 +85,16 @@ export function SearchResultsList({
         </>
       }
       ListEmptyComponent={
-        <ListEmpty
-          term={term}
-          prompt={prompt}
-          isError={isError}
-          isPending={isPending}
-          noResults={results.length === 0 && failedTypes.length === 0}
-        />
+        searching ? (
+          <ListEmpty
+            term={term}
+            isError={isError}
+            isPending={isPending}
+            noResults={results.length === 0 && failedTypes.length === 0}
+          />
+        ) : (
+          <View style={styles.prompt}>{prompt}</View>
+        )
       }
       ListFooterComponent={
         <>
@@ -118,15 +121,12 @@ export function SearchResultsList({
 
 interface ListEmptyProps {
   term: string
-  prompt: ReactElement
   isError: boolean
   isPending: boolean
   noResults: boolean
 }
 
-function ListEmpty({ term, prompt, isError, isPending, noResults }: ListEmptyProps) {
-  if (term.trim().length === 0) return <View style={styles.prompt}>{prompt}</View>
-
+function ListEmpty({ term, isError, isPending, noResults }: ListEmptyProps) {
   if (isError) {
     return <Banner appearance="error" description={SEARCH_ERROR_MESSAGE} style={styles.banner} />
   }