@planningcenter/chat-react-native 4.4.1-qa-staging.39 → 4.4.1-qa-1036.2

package/src/screens/conversation_select_recipients/conversation_select_direct_message_recipients_screen.tsx

@@ -1,10 +1,11 @@
 import { PlatformPressable } from '@react-navigation/elements'
 import { StackActions, useNavigation } from '@react-navigation/native'
-import { ReactElement, RefObject, useRef, useState } from 'react'
+import { RefObject, useRef, useState } from 'react'
 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'
@@ -91,31 +92,38 @@ export function ConversationSelectDirectMessageRecipientsScreen({
 
   return (
     <KeyboardView>
+      {isError && (
+        <Banner
+          appearance="error"
+          description="There was an issue starting the conversation. Please try again."
+          style={styles.errorBanner}
+        />
+      )}
+      <ToField
+        selectedPeople={selectedPeople}
+        searchTerm={searchTerm}
+        onSearchChange={setSearchTerm}
+        onRemove={removePerson}
+        onClear={() => setSelectedPeople(new Map())}
+        searchInputRef={searchInputRef}
+      />
       <View style={styles.candidateResultsContainer}>
-        <CandidateResults
-          term={debouncedTerm}
-          selectedPeople={selectedPeople}
-          onSelect={selectPerson}
-          header={
-            <>
-              {isError && (
-                <Banner
-                  appearance="error"
-                  description="There was an issue starting the conversation. Please try again."
-                  style={styles.errorBanner}
-                />
-              )}
-              <ToField
-                selectedPeople={selectedPeople}
-                searchTerm={searchTerm}
-                onSearchChange={setSearchTerm}
-                onRemove={removePerson}
-                onClear={() => setSelectedPeople(new Map())}
-                searchInputRef={searchInputRef}
-              />
-            </>
+        <ComponentErrorBoundary
+          key={debouncedTerm}
+          fallback={
+            <Banner
+              appearance="error"
+              description="Couldn't load people right now. Try again."
+              style={styles.errorBanner}
+            />
           }
-        />
+        >
+          <CandidateResults
+            term={debouncedTerm}
+            selectedPeople={selectedPeople}
+            onSelect={selectPerson}
+          />
+        </ComponentErrorBoundary>
       </View>
       <ActionButton
         title={buttonText}
@@ -206,57 +214,53 @@ function CandidateResults({
   term,
   selectedPeople,
   onSelect,
-  header,
 }: {
   term: string
   selectedPeople: Map<string, DirectMessageCandidateResource>
   onSelect: (candidate: DirectMessageCandidateResource) => void
-  header: ReactElement
 }) {
   const styles = useStyles()
   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 && unselectedCandidates.length > 0
+  if (term.length < 1) {
+    if (selectedPeople.size > 0) return null
 
-  const emptyState = (() => {
-    if (showsResults) return null
+    return (
+      <View style={styles.emptyState}>
+        <Icon name="churchCenter.people" size={40} style={styles.emptyStateIcon} />
+        <Text style={styles.emptyStateTitle}>Search for people to direct message</Text>
+        <Text variant="secondary" style={styles.emptyStateSubtitle}>
+          Start a conversation with people in your groups and teams.
+        </Text>
+      </View>
+    )
+  }
 
-    if (term.length < 1) {
-      if (selectedPeople.size > 0) return null
+  const isAtLimit = selectedPeople.size >= MAX_RECIPIENTS
 
-      return (
-        <View style={styles.emptyState}>
-          <Icon name="churchCenter.people" size={40} style={styles.emptyStateIcon} />
-          <Text style={styles.emptyStateTitle}>Search for people to direct message</Text>
-          <Text variant="secondary" style={styles.emptyStateSubtitle}>
-            Start a conversation with people in your groups and teams.
-          </Text>
-        </View>
-      )
-    }
+  if (isAtLimit) {
+    return (
+      <View style={styles.emptyState}>
+        <Text variant="secondary" style={styles.emptyStateSubtitle}>
+          You can add up to {MAX_RECIPIENTS} people to a direct message.
+        </Text>
+      </View>
+    )
+  }
 
-    if (isAtLimit) {
-      return (
-        <View style={styles.emptyState}>
-          <Text variant="secondary" style={styles.emptyStateSubtitle}>
-            You can add up to {MAX_RECIPIENTS} people to a direct message.
-          </Text>
-        </View>
-      )
-    }
+  const unselectedCandidates = (data?.data ?? []).filter(c => !selectedPeople.has(c.id))
+  const hasTruncated = (data?.meta.totalCount ?? 0) > (data?.data.length ?? 0)
 
-    if (isFetching) {
-      return (
-        <View style={styles.emptyState}>
-          <Spinner />
-        </View>
-      )
-    }
+  if (isFetching && unselectedCandidates.length === 0) {
+    return (
+      <View style={styles.emptyState}>
+        <Spinner />
+      </View>
+    )
+  }
 
+  if (!isFetching && unselectedCandidates.length === 0) {
     return (
       <View style={styles.emptyState}>
         <Icon name="general.search" size={32} style={styles.emptyStateIcon} />
@@ -266,15 +270,13 @@ function CandidateResults({
         </Text>
       </View>
     )
-  })()
+  }
 
   return (
     <CandidateList
-      header={header}
-      candidates={showsResults ? unselectedCandidates : []}
+      candidates={unselectedCandidates}
       hasTruncated={hasTruncated}
       description={resultsDescription}
-      emptyState={emptyState}
       groups={groups}
       teams={teams}
       onSelect={onSelect}
@@ -307,33 +309,27 @@ function candidateAffiliationNames(
 }
 
 function CandidateList({
-  header,
   candidates,
   hasTruncated,
   description,
-  emptyState,
   groups,
   teams,
   onSelect,
 }: {
-  header: ReactElement
   candidates: DirectMessageCandidateResource[]
   hasTruncated: boolean
   description: string | null
-  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)
 
   return (
     <FlatList<DirectMessageCandidateResource>
       data={available}
-      contentInsetAdjustmentBehavior="automatic"
       keyboardShouldPersistTaps="handled"
       keyExtractor={item => item.id}
       renderItem={({ item }) => (
@@ -344,13 +340,7 @@ function CandidateList({
           onSelect={() => onSelect(item)}
         />
       )}
-      ListHeaderComponent={
-        <>
-          {header}
-          {hasCandidates && <ResultsHeading description={description} />}
-        </>
-      }
-      ListEmptyComponent={emptyState}
+      ListHeaderComponent={<ResultsHeading description={description} />}
       ListFooterComponent={
         <>
           {dmDisabled.length > 0 && (
@@ -371,7 +361,7 @@ function CandidateList({
               ))}
             </>
           )}
-          {hasCandidates && hasTruncated && (
+          {hasTruncated && (
             <View style={styles.truncatedFooter}>
               <Text variant="secondary" style={styles.truncatedText}>
                 Keep typing to narrow your results.

package/src/screens/conversation_select_recipients/conversation_select_group_recipients_screen.tsx

@@ -60,7 +60,6 @@ export const ConversationSelectGroupRecipientsScreen = ({
 
   return (
     <SectionList<GroupsGroupResource, GroupsSection>
-      contentInsetAdjustmentBehavior="automatic"
       sections={sections}
       keyExtractor={item => item.id.toString()}
       stickySectionHeadersEnabled={false}

package/src/screens/conversation_select_recipients/conversation_select_teams_i_lead_recipients_screen.tsx

@@ -32,7 +32,6 @@ export const ConversationSelectTeamsILeadRecipientsScreen = ({
 
   return (
     <FlatList
-      contentInsetAdjustmentBehavior="automatic"
       data={serviceTypes}
       keyExtractor={item => item.id.toString()}
       contentContainerStyle={styles.contentContainer}

package/src/screens/get_help_screen.tsx

@@ -1,6 +1,6 @@
 import { StaticScreenProps, useNavigation } from '@react-navigation/native'
 import { useCallback, useMemo } from 'react'
-import { Alert, Linking, ScrollView, StyleSheet, View } from 'react-native'
+import { Alert, Linking, StyleSheet, View } from 'react-native'
 import { Heading, PressableRow, Text, TextInlineButton } from '../components'
 import { useApiGet, useTheme } from '../hooks'
 import { useAppName } from '../hooks/use_app_name'
@@ -56,7 +56,7 @@ export const GetHelpScreen = ({ route }: GetHelpScreenProps) => {
   }, [navigation])
 
   return (
-    <ScrollView contentInsetAdjustmentBehavior="automatic" contentContainerStyle={styles.container}>
+    <View style={[styles.container]}>
       {appSpecificHelpUrls.length > 0 && (
         <Heading variant="h2" style={[styles.heading, styles.headingBottomBorder]}>
           How-to articles
@@ -90,7 +90,7 @@ export const GetHelpScreen = ({ route }: GetHelpScreenProps) => {
           to the development team.
         </Text>
       </View>
-    </ScrollView>
+    </View>
   )
 }
 
@@ -145,7 +145,7 @@ const useStyles = () => {
 
   return StyleSheet.create({
     container: {
-      flexGrow: 1,
+      flex: 1,
     },
     text: {
       paddingVertical: 4,

package/src/screens/group_notification_settings_screen.tsx

@@ -2,7 +2,7 @@ import { PlatformPressable } from '@react-navigation/elements'
 import { StaticScreenProps, useNavigation } from '@react-navigation/native'
 import type { NativeStackNavigationProp } from '@react-navigation/native-stack'
 import React, { useEffect } from 'react'
-import { Platform, ScrollView, StyleSheet, View } from 'react-native'
+import { Platform, StyleSheet, View } from 'react-native'
 import { Heading, Icon, Text } from '../components'
 import { useTheme } from '../hooks'
 import { platformFontWeightBold } from '../utils/styles'
@@ -38,7 +38,7 @@ export function GroupNotificationSettingsScreen({ route }: GroupNotificationSett
   }
 
   return (
-    <ScrollView contentInsetAdjustmentBehavior="automatic" style={styles.container}>
+    <View style={styles.container}>
       <View style={styles.sectionOuter}>
         <View style={styles.sectionInner}>
           <Heading variant="h2" style={styles.sectionHeading}>
@@ -76,7 +76,7 @@ export function GroupNotificationSettingsScreen({ route }: GroupNotificationSett
           )}
         </View>
       </PlatformPressable>
-    </ScrollView>
+    </View>
   )
 }
 

package/src/screens/notification_settings_screen.tsx

@@ -123,7 +123,6 @@ export function NotificationSettingsScreen({}: NotificationSettingsScreenProps)
   return (
     <View style={styles.listContainer}>
       <FlatList
-        contentInsetAdjustmentBehavior="automatic"
         data={listData as SectionListData}
         contentContainerStyle={styles.contentContainer}
         renderItem={({ item, index }) => {

package/src/screens/preferred_app_selection_screen.tsx

@@ -2,7 +2,7 @@ import { PlatformPressable } from '@react-navigation/elements'
 import { StaticScreenProps } from '@react-navigation/native'
 import { useMutation } from '@tanstack/react-query'
 import React, { type PropsWithChildren } from 'react'
-import { Image, ScrollView, StyleSheet, View, type ViewStyle } from 'react-native'
+import { Image, StyleSheet, View, type ViewStyle } from 'react-native'
 import { Heading, Icon, Text } from '../components'
 import { useApiClient, useTheme } from '../hooks'
 import { useAppName } from '../hooks/use_app_name'
@@ -45,7 +45,7 @@ export function PreferredAppSelectionScreen({ route }: PreferredAppSelectionScre
   const sectionTitle = chatType ? chatTypeLabel(chatType.title) : undefined
 
   return (
-    <ScrollView contentInsetAdjustmentBehavior="automatic" contentContainerStyle={styles.container}>
+    <View style={styles.container}>
       <View style={styles.section}>
         <Heading variant="h2" style={styles.sectionHeading}>
           {sectionTitle}
@@ -64,7 +64,7 @@ export function PreferredAppSelectionScreen({ route }: PreferredAppSelectionScre
           </PressableRow>
         ))}
       </View>
-    </ScrollView>
+    </View>
   )
 }
 
@@ -118,7 +118,7 @@ const PressableRow = ({
 
 const styles = StyleSheet.create({
   container: {
-    flexGrow: 1,
+    flex: 1,
   },
   section: {
     paddingTop: 24,

package/src/screens/search/__tests__/search_screen.test.tsx

@@ -106,13 +106,12 @@ describe('SearchScreen', () => {
     fireEvent.changeText(input, ' budget ')
 
     expect(view.getByText('Search chat')).toBeTruthy()
-    const searchedTerms = () =>
-      new Set(mockUseSearchResults.mock.calls.map(([term]) => term).filter(term => term.trim()))
-    expect([...searchedTerms()]).toEqual([])
+    expect(mockUseSearchResults).not.toHaveBeenCalled()
 
     act(() => jest.advanceTimersByTime(200))
 
-    expect([...searchedTerms()]).toEqual(['budget'])
+    const searchedTerms = new Set(mockUseSearchResults.mock.calls.map(([term]) => term))
+    expect([...searchedTerms]).toEqual(['budget'])
     expect(view.queryByText('Search chat')).toBeNull()
     expect(view.getByLabelText('Loading results')).toBeTruthy()
   })
@@ -122,7 +121,10 @@ describe('SearchScreen', () => {
 
     const scrollView = view.UNSAFE_getByType(ScrollView)
     expect(scrollView.props.keyboardShouldPersistTaps).toBe('handled')
-    expect(scrollView.props.contentContainerStyle).toMatchObject({ flexGrow: 1 })
+    expect(scrollView.props.contentContainerStyle).toMatchObject({
+      flexGrow: 1,
+      justifyContent: 'center',
+    })
     expect(view.getByText('Search chat')).toBeTruthy()
   })
 

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

@@ -49,13 +49,9 @@ const messageResult = (id: string): MessageSearchResultResource => ({
   },
 })
 
-const slots = { header: <></>, prompt: <></> }
-
 const renderList = (state: Partial<SearchState>, onSettled = jest.fn()) => {
   mockUseSearchResults.mockReturnValue(searchState(state))
-  const list = () => (
-    <SearchResultsList term="potluck" onSelect={jest.fn()} onSettled={onSettled} {...slots} />
-  )
+  const list = () => <SearchResultsList term="potluck" onSelect={jest.fn()} onSettled={onSettled} />
   const view = render(list())
   const rerenderWith = (next: Partial<SearchState>) => {
     mockUseSearchResults.mockReturnValue(searchState(next))
@@ -134,7 +130,7 @@ describe('SearchResultsList', () => {
     const results = [conversationResult('1'), messageResult('1'), messageResult('2')]
     mockUseSearchResults.mockReturnValue(searchState({ results }))
     const view = render(
-      <SearchResultsList term="potluck" onSelect={onSelect} onSettled={jest.fn()} {...slots} />
+      <SearchResultsList term="potluck" onSelect={onSelect} onSettled={jest.fn()} />
     )
 
     fireEvent.press(view.getByLabelText(/^Message 2/))

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

@@ -1,4 +1,4 @@
-import React, { ReactElement, useEffect, useRef } from 'react'
+import React, { useEffect, useRef } from 'react'
 import { FlatList, StyleSheet, View } from 'react-native'
 import { Banner, Spinner, Text, TextButton } from '../../../components'
 import { useSearchResults } from '../../../hooks/use_search_results'
@@ -23,17 +23,9 @@ interface SearchResultsListProps {
   term: string
   onSelect: (result: SearchResultResource, position: number) => void
   onSettled: (term: string, counts: SearchResultCounts) => void
-  header: ReactElement
-  prompt: ReactElement
 }
 
-export function SearchResultsList({
-  term,
-  onSelect,
-  onSettled,
-  header,
-  prompt,
-}: SearchResultsListProps) {
+export function SearchResultsList({ term, onSelect, onSettled }: SearchResultsListProps) {
   const {
     results,
     failedTypes,
@@ -44,10 +36,9 @@ export function SearchResultsList({
     hasNextPage,
     isFetchingNextPage,
   } = useSearchResults(term)
-  const searching = term.trim().length > 0
-  const conversationResults = searching ? results.filter(isConversationResult) : []
-  const messageResults = searching ? results.filter(isMessageResult) : []
-  const settled = searching && !isPending && !isError
+  const conversationResults = results.filter(isConversationResult)
+  const messageResults = results.filter(isMessageResult)
+  const settled = !isPending && !isError
 
   const settledTermRef = useRef<string | undefined>(undefined)
 
@@ -65,7 +56,6 @@ export function SearchResultsList({
     <FlatList
       data={messageResults}
       keyExtractor={item => item.id}
-      contentInsetAdjustmentBehavior="automatic"
       keyboardShouldPersistTaps="handled"
       keyboardDismissMode="on-drag"
       contentContainerStyle={styles.content}
@@ -74,27 +64,20 @@ export function SearchResultsList({
       )}
       ListHeaderComponent={
         <>
-          {header}
           {conversationResults.length > 0 && (
             <ConversationResults results={conversationResults} onSelect={onSelect} />
           )}
-          {searching && failedTypes.includes('conversation') && (
-            <SectionFailure type="conversation" />
-          )}
+          {failedTypes.includes('conversation') && <SectionFailure type="conversation" />}
           {messageResults.length > 0 && <ResultsSection title="Messages" />}
         </>
       }
       ListEmptyComponent={
-        searching ? (
-          <ListEmpty
-            term={term}
-            isError={isError}
-            isPending={isPending}
-            noResults={results.length === 0 && failedTypes.length === 0}
-          />
-        ) : (
-          <View style={styles.prompt}>{prompt}</View>
-        )
+        <ListEmpty
+          term={term}
+          isError={isError}
+          isPending={isPending}
+          noResults={results.length === 0 && failedTypes.length === 0}
+        />
       }
       ListFooterComponent={
         <>
@@ -108,7 +91,7 @@ export function SearchResultsList({
               Try again
             </TextButton>
           )}
-          {searching && failedTypes.includes('message') && <SectionFailure type="message" />}
+          {failedTypes.includes('message') && <SectionFailure type="message" />}
         </>
       }
       onEndReached={() => {
@@ -166,10 +149,6 @@ const styles = StyleSheet.create({
   content: {
     flexGrow: 1,
   },
-  prompt: {
-    flexGrow: 1,
-    justifyContent: 'center',
-  },
   banner: {
     margin: 16,
   },

package/src/screens/search/search_screen.tsx

@@ -4,7 +4,7 @@ import {
   NativeStackScreenProps,
 } from '@react-navigation/native-stack'
 import React, { useRef, useState } from 'react'
-import { Keyboard, StyleSheet, View } from 'react-native'
+import { Keyboard, ScrollView, StyleSheet, View } from 'react-native'
 import { KeyboardView } from '../../components'
 import {
   composeOptions,
@@ -64,13 +64,19 @@ export function SearchScreen() {
   return (
     <KeyboardView>
       <View style={styles.container} testID="search-screen">
-        <SearchResultsList
-          term={debouncedTerm}
-          onSelect={openResult}
-          onSettled={publishSearch}
-          header={<SearchField term={term} onChange={setTerm} />}
-          prompt={<SearchPromptBlankState />}
-        />
+        <SearchField term={term} onChange={setTerm} />
+        {debouncedTerm.length > 0 ? (
+          <SearchResultsList
+            key={debouncedTerm}
+            term={debouncedTerm}
+            onSelect={openResult}
+            onSettled={publishSearch}
+          />
+        ) : (
+          <ScrollView contentContainerStyle={styles.prompt} keyboardShouldPersistTaps="handled">
+            <SearchPromptBlankState />
+          </ScrollView>
+        )}
       </View>
     </KeyboardView>
   )
@@ -80,4 +86,8 @@ const styles = StyleSheet.create({
   container: {
     flex: 1,
   },
+  prompt: {
+    flexGrow: 1,
+    justifyContent: 'center',
+  },
 })

package/src/screens/settings_screen.tsx

@@ -1,7 +1,7 @@
 import { PlatformPressable } from '@react-navigation/elements'
 import { StaticScreenProps, useNavigation } from '@react-navigation/native'
 import React, { useCallback } from 'react'
-import { Platform, ScrollView, StyleSheet, View } from 'react-native'
+import { Platform, StyleSheet, View } from 'react-native'
 import { useSafeAreaInsets } from 'react-native-safe-area-context'
 import { Heading, Icon, Text, VersionFooter } from '../components'
 import { Switch } from '../components/display/switch'
@@ -28,31 +28,29 @@ export function SettingsScreen({}: SettingsScreenProps) {
 
   return (
     <View style={styles.container}>
-      <ScrollView contentInsetAdjustmentBehavior="automatic">
-        <View style={styles.sectionOuter}>
-          <View style={styles.sectionHeader}>
-            <Heading variant="h2">Messages</Heading>
-          </View>
-          {directMessagesEligible && (
-            <View style={styles.settingRow}>
-              <View style={styles.settingRowText}>
-                <Text>Allow direct messages</Text>
-                <Text variant="tertiary">
-                  When off, you can't be added to new direct messages, and any you're already in
-                  will be turned off.
-                </Text>
-              </View>
-              <Switch
-                value={!directMessagesDisabled}
-                onValueChange={enabled => setDirectMessagesDisabled(!enabled)}
-                disabled={isMutating}
-              />
-            </View>
-          )}
-          <NavRow label="Notification settings" onPress={handleNotificationSettings} />
-          {appName !== 'services' && <NavRow label="Get help" onPress={handleGetHelp} />}
+      <View style={styles.sectionOuter}>
+        <View style={styles.sectionHeader}>
+          <Heading variant="h2">Messages</Heading>
         </View>
-      </ScrollView>
+        {directMessagesEligible && (
+          <View style={styles.settingRow}>
+            <View style={styles.settingRowText}>
+              <Text>Allow direct messages</Text>
+              <Text variant="tertiary">
+                When off, you can't be added to new direct messages, and any you're already in will
+                be turned off.
+              </Text>
+            </View>
+            <Switch
+              value={!directMessagesDisabled}
+              onValueChange={enabled => setDirectMessagesDisabled(!enabled)}
+              disabled={isMutating}
+            />
+          </View>
+        )}
+        <NavRow label="Notification settings" onPress={handleNotificationSettings} />
+        {appName !== 'services' && <NavRow label="Get help" onPress={handleGetHelp} />}
+      </View>
       <View style={styles.footer}>
         <VersionFooter />
       </View>
@@ -92,6 +90,8 @@ const useStyles = () => {
       flex: 1,
     },
     footer: {
+      flex: 1,
+      justifyContent: 'flex-end',
       paddingBottom: Math.max(insets.bottom, 8),
     },
     sectionOuter: {

package/build/navigation/page_error_fallbacks.d.ts

@@ -1,7 +0,0 @@
-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 declare const PAGE_ERROR_FALLBACKS: Partial<Record<RouteName, PageErrorFallback>>;
-export {};
-//# sourceMappingURL=page_error_fallbacks.d.ts.map

package/build/navigation/page_error_fallbacks.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"page_error_fallbacks.d.ts","sourceRoot":"","sources":["../../src/navigation/page_error_fallbacks.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAC/D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAA;AAC/E,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAEnD,KAAK,SAAS,GACV,MAAM,eAAe,CAAC,aAAa,GACnC,MAAM,eAAe,CAAC,OAAO,oBAAoB,CAAC,CAAA;AAEtD,eAAO,MAAM,oBAAoB,EAAE,OAAO,CAAC,MAAM,CAAC,SAAS,EAAE,iBAAiB,CAAC,CAK9E,CAAA"}

package/build/navigation/page_error_fallbacks.js

@@ -1,7 +0,0 @@
-export const PAGE_ERROR_FALLBACKS = {
-  ConversationSelectDirectMessageRecipients: {
-    heading: "Couldn't load people right now",
-    body: 'Try again.'
-  }
-};
-//# sourceMappingURL=page_error_fallbacks.js.map

package/build/navigation/page_error_fallbacks.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"page_error_fallbacks.js","names":["PAGE_ERROR_FALLBACKS","ConversationSelectDirectMessageRecipients","heading","body"],"sources":["../../src/navigation/page_error_fallbacks.ts"],"sourcesContent":["import type { StaticParamList } from '@react-navigation/native'\nimport type { PageErrorFallback } from '../components/page/page_error_boundary'\nimport type { NewConversationStack } from './index'\n\ntype RouteName =\n  | keyof ReactNavigation.RootParamList\n  | keyof StaticParamList<typeof NewConversationStack>\n\nexport const PAGE_ERROR_FALLBACKS: Partial<Record<RouteName, PageErrorFallback>> = {\n  ConversationSelectDirectMessageRecipients: {\n    heading: \"Couldn't load people right now\",\n    body: 'Try again.',\n  },\n}\n"],"mappings":"AAQA,OAAO,MAAMA,oBAAmE,GAAG;EACjFC,yCAAyC,EAAE;IACzCC,OAAO,EAAE,gCAAgC;IACzCC,IAAI,EAAE;EACR;AACF,CAAC","ignoreList":[]}