@planningcenter/chat-react-native 3.42.3-qa-staging.7 → 3.42.3-qa-858.0

package/src/screens/message_report_screen.tsx

@@ -8,8 +8,9 @@ import { View, StyleSheet, TextInput, ScrollView } from 'react-native'
 import { useSafeAreaInsets } from 'react-native-safe-area-context'
 import { Spinner, Text, KeyboardView } from '../components'
 import {
-  HeaderDismissButton,
-  HeaderTextButton,
+  composeOptions,
+  useHeaderRight,
+  withLeftClose,
 } from '../components/display/platform_modal_header_buttons'
 import BlankState from '../components/primitive/blank_state_primitive'
 import { useTheme } from '../hooks'
@@ -34,11 +35,10 @@ export const MessageReportScreenOptions = ({
       })
     )
 
-  return {
-    presentation: 'modal',
-    title: 'Report message',
-    headerLeft: () => <HeaderDismissButton title="Cancel" onPress={handleClose} />,
-  }
+  return composeOptions(
+    { presentation: 'modal', title: 'Report message' },
+    withLeftClose({ onPress: handleClose })
+  )
 }
 
 export type MessageReportScreenProps = StaticScreenProps<{
@@ -103,23 +103,22 @@ function MessageReportScreenContent({
     navigation.dispatch(StackActions.popTo('Conversation', { conversation_id }))
   }, [navigation, conversation_id])
 
-  const HeaderRight = useCallback(
-    () => <HeaderTextButton title="Submit" onPress={handleSubmit} disabled={!isFormValid} />,
-    [handleSubmit, isFormValid]
-  )
+  const formVisible = status !== 'pending' && status !== 'success'
+
+  useHeaderRight({
+    icon: 'general.upArrow',
+    accessibilityLabel: 'Submit',
+    prominent: true,
+    onPress: handleSubmit,
+    disabled: !isFormValid,
+    enabled: formVisible,
+  })
 
   useLayoutEffect(() => {
-    if (status === 'pending' || status === 'success') {
-      navigation.setOptions({
-        headerRight: () => null,
-      })
-    } else {
-      navigation.setOptions({
-        headerTitle: 'Report message',
-        headerRight: HeaderRight,
-      })
+    if (formVisible) {
+      navigation.setOptions({ headerTitle: 'Report message' })
     }
-  }, [HeaderRight, navigation, status])
+  }, [formVisible, navigation])
 
   if (status === 'pending') {
     return (

package/src/screens/notification_settings_screen.tsx

@@ -1,10 +1,9 @@
 import { PlatformPressable } from '@react-navigation/elements'
 import { StaticScreenProps, useNavigation } from '@react-navigation/native'
-import React, { useCallback, useEffect, type ReactNode } from 'react'
+import { type ReactNode } from 'react'
 import { FlatList, Platform, StyleSheet, View, type ViewProps, type ViewStyle } from 'react-native'
 import { useSafeAreaInsets } from 'react-native-safe-area-context'
 import { Badge, Heading, Icon, Text } from '../components'
-import { HeaderTextButton } from '../components/display/platform_modal_header_buttons'
 import { useTheme } from '../hooks'
 import { isDefined } from '../types'
 import { chatTypeLabel } from '../utils'
@@ -51,25 +50,6 @@ export function NotificationSettingsScreen({}: NotificationSettingsScreenProps)
   const { data: chatTypes } = useChatTypes()
   const { data: groups } = useGroups()
 
-  // Header configuration
-  const HeaderRight = useCallback(() => {
-    return (
-      <HeaderTextButton
-        onPress={() => {
-          // Save settings logic would go here
-          navigation.goBack()
-        }}
-        title="Done"
-      />
-    )
-  }, [navigation])
-
-  useEffect(() => {
-    navigation.setOptions({
-      headerRight: HeaderRight,
-    })
-  }, [HeaderRight, navigation])
-
   // Build section data
   const listData = [
     {

package/src/types/jolt_events/conversation_events.ts

@@ -1,4 +1,5 @@
 import type { CustomMessage } from '@planningcenter/jolt-client/dist/types/JoltConnection'
+import type { ConversationDisabledReason } from '../resources/conversation'
 
 type DateString = string
 interface BaseConversationEventData extends Record<string, unknown> {
@@ -15,8 +16,7 @@ interface BaseConversationEventData extends Record<string, unknown> {
     latest_read_message_sort_key?: string
     organization_id: number
     disabled: boolean
-    disabled_reason: string | null
-    disabled_message: string | null
+    disabled_reason?: ConversationDisabledReason
     replies_disabled: boolean
     subtitle?: string
     title: string

package/src/types/resources/conversation.ts

@@ -5,6 +5,8 @@ import { GroupResource } from './group_resource'
 import { MemberAbilityResource } from './member_ability'
 import { ReactionCountResource } from './reaction'
 
+export type ConversationDisabledReason = 'safety_check' | 'direct_messages_disabled'
+
 export interface ConversationPreviewData {
   kind: 'reaction' | 'message'
   authorName: string
@@ -24,8 +26,7 @@ export interface ConversationResource {
   deleted?: boolean
   directMessage?: boolean
   disabled?: boolean
-  disabledReason?: string | null
-  disabledMessage?: string | null
+  disabledReason?: ConversationDisabledReason
   genderOption?: string | null
   groups?: GroupResource[]
   previewAvatarUrls?: string[]

package/src/utils/conversation_safety_constants.ts

@@ -1,2 +1,2 @@
 export const ADULT_REQUIREMENT_BODY =
-  'Conversations with minors require at least two adults. This chat is paused until more adults are added.'
+  'Conversations with teens require at least 2 adults. This chat is paused until another adult is added.'

package/src/utils/request/conversation.ts

@@ -41,7 +41,6 @@ export const getConversationsRequestArgs = ({
           'conversation_preview',
           'disabled',
           'disabled_reason',
-          'disabled_message',
           'groups',
           'last_message_author_id',
           'last_message_author_name',