@planningcenter/chat-react-native 4.4.0-rc.6 → 4.4.0

package/src/__tests__/screens/conversation_filters_screen.test.tsx

@@ -0,0 +1,76 @@
+import { DefaultTheme, ThemeProvider } from '@react-navigation/native'
+import { fireEvent, render, screen, waitFor } from '@testing-library/react-native'
+import React from 'react'
+import { Platform } from 'react-native'
+import { SafeAreaProvider } from 'react-native-safe-area-context'
+import { FilterContext } from '../../screens/conversation_filters/context/conversation_filter_context'
+import { ConversationFiltersHeader } from '../../screens/conversation_filters_screen'
+
+const mockGoBack = jest.fn()
+
+jest.mock('@react-navigation/elements', () => ({
+  ...jest.requireActual('@react-navigation/elements'),
+  useHeaderHeight: () => 0,
+}))
+jest.mock('@react-navigation/native', () => ({
+  ...jest.requireActual('@react-navigation/native'),
+  useNavigation: () => ({ goBack: mockGoBack }),
+  useRoute: () => ({ params: {} }),
+}))
+jest.mock('../../hooks/use_filter_dropdown_enabled', () => ({
+  useFilterDropdownEnabled: () => true,
+}))
+
+const safeAreaMetrics = {
+  frame: { x: 0, y: 0, width: 390, height: 844 },
+  insets: { top: 0, right: 0, bottom: 0, left: 0 },
+}
+
+const renderHeader = () =>
+  render(
+    <SafeAreaProvider initialMetrics={safeAreaMetrics}>
+      <ThemeProvider value={DefaultTheme}>
+        <FilterContext.Provider
+          value={{
+            params: {},
+            scrollOffset: 0,
+            setScrollOffset: jest.fn(),
+            setFormSheetHeaderHeight: jest.fn(),
+            resetFilter: jest.fn(),
+            setGroupFilter: jest.fn(),
+            setAppFilter: jest.fn(),
+            applyFilters: jest.fn(),
+            platformListPaddingBottom: 0,
+          }}
+        >
+          <ConversationFiltersHeader />
+        </FilterContext.Provider>
+      </ThemeProvider>
+    </SafeAreaProvider>
+  )
+
+describe('ConversationFiltersHeader', () => {
+  afterEach(() => {
+    jest.restoreAllMocks()
+    mockGoBack.mockClear()
+  })
+
+  it('shows a back button that dismisses the sheet on Android', async () => {
+    jest.replaceProperty(Platform, 'OS', 'android')
+
+    renderHeader()
+
+    fireEvent.press(screen.getByLabelText('Back'))
+
+    await waitFor(() => expect(mockGoBack).toHaveBeenCalledTimes(1))
+  })
+
+  it('does not show a back button on iOS', () => {
+    jest.replaceProperty(Platform, 'OS', 'ios')
+
+    renderHeader()
+
+    expect(screen.getByText('More filters')).toBeTruthy()
+    expect(screen.queryByLabelText('Back')).toBeNull()
+  })
+})

package/src/__tests__/screens/conversation_new/components/services_form.test.tsx

@@ -9,6 +9,7 @@ import { ServicesForm } from '../../../../screens/conversation_new/components/se
 jest.mock('react-native-reanimated', () => ({
   ...jest.requireActual('react-native-reanimated/mock'),
   LayoutAnimationConfig: ({ children }: { children: React.ReactNode }) => children,
+  useReducedMotion: () => false,
 }))
 jest.mock('@react-navigation/native', () => ({
   ...jest.requireActual('@react-navigation/native'),

package/src/__tests__/screens/message_actions_screen.test.tsx

@@ -9,7 +9,7 @@ import {
   MessageActionsScreen,
   MessageActionsScreenProps,
 } from '../../screens/message_actions_screen'
-import { MessageResource } from '../../types'
+import { ConversationResource, MessageResource } from '../../types'
 import {
   AudioAdapter,
   ChatAdapters,
@@ -36,7 +36,15 @@ const mockMessage: MessageResource = {
   messageType: 'user',
 }
 
+const myMessageWithLinkPreview = {
+  ...mockMessage,
+  mine: true,
+  attachments: [{ type: 'ExpandedLink', id: '9' }],
+} as MessageResource
+
 let mockCurrentMessage = mockMessage
+let mockConversation = { id: 1, disabled: false } as ConversationResource
+let mockEnabledFeatures: string[] = []
 
 const mockGoBack = jest.fn()
 jest.mock('@react-navigation/native', () => ({
@@ -44,9 +52,15 @@ jest.mock('@react-navigation/native', () => ({
   useNavigation: () => ({ navigate: jest.fn(), dispatch: jest.fn(), goBack: mockGoBack }),
 }))
 jest.mock('../../hooks/use_api_client', () => ({ useApiClient: () => ({}) }))
+jest.mock('../../hooks/use_conversation', () => ({
+  useConversation: () => ({ data: mockConversation }),
+}))
 jest.mock('../../hooks/use_features', () => ({
   ...jest.requireActual('../../hooks/use_features'),
-  useFeatures: () => ({ features: [], featureEnabled: () => false }),
+  useFeatures: () => ({
+    features: [],
+    featureEnabled: (name: string) => mockEnabledFeatures.includes(name),
+  }),
 }))
 jest.mock('../../hooks/use_message_reaction_toggle', () => ({
   useMessageReactionToggle: () => ({ handleReactionToggle: jest.fn(), isPending: false }),
@@ -108,6 +122,55 @@ describe('MessageActionsScreen', () => {
   beforeEach(() => {
     jest.clearAllMocks()
     mockCurrentMessage = mockMessage
+    mockConversation = { id: 1, disabled: false } as ConversationResource
+    mockEnabledFeatures = []
+  })
+
+  it('offers Delete on my own message', () => {
+    mockCurrentMessage = { ...mockMessage, mine: true }
+    const { getByText } = renderScreen()
+
+    expect(getByText('Delete message')).toBeTruthy()
+  })
+
+  it('hides Delete when the conversation is disabled', () => {
+    mockCurrentMessage = { ...mockMessage, mine: true }
+    mockConversation = { id: 1, disabled: true, disabledReason: 'locked' } as ConversationResource
+    const { queryByText, getByText } = renderScreen()
+
+    expect(queryByText('Delete message')).toBeNull()
+    expect(getByText('Copy text')).toBeTruthy()
+  })
+
+  it('offers reactions, reply, edit, and link preview removal on my message', () => {
+    mockCurrentMessage = myMessageWithLinkPreview
+    const { getByText } = renderScreen()
+
+    expect(getByText('👍')).toBeTruthy()
+    expect(getByText('Reply to message')).toBeTruthy()
+    expect(getByText('Edit message')).toBeTruthy()
+    expect(getByText('Remove link preview')).toBeTruthy()
+  })
+
+  it('hides reactions, reply, edit, and link preview removal when the conversation is disabled', () => {
+    mockCurrentMessage = myMessageWithLinkPreview
+    mockConversation = { id: 1, disabled: true, disabledReason: 'archived' } as ConversationResource
+    const { getByText, queryByText } = renderScreen()
+
+    expect(queryByText('👍')).toBeNull()
+    expect(queryByText('Reply to message')).toBeNull()
+    expect(queryByText('Edit message')).toBeNull()
+    expect(queryByText('Remove link preview')).toBeNull()
+    expect(getByText('Copy text')).toBeTruthy()
+    expect(getByText('View read receipts')).toBeTruthy()
+  })
+
+  it('keeps Report when the conversation is disabled', () => {
+    mockEnabledFeatures = ['ROLLOUT_MOBILE_message_reporting']
+    mockConversation = { id: 1, disabled: true, disabledReason: 'archived' } as ConversationResource
+    const { getByText } = renderScreen()
+
+    expect(getByText('Report message')).toBeTruthy()
   })
 
   it('copies the message text and gives success haptic feedback before closing', async () => {

package/src/__tests__/screens/send_giphy_screen.test.tsx

@@ -0,0 +1,102 @@
+import { HeaderHeightContext } from '@react-navigation/elements'
+import { DefaultTheme, ThemeProvider } from '@react-navigation/native'
+import { QueryClientProvider, notifyManager } from '@tanstack/react-query'
+import { act, fireEvent, render, screen } from '@testing-library/react-native'
+import React from 'react'
+import { SafeAreaProvider } from 'react-native-safe-area-context'
+import { chatQueryClient } from '../../contexts/api_provider'
+import { SendGiphyScreen, SendGiphyScreenProps } from '../../screens/send_giphy_screen'
+
+jest.mock('../../contexts/api_provider', () => {
+  const { buildTestQueryClient } = require('../../__utils__/query_client')
+  return { chatQueryClient: buildTestQueryClient() }
+})
+
+const mockPost = jest.fn()
+jest.mock('../../hooks/use_api_client', () => ({
+  useApiClient: () => ({ chat: { post: mockPost, patch: jest.fn() } }),
+}))
+
+jest.mock('../../hooks/use_current_person', () => ({
+  useCurrentPerson: () => ({ type: 'Person', id: 1, name: 'Me', avatar: null }),
+}))
+
+jest.mock('../../hooks/use_giphy', () => ({
+  useGiphy: () => ({
+    isSearching: false,
+    result: { type: 'giphy', title: 'cat', giphy: { fixed_width: { url: 'https://gif' } } },
+    nextResult: jest.fn(),
+    prevResult: jest.fn(),
+  }),
+}))
+
+const mockDispatch = jest.fn()
+jest.mock('@react-navigation/native', () => ({
+  ...jest.requireActual('@react-navigation/native'),
+  useNavigation: () => ({
+    dispatch: mockDispatch,
+    goBack: jest.fn(),
+    getState: () => ({
+      routes: [
+        { name: 'Conversation', params: { conversation_id: 7 } },
+        { name: 'ConversationReply', params: { conversation_id: 7, reply_root_id: '42' } },
+        { name: 'SendGiphy' },
+      ],
+    }),
+  }),
+}))
+
+notifyManager.setNotifyFunction(fn => act(fn))
+
+const safeAreaMetrics = {
+  frame: { x: 0, y: 0, width: 390, height: 844 },
+  insets: { top: 0, right: 0, bottom: 0, left: 0 },
+}
+
+describe('SendGiphyScreen', () => {
+  let finishSend: (value: unknown) => void
+
+  beforeEach(() => {
+    chatQueryClient.clear()
+    mockDispatch.mockReset()
+    mockPost.mockReset().mockReturnValue(new Promise(resolve => (finishSend = resolve)))
+  })
+
+  afterEach(async () => {
+    await act(async () => finishSend({ data: { type: 'Message', id: 'sent', mine: true } }))
+  })
+
+  it('sends from a reply thread as a reply and returns to the thread', async () => {
+    const route = {
+      params: { conversation_id: 7, reply_root_id: '42', search_term: 'cat' },
+    } as unknown as SendGiphyScreenProps['route']
+
+    render(
+      <QueryClientProvider client={chatQueryClient}>
+        <SafeAreaProvider initialMetrics={safeAreaMetrics}>
+          <ThemeProvider value={DefaultTheme}>
+            <HeaderHeightContext.Provider value={0}>
+              <SendGiphyScreen route={route} />
+            </HeaderHeightContext.Provider>
+          </ThemeProvider>
+        </SafeAreaProvider>
+      </QueryClientProvider>
+    )
+
+    await act(async () => {
+      fireEvent.press(screen.getByLabelText('Send Giphy'))
+    })
+
+    const [{ data }] = mockPost.mock.calls[0]
+    expect(data.data.attributes.reply_root).toEqual({ id: '42' })
+    expect(mockDispatch).toHaveBeenCalledWith(
+      expect.objectContaining({
+        type: 'POP_TO',
+        payload: expect.objectContaining({
+          name: 'ConversationReply',
+          params: expect.objectContaining({ reply_root_id: '42', clear_input: true }),
+        }),
+      })
+    )
+  })
+})

package/src/__tests__/utils/system_messages.ts

@@ -18,62 +18,49 @@ const makeMessage = (overrides: Partial<MessageResource> = {}): MessageResource
   messageType: 'user',
   personIdsForSystemEvent: null,
   systemTextParts: null,
+  systemTextFormat: null,
   ...overrides,
 })
 
+const joinedParts = { names: ['Alice'], overflowCount: 0, action: 'joined the conversation' }
+
 describe('isSystemMessage', () => {
-  it('returns true for user_joined messages', () => {
+  it('returns true for people messages with names and person ids', () => {
     const message = makeMessage({
       messageType: 'user_joined',
+      systemTextFormat: 'people',
       personIdsForSystemEvent: [1],
-      systemTextParts: { names: ['Alice'], overflowCount: 0, action: 'joined the conversation' },
+      systemTextParts: joinedParts,
     })
     expect(isSystemMessage(message)).toBe(true)
   })
 
-  it('narrows the type so systemTextParts and personIdsForSystemEvent are non-null', () => {
+  it('returns true for actor messages of a type the client does not know', () => {
     const message = makeMessage({
-      messageType: 'user_joined',
-      personIdsForSystemEvent: [1, 2],
-      systemTextParts: {
-        names: ['Alice', 'Bob'],
-        overflowCount: 0,
-        action: 'joined the conversation',
-      },
+      messageType: 'some_future_type',
+      systemTextFormat: 'actor',
+      text: 'This conversation was archived by Alice',
     })
-    if (isSystemMessage(message)) {
-      expect(message.systemTextParts.names).toEqual(['Alice', 'Bob'])
-      expect(message.personIdsForSystemEvent).toEqual([1, 2])
-    } else {
-      throw new Error('Expected isSystemMessage to return true')
-    }
+    expect(isSystemMessage(message)).toBe(true)
   })
 
-  it('returns false for regular user messages', () => {
-    const message = makeMessage({ messageType: 'user' })
+  it('returns false for messages without a system text format', () => {
+    const message = makeMessage({ messageType: 'user_joined', systemTextParts: joinedParts })
     expect(isSystemMessage(message)).toBe(false)
   })
 
-  it('returns false for unknown message types', () => {
-    const message = makeMessage({ messageType: 'some_future_type' })
+  it('returns false for people messages without systemTextParts', () => {
+    const message = makeMessage({ systemTextFormat: 'people', personIdsForSystemEvent: [1] })
     expect(isSystemMessage(message)).toBe(false)
   })
 
-  it('returns false when systemTextParts is null', () => {
-    const message = makeMessage({
-      messageType: 'user_joined',
-      personIdsForSystemEvent: [1],
-      systemTextParts: null,
-    })
+  it('returns false for people messages without personIdsForSystemEvent', () => {
+    const message = makeMessage({ systemTextFormat: 'people', systemTextParts: joinedParts })
     expect(isSystemMessage(message)).toBe(false)
   })
 
-  it('returns false when personIdsForSystemEvent is null', () => {
-    const message = makeMessage({
-      messageType: 'user_joined',
-      personIdsForSystemEvent: null,
-      systemTextParts: { names: ['Alice'], overflowCount: 0, action: 'joined the conversation' },
-    })
+  it.each([null, ''])('returns false for actor messages with text %p', text => {
+    const message = makeMessage({ systemTextFormat: 'actor', text })
     expect(isSystemMessage(message)).toBe(false)
   })
 })

package/src/components/conversation/__tests__/message_list.test.tsx

@@ -5,7 +5,7 @@ import {
   QueryClient,
   QueryClientProvider,
 } from '@tanstack/react-query'
-import { act, render, screen } from '@testing-library/react-native'
+import { act, fireEvent, render, screen } from '@testing-library/react-native'
 import React from 'react'
 import { FlatList } from 'react-native'
 import { buildTestQueryClient } from '../../../__utils__/query_client'
@@ -37,9 +37,18 @@ jest.mock('../../../hooks/use_animated_message_background_color', () => ({
     handleMessagePressOut: jest.fn(),
   }),
 }))
+const mockNavigate = jest.fn()
 jest.mock('@react-navigation/native', () => ({
   ...jest.requireActual('@react-navigation/native'),
-  useNavigation: () => ({ navigate: jest.fn() }),
+  useNavigation: () => ({ navigate: mockNavigate }),
+}))
+const mockToggleReaction = jest.fn()
+jest.mock('../../../hooks/use_message_reaction_toggle', () => ({
+  useMessageReactionToggle: () => ({ handleReactionToggle: mockToggleReaction, isPending: false }),
+}))
+jest.mock('../../../utils/native_adapters', () => ({
+  ...jest.requireActual('../../../utils/native_adapters'),
+  Haptic: { impactLight: jest.fn() },
 }))
 // Every row calls this hook on each render, so its calls count row renders.
 jest.mock('../../../hooks/use_live_relative_time', () => {
@@ -293,6 +302,63 @@ describe('MessageList', () => {
     expect(renderedRowIds()).toEqual([])
   })
 
+  describe('in a disabled conversation', () => {
+    const reacted = buildMessage(1, {
+      reactionCounts: [
+        {
+          type: 'ReactionCount',
+          id: 'heart',
+          messageId: messageId(1),
+          value: 'heart',
+          count: 1,
+          mine: 0,
+          authorIds: [OTHER],
+        },
+      ],
+    })
+    const archived = buildMessage(2, {
+      text: 'This conversation was archived by Ann',
+      systemTextFormat: 'actor',
+    })
+    const disable = () => act(() => setHarnessConversation({ ...conversation, disabled: true }))
+
+    it('toggles a reaction pill while the conversation is active', () => {
+      renderList([reacted])
+
+      fireEvent.press(screen.getByTestId(`reaction-${reacted.id}-heart`))
+
+      expect(mockToggleReaction).toHaveBeenCalledWith({ value: 'heart', mine: false })
+    })
+
+    it('keeps reaction pills read-only but still shows who reacted', () => {
+      renderList([reacted])
+      disable()
+      const pill = screen.getByTestId(`reaction-${reacted.id}-heart`)
+
+      fireEvent.press(pill)
+      fireEvent(pill, 'longPress')
+
+      expect(mockToggleReaction).not.toHaveBeenCalled()
+      expect(mockNavigate).toHaveBeenCalledWith('Reactions', expect.anything())
+    })
+
+    it('opens message actions on a system message only while the conversation is active', () => {
+      queryClient.setQueryData<MessagesQueryData>(messagesQueryKey, {
+        pages: [{ data: [archived], links: {}, meta: { count: 1, totalCount: 1 } }],
+        pageParams: [{}],
+      })
+      render(<Harness />, { wrapper: Wrapper })
+      fireEvent(screen.getByText(/archived by Ann/), 'longPress')
+      expect(mockNavigate).toHaveBeenCalledWith('MessageActions', expect.anything())
+
+      mockNavigate.mockClear()
+      disable()
+      fireEvent(screen.getByText(/archived by Ann/), 'longPress')
+
+      expect(mockNavigate).not.toHaveBeenCalled()
+    })
+  })
+
   describe('opened at an anchor message', () => {
     const anchor = messages[4]
 

package/src/components/conversation/__tests__/system_message.test.tsx

@@ -0,0 +1,106 @@
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
+import { render } from '@testing-library/react-native'
+import React from 'react'
+import { buildTestQueryClient } from '../../../__utils__/query_client'
+import { ChatProvider } from '../../../contexts/chat_context'
+import type { PersonResource } from '../../../types/resources/person'
+import type { SystemMessageResource } from '../../../utils/system_messages'
+import { SystemMessage } from '../system_message'
+
+jest.mock('@react-navigation/native', () => ({
+  useNavigation: () => ({ navigate: jest.fn() }),
+}))
+jest.mock('../../../hooks/use_animated_message_background_color', () => ({
+  useAnimatedMessageBackgroundColor: () => ({
+    animatedBackgroundColor: {},
+    handleMessagePressIn: jest.fn(),
+    handleMessagePressOut: jest.fn(),
+  }),
+}))
+
+const author = { id: 1, type: 'Person', name: 'Wes', avatar: null } as unknown as PersonResource
+
+const systemMessage = (overrides: Partial<SystemMessageResource>): SystemMessageResource =>
+  ({
+    type: 'Message',
+    id: '01',
+    text: null,
+    html: '',
+    createdAt: '2026-02-03T14:18:00',
+    deletedAt: null,
+    textEditedAt: null,
+    mine: false,
+    attachments: [],
+    author,
+    reactionCounts: [],
+    replyCount: 0,
+    replyRootId: null,
+    messageType: 'user_joined',
+    personIdsForSystemEvent: null,
+    systemTextParts: null,
+    ...overrides,
+  }) as SystemMessageResource
+
+let queryClient: QueryClient
+
+const Wrapper = ({ children }: { children: React.ReactNode }) => (
+  <QueryClientProvider client={queryClient}>
+    <ChatProvider
+      value={{
+        token: {
+          access_token: '',
+          created_at: 0,
+          expires_in: 0,
+          scope: '',
+          refresh_token: '',
+          token_type: '',
+        },
+        onUnauthorizedResponse: () => {},
+        theme: { theme: { colors: { interaction: 'rgb(0, 0, 255)' } } },
+      }}
+    >
+      {children}
+    </ChatProvider>
+  </QueryClientProvider>
+)
+
+const renderSystemMessage = (message: SystemMessageResource) =>
+  render(<SystemMessage message={message} conversationId={1} conversationDisabled={false} />, {
+    wrapper: Wrapper,
+  })
+
+beforeEach(() => {
+  jest.useFakeTimers({ now: new Date(2026, 5, 15, 12, 0) })
+  queryClient = buildTestQueryClient()
+})
+
+afterEach(() => {
+  queryClient.clear()
+  jest.useRealTimers()
+})
+
+describe('SystemMessage', () => {
+  it('renders actor messages as their text followed by the local date and time', () => {
+    const view = renderSystemMessage(
+      systemMessage({
+        messageType: 'conversation_archived',
+        systemTextFormat: 'actor',
+        text: 'This conversation was archived by Wes',
+      })
+    )
+
+    expect(view.getByText('This conversation was archived by Wes on Feb 3 at 2:18pm')).toBeTruthy()
+  })
+
+  it('builds people messages from their names', () => {
+    const view = renderSystemMessage(
+      systemMessage({
+        systemTextFormat: 'people',
+        systemTextParts: { names: ['Ann', 'Bo'], overflowCount: 0, action: 'joined' },
+        personIdsForSystemEvent: [1, 2],
+      })
+    )
+
+    expect(view.getByText('Ann and Bo joined')).toBeTruthy()
+  })
+})

package/src/components/conversation/jump_to_bottom_button.tsx

@@ -8,7 +8,7 @@ import Animated, {
   ReduceMotion,
   withSpring,
 } from 'react-native-reanimated'
-import { useTheme } from '../../hooks'
+import { useReduceMotion, useTheme } from '../../hooks'
 import { platformFontWeightMedium } from '../../utils'
 import { Icon, Text } from '../display'
 
@@ -20,6 +20,7 @@ interface JumpToBottomButtonProps {
 export const JumpToBottomButton = ({ onPress, visible }: JumpToBottomButtonProps) => {
   const styles = useStyles()
   const progress = useSharedValue(0)
+  const reduceMotion = useReduceMotion()
 
   useEffect(() => {
     progress.value = withSpring(visible ? 1 : 0, {
@@ -27,9 +28,9 @@ export const JumpToBottomButton = ({ onPress, visible }: JumpToBottomButtonProps
       damping: 16,
       stiffness: 170,
       overshootClamping: false,
-      reduceMotion: ReduceMotion.System,
+      reduceMotion: reduceMotion ? ReduceMotion.Always : ReduceMotion.Never,
     })
-  }, [visible, progress])
+  }, [visible, progress, reduceMotion])
 
   const animatedStyle = useAnimatedStyle(() => {
     return {

package/src/components/conversation/message.tsx

@@ -43,6 +43,7 @@ import { TheirReplyConnector, MyReplyConnector, AVATAR_CONNECTOR_SPACING } from
  */
 interface MessageProps extends MessageResource {
   canDeleteNonAuthoredMessages: boolean
+  conversationDisabled: boolean
   conversation_id: number
   readByOthers?: boolean
   inReplyScreen?: boolean
@@ -52,6 +53,7 @@ interface MessageProps extends MessageResource {
 
 export const Message = memo(function MessageRow({
   canDeleteNonAuthoredMessages,
+  conversationDisabled,
   conversation_id,
   readByOthers,
   inReplyScreen,
@@ -296,6 +298,7 @@ export const Message = memo(function MessageRow({
                   onLongPress={handleReactionLongPress}
                   message={message}
                   conversationId={conversation_id}
+                  disabled={conversationDisabled}
                 />
               ))}
             </View>

package/src/components/conversation/message_form.tsx

@@ -214,18 +214,20 @@ function MessageFormRoot({
     if (!Keyboard.isVisible() || Platform.OS === 'ios') {
       navigation.navigate('SendGiphy', {
         conversation_id: conversation.id,
+        reply_root_id: replyRootId,
         search_term: text,
       })
     } else {
       const keyboardListener = Keyboard.addListener('keyboardDidHide', () => {
         navigation.navigate('SendGiphy', {
           conversation_id: conversation.id,
+          reply_root_id: replyRootId,
           search_term: text,
         })
         keyboardListener?.remove()
       })
     }
-  }, [conversation.id, navigation, text])
+  }, [conversation.id, navigation, replyRootId, text])
 
   const catchingUp = useRef(false)
 

package/src/components/conversation/message_list.tsx

@@ -72,6 +72,7 @@ export function MessageList({
   const inReplyScreen = !!replyRootId
   const canDeleteNonAuthoredMessages =
     conversation.memberAbility?.canDeleteNonAuthoredMessages ?? false
+  const conversationDisabled = conversation.disabled ?? false
   const latestRead = conversation.latestReadMessageSortKey
   const messagesWithSeparators = groupMessages({ ms: messages, inReplyScreen })
   const anchorIndex = anchorMessageId
@@ -193,7 +194,13 @@ export function MessageList({
         }
 
         if (isSystemMessage(item)) {
-          return <SystemMessage message={item} conversationId={conversationId} />
+          return (
+            <SystemMessage
+              message={item}
+              conversationId={conversationId}
+              conversationDisabled={conversationDisabled}
+            />
+          )
         }
 
         const readByOthers = item.mine && !!latestRead && item.id <= latestRead
@@ -201,6 +208,7 @@ export function MessageList({
           <Message
             {...item}
             canDeleteNonAuthoredMessages={canDeleteNonAuthoredMessages}
+            conversationDisabled={conversationDisabled}
             conversation_id={conversationId}
             readByOthers={readByOthers}
             inReplyScreen={inReplyScreen}