@planningcenter/chat-react-native 3.7.0-rc.7 → 3.7.0-rc.8

package/build/screens/conversation_filters_screen.js

@@ -30,10 +30,7 @@ const HeaderRightWithContext = () => {
 };
 export const ConversationFiltersScreenOptions = {
     presentation: Platform.select({ android: 'modal', ios: 'formSheet' }),
-    sheetAllowedDetents: Platform.select({
-        android: [0.75, 0.94],
-        default: [0.75, 1],
-    }),
+    sheetAllowedDetents: [0.75, 1],
     sheetGrabberVisible: true,
     headerBackVisible: false,
     headerRight: HeaderRightWithContext,

package/build/screens/conversation_filters_screen.js.map

@@ -1 +1 @@
-{"version":3,"file":"conversation_filters_screen.js","sourceRoot":"","sources":["../../src/screens/conversation_filters_screen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { HeaderTitle, HeaderTitleProps, useHeaderHeight } from '@react-navigation/elements'\nimport { createComponentForStaticNavigation, RouteProp, useRoute } from '@react-navigation/native'\nimport {\n  createNativeStackNavigator,\n  NativeStackNavigationOptions,\n} from '@react-navigation/native-stack'\nimport React from 'react'\nimport { Platform, StyleSheet, useWindowDimensions, View } from 'react-native'\nimport { useSafeAreaInsets } from 'react-native-safe-area-context'\nimport { Button, TextButton } from '../components'\nimport {\n  FilterContext,\n  FilterProvider,\n} from './conversation_filters/context/conversation_filter_context'\nimport { ConversationFilters } from './conversation_filters/components/conversation_filters'\nimport { GroupFilters } from './conversation_filters/group_filters'\nimport {\n  ConversationFiltersScreenProps,\n  ConversationFilterStackParamList,\n} from './conversation_filters/screen_props'\nimport { useTheme } from '../hooks'\nimport { TeamFilters } from './conversation_filters/team_filters'\n\nconst FilterHeaderTitle = ({ tintColor }: HeaderTitleProps) => {\n  const styles = useStyles()\n  return <HeaderTitle style={[styles.headerTitle, { color: tintColor }]}>Filters</HeaderTitle>\n}\n\nconst HeaderRight = () => {\n  const { resetFilter, applyFilters } = React.useContext(FilterContext)\n  const route = useRoute<RouteProp<ConversationFiltersScreenProps['route']>>()\n  const styles = useStyles()\n\n  return (\n    <View style={styles.headerRight}>\n      <TextButton onPress={resetFilter}>Reset</TextButton>\n      <Button title=\"Apply\" onPress={() => applyFilters(route.params)} />\n    </View>\n  )\n}\n\nconst HeaderRightWithContext = () => {\n  return (\n    <FilterProvider>\n      <HeaderRight />\n    </FilterProvider>\n  )\n}\n\nexport const ConversationFiltersScreenOptions: NativeStackNavigationOptions = {\n  presentation: Platform.select({ android: 'modal', ios: 'formSheet' }),\n  sheetAllowedDetents: Platform.select({\n    android: [0.75, 0.94],\n    default: [0.75, 1],\n  }),\n  sheetGrabberVisible: true,\n  headerBackVisible: false,\n  headerRight: HeaderRightWithContext,\n  headerTitle: FilterHeaderTitle,\n  headerTitleAlign: 'left',\n  sheetCornerRadius: 16,\n}\n\nconst FilterNavigator = createNativeStackNavigator<ConversationFilterStackParamList>({\n  initialRouteName: 'Filters',\n  screens: {\n    Filters: {\n      screen: ConversationFilters,\n      options: {\n        headerShown: false,\n      },\n    },\n    GroupFilters: {\n      screen: GroupFilters,\n      options: {\n        headerTitle: Platform.select({\n          android: 'Groups',\n          ios: '',\n        }),\n        headerBackTitle: 'Groups',\n      },\n    },\n    TeamFilters: {\n      screen: TeamFilters,\n      options: {\n        headerTitle: Platform.select({\n          android: 'Teams',\n          ios: '',\n        }),\n        headerBackTitle: 'Teams',\n      },\n    },\n  },\n})\n\nconst Filters = createComponentForStaticNavigation(FilterNavigator, 'Filters')\n\nexport const ConversationFiltersScreen = (_props: ConversationFiltersScreenProps) => {\n  const styles = useStyles()\n\n  return (\n    <FilterProvider>\n      <View style={styles.container}>\n        <Filters />\n      </View>\n    </FilterProvider>\n  )\n}\n\nconst useStyles = () => {\n  const { top } = useSafeAreaInsets()\n  const { height } = useWindowDimensions()\n  const headerHeight = useHeaderHeight()\n  const theme = useTheme()\n\n  const containerHeight = Platform.select({\n    android: height,\n    ios: height - top - headerHeight,\n  })\n\n  return StyleSheet.create({\n    container: {\n      height: containerHeight,\n      flex: 1,\n    },\n    headerTitle: {\n      textAlign: 'left',\n      flex: 1,\n    },\n    filterBar: {\n      backgroundColor: theme.colors.fillColorNeutral100Inverted,\n      flexDirection: 'row',\n      justifyContent: 'space-between',\n      alignItems: 'center',\n      paddingHorizontal: 16,\n      paddingVertical: 16,\n      gap: 8,\n    },\n    filterBarScroll: {\n      elevation: 4,\n      boxShadow: '0px 4px 4px rgba(0, 0, 0, 0.1)',\n    },\n    filterBarActions: {\n      flexDirection: 'row',\n      gap: 8,\n      alignItems: 'center',\n    },\n    headerRight: {\n      flexDirection: 'row',\n      gap: 8,\n      alignItems: 'center',\n    },\n  })\n}\n"]}
+{"version":3,"file":"conversation_filters_screen.js","sourceRoot":"","sources":["../../src/screens/conversation_filters_screen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { HeaderTitle, HeaderTitleProps, useHeaderHeight } from '@react-navigation/elements'\nimport { createComponentForStaticNavigation, RouteProp, useRoute } from '@react-navigation/native'\nimport {\n  createNativeStackNavigator,\n  NativeStackNavigationOptions,\n} from '@react-navigation/native-stack'\nimport React from 'react'\nimport { Platform, StyleSheet, useWindowDimensions, View } from 'react-native'\nimport { useSafeAreaInsets } from 'react-native-safe-area-context'\nimport { Button, TextButton } from '../components'\nimport {\n  FilterContext,\n  FilterProvider,\n} from './conversation_filters/context/conversation_filter_context'\nimport { ConversationFilters } from './conversation_filters/components/conversation_filters'\nimport { GroupFilters } from './conversation_filters/group_filters'\nimport {\n  ConversationFiltersScreenProps,\n  ConversationFilterStackParamList,\n} from './conversation_filters/screen_props'\nimport { useTheme } from '../hooks'\nimport { TeamFilters } from './conversation_filters/team_filters'\n\nconst FilterHeaderTitle = ({ tintColor }: HeaderTitleProps) => {\n  const styles = useStyles()\n  return <HeaderTitle style={[styles.headerTitle, { color: tintColor }]}>Filters</HeaderTitle>\n}\n\nconst HeaderRight = () => {\n  const { resetFilter, applyFilters } = React.useContext(FilterContext)\n  const route = useRoute<RouteProp<ConversationFiltersScreenProps['route']>>()\n  const styles = useStyles()\n\n  return (\n    <View style={styles.headerRight}>\n      <TextButton onPress={resetFilter}>Reset</TextButton>\n      <Button title=\"Apply\" onPress={() => applyFilters(route.params)} />\n    </View>\n  )\n}\n\nconst HeaderRightWithContext = () => {\n  return (\n    <FilterProvider>\n      <HeaderRight />\n    </FilterProvider>\n  )\n}\n\nexport const ConversationFiltersScreenOptions: NativeStackNavigationOptions = {\n  presentation: Platform.select({ android: 'modal', ios: 'formSheet' }),\n  sheetAllowedDetents: [0.75, 1],\n  sheetGrabberVisible: true,\n  headerBackVisible: false,\n  headerRight: HeaderRightWithContext,\n  headerTitle: FilterHeaderTitle,\n  headerTitleAlign: 'left',\n  sheetCornerRadius: 16,\n}\n\nconst FilterNavigator = createNativeStackNavigator<ConversationFilterStackParamList>({\n  initialRouteName: 'Filters',\n  screens: {\n    Filters: {\n      screen: ConversationFilters,\n      options: {\n        headerShown: false,\n      },\n    },\n    GroupFilters: {\n      screen: GroupFilters,\n      options: {\n        headerTitle: Platform.select({\n          android: 'Groups',\n          ios: '',\n        }),\n        headerBackTitle: 'Groups',\n      },\n    },\n    TeamFilters: {\n      screen: TeamFilters,\n      options: {\n        headerTitle: Platform.select({\n          android: 'Teams',\n          ios: '',\n        }),\n        headerBackTitle: 'Teams',\n      },\n    },\n  },\n})\n\nconst Filters = createComponentForStaticNavigation(FilterNavigator, 'Filters')\n\nexport const ConversationFiltersScreen = (_props: ConversationFiltersScreenProps) => {\n  const styles = useStyles()\n\n  return (\n    <FilterProvider>\n      <View style={styles.container}>\n        <Filters />\n      </View>\n    </FilterProvider>\n  )\n}\n\nconst useStyles = () => {\n  const { top } = useSafeAreaInsets()\n  const { height } = useWindowDimensions()\n  const headerHeight = useHeaderHeight()\n  const theme = useTheme()\n\n  const containerHeight = Platform.select({\n    android: height,\n    ios: height - top - headerHeight,\n  })\n\n  return StyleSheet.create({\n    container: {\n      height: containerHeight,\n      flex: 1,\n    },\n    headerTitle: {\n      textAlign: 'left',\n      flex: 1,\n    },\n    filterBar: {\n      backgroundColor: theme.colors.fillColorNeutral100Inverted,\n      flexDirection: 'row',\n      justifyContent: 'space-between',\n      alignItems: 'center',\n      paddingHorizontal: 16,\n      paddingVertical: 16,\n      gap: 8,\n    },\n    filterBarScroll: {\n      elevation: 4,\n      boxShadow: '0px 4px 4px rgba(0, 0, 0, 0.1)',\n    },\n    filterBarActions: {\n      flexDirection: 'row',\n      gap: 8,\n      alignItems: 'center',\n    },\n    headerRight: {\n      flexDirection: 'row',\n      gap: 8,\n      alignItems: 'center',\n    },\n  })\n}\n"]}

package/build/utils/index.d.ts

@@ -8,5 +8,4 @@ export * from './cache';
 export * from './native_adapters';
 export * from './pluralize';
 export * from './destructure_chat_group_graph_id';
-export * from './navigation_constants';
 //# sourceMappingURL=index.d.ts.map

package/build/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,OAAO,CAAA;AACrB,cAAc,SAAS,CAAA;AACvB,cAAc,mBAAmB,CAAA;AACjC,cAAc,aAAa,CAAA;AAC3B,cAAc,mCAAmC,CAAA;AACjD,cAAc,wBAAwB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,OAAO,CAAA;AACrB,cAAc,SAAS,CAAA;AACvB,cAAc,mBAAmB,CAAA;AACjC,cAAc,aAAa,CAAA;AAC3B,cAAc,mCAAmC,CAAA"}

package/build/utils/index.js

@@ -8,5 +8,4 @@ export * from './cache';
 export * from './native_adapters';
 export * from './pluralize';
 export * from './destructure_chat_group_graph_id';
-export * from './navigation_constants';
 //# sourceMappingURL=index.js.map

package/build/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,OAAO,CAAA;AACrB,cAAc,SAAS,CAAA;AACvB,cAAc,mBAAmB,CAAA;AACjC,cAAc,aAAa,CAAA;AAC3B,cAAc,mCAAmC,CAAA;AACjD,cAAc,wBAAwB,CAAA","sourcesContent":["export * from './session'\nexport * from './theme'\nexport * from './styles'\nexport * from './space'\nexport * from './client'\nexport * from './uri'\nexport * from './cache'\nexport * from './native_adapters'\nexport * from './pluralize'\nexport * from './destructure_chat_group_graph_id'\nexport * from './navigation_constants'\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,OAAO,CAAA;AACrB,cAAc,SAAS,CAAA;AACvB,cAAc,mBAAmB,CAAA;AACjC,cAAc,aAAa,CAAA;AAC3B,cAAc,mCAAmC,CAAA","sourcesContent":["export * from './session'\nexport * from './theme'\nexport * from './styles'\nexport * from './space'\nexport * from './client'\nexport * from './uri'\nexport * from './cache'\nexport * from './native_adapters'\nexport * from './pluralize'\nexport * from './destructure_chat_group_graph_id'\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@planningcenter/chat-react-native",
-  "version": "3.7.0-rc.7",
+  "version": "3.7.0-rc.8",
   "description": "",
   "main": "build/index.js",
   "types": "build/index.d.ts",
@@ -55,5 +55,5 @@
     "prettier": "^3.4.2",
     "typescript": "<5.6.0"
   },
-  "gitHead": "06b73c117671227235899f500cb1664c7f1eff42"
+  "gitHead": "7e6a66b01f150561ea8c8d195c6bc7e3badd2df1"
 }

package/src/components/primitive/{actions_form_sheet.tsx → form_sheet.tsx}

@@ -1,9 +1,8 @@
 import { NativeStackNavigationOptions } from '@react-navigation/native-stack'
 import React, { ReactNode } from 'react'
-import { AccessibilityRole, StyleSheet, View } from 'react-native'
+import { AccessibilityRole, Platform, StyleSheet, View } from 'react-native'
 import { useSafeAreaInsets } from 'react-native-safe-area-context'
 import { useTheme } from '../../hooks'
-import { PLATFORM_SHEET_ALLOWED_DETENTS_FIT_TO_CONTENTS } from '../../utils/navigation_constants'
 import { PlatformPressable } from '@react-navigation/elements'
 import { Icon, IconString, Text } from '../display'
 
@@ -11,70 +10,97 @@ import { Icon, IconString, Text } from '../display'
 // ====== Exports ==================
 // =================================
 
-export const BaseActionsFormSheetOptions: NativeStackNavigationOptions = {
+/**
+ * Screen options for the formsheet's NativeStackNavigation route
+ * @param {string} options.headerTitle - Doesn't show in UI but good to have for semantic reasons.
+ * @param {number[]} [options.sheetAllowedDetents] - Controls the height increments the sheet grows to. To prevent bugs in Android, do not specify more then two values and use [0.94] instead of [1] to go full screen.
+ * @param {NativeStackNavigationOptions} [options.rest] - Adds or overrides any valid NativeStackNavigationOptions
+ * @returns {NativeStackNavigationOptions} Merged NativeStackNavigationOptions
+ */
+export const getFormSheetScreenOptions = ({
+  headerTitle,
+  sheetAllowedDetents = [0.25],
+  ...rest
+}: NativeStackNavigationOptions = {}): NativeStackNavigationOptions => ({
   presentation: 'formSheet',
   headerShown: false,
-  sheetAllowedDetents: PLATFORM_SHEET_ALLOWED_DETENTS_FIT_TO_CONTENTS,
+  sheetAllowedDetents,
   sheetCornerRadius: 16,
-}
-
-const ActionsFormSheet = {
-  Root: ActionsFormSheetRoot,
-  Action: ActionsFormSheetAction,
+  sheetGrabberVisible: true,
+  headerTitle,
+  ...rest,
+})
+
+const FormSheet = {
+  Root: FormSheetRoot,
+  Action: FormSheetAction,
 } as const
 
-type ActionFormSheetComponents = {
-  Root: React.FC<ActionsFormSheetRootProps>
-  Action: React.FC<ActionsFormSheetActionProps>
+type FormSheetComponents = {
+  Root: React.FC<FormSheetRootProps>
+  Action: React.FC<FormSheetActionProps>
 }
 
-export default ActionsFormSheet as ActionFormSheetComponents
-export type { ActionsFormSheetRootProps, ActionsFormSheetActionProps }
+export default FormSheet as FormSheetComponents
+export type { FormSheetRootProps, FormSheetActionProps }
 
 // ====================================
 // ====== ActionsFormSheetRoot ========
 // ====================================
 
-interface ActionsFormSheetRootProps {
+interface FormSheetRootProps {
   children: ReactNode
 }
 
-export function ActionsFormSheetRoot({ children }: ActionsFormSheetRootProps) {
+export function FormSheetRoot({ children }: FormSheetRootProps) {
   const styles = useStyles()
 
   return (
     <View style={styles.container}>
-      <View style={styles.gestureBar} />
-      <View style={styles.actions}>{children}</View>
+      <AndroidSheetGrabber />
+      <View style={styles.content}>{children}</View>
     </View>
   )
 }
 
-ActionsFormSheetRoot.displayName = 'ActionsFormSheet.Root'
+FormSheetRoot.displayName = 'FormSheet.Root'
+
+// ====================================
+// ====== AndroidSheetGrabber =========
+// ====================================
+
+function AndroidSheetGrabber() {
+  const styles = useStyles()
+
+  return Platform.select({
+    android: <View style={styles.androidSheetGrabber} />,
+    ios: null,
+  })
+}
 
 // ====================================
 // ====== ActionsFormSheetAction ======
 // ====================================
 
-const ACTION_FORM_SHEET_ACTION_APPEARANCES = {
+const FORM_SHEET_ACTION_APPEARANCES = {
   neutral: 'neutral',
   danger: 'danger',
 } as const
 
-type ActionsFormSheetActionAppearanceUnion =
-  (typeof ACTION_FORM_SHEET_ACTION_APPEARANCES)[keyof typeof ACTION_FORM_SHEET_ACTION_APPEARANCES]
+type FormSheetActionAppearanceUnion =
+  (typeof FORM_SHEET_ACTION_APPEARANCES)[keyof typeof FORM_SHEET_ACTION_APPEARANCES]
 
-interface ActionsFormSheetActionProps {
+interface FormSheetActionProps {
   title: string
   iconName: IconString
   onPress: () => void
   accessibilityLabel?: string
   accessibilityHint?: string
   accessibilityRole?: AccessibilityRole
-  appearance?: ActionsFormSheetActionAppearanceUnion
+  appearance?: FormSheetActionAppearanceUnion
 }
 
-function ActionsFormSheetAction({
+function FormSheetAction({
   title,
   iconName,
   onPress,
@@ -82,7 +108,7 @@ function ActionsFormSheetAction({
   accessibilityHint,
   accessibilityRole = 'button',
   appearance = 'neutral',
-}: ActionsFormSheetActionProps) {
+}: FormSheetActionProps) {
   const styles = useStyles({ appearance })
 
   return (
@@ -99,14 +125,14 @@ function ActionsFormSheetAction({
   )
 }
 
-ActionsFormSheetAction.displayName = 'ActionsFormSheet.Action'
+FormSheetAction.displayName = 'FormSheet.Action'
 
 // ==================================
 // ====== Styles ====================
 // ==================================
 
 interface Styles {
-  appearance?: ActionsFormSheetActionAppearanceUnion
+  appearance?: FormSheetActionAppearanceUnion
 }
 
 const useStyles = ({ appearance = 'neutral' }: Styles = {}) => {
@@ -128,20 +154,20 @@ const useStyles = ({ appearance = 'neutral' }: Styles = {}) => {
     container: {
       flex: 1,
       justifyContent: 'flex-start',
-      paddingTop: 12,
       paddingBottom: bottom,
       width: '100%',
       backgroundColor: colors.fillColorNeutral100Inverted,
     },
-    gestureBar: {
-      width: 32,
-      height: 4,
-      backgroundColor: colors.fillColorNeutral050Base,
+    androidSheetGrabber: {
+      marginTop: 5,
+      width: 34,
+      height: 5,
+      backgroundColor: colors.fillColorNeutral040,
       borderRadius: 100,
       alignSelf: 'center',
     },
-    actions: {
-      paddingTop: 20,
+    content: {
+      paddingTop: Platform.select({ android: 16, ios: 20 }),
     },
     actionPressable: {
       flexDirection: 'row',

package/src/navigation/index.tsx

@@ -219,10 +219,7 @@ export const ChatStack = createNativeStackNavigator({
     },
     MessageReadReceipts: {
       screen: MessageReadReceiptsScreen,
-      options: {
-        ...MessageReadReceiptsScreenOptions,
-        headerTitle: 'Read receipts',
-      },
+      options: MessageReadReceiptsScreenOptions,
     },
     BugReport: {
       screen: BugReportScreen,

package/src/screens/attachment_actions/attachment_actions_screen.tsx

@@ -1,12 +1,12 @@
 import { StaticScreenProps, useNavigation } from '@react-navigation/native'
 import React from 'react'
 import { Linking } from 'react-native'
-import ActionsFormSheet, {
-  BaseActionsFormSheetOptions,
-} from '../../components/primitive/actions_form_sheet'
+import FormSheet, { getFormSheetScreenOptions } from '../../components/primitive/form_sheet'
 import { useDeleteAttachment } from './hooks/useDeleteAttachment'
 
-export const AttachmentActionsScreenOptions = BaseActionsFormSheetOptions
+export const AttachmentActionsScreenOptions = getFormSheetScreenOptions({
+  headerTitle: 'Attachment actions',
+})
 
 export type AttachmentActionsScreenProps = StaticScreenProps<{
   attachmentId: string
@@ -43,8 +43,8 @@ export function AttachmentActionsScreen({ route }: AttachmentActionsScreenProps)
   }
 
   return (
-    <ActionsFormSheet.Root>
-      <ActionsFormSheet.Action
+    <FormSheet.Root>
+      <FormSheet.Action
         iconName="general.newWindow"
         title="Open in browser"
         accessibilityRole="link"
@@ -53,14 +53,14 @@ export function AttachmentActionsScreen({ route }: AttachmentActionsScreenProps)
         onPress={handleOpenInBrowser}
       />
       {canDelete && (
-        <ActionsFormSheet.Action
+        <FormSheet.Action
           appearance="danger"
           iconName="publishing.trash"
           title={`Delete ${attachmentName}`}
           onPress={handleDeleteAttachment}
         />
       )}
-    </ActionsFormSheet.Root>
+    </FormSheet.Root>
   )
 }
 

package/src/screens/conversation/message_read_receipts_screen.tsx

@@ -1,27 +1,25 @@
-import React, { useEffect } from 'react'
-import { View, StyleSheet, useWindowDimensions, Platform } from 'react-native'
+import { useHeaderHeight } from '@react-navigation/elements'
+import { StaticScreenProps } from '@react-navigation/native'
+import { NativeStackNavigationOptions } from '@react-navigation/native-stack'
+import React, { memo } from 'react'
+import { Platform, StyleSheet, useWindowDimensions, View } from 'react-native'
 import { useSafeAreaInsets } from 'react-native-safe-area-context'
 import { Avatar, Heading, Text } from '../../components'
 import { useTheme } from '../../hooks'
-import { StaticScreenProps, useNavigation } from '@react-navigation/native'
-import { NativeStackNavigationOptions } from '@react-navigation/native-stack'
 import { useReadReceipts } from '../../hooks/use_read_receipts'
-import { FlashList } from '@shopify/flash-list'
-import { useHeaderHeight } from '@react-navigation/elements'
-
-const SCREEN_HEIGHT_RATIO_QUARTER = 0.25 // 25% of the screen height
-const SCREEN_HEIGHT_RATIO_HALF = 0.5 // 50% of the screen height
-const SCREEN_HEIGHT_RATIO_FULL = 1 // 100% of the screen height
+import { FlatList } from 'react-native-gesture-handler'
+import { ReadReceiptResource } from '../../types/resources/read_receipt'
 
 export const MessageReadReceiptsScreenOptions: NativeStackNavigationOptions = {
-  presentation: Platform.select({ ios: 'formSheet', android: 'modal' }),
+  presentation: 'formSheet',
   sheetAllowedDetents: Platform.select({
-    ios: [SCREEN_HEIGHT_RATIO_QUARTER, SCREEN_HEIGHT_RATIO_HALF, SCREEN_HEIGHT_RATIO_FULL],
-    default: undefined,
+    android: [0.25, 0.94], // Going straight to full 0.94 preserves height of screen on Android
+    default: [0.25, 0.5, 1],
   }),
   sheetGrabberVisible: true,
-  headerShown: Platform.select({ ios: false, default: true }),
+  headerShown: false,
   sheetCornerRadius: 16,
+  headerTitle: 'Read receipts',
 }
 
 export type MessageReadReceiptsScreenProps = StaticScreenProps<{
@@ -31,7 +29,6 @@ export type MessageReadReceiptsScreenProps = StaticScreenProps<{
 
 export function MessageReadReceiptsScreen({ route }: MessageReadReceiptsScreenProps) {
   const styles = useStyles()
-  const navigation = useNavigation()
 
   const { conversation_id, message_id } = route.params
   const {
@@ -40,49 +37,38 @@ export function MessageReadReceiptsScreen({ route }: MessageReadReceiptsScreenPr
     fetchNextPage,
   } = useReadReceipts({ conversation_id, message_id })
 
-  useEffect(() => {
-    navigation.setOptions({
-      headerTitle: `Read receipts (${totalCount})`,
-    })
-  }, [totalCount, navigation])
-
   return (
-    <View style={styles.container}>
-      <FlashList
+    <View style={styles.container} collapsable={false}>
+      <Heading variant="h3" style={styles.header}>
+        Read receipts ({totalCount})
+      </Heading>
+      <FlatList
         data={receipts}
-        contentContainerStyle={styles.contentContainer}
+        style={styles.contentContainer}
         keyExtractor={item => item.id.toString()}
-        estimatedItemSize={24}
-        renderItem={({ item }) => (
-          <View style={styles.receiptRow}>
-            <Avatar sourceUri={item.avatar} size="sm" />
-            <Text variant="tertiary" numberOfLines={2} style={styles.name}>
-              {item.name}
-            </Text>
-          </View>
-        )}
-        ListHeaderComponent={() => PlatformListHeader({ totalCount })}
+        renderItem={({ item }) => <Receipt receipt={item} />}
+        nestedScrollEnabled
         ListFooterComponent={<View style={styles.footer} />}
         ListEmptyComponent={<Text style={styles.emptyText}>No one has read this message yet.</Text>}
-        onEndReached={fetchNextPage}
+        onEndReached={() => fetchNextPage()}
         onEndReachedThreshold={0.2}
       />
     </View>
   )
 }
 
-function PlatformListHeader({ totalCount }: { totalCount: number }) {
+const Receipt = memo(({ receipt }: { receipt: ReadReceiptResource }) => {
   const styles = useStyles()
 
-  return Platform.select({
-    ios: (
-      <Heading variant="h3" style={styles.header}>
-        Read receipts ({totalCount})
-      </Heading>
-    ),
-    default: null,
-  })
-}
+  return (
+    <View style={styles.receiptRow}>
+      <Avatar sourceUri={receipt.avatar} size="sm" />
+      <Text variant="tertiary" numberOfLines={2} style={styles.name}>
+        {receipt.name}
+      </Text>
+    </View>
+  )
+})
 
 const useStyles = () => {
   const theme = useTheme()
@@ -91,23 +77,23 @@ const useStyles = () => {
   const headerHeight = useHeaderHeight()
 
   const containerHeight = Platform.select({
-    android: height,
+    android: null,
     ios: height - top - headerHeight,
   })
 
   return StyleSheet.create({
     container: {
-      paddingHorizontal: 16,
+      paddingTop: 16,
       backgroundColor: theme.colors.fillColorNeutral100Inverted,
       height: containerHeight,
       flex: 1,
     },
     contentContainer: {
-      paddingTop: 8,
+      paddingHorizontal: 16,
     },
     header: {
-      marginTop: 16,
-      marginBottom: 8,
+      paddingHorizontal: 16,
+      paddingBottom: 8,
     },
     receiptRow: {
       flexDirection: 'row',
@@ -120,7 +106,7 @@ const useStyles = () => {
       flex: 1,
     },
     footer: {
-      height: bottom + 40,
+      height: bottom + 16,
     },
     emptyText: {
       textAlign: 'center',

package/src/screens/conversation_filters_screen.tsx

@@ -49,10 +49,7 @@ const HeaderRightWithContext = () => {
 
 export const ConversationFiltersScreenOptions: NativeStackNavigationOptions = {
   presentation: Platform.select({ android: 'modal', ios: 'formSheet' }),
-  sheetAllowedDetents: Platform.select({
-    android: [0.75, 0.94],
-    default: [0.75, 1],
-  }),
+  sheetAllowedDetents: [0.75, 1],
   sheetGrabberVisible: true,
   headerBackVisible: false,
   headerRight: HeaderRightWithContext,

package/src/utils/index.ts

@@ -8,4 +8,3 @@ export * from './cache'
 export * from './native_adapters'
 export * from './pluralize'
 export * from './destructure_chat_group_graph_id'
-export * from './navigation_constants'

package/build/components/primitive/actions_form_sheet.d.ts

@@ -1,34 +0,0 @@
-import { NativeStackNavigationOptions } from '@react-navigation/native-stack';
-import React, { ReactNode } from 'react';
-import { AccessibilityRole } from 'react-native';
-import { IconString } from '../display';
-export declare const BaseActionsFormSheetOptions: NativeStackNavigationOptions;
-type ActionFormSheetComponents = {
-    Root: React.FC<ActionsFormSheetRootProps>;
-    Action: React.FC<ActionsFormSheetActionProps>;
-};
-declare const _default: ActionFormSheetComponents;
-export default _default;
-export type { ActionsFormSheetRootProps, ActionsFormSheetActionProps };
-interface ActionsFormSheetRootProps {
-    children: ReactNode;
-}
-export declare function ActionsFormSheetRoot({ children }: ActionsFormSheetRootProps): React.JSX.Element;
-export declare namespace ActionsFormSheetRoot {
-    var displayName: string;
-}
-declare const ACTION_FORM_SHEET_ACTION_APPEARANCES: {
-    readonly neutral: "neutral";
-    readonly danger: "danger";
-};
-type ActionsFormSheetActionAppearanceUnion = (typeof ACTION_FORM_SHEET_ACTION_APPEARANCES)[keyof typeof ACTION_FORM_SHEET_ACTION_APPEARANCES];
-interface ActionsFormSheetActionProps {
-    title: string;
-    iconName: IconString;
-    onPress: () => void;
-    accessibilityLabel?: string;
-    accessibilityHint?: string;
-    accessibilityRole?: AccessibilityRole;
-    appearance?: ActionsFormSheetActionAppearanceUnion;
-}
-//# sourceMappingURL=actions_form_sheet.d.ts.map

package/build/components/primitive/actions_form_sheet.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"actions_form_sheet.d.ts","sourceRoot":"","sources":["../../../src/components/primitive/actions_form_sheet.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAA;AAC7E,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,EAAE,iBAAiB,EAAoB,MAAM,cAAc,CAAA;AAKlE,OAAO,EAAQ,UAAU,EAAQ,MAAM,YAAY,CAAA;AAMnD,eAAO,MAAM,2BAA2B,EAAE,4BAKzC,CAAA;AAOD,KAAK,yBAAyB,GAAG;IAC/B,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAAC,CAAA;IACzC,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAAC,CAAA;CAC9C,CAAA;wBAEkC,yBAAyB;AAA5D,wBAA4D;AAC5D,YAAY,EAAE,yBAAyB,EAAE,2BAA2B,EAAE,CAAA;AAMtE,UAAU,yBAAyB;IACjC,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,wBAAgB,oBAAoB,CAAC,EAAE,QAAQ,EAAE,EAAE,yBAAyB,qBAS3E;yBATe,oBAAoB;;;AAiBpC,QAAA,MAAM,oCAAoC;;;CAGhC,CAAA;AAEV,KAAK,qCAAqC,GACxC,CAAC,OAAO,oCAAoC,CAAC,CAAC,MAAM,OAAO,oCAAoC,CAAC,CAAA;AAElG,UAAU,2BAA2B;IACnC,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,UAAU,CAAA;IACpB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,iBAAiB,CAAC,EAAE,iBAAiB,CAAA;IACrC,UAAU,CAAC,EAAE,qCAAqC,CAAA;CACnD"}

package/build/components/primitive/actions_form_sheet.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"actions_form_sheet.js","sourceRoot":"","sources":["../../../src/components/primitive/actions_form_sheet.tsx"],"names":[],"mappings":"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","sourcesContent":["import { NativeStackNavigationOptions } from '@react-navigation/native-stack'\nimport React, { ReactNode } from 'react'\nimport { AccessibilityRole, StyleSheet, View } from 'react-native'\nimport { useSafeAreaInsets } from 'react-native-safe-area-context'\nimport { useTheme } from '../../hooks'\nimport { PLATFORM_SHEET_ALLOWED_DETENTS_FIT_TO_CONTENTS } from '../../utils/navigation_constants'\nimport { PlatformPressable } from '@react-navigation/elements'\nimport { Icon, IconString, Text } from '../display'\n\n// =================================\n// ====== Exports ==================\n// =================================\n\nexport const BaseActionsFormSheetOptions: NativeStackNavigationOptions = {\n  presentation: 'formSheet',\n  headerShown: false,\n  sheetAllowedDetents: PLATFORM_SHEET_ALLOWED_DETENTS_FIT_TO_CONTENTS,\n  sheetCornerRadius: 16,\n}\n\nconst ActionsFormSheet = {\n  Root: ActionsFormSheetRoot,\n  Action: ActionsFormSheetAction,\n} as const\n\ntype ActionFormSheetComponents = {\n  Root: React.FC<ActionsFormSheetRootProps>\n  Action: React.FC<ActionsFormSheetActionProps>\n}\n\nexport default ActionsFormSheet as ActionFormSheetComponents\nexport type { ActionsFormSheetRootProps, ActionsFormSheetActionProps }\n\n// ====================================\n// ====== ActionsFormSheetRoot ========\n// ====================================\n\ninterface ActionsFormSheetRootProps {\n  children: ReactNode\n}\n\nexport function ActionsFormSheetRoot({ children }: ActionsFormSheetRootProps) {\n  const styles = useStyles()\n\n  return (\n    <View style={styles.container}>\n      <View style={styles.gestureBar} />\n      <View style={styles.actions}>{children}</View>\n    </View>\n  )\n}\n\nActionsFormSheetRoot.displayName = 'ActionsFormSheet.Root'\n\n// ====================================\n// ====== ActionsFormSheetAction ======\n// ====================================\n\nconst ACTION_FORM_SHEET_ACTION_APPEARANCES = {\n  neutral: 'neutral',\n  danger: 'danger',\n} as const\n\ntype ActionsFormSheetActionAppearanceUnion =\n  (typeof ACTION_FORM_SHEET_ACTION_APPEARANCES)[keyof typeof ACTION_FORM_SHEET_ACTION_APPEARANCES]\n\ninterface ActionsFormSheetActionProps {\n  title: string\n  iconName: IconString\n  onPress: () => void\n  accessibilityLabel?: string\n  accessibilityHint?: string\n  accessibilityRole?: AccessibilityRole\n  appearance?: ActionsFormSheetActionAppearanceUnion\n}\n\nfunction ActionsFormSheetAction({\n  title,\n  iconName,\n  onPress,\n  accessibilityLabel,\n  accessibilityHint,\n  accessibilityRole = 'button',\n  appearance = 'neutral',\n}: ActionsFormSheetActionProps) {\n  const styles = useStyles({ appearance })\n\n  return (\n    <PlatformPressable\n      onPress={onPress}\n      accessibilityLabel={accessibilityLabel}\n      accessibilityHint={accessibilityHint}\n      accessibilityRole={accessibilityRole}\n      style={styles.actionPressable}\n    >\n      <Icon name={iconName} size={16} accessibilityElementsHidden style={styles.actionIcon} />\n      <Text style={styles.actionTitle}>{title}</Text>\n    </PlatformPressable>\n  )\n}\n\nActionsFormSheetAction.displayName = 'ActionsFormSheet.Action'\n\n// ==================================\n// ====== Styles ====================\n// ==================================\n\ninterface Styles {\n  appearance?: ActionsFormSheetActionAppearanceUnion\n}\n\nconst useStyles = ({ appearance = 'neutral' }: Styles = {}) => {\n  const { colors } = useTheme()\n  const { bottom } = useSafeAreaInsets()\n\n  const appearanceColorsMap = {\n    neutral: {\n      iconColor: colors.iconColorDefaultPrimary,\n      textColor: colors.textColorDefaultPrimary,\n    },\n    danger: {\n      iconColor: colors.fillColorStatusErrorMedium,\n      textColor: colors.fillColorStatusErrorMedium,\n    },\n  }\n\n  return StyleSheet.create({\n    container: {\n      flex: 1,\n      justifyContent: 'flex-start',\n      paddingTop: 12,\n      paddingBottom: bottom,\n      width: '100%',\n      backgroundColor: colors.fillColorNeutral100Inverted,\n    },\n    gestureBar: {\n      width: 32,\n      height: 4,\n      backgroundColor: colors.fillColorNeutral050Base,\n      borderRadius: 100,\n      alignSelf: 'center',\n    },\n    actions: {\n      paddingTop: 20,\n    },\n    actionPressable: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      paddingVertical: 12,\n      paddingHorizontal: 16,\n      gap: 8,\n    },\n    actionIcon: {\n      color: appearanceColorsMap[appearance].iconColor,\n    },\n    actionTitle: {\n      color: appearanceColorsMap[appearance].textColor,\n    },\n  })\n}\n"]}

package/build/utils/navigation_constants.d.ts

@@ -1,2 +0,0 @@
-export declare const PLATFORM_SHEET_ALLOWED_DETENTS_FIT_TO_CONTENTS: "fitToContents";
-//# sourceMappingURL=navigation_constants.d.ts.map

package/build/utils/navigation_constants.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"navigation_constants.d.ts","sourceRoot":"","sources":["../../src/utils/navigation_constants.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,8CAA8C,iBAIhD,CAAA"}

package/build/utils/navigation_constants.js

@@ -1,11 +0,0 @@
-import { Platform } from 'react-native';
-/*
- * Android doesn't support "fitToContents" yet, so we need to manually set the detents.
- * This tries to mimic iOS by setting a small detent of 25%, but allowing the user to "grow" the sheet to a full screen detent of 100% as an escape hatch if there is a lot of content.
- */
-export const PLATFORM_SHEET_ALLOWED_DETENTS_FIT_TO_CONTENTS = Platform.select({
-    ios: 'fitToContents',
-    // @ts-expect-error TS was seeing this as "fitToContents", even though it is valid to pass number[] to NativeStackNavigationOptions['sheetAllowedDetents']
-    android: [0.25, 1],
-});
-//# sourceMappingURL=navigation_constants.js.map

package/build/utils/navigation_constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"navigation_constants.js","sourceRoot":"","sources":["../../src/utils/navigation_constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAEvC;;;GAGG;AAEH,MAAM,CAAC,MAAM,8CAA8C,GAAG,QAAQ,CAAC,MAAM,CAAC;IAC5E,GAAG,EAAE,eAAe;IACpB,0JAA0J;IAC1J,OAAO,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC;CACV,CAAC,CAAA","sourcesContent":["import { Platform } from 'react-native'\n\n/*\n * Android doesn't support \"fitToContents\" yet, so we need to manually set the detents.\n * This tries to mimic iOS by setting a small detent of 25%, but allowing the user to \"grow\" the sheet to a full screen detent of 100% as an escape hatch if there is a lot of content.\n */\n\nexport const PLATFORM_SHEET_ALLOWED_DETENTS_FIT_TO_CONTENTS = Platform.select({\n  ios: 'fitToContents',\n  // @ts-expect-error TS was seeing this as \"fitToContents\", even though it is valid to pass number[] to NativeStackNavigationOptions['sheetAllowedDetents']\n  android: [0.25, 1],\n} as const)\n"]}

package/src/utils/navigation_constants.ts

@@ -1,12 +0,0 @@
-import { Platform } from 'react-native'
-
-/*
- * Android doesn't support "fitToContents" yet, so we need to manually set the detents.
- * This tries to mimic iOS by setting a small detent of 25%, but allowing the user to "grow" the sheet to a full screen detent of 100% as an escape hatch if there is a lot of content.
- */
-
-export const PLATFORM_SHEET_ALLOWED_DETENTS_FIT_TO_CONTENTS = Platform.select({
-  ios: 'fitToContents',
-  // @ts-expect-error TS was seeing this as "fitToContents", even though it is valid to pass number[] to NativeStackNavigationOptions['sheetAllowedDetents']
-  android: [0.25, 1],
-} as const)