@planningcenter/chat-react-native 4.3.0 → 4.3.1-qa-989.0

package/build/utils/response_error.js.map

@@ -1 +1 @@
-{"version":3,"file":"response_error.js","names":["ResponseError","Error","constructor","response","status","statusText","name","errors","isResponseLike","value","candidate","ok","url","headers","clone","json","text","arrayBuffer","throwResponseError","error","Promise","reject"],"sources":["../../src/utils/response_error.ts"],"sourcesContent":["import { FailedResponse } from '../types/api_primitives'\n\nexport class ResponseError extends Error {\n  status: number\n  statusText: string\n  errors: FailedResponse['errors']\n  response: FailedResponse\n\n  constructor(response: FailedResponse) {\n    super(`ResponseError: ${response?.status} ${response?.statusText}`)\n    this.name = 'ResponseError'\n    this.status = response?.status\n    this.statusText = response?.statusText\n    this.errors = response?.errors || []\n    this.response = response\n  }\n}\n\n// Detect a fetch Response by shape, not `instanceof`: Expo's winter runtime\n// swaps in a `fetch` whose `FetchResponse` isn't an instance of the global\n// `Response`, so `instanceof` silently misses it under Expo. We avoid checking\n// `redirected` because React Native's whatwg-fetch polyfill never assigns it,\n// which would reject every real response under RN's fetch.\nexport const isResponseLike = (value: unknown): value is Response => {\n  if (typeof value !== 'object' || value === null) return false\n\n  const candidate = value as Record<string, unknown>\n  return (\n    typeof candidate.status === 'number' &&\n    typeof candidate.statusText === 'string' &&\n    typeof candidate.ok === 'boolean' &&\n    typeof candidate.url === 'string' &&\n    typeof candidate.headers === 'object' &&\n    candidate.headers !== null &&\n    typeof candidate.clone === 'function' &&\n    typeof candidate.json === 'function' &&\n    typeof candidate.text === 'function' &&\n    typeof candidate.arrayBuffer === 'function'\n  )\n}\n\nexport const throwResponseError = (error: unknown) => {\n  if (isResponseLike(error)) {\n    throw new ResponseError(error as FailedResponse)\n  }\n\n  return Promise.reject(error)\n}\n"],"mappings":"AAEA,OAAO,MAAMA,aAAa,SAASC,KAAK,CAAC;EAMvCC,WAAWA,CAACC,QAAwB,EAAE;IACpC,KAAK,CAAC,kBAAkBA,QAAQ,EAAEC,MAAM,IAAID,QAAQ,EAAEE,UAAU,EAAE,CAAC;IACnE,IAAI,CAACC,IAAI,GAAG,eAAe;IAC3B,IAAI,CAACF,MAAM,GAAGD,QAAQ,EAAEC,MAAM;IAC9B,IAAI,CAACC,UAAU,GAAGF,QAAQ,EAAEE,UAAU;IACtC,IAAI,CAACE,MAAM,GAAGJ,QAAQ,EAAEI,MAAM,IAAI,EAAE;IACpC,IAAI,CAACJ,QAAQ,GAAGA,QAAQ;EAC1B;AACF;;AAEA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMK,cAAc,GAAIC,KAAc,IAAwB;EACnE,IAAI,OAAOA,KAAK,KAAK,QAAQ,IAAIA,KAAK,KAAK,IAAI,EAAE,OAAO,KAAK;EAE7D,MAAMC,SAAS,GAAGD,KAAgC;EAClD,OACE,OAAOC,SAAS,CAACN,MAAM,KAAK,QAAQ,IACpC,OAAOM,SAAS,CAACL,UAAU,KAAK,QAAQ,IACxC,OAAOK,SAAS,CAACC,EAAE,KAAK,SAAS,IACjC,OAAOD,SAAS,CAACE,GAAG,KAAK,QAAQ,IACjC,OAAOF,SAAS,CAACG,OAAO,KAAK,QAAQ,IACrCH,SAAS,CAACG,OAAO,KAAK,IAAI,IAC1B,OAAOH,SAAS,CAACI,KAAK,KAAK,UAAU,IACrC,OAAOJ,SAAS,CAACK,IAAI,KAAK,UAAU,IACpC,OAAOL,SAAS,CAACM,IAAI,KAAK,UAAU,IACpC,OAAON,SAAS,CAACO,WAAW,KAAK,UAAU;AAE/C,CAAC;AAED,OAAO,MAAMC,kBAAkB,GAAIC,KAAc,IAAK;EACpD,IAAIX,cAAc,CAACW,KAAK,CAAC,EAAE;IACzB,MAAM,IAAInB,aAAa,CAACmB,KAAuB,CAAC;EAClD;EAEA,OAAOC,OAAO,CAACC,MAAM,CAACF,KAAK,CAAC;AAC9B,CAAC","ignoreList":[]}
+{"version":3,"file":"response_error.js","names":["ResponseError","Error","constructor","response","status","statusText","name","errors","isResponseLike","value","candidate","ok","url","headers","clone","json","text","arrayBuffer","throwResponseError","error"],"sources":["../../src/utils/response_error.ts"],"sourcesContent":["import { FailedResponse } from '../types/api_primitives'\n\nexport class ResponseError extends Error {\n  status: number\n  statusText: string\n  errors: FailedResponse['errors']\n  response: FailedResponse\n\n  constructor(response: FailedResponse) {\n    super(`ResponseError: ${response?.status} ${response?.statusText}`)\n    this.name = 'ResponseError'\n    this.status = response?.status\n    this.statusText = response?.statusText\n    this.errors = response?.errors || []\n    this.response = response\n  }\n}\n\n// Detect a fetch Response by shape, not `instanceof`: Expo's winter runtime\n// swaps in a `fetch` whose `FetchResponse` isn't an instance of the global\n// `Response`, so `instanceof` silently misses it under Expo. We avoid checking\n// `redirected` because React Native's whatwg-fetch polyfill never assigns it,\n// which would reject every real response under RN's fetch.\nexport const isResponseLike = (value: unknown): value is Response => {\n  if (typeof value !== 'object' || value === null) return false\n\n  const candidate = value as Record<string, unknown>\n  return (\n    typeof candidate.status === 'number' &&\n    typeof candidate.statusText === 'string' &&\n    typeof candidate.ok === 'boolean' &&\n    typeof candidate.url === 'string' &&\n    typeof candidate.headers === 'object' &&\n    candidate.headers !== null &&\n    typeof candidate.clone === 'function' &&\n    typeof candidate.json === 'function' &&\n    typeof candidate.text === 'function' &&\n    typeof candidate.arrayBuffer === 'function'\n  )\n}\n\nexport const throwResponseError = (error: unknown): never => {\n  if (isResponseLike(error)) {\n    throw new ResponseError(error as FailedResponse)\n  }\n\n  throw error\n}\n"],"mappings":"AAEA,OAAO,MAAMA,aAAa,SAASC,KAAK,CAAC;EAMvCC,WAAWA,CAACC,QAAwB,EAAE;IACpC,KAAK,CAAC,kBAAkBA,QAAQ,EAAEC,MAAM,IAAID,QAAQ,EAAEE,UAAU,EAAE,CAAC;IACnE,IAAI,CAACC,IAAI,GAAG,eAAe;IAC3B,IAAI,CAACF,MAAM,GAAGD,QAAQ,EAAEC,MAAM;IAC9B,IAAI,CAACC,UAAU,GAAGF,QAAQ,EAAEE,UAAU;IACtC,IAAI,CAACE,MAAM,GAAGJ,QAAQ,EAAEI,MAAM,IAAI,EAAE;IACpC,IAAI,CAACJ,QAAQ,GAAGA,QAAQ;EAC1B;AACF;;AAEA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMK,cAAc,GAAIC,KAAc,IAAwB;EACnE,IAAI,OAAOA,KAAK,KAAK,QAAQ,IAAIA,KAAK,KAAK,IAAI,EAAE,OAAO,KAAK;EAE7D,MAAMC,SAAS,GAAGD,KAAgC;EAClD,OACE,OAAOC,SAAS,CAACN,MAAM,KAAK,QAAQ,IACpC,OAAOM,SAAS,CAACL,UAAU,KAAK,QAAQ,IACxC,OAAOK,SAAS,CAACC,EAAE,KAAK,SAAS,IACjC,OAAOD,SAAS,CAACE,GAAG,KAAK,QAAQ,IACjC,OAAOF,SAAS,CAACG,OAAO,KAAK,QAAQ,IACrCH,SAAS,CAACG,OAAO,KAAK,IAAI,IAC1B,OAAOH,SAAS,CAACI,KAAK,KAAK,UAAU,IACrC,OAAOJ,SAAS,CAACK,IAAI,KAAK,UAAU,IACpC,OAAOL,SAAS,CAACM,IAAI,KAAK,UAAU,IACpC,OAAON,SAAS,CAACO,WAAW,KAAK,UAAU;AAE/C,CAAC;AAED,OAAO,MAAMC,kBAAkB,GAAIC,KAAc,IAAY;EAC3D,IAAIX,cAAc,CAACW,KAAK,CAAC,EAAE;IACzB,MAAM,IAAInB,aAAa,CAACmB,KAAuB,CAAC;EAClD;EAEA,MAAMA,KAAK;AACb,CAAC","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@planningcenter/chat-react-native",
-  "version": "4.3.0",
+  "version": "4.3.1-qa-989.0",
   "description": "",
   "repository": {
     "type": "git",
@@ -33,7 +33,7 @@
   "dependencies": {
     "@fortawesome/fontawesome-svg-core": "^7.2.0",
     "@fortawesome/react-native-fontawesome": "^0.3.2",
-    "@planningcenter/emoji-keyboard": "4.3.0",
+    "@planningcenter/emoji-keyboard": "4.3.1-qa-989.0",
     "lodash-inflection": "^1.5.0"
   },
   "peerDependencies": {
@@ -84,5 +84,5 @@
     "sf-symbols-typescript": "^2.2.0",
     "typescript": "~6.0.3"
   },
-  "gitHead": "2e1b1dfe9e9c7eeb8d6845f847202c1ce9b32eb9"
+  "gitHead": "bd271384ad50f354963f1a563d59bbd616caa42e"
 }

package/src/__tests__/components/conversation/attachments/giphy_attachment.test.tsx

@@ -0,0 +1,76 @@
+import { DefaultTheme, ThemeProvider } from '@react-navigation/native'
+import { fireEvent, render } from '@testing-library/react-native'
+import React from 'react'
+import { Linking as RNLinking } from 'react-native'
+import { GiphyAttachment } from '../../../../components/conversation/attachments/giphy_attachment'
+import {
+  DenormalizedGiphyAttachmentResource,
+  GiphyAttachmentVariant,
+} from '../../../../types/resources/denormalized_attachment_resource'
+import {
+  AudioAdapter,
+  ChatAdapters,
+  ClipboardAdapter,
+  ImagePickerAdapter,
+  LinkingAdapter,
+  VideoAdapter,
+} from '../../../../utils/native_adapters'
+
+const variant: GiphyAttachmentVariant = {
+  url: 'https://media.giphy.com/cat.gif',
+  width: '200',
+  height: '100',
+  size: '1',
+  frames: '1',
+}
+
+const attachment: DenormalizedGiphyAttachmentResource = {
+  type: 'giphy',
+  id: '1',
+  title: 'cat',
+  titleLink: 'https://giphy.com/gifs/cat',
+  thumbUrl: variant.url,
+  giphy: {
+    original: variant,
+    fixedHeight: variant,
+    fixedHeightStill: variant,
+    fixedHeightDownsampled: variant,
+    fixedWidth: variant,
+    fixedWidthStill: variant,
+    fixedWidthDownsampled: variant,
+  },
+}
+
+const hostOpenURL = jest.fn(async (_: string) => {})
+
+describe('GiphyAttachment', () => {
+  beforeAll(() => {
+    ChatAdapters.configure({
+      clipboard: new ClipboardAdapter({
+        getStringAsync: async () => '',
+        setStringAsync: async () => {},
+      }),
+      audio: new AudioAdapter({ useAudio: () => ({}) as any }),
+      video: new VideoAdapter({ Player: React.forwardRef(() => null) }),
+      imagePicker: new ImagePickerAdapter({
+        openCameraAsync: async () => ({ canceled: true, assets: null }),
+        openImageLibraryAsync: async () => ({ canceled: true, assets: null }),
+      }),
+      linking: new LinkingAdapter({ openURL: hostOpenURL, canOpenURL: async () => true }),
+    })
+  })
+
+  it("opens the Giphy link through the host app's linking adapter", () => {
+    const rnOpenURL = jest.spyOn(RNLinking, 'openURL')
+    const { getByText } = render(
+      <ThemeProvider value={DefaultTheme}>
+        <GiphyAttachment attachment={attachment} onMessageLongPress={jest.fn()} />
+      </ThemeProvider>
+    )
+
+    fireEvent.press(getByText('/giphy'))
+
+    expect(hostOpenURL).toHaveBeenCalledWith('https://giphy.com/gifs/cat')
+    expect(rnOpenURL).not.toHaveBeenCalled()
+  })
+})

package/src/__tests__/contexts/api_provider.test.tsx

@@ -0,0 +1,50 @@
+import { render } from '@testing-library/react-native'
+import React from 'react'
+import { ApiProvider, chatQueryClient } from '../../contexts/api_provider'
+import { ChatContext, ChatContextValue } from '../../contexts/chat_context'
+import { ApiClient, useApiClient } from '../../hooks/use_api_client'
+import { Session } from '../../utils'
+
+jest.mock('../../hooks/use_api_client')
+
+const mockedUseApiClient = useApiClient as jest.MockedFunction<typeof useApiClient>
+
+let get: jest.Mock
+
+const renderApiProvider = ({ token }: { token?: { access_token: string } } = {}) => {
+  const session = new Session({ token })
+
+  return render(
+    <ChatContext.Provider value={{ session, token } as unknown as ChatContextValue}>
+      <ApiProvider>{null}</ApiProvider>
+    </ChatContext.Provider>
+  )
+}
+
+beforeEach(() => {
+  jest.useFakeTimers()
+  chatQueryClient.clear()
+  get = jest.fn().mockResolvedValue({ data: [] })
+  mockedUseApiClient.mockReturnValue({ chat: { get } } as unknown as ApiClient)
+})
+
+afterEach(() => {
+  chatQueryClient.clear()
+  jest.clearAllMocks()
+  jest.useRealTimers()
+})
+
+describe('ApiProvider', () => {
+  it('requests app grants on the first attempt without waiting for a retry', () => {
+    renderApiProvider({ token: { access_token: 'a-real-token' } })
+
+    expect(get).toHaveBeenCalledWith(expect.objectContaining({ url: '/me/app_grants' }))
+    expect(get.mock.calls.filter(([args]) => args.url === '/me/app_grants')).toHaveLength(1)
+  })
+
+  it('does not prefetch anything without a token', () => {
+    renderApiProvider()
+
+    expect(get).not.toHaveBeenCalled()
+  })
+})

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

@@ -0,0 +1,81 @@
+import { HeaderHeightContext } from '@react-navigation/elements'
+import { DefaultTheme, ThemeProvider } from '@react-navigation/native'
+import { fireEvent, render } from '@testing-library/react-native'
+import React from 'react'
+import { SafeAreaProvider } from 'react-native-safe-area-context'
+import {
+  AttachmentActionsScreen,
+  AttachmentActionsScreenProps,
+} from '../../screens/attachment_actions/attachment_actions_screen'
+import {
+  AudioAdapter,
+  ChatAdapters,
+  ClipboardAdapter,
+  ImagePickerAdapter,
+  LinkingAdapter,
+  VideoAdapter,
+} from '../../utils/native_adapters'
+
+jest.mock('@react-navigation/native', () => ({
+  ...jest.requireActual('@react-navigation/native'),
+  useNavigation: () => ({ goBack: jest.fn() }),
+}))
+jest.mock('../../screens/attachment_actions/hooks/useDeleteAttachment', () => ({
+  useDeleteAttachment: () => ({ handleDeleteAttachment: jest.fn() }),
+}))
+
+const hostOpenURL = jest.fn(async (_url: string, _options?: object) => {})
+
+const safeAreaMetrics = {
+  frame: { x: 0, y: 0, width: 390, height: 844 },
+  insets: { top: 0, right: 0, bottom: 0, left: 0 },
+}
+
+const route = {
+  key: 'AttachmentActions',
+  name: 'AttachmentActions',
+  params: {
+    attachmentId: '1',
+    attachmentContentType: 'application/pdf',
+    attachmentUrl: 'https://example.com/file.pdf',
+    conversation_id: 1,
+    canDeleteNonAuthoredMessages: false,
+    myMessage: false,
+  },
+} as AttachmentActionsScreenProps['route']
+
+describe('AttachmentActionsScreen', () => {
+  beforeAll(() => {
+    ChatAdapters.configure({
+      clipboard: new ClipboardAdapter({
+        getStringAsync: async () => '',
+        setStringAsync: async () => {},
+      }),
+      audio: new AudioAdapter({ useAudio: () => ({}) as any }),
+      video: new VideoAdapter({ Player: React.forwardRef(() => null) }),
+      imagePicker: new ImagePickerAdapter({
+        openCameraAsync: async () => ({ canceled: true, assets: null }),
+        openImageLibraryAsync: async () => ({ canceled: true, assets: null }),
+      }),
+      linking: new LinkingAdapter({ openURL: hostOpenURL, canOpenURL: async () => true }),
+    })
+  })
+
+  it('asks the host app to open the attachment in the browser', () => {
+    const { getByText } = render(
+      <SafeAreaProvider initialMetrics={safeAreaMetrics}>
+        <ThemeProvider value={DefaultTheme}>
+          <HeaderHeightContext.Provider value={0}>
+            <AttachmentActionsScreen route={route} />
+          </HeaderHeightContext.Provider>
+        </ThemeProvider>
+      </SafeAreaProvider>
+    )
+
+    fireEvent.press(getByText('Open in browser'))
+
+    expect(hostOpenURL).toHaveBeenCalledWith('https://example.com/file.pdf', {
+      forceOpenInBrowser: true,
+    })
+  })
+})

package/src/__tests__/screens/get_help_screen.test.ts

@@ -0,0 +1,36 @@
+import React from 'react'
+import { sendEmail } from '../../screens/get_help_screen'
+import {
+  AudioAdapter,
+  ChatAdapters,
+  ClipboardAdapter,
+  ImagePickerAdapter,
+  LinkingAdapter,
+  VideoAdapter,
+} from '../../utils/native_adapters'
+
+const hostOpenURL = jest.fn(async (_: string) => {})
+
+describe('sendEmail', () => {
+  beforeAll(() => {
+    ChatAdapters.configure({
+      clipboard: new ClipboardAdapter({
+        getStringAsync: async () => '',
+        setStringAsync: async () => {},
+      }),
+      audio: new AudioAdapter({ useAudio: () => ({}) as any }),
+      video: new VideoAdapter({ Player: React.forwardRef(() => null) }),
+      imagePicker: new ImagePickerAdapter({
+        openCameraAsync: async () => ({ canceled: true, assets: null }),
+        openImageLibraryAsync: async () => ({ canceled: true, assets: null }),
+      }),
+      linking: new LinkingAdapter({ openURL: hostOpenURL, canOpenURL: async () => true }),
+    })
+  })
+
+  it("opens mailto through the host app's linking adapter", () => {
+    sendEmail('help@example.com')
+
+    expect(hostOpenURL).toHaveBeenCalledWith('mailto:help@example.com')
+  })
+})

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

@@ -0,0 +1,136 @@
+import { HeaderHeightContext } from '@react-navigation/elements'
+import { DefaultTheme, ThemeProvider } from '@react-navigation/native'
+import { QueryClientProvider } from '@tanstack/react-query'
+import { fireEvent, render, waitFor } from '@testing-library/react-native'
+import React from 'react'
+import { SafeAreaProvider } from 'react-native-safe-area-context'
+import { buildTestQueryClient } from '../../__utils__/query_client'
+import {
+  MessageActionsScreen,
+  MessageActionsScreenProps,
+} from '../../screens/message_actions_screen'
+import { MessageResource } from '../../types'
+import {
+  AudioAdapter,
+  ChatAdapters,
+  ClipboardAdapter,
+  HapticAdapter,
+  ImagePickerAdapter,
+  VideoAdapter,
+} from '../../utils/native_adapters'
+
+const mockMessage: MessageResource = {
+  type: 'Message',
+  id: '1',
+  text: 'Copy me',
+  html: '<p>Copy me</p>',
+  createdAt: '2026-01-01T00:00:00Z',
+  deletedAt: null,
+  textEditedAt: null,
+  mine: false,
+  attachments: [],
+  author: { id: 1, type: 'Person', name: 'Author', avatar: '' },
+  reactionCounts: [],
+  replyCount: 0,
+  replyRootId: null,
+  messageType: 'user',
+}
+
+let mockCurrentMessage = mockMessage
+
+const mockGoBack = jest.fn()
+jest.mock('@react-navigation/native', () => ({
+  ...jest.requireActual('@react-navigation/native'),
+  useNavigation: () => ({ navigate: jest.fn(), dispatch: jest.fn(), goBack: mockGoBack }),
+}))
+jest.mock('../../hooks/use_api_client', () => ({ useApiClient: () => ({}) }))
+jest.mock('../../hooks/use_features', () => ({
+  ...jest.requireActual('../../hooks/use_features'),
+  useFeatures: () => ({ features: [], featureEnabled: () => false }),
+}))
+jest.mock('../../hooks/use_message_reaction_toggle', () => ({
+  useMessageReactionToggle: () => ({ handleReactionToggle: jest.fn(), isPending: false }),
+}))
+jest.mock('../../hooks/use_conversation_messages', () => ({
+  useConversationMessages: () => ({ messages: [mockCurrentMessage], refetch: jest.fn() }),
+}))
+
+const setStringAsync = jest.fn(async (_: string) => {})
+const notificationSuccess = jest.fn()
+
+const safeAreaMetrics = {
+  frame: { x: 0, y: 0, width: 390, height: 844 },
+  insets: { top: 0, right: 0, bottom: 0, left: 0 },
+}
+
+const route = {
+  key: 'MessageActions',
+  name: 'MessageActions',
+  params: { conversation_id: 1, message_id: mockMessage.id },
+} as MessageActionsScreenProps['route']
+
+const renderScreen = () =>
+  render(
+    <QueryClientProvider client={buildTestQueryClient()}>
+      <SafeAreaProvider initialMetrics={safeAreaMetrics}>
+        <ThemeProvider value={DefaultTheme}>
+          <HeaderHeightContext.Provider value={0}>
+            <MessageActionsScreen route={route} />
+          </HeaderHeightContext.Provider>
+        </ThemeProvider>
+      </SafeAreaProvider>
+    </QueryClientProvider>
+  )
+
+describe('MessageActionsScreen', () => {
+  beforeAll(() => {
+    ChatAdapters.configure({
+      clipboard: new ClipboardAdapter({ getStringAsync: async () => '', setStringAsync }),
+      audio: new AudioAdapter({ useAudio: () => ({}) as any }),
+      video: new VideoAdapter({ Player: React.forwardRef(() => null) }),
+      imagePicker: new ImagePickerAdapter({
+        openCameraAsync: async () => ({ canceled: true, assets: null }),
+        openImageLibraryAsync: async () => ({ canceled: true, assets: null }),
+      }),
+      haptic: new HapticAdapter({
+        impactLight: jest.fn(),
+        impactMedium: jest.fn(),
+        impactHeavy: jest.fn(),
+        rigid: jest.fn(),
+        soft: jest.fn(),
+        notificationSuccess,
+        notificationWarning: jest.fn(),
+        notificationError: jest.fn(),
+      }),
+    })
+  })
+
+  beforeEach(() => {
+    jest.clearAllMocks()
+    mockCurrentMessage = mockMessage
+  })
+
+  it('copies the message text and gives success haptic feedback before closing', async () => {
+    const { getByText } = renderScreen()
+
+    fireEvent.press(getByText('Copy text'))
+
+    expect(setStringAsync).toHaveBeenCalledWith('Copy me')
+    await waitFor(() => expect(mockGoBack).toHaveBeenCalledTimes(1))
+    expect(notificationSuccess).toHaveBeenCalledTimes(1)
+    expect(notificationSuccess.mock.invocationCallOrder[0]).toBeLessThan(
+      mockGoBack.mock.invocationCallOrder[0]
+    )
+  })
+
+  it('leaves the clipboard alone and gives no haptic when there is nothing to copy', async () => {
+    mockCurrentMessage = { ...mockMessage, text: null }
+    const { getByText } = renderScreen()
+
+    fireEvent.press(getByText('Copy text'))
+
+    await waitFor(() => expect(mockGoBack).toHaveBeenCalledTimes(1))
+    expect(setStringAsync).not.toHaveBeenCalled()
+    expect(notificationSuccess).not.toHaveBeenCalled()
+  })
+})

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

@@ -28,6 +28,15 @@ import { getMessagesQueryKey } from '../../../utils/request/get_messages'
 import { MessageList } from '../message_list'
 
 jest.mock('../../../hooks/use_api_client')
+const mockFlash = jest.fn()
+jest.mock('../../../hooks/use_animated_message_background_color', () => ({
+  useAnimatedMessageBackgroundColor: () => ({
+    animatedBackgroundColor: {},
+    flash: mockFlash,
+    handleMessagePressIn: jest.fn(),
+    handleMessagePressOut: jest.fn(),
+  }),
+}))
 jest.mock('@react-navigation/native', () => ({
   ...jest.requireActual('@react-navigation/native'),
   useNavigation: () => ({ navigate: jest.fn() }),
@@ -105,7 +114,7 @@ let queryClient: QueryClient
 // A top-level rerender would rebuild the wrapper context and redraw every row.
 let setHarnessConversation: (next: ConversationResource) => void = () => {}
 
-function Harness() {
+function Harness({ anchorMessageId }: { anchorMessageId?: string }) {
   const [current, setCurrent] = React.useState(conversation)
   React.useEffect(() => {
     setHarnessConversation = setCurrent
@@ -117,6 +126,7 @@ function Harness() {
       conversation={current}
       conversationId={CONVERSATION_ID}
       messages={loaded}
+      anchorMessageId={anchorMessageId}
       hasNextPage
       onEndReached={() => {}}
     />
@@ -151,16 +161,24 @@ const renderedRowIds = () => {
   return Array.from(new Set(ids)).sort()
 }
 
-const renderList = (seed: MessageResource[] = messages) => {
+const renderList = (seed: MessageResource[] = messages, anchorMessageId?: string) => {
   queryClient.setQueryData<MessagesQueryData>(messagesQueryKey, {
     pages: [{ data: seed, links: {}, meta: { count: seed.length, totalCount: seed.length } }],
     pageParams: [{}],
   })
-  render(<Harness />, { wrapper: Wrapper })
+  render(<Harness anchorMessageId={anchorMessageId} />, { wrapper: Wrapper })
   seed.forEach(m => screen.getByTestId(`message-${m.id}`))
   renderSpy.mockClear()
 }
 
+const reportViewable = (items: MessageResource[]) =>
+  act(() =>
+    screen.UNSAFE_getByType(FlatList).props.onViewableItemsChanged({
+      viewableItems: items.map(item => ({ item, key: item.id, index: null, isViewable: true })),
+      changed: [],
+    })
+  )
+
 // TanStack notifies observers on a setTimeout; deliver inline so one write is one act().
 beforeAll(() => notifyManager.setScheduler(callback => callback()))
 afterAll(() => notifyManager.setScheduler(callback => setTimeout(callback, 0)))
@@ -274,4 +292,54 @@ describe('MessageList', () => {
     expect(screen.queryByTestId(`message-${target.id}`)).toBeNull()
     expect(renderedRowIds()).toEqual([])
   })
+
+  describe('opened at an anchor message', () => {
+    const anchor = messages[4]
+
+    it('flashes the anchor row once it comes into view, redrawing only that row', () => {
+      renderList(messages, anchor.id)
+
+      reportViewable([messages[1], messages[2]])
+      expect(mockFlash).not.toHaveBeenCalled()
+      expect(renderedRowIds()).toEqual([])
+
+      reportViewable([messages[3], anchor])
+      expect(mockFlash).toHaveBeenCalledTimes(1)
+      expect(renderedRowIds()).toEqual([anchor.id])
+    })
+
+    it('flashes only once, through later viewability changes, redraws, and a remount', () => {
+      renderList(messages, anchor.id)
+      reportViewable([anchor])
+      expect(mockFlash).toHaveBeenCalledTimes(1)
+
+      reportViewable([anchor, messages[5]])
+      act(() => updateCacheWithReaction(queryClient, messagesQueryKey, reactionEvent(anchor), ME))
+      expect(screen.getByTestId(`reaction-${anchor.id}-heart`)).toBeTruthy()
+
+      act(() =>
+        queryClient.setQueryData<MessagesQueryData>(messagesQueryKey, prev =>
+          deleteRecordInPagesData({ data: prev, record: anchor })
+        )
+      )
+      expect(screen.queryByTestId(`message-${anchor.id}`)).toBeNull()
+      act(() =>
+        queryClient.setQueryData<MessagesQueryData>(messagesQueryKey, prev =>
+          addRecordInPagesData({ data: prev, record: anchor })
+        )
+      )
+      expect(screen.getByTestId(`message-${anchor.id}`)).toBeTruthy()
+      reportViewable([anchor])
+
+      expect(mockFlash).toHaveBeenCalledTimes(1)
+    })
+
+    it('never flashes when there is no anchor', () => {
+      renderList()
+
+      reportViewable([messages[0], messages[1]])
+
+      expect(mockFlash).not.toHaveBeenCalled()
+    })
+  })
 })

package/src/components/conversation/attachments/giphy_attachment.tsx

@@ -1,9 +1,9 @@
 import { PlatformPressable } from '@react-navigation/elements'
 import React from 'react'
-import { Text, StyleSheet, Linking } from 'react-native'
+import { Text, StyleSheet } from 'react-native'
 import { useTheme } from '../../../hooks'
 import { DenormalizedGiphyAttachmentResource } from '../../../types/resources/denormalized_attachment_resource'
-import { assertKeysAreNumbers } from '../../../utils'
+import { assertKeysAreNumbers, Linking } from '../../../utils'
 import { tokens } from '../../../vendor/tapestry/tokens'
 import { Image } from '../../display'
 
@@ -22,7 +22,6 @@ export function GiphyAttachment({
 
   function handlePress() {
     if (titleLink) {
-      // Open Giphy link in the default web browser
       Linking.openURL(titleLink)
     }
   }

package/src/components/conversation/attachments/image_attachment.tsx

@@ -6,7 +6,6 @@ import {
   StyleSheet,
   Modal,
   View,
-  Linking,
   Dimensions,
   NativeSyntheticEvent,
   NativeScrollEvent,
@@ -30,7 +29,7 @@ import Animated, {
 import { useSafeAreaInsets, SafeAreaProvider } from 'react-native-safe-area-context'
 import { useTheme } from '../../../hooks'
 import { DenormalizedMessageAttachmentResource } from '../../../types/resources/denormalized_attachment_resource'
-import { Haptic, platformFontWeightMedium } from '../../../utils'
+import { Haptic, Linking, platformFontWeightMedium } from '../../../utils'
 import { formatDatePreview } from '../../../utils/date'
 import { tokens } from '../../../vendor/tapestry/tokens'
 import { IconButton, Image, Heading, Text } from '../../display'
@@ -212,7 +211,7 @@ const LightboxGallery = ({
    HANDLERS
   ============================ */
   const handleOpenInBrowser = useCallback(() => {
-    Linking.openURL(urlMedium || url)
+    Linking.openURL(urlMedium || url, { forceOpenInBrowser: true })
   }, [urlMedium, url])
 
   // Helper to enable or disable FlatList scroll state after gestures have ended

package/src/components/conversation/message.tsx

@@ -46,6 +46,8 @@ interface MessageProps extends MessageResource {
   conversation_id: number
   readByOthers?: boolean
   inReplyScreen?: boolean
+  highlighted?: boolean
+  onHighlightShown?: () => void
 }
 
 export const Message = memo(function MessageRow({
@@ -53,6 +55,8 @@ export const Message = memo(function MessageRow({
   conversation_id,
   readByOthers,
   inReplyScreen,
+  highlighted = false,
+  onHighlightShown,
   ...message
 }: MessageProps) {
   const { reactionCounts, pending, error, attachments, author } = message
@@ -71,7 +75,7 @@ export const Message = memo(function MessageRow({
   const isPersisted = !isNewMessage(message)
   const [temporarilyHidePendingState, setTemporarilyHidePendingState] = React.useState(true)
   const [messageBubbleHeight, setMessageBubbleHeight] = React.useState(0)
-  const { animatedBackgroundColor, handleMessagePressIn, handleMessagePressOut } =
+  const { animatedBackgroundColor, flash, handleMessagePressIn, handleMessagePressOut } =
     useAnimatedMessageBackgroundColor()
   const isReplyRootMessage = message.replyRootId === message.id
   const isDeletedReplyRootMessage = isReplyRootMessage && !!message.deletedAt
@@ -116,6 +120,13 @@ export const Message = memo(function MessageRow({
     messageText || ''
   } ${saveStatusLabel} ${timestamp} ${replyCountLabel}`
 
+  useEffect(() => {
+    if (!highlighted) return
+
+    flash()
+    onHighlightShown?.()
+  }, [highlighted, flash, onHighlightShown])
+
   useEffect(() => {
     if (pending) {
       const timer = setTimeout(() => {

package/src/components/conversation/message_form.tsx

@@ -1,7 +1,6 @@
 import { useNavigation, useTheme as useNavigationTheme, useRoute } from '@react-navigation/native'
 import React, { useCallback, useContext, useEffect, useRef, useState } from 'react'
 import {
-  Linking,
   Platform,
   Pressable,
   ScrollView,
@@ -34,6 +33,7 @@ import {
   FileAttachment,
 } from '../../types/resources/denormalized_attachment_resource_for_create'
 import {
+  Linking,
   Log,
   MAX_FONT_SIZE_MULTIPLIER_LANDMARK,
   platformFontWeightMedium,