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

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/screens/conversation_screen.tsx

@@ -18,6 +18,7 @@ import {
   MemberDisabledRepliesBanner,
 } from '../components/conversation/disabled_replies_banners'
 import { EmptyConversationBlankState } from '../components/conversation/empty_conversation_blank_state'
+import { BlankState } from '../components/display/blank_state'
 import { Message } from '../components/conversation/message'
 import { MessageForm } from '../components/conversation/message_form'
 import { TypingIndicator } from '../components/conversation/typing_indicator'
@@ -93,9 +94,16 @@ export function ConversationScreen({ route }: ConversationScreenProps) {
   if (!conversation || conversation.deleted) {
     return (
       <View style={styles.container}>
-        <Text variant="plain" style={styles.deletedAlert}>
-          This conversation has been deleted.
-        </Text>
+        <BlankState
+          iconName="general.outlinedTextMessage"
+          title="This conversation has been deleted"
+          buttonProps={{
+            onPress: navigation.goBack,
+            title: 'Back to conversations',
+            accessibilityHint: 'Navigates back to the conversations list',
+            accessibilityRole: 'link',
+          }}
+        />
       </View>
     )
   }
@@ -310,10 +318,6 @@ const useStyles = () => {
       // Just whitespace to provide space where the typing indicator can be
       height: 16,
     },
-    deletedAlert: {
-      textAlign: 'center',
-      padding: 16,
-    },
   })
 }
 

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)