@planningcenter/chat-react-native 4.4.1-qa-staging.13 → 4.4.1-qa-staging.15

package/build/utils/native_adapters/configuration.js.map

@@ -1 +1 @@
-{"version":3,"file":"configuration.js","names":["AsyncStorage","Linking","RNLinking","AudioAdapter","ClipboardAdapter","DocumentPickerAdapter","HapticAdapter","ImagePickerAdapter","LinkingAdapter","LogAdapter","StorageAdapter","VideoAdapter","ChatAdapters","configure","configurations","Clipboard","clipboard","Audio","audio","Video","video","ImagePicker","imagePicker","DocumentPicker","documentPicker","Log","log","linking","Haptic","haptic","methodMissing","console","warn","getStringAsync","setStringAsync","_","useAudio","Player","Object","assign","$$typeof","Symbol","for","openCameraAsync","canceled","assets","openImageLibraryAsync","Storage","getItem","setItem","removeItem"],"sources":["../../../src/utils/native_adapters/configuration.ts"],"sourcesContent":["import AsyncStorage from '@react-native-async-storage/async-storage'\nimport { Linking as RNLinking } from 'react-native'\nimport { AudioAdapter } from './audio'\nimport { ClipboardAdapter } from './clipboard'\nimport { DocumentPickerAdapter } from './document_picker'\nimport { HapticAdapter } from './haptic'\nimport { ImagePickerAdapter } from './image_picker'\nimport { LinkingAdapter } from './linking'\nimport { LogAdapter } from './log'\nimport { StorageAdapter } from './storage_adapter'\nimport { VideoAdapter } from './video'\n\ntype ChatConfigurations = {\n  clipboard: ClipboardAdapter\n  audio: AudioAdapter\n  video: VideoAdapter\n  imagePicker: ImagePickerAdapter\n  documentPicker?: DocumentPickerAdapter\n  log?: LogAdapter\n  linking?: LinkingAdapter\n  haptic?: HapticAdapter\n}\n\nexport class ChatAdapters {\n  static configure(configurations: ChatConfigurations) {\n    Clipboard = configurations.clipboard\n    Audio = configurations.audio\n    Video = configurations.video\n    ImagePicker = configurations.imagePicker\n    DocumentPicker = configurations.documentPicker || new DocumentPickerAdapter()\n    Log = configurations.log || new LogAdapter()\n    Linking = configurations.linking || new LinkingAdapter(RNLinking)\n    Haptic = configurations.haptic || new HapticAdapter()\n  }\n}\n\nconst methodMissing = () => {\n  console.warn('ChatAdapters.configure() must be called before using any adapters')\n}\n\nexport let Clipboard: ClipboardAdapter = new ClipboardAdapter({\n  getStringAsync: async () => {\n    methodMissing()\n    return ''\n  },\n  setStringAsync: async (_: string) => methodMissing(),\n})\n\nexport let Audio: AudioAdapter = new AudioAdapter({\n  useAudio: (_: string) => {\n    methodMissing()\n    return {} as any\n  },\n})\n\nexport let Video: VideoAdapter = new VideoAdapter({\n  Player: Object.assign(\n    () => {\n      methodMissing()\n      return null\n    },\n    { $$typeof: Symbol.for('react.forward_ref') }\n  ),\n})\n\nexport let ImagePicker: ImagePickerAdapter = new ImagePickerAdapter({\n  openCameraAsync: async () => {\n    methodMissing()\n    return { canceled: true, assets: null }\n  },\n  openImageLibraryAsync: async () => {\n    methodMissing()\n    return { canceled: true, assets: null }\n  },\n})\n\nexport let DocumentPicker: DocumentPickerAdapter = new DocumentPickerAdapter()\n\nexport let Log: LogAdapter = new LogAdapter()\n\nexport let Linking: LinkingAdapter = new LinkingAdapter(RNLinking)\n\nexport let Haptic: HapticAdapter = new HapticAdapter()\n\nexport let Storage = new StorageAdapter({\n  getItem: AsyncStorage.getItem,\n  setItem: AsyncStorage.setItem,\n  removeItem: AsyncStorage.removeItem,\n})\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"configuration.js","names":["AsyncStorage","Linking","RNLinking","AudioAdapter","ClipboardAdapter","DocumentPickerAdapter","HapticAdapter","ImagePickerAdapter","LinkingAdapter","LogAdapter","MenuAdapter","StorageAdapter","VideoAdapter","ChatAdapters","configure","configurations","Clipboard","clipboard","Audio","audio","Video","video","ImagePicker","imagePicker","DocumentPicker","documentPicker","Log","log","linking","Haptic","haptic","Menu","menu","methodMissing","console","warn","getStringAsync","setStringAsync","_","useAudio","Player","Object","assign","$$typeof","Symbol","for","openCameraAsync","canceled","assets","openImageLibraryAsync","Storage","getItem","setItem","removeItem"],"sources":["../../../src/utils/native_adapters/configuration.ts"],"sourcesContent":["import AsyncStorage from '@react-native-async-storage/async-storage'\nimport { Linking as RNLinking } from 'react-native'\nimport { AudioAdapter } from './audio'\nimport { ClipboardAdapter } from './clipboard'\nimport { DocumentPickerAdapter } from './document_picker'\nimport { HapticAdapter } from './haptic'\nimport { ImagePickerAdapter } from './image_picker'\nimport { LinkingAdapter } from './linking'\nimport { LogAdapter } from './log'\nimport { MenuAdapter } from './menu'\nimport { StorageAdapter } from './storage_adapter'\nimport { VideoAdapter } from './video'\n\ntype ChatConfigurations = {\n  clipboard: ClipboardAdapter\n  audio: AudioAdapter\n  video: VideoAdapter\n  imagePicker: ImagePickerAdapter\n  documentPicker?: DocumentPickerAdapter\n  log?: LogAdapter\n  linking?: LinkingAdapter\n  haptic?: HapticAdapter\n  menu?: MenuAdapter\n}\n\nexport class ChatAdapters {\n  static configure(configurations: ChatConfigurations) {\n    Clipboard = configurations.clipboard\n    Audio = configurations.audio\n    Video = configurations.video\n    ImagePicker = configurations.imagePicker\n    DocumentPicker = configurations.documentPicker || new DocumentPickerAdapter()\n    Log = configurations.log || new LogAdapter()\n    Linking = configurations.linking || new LinkingAdapter(RNLinking)\n    Haptic = configurations.haptic || new HapticAdapter()\n    Menu = configurations.menu || new MenuAdapter()\n  }\n}\n\nconst methodMissing = () => {\n  console.warn('ChatAdapters.configure() must be called before using any adapters')\n}\n\nexport let Clipboard: ClipboardAdapter = new ClipboardAdapter({\n  getStringAsync: async () => {\n    methodMissing()\n    return ''\n  },\n  setStringAsync: async (_: string) => methodMissing(),\n})\n\nexport let Audio: AudioAdapter = new AudioAdapter({\n  useAudio: (_: string) => {\n    methodMissing()\n    return {} as any\n  },\n})\n\nexport let Video: VideoAdapter = new VideoAdapter({\n  Player: Object.assign(\n    () => {\n      methodMissing()\n      return null\n    },\n    { $$typeof: Symbol.for('react.forward_ref') }\n  ),\n})\n\nexport let ImagePicker: ImagePickerAdapter = new ImagePickerAdapter({\n  openCameraAsync: async () => {\n    methodMissing()\n    return { canceled: true, assets: null }\n  },\n  openImageLibraryAsync: async () => {\n    methodMissing()\n    return { canceled: true, assets: null }\n  },\n})\n\nexport let DocumentPicker: DocumentPickerAdapter = new DocumentPickerAdapter()\n\nexport let Log: LogAdapter = new LogAdapter()\n\nexport let Linking: LinkingAdapter = new LinkingAdapter(RNLinking)\n\nexport let Haptic: HapticAdapter = new HapticAdapter()\n\nexport let Menu: MenuAdapter = new MenuAdapter()\n\nexport let Storage = new StorageAdapter({\n  getItem: AsyncStorage.getItem,\n  setItem: AsyncStorage.setItem,\n  removeItem: AsyncStorage.removeItem,\n})\n"],"mappings":"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","ignoreList":[]}

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

@@ -5,6 +5,7 @@ export * from './document_picker';
 export * from './image_picker';
 export * from './linking';
 export * from './log';
+export * from './menu';
 export * from './video';
 export * from './haptic';
 export * from './storage_adapter';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/native_adapters/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,mBAAmB,CAAA;AACjC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,WAAW,CAAA;AACzB,cAAc,OAAO,CAAA;AACrB,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,mBAAmB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/native_adapters/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,mBAAmB,CAAA;AACjC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,WAAW,CAAA;AACzB,cAAc,OAAO,CAAA;AACrB,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,mBAAmB,CAAA"}

package/build/utils/native_adapters/index.js

@@ -5,6 +5,7 @@ export * from './document_picker';
 export * from './image_picker';
 export * from './linking';
 export * from './log';
+export * from './menu';
 export * from './video';
 export * from './haptic';
 export * from './storage_adapter';

package/build/utils/native_adapters/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/utils/native_adapters/index.ts"],"sourcesContent":["export * from './audio'\nexport * from './clipboard'\nexport * from './configuration'\nexport * from './document_picker'\nexport * from './image_picker'\nexport * from './linking'\nexport * from './log'\nexport * from './video'\nexport * from './haptic'\nexport * from './storage_adapter'\n"],"mappings":"AAAA,cAAc,SAAS;AACvB,cAAc,aAAa;AAC3B,cAAc,iBAAiB;AAC/B,cAAc,mBAAmB;AACjC,cAAc,gBAAgB;AAC9B,cAAc,WAAW;AACzB,cAAc,OAAO;AACrB,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,cAAc,mBAAmB","ignoreList":[]}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/utils/native_adapters/index.ts"],"sourcesContent":["export * from './audio'\nexport * from './clipboard'\nexport * from './configuration'\nexport * from './document_picker'\nexport * from './image_picker'\nexport * from './linking'\nexport * from './log'\nexport * from './menu'\nexport * from './video'\nexport * from './haptic'\nexport * from './storage_adapter'\n"],"mappings":"AAAA,cAAc,SAAS;AACvB,cAAc,aAAa;AAC3B,cAAc,iBAAiB;AAC/B,cAAc,mBAAmB;AACjC,cAAc,gBAAgB;AAC9B,cAAc,WAAW;AACzB,cAAc,OAAO;AACrB,cAAc,QAAQ;AACtB,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,cAAc,mBAAmB","ignoreList":[]}

package/build/utils/native_adapters/menu.d.ts

@@ -0,0 +1,40 @@
+import React from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+export type MenuActionState = 'on' | 'off';
+export interface MenuActionAttributes {
+    destructive?: boolean;
+    disabled?: boolean;
+    hidden?: boolean;
+}
+export interface MenuAction {
+    id?: string;
+    title: string;
+    state?: MenuActionState;
+    attributes?: MenuActionAttributes;
+    subactions?: MenuAction[];
+    displayInline?: boolean;
+}
+export interface MenuActionEvent {
+    nativeEvent: {
+        event: string;
+    };
+}
+export interface MenuViewProps {
+    actions: MenuAction[];
+    onPressAction?: (event: MenuActionEvent) => void;
+    onOpenMenu?: () => void;
+    onCloseMenu?: () => void;
+    shouldOpenOnLongPress?: boolean;
+    title?: string;
+    style?: StyleProp<ViewStyle>;
+    testID?: string;
+    children?: React.ReactNode;
+}
+export type MenuView = React.ComponentType<MenuViewProps>;
+export declare class MenuAdapter {
+    View: MenuView;
+    constructor(methods?: {
+        View: MenuView;
+    });
+}
+//# sourceMappingURL=menu.d.ts.map

package/build/utils/native_adapters/menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../src/utils/native_adapters/menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AACxC,OAAO,EAAE,SAAS,EAAQ,SAAS,EAAE,MAAM,cAAc,CAAA;AASzD,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,KAAK,CAAA;AAE1C,MAAM,WAAW,oBAAoB;IACnC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,MAAM,WAAW,UAAU;IACzB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,eAAe,CAAA;IACvB,UAAU,CAAC,EAAE,oBAAoB,CAAA;IACjC,UAAU,CAAC,EAAE,UAAU,EAAE,CAAA;IACzB,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAED,MAAM,WAAW,eAAe;IAC9B,WAAW,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAA;CAC/B;AAED,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,UAAU,EAAE,CAAA;IACrB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAA;IAChD,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACxB,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,MAAM,MAAM,QAAQ,GAAG,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,CAAA;AAkBzD,qBAAa,WAAW;IACtB,IAAI,EAAE,QAAQ,CAAA;gBAEF,OAAO,CAAC,EAAE;QAAE,IAAI,EAAE,QAAQ,CAAA;KAAE;CAGzC"}

package/build/utils/native_adapters/menu.js

@@ -0,0 +1,55 @@
+import { c as _c } from "react/compiler-runtime";
+import React, { useEffect } from 'react';
+import { View } from 'react-native';
+
+// =================================
+// ====== Types ====================
+// =================================
+
+// Mirrors the props shared by `@expo/ui/community/menu` and
+// `@react-native-menu/menu`, so a host can pass either `MenuView` straight in.
+import { jsx as _jsx } from "react/jsx-runtime";
+// =================================
+// ====== Adapter ==================
+// =================================
+
+function UnconfiguredMenuView(t0) {
+  const $ = _c(5);
+  const {
+    children,
+    style,
+    testID
+  } = t0;
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = [];
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  useEffect(_temp, t1);
+  let t2;
+  if ($[1] !== children || $[2] !== style || $[3] !== testID) {
+    t2 = /*#__PURE__*/_jsx(View, {
+      style: style,
+      testID: testID,
+      children: children
+    });
+    $[1] = children;
+    $[2] = style;
+    $[3] = testID;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  return t2;
+}
+function _temp() {
+  console.warn("ChatAdapters.configure() must include a menu adapter before rendering a menu");
+}
+export class MenuAdapter {
+  constructor(methods) {
+    this.View = methods?.View ?? UnconfiguredMenuView;
+  }
+}
+//# sourceMappingURL=menu.js.map

package/build/utils/native_adapters/menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.js","names":["React","useEffect","View","jsx","_jsx","UnconfiguredMenuView","t0","$","_c","children","style","testID","t1","Symbol","for","_temp","t2","console","warn","MenuAdapter","constructor","methods"],"sources":["../../../src/utils/native_adapters/menu.tsx"],"sourcesContent":["import React, { useEffect } from 'react'\nimport { StyleProp, View, ViewStyle } from 'react-native'\n\n// =================================\n// ====== Types ====================\n// =================================\n\n// Mirrors the props shared by `@expo/ui/community/menu` and\n// `@react-native-menu/menu`, so a host can pass either `MenuView` straight in.\n\nexport type MenuActionState = 'on' | 'off'\n\nexport interface MenuActionAttributes {\n  destructive?: boolean\n  disabled?: boolean\n  hidden?: boolean\n}\n\nexport interface MenuAction {\n  id?: string\n  title: string\n  state?: MenuActionState\n  attributes?: MenuActionAttributes\n  subactions?: MenuAction[]\n  displayInline?: boolean\n}\n\nexport interface MenuActionEvent {\n  nativeEvent: { event: string }\n}\n\nexport interface MenuViewProps {\n  actions: MenuAction[]\n  onPressAction?: (event: MenuActionEvent) => void\n  onOpenMenu?: () => void\n  onCloseMenu?: () => void\n  shouldOpenOnLongPress?: boolean\n  title?: string\n  style?: StyleProp<ViewStyle>\n  testID?: string\n  children?: React.ReactNode\n}\n\nexport type MenuView = React.ComponentType<MenuViewProps>\n\n// =================================\n// ====== Adapter ==================\n// =================================\n\nfunction UnconfiguredMenuView({ children, style, testID }: MenuViewProps) {\n  useEffect(() => {\n    console.warn('ChatAdapters.configure() must include a menu adapter before rendering a menu')\n  }, [])\n\n  return (\n    <View style={style} testID={testID}>\n      {children}\n    </View>\n  )\n}\n\nexport class MenuAdapter {\n  View: MenuView\n\n  constructor(methods?: { View: MenuView }) {\n    this.View = methods?.View ?? UnconfiguredMenuView\n  }\n}\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SAAoBC,IAAI,QAAmB,cAAc;;AAEzD;AACA;AACA;;AAEA;AACA;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAqCA;AACA;AACA;;AAEA,SAAAC,qBAAAC,EAAA;EAAA,MAAAC,CAAA,GAAAC,EAAA;EAA8B;IAAAC,QAAA;IAAAC,KAAA;IAAAC;EAAA,IAAAL,EAA0C;EAAA,IAAAM,EAAA;EAAA,IAAAL,CAAA,QAAAM,MAAA,CAAAC,GAAA;IAGnEF,EAAA,KAAE;IAAAL,CAAA,MAAAK,EAAA;EAAA;IAAAA,EAAA,GAAAL,CAAA;EAAA;EAFLN,SAAS,CAACc,KAET,EAAEH,EAAE,CAAC;EAAA,IAAAI,EAAA;EAAA,IAAAT,CAAA,QAAAE,QAAA,IAAAF,CAAA,QAAAG,KAAA,IAAAH,CAAA,QAAAI,MAAA;IAGJK,EAAA,gBAAAZ,IAAA,CAACF,IAAI;MAAQQ,KAAK,EAALA,KAAK;MAAUC,MAAM,EAANA,MAAM;MAAAF,QAAA,EAC/BA;IAAQ,CACL,CAAC;IAAAF,CAAA,MAAAE,QAAA;IAAAF,CAAA,MAAAG,KAAA;IAAAH,CAAA,MAAAI,MAAA;IAAAJ,CAAA,MAAAS,EAAA;EAAA;IAAAA,EAAA,GAAAT,CAAA;EAAA;EAAA,OAFPS,EAEO;AAAA;AARX,SAAAD,MAAA;EAEIE,OAAO,CAAAC,IAAK,CAAC,8EAA8E,CAAC;AAAA;AAUhG,OAAO,MAAMC,WAAW,CAAC;EAGvBC,WAAWA,CAACC,OAA4B,EAAE;IACxC,IAAI,CAACnB,IAAI,GAAGmB,OAAO,EAAEnB,IAAI,IAAIG,oBAAoB;EACnD;AACF","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@planningcenter/chat-react-native",
-  "version": "4.4.1-qa-staging.13",
+  "version": "4.4.1-qa-staging.15",
   "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.4.1-qa-staging.13",
+    "@planningcenter/emoji-keyboard": "4.4.1-qa-staging.15",
     "lodash-inflection": "^1.5.0"
   },
   "peerDependencies": {
@@ -84,5 +84,5 @@
     "sf-symbols-typescript": "^2.2.0",
     "typescript": "~6.0.3"
   },
-  "gitHead": "b6fa6a1c2ed0ab85c232050525ec3253be762dff"
+  "gitHead": "810a097ac7d4e1d4eeb6ea64a0516e62dd8e0a2c"
 }

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/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

@@ -65,7 +65,9 @@ const Wrapper = ({ children }: { children: React.ReactNode }) => (
 )
 
 const renderSystemMessage = (message: SystemMessageResource) =>
-  render(<SystemMessage message={message} conversationId={1} />, { wrapper: Wrapper })
+  render(<SystemMessage message={message} conversationId={1} conversationDisabled={false} />, {
+    wrapper: Wrapper,
+  })
 
 beforeEach(() => {
   jest.useFakeTimers({ now: new Date(2026, 5, 15, 12, 0) })

package/src/components/conversation/message.tsx

@@ -44,6 +44,7 @@ import { TheirReplyConnector, MyReplyConnector, AVATAR_CONNECTOR_SPACING } from
  */
 interface MessageProps extends MessageResource {
   canDeleteNonAuthoredMessages: boolean
+  conversationDisabled: boolean
   conversation_id: number
   readByOthers?: boolean
   inReplyScreen?: boolean
@@ -53,6 +54,7 @@ interface MessageProps extends MessageResource {
 
 export const Message = memo(function MessageRow({
   canDeleteNonAuthoredMessages,
+  conversationDisabled,
   conversation_id,
   readByOthers,
   inReplyScreen,
@@ -108,6 +110,7 @@ export const Message = memo(function MessageRow({
       : hasReactions || showMessageMeta || showReplyCountButton
         ? 8
         : 4
+  const spaceBelowPressable = messageBottomMargin - MESSAGE_BACKGROUND_OUTSET
 
   const messageIsReplyLabel = replyToReplyRootMessage ? 'Reply' : ''
   const attachmentLabel = some(attachments) ? pluralize(attachments.length, 'attachment') : ''
@@ -214,6 +217,7 @@ export const Message = memo(function MessageRow({
   return (
     <Pressable
       testID={`message-${message.id}`}
+      style={[styles.pressable, { marginBottom: spaceBelowPressable }]}
       onLongPress={isDeleting ? undefined : handleMessageLongPress}
       onPress={isDeleting ? undefined : handleMessagePress}
       onPressIn={isDeleting ? undefined : handleMessagePressIn}
@@ -226,14 +230,8 @@ export const Message = memo(function MessageRow({
       onAccessibilityAction={isReplyRootMessage ? handleAccessibilityAction : undefined}
       disabled={isDeletedReplyRootMessage || isDeleting}
     >
-      <View style={styles.message}>
-        <Animated.View
-          style={[
-            styles.background,
-            { bottom: messageBottomMargin - MESSAGE_BACKGROUND_OUTSET },
-            animatedBackgroundColor,
-          ]}
-        />
+      <Animated.View style={[StyleSheet.absoluteFill, animatedBackgroundColor]} />
+      <View style={[styles.message, { marginBottom: -spaceBelowPressable }]}>
         {!message.mine && (
           <View>
             {renderAuthor ? (
@@ -304,6 +302,7 @@ export const Message = memo(function MessageRow({
                   onLongPress={handleReactionLongPress}
                   message={message}
                   conversationId={conversation_id}
+                  disabled={conversationDisabled}
                 />
               ))}
             </View>
@@ -370,18 +369,16 @@ const useMessageStyles = (mine: boolean, isDeleting: boolean) => {
   const messageBubbleBackgroundColor = mine ? myMessageBackgroundColor : colors.fillColorNeutral070
 
   return StyleSheet.create({
+    pressable: {
+      marginTop: -MESSAGE_BACKGROUND_OUTSET,
+      paddingTop: MESSAGE_BACKGROUND_OUTSET,
+    },
     message: {
       gap: 8,
       flexDirection: mine ? 'row-reverse' : 'row',
       paddingHorizontal: CONVERSATION_MESSAGE_LIST_PADDING_HORIZONTAL,
       opacity: isDeleting ? 0.5 : 1,
     },
-    background: {
-      position: 'absolute',
-      left: 0,
-      right: 0,
-      top: -MESSAGE_BACKGROUND_OUTSET,
-    },
     messageContent: {
       flex: 1,
       gap: 4,

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}

package/src/components/conversation/message_reaction.tsx

@@ -16,11 +16,13 @@ export function MessageReaction({
   onLongPress,
   message,
   conversationId,
+  disabled = false,
 }: {
   reaction: ReactionCountResource
   onLongPress: (_reaction: ReactionCountResource) => void
   message: MessageResource
   conversationId: number
+  disabled?: boolean
 }) {
   const styles = useReactionStyles(reaction)
   const { handleReactionToggle } = useMessageReactionToggle({
@@ -46,8 +48,11 @@ export function MessageReaction({
       testID={`reaction-${message.id}-${reaction.value}`}
       style={styles.reaction}
       onLongPress={() => onLongPress(reaction)}
-      onPress={handlePress}
-      android_ripple={{ color: androidRippleColor, borderless: false, foreground: true }}
+      onPress={disabled ? undefined : handlePress}
+      pressOpacity={disabled ? 1 : undefined}
+      android_ripple={
+        disabled ? undefined : { color: androidRippleColor, borderless: false, foreground: true }
+      }
     >
       <Text style={styles.reactionEmoji}>{REACTION_EMOJIS[reaction.value]}</Text>
       <Text style={styles.reactionText}>{reaction.count}</Text>

package/src/components/conversation/messages_disabled_banners.tsx

@@ -22,38 +22,36 @@ export const MemberMessagesDisabledBanner = () => {
 
 const DEFAULT_DISABLED_TEXT = 'This conversation has been disabled.'
 
+interface BannerAction {
+  label: string
+  onPress: () => void
+  loading?: boolean
+}
+
 interface ConversationDisabledBannerProps {
   message: string | null
-  messageLink?: { label: string; onPress: () => void }
+  action?: BannerAction
 }
 
 export const ConversationDisabledBanner = ({
   message,
-  messageLink,
+  action,
 }: ConversationDisabledBannerProps) => {
   const styles = useStyles()
   const description = message ?? DEFAULT_DISABLED_TEXT
 
   return (
-    <MessagesDisabledBanner
-      description={description}
-      style={styles.memberBanner}
-      messageLink={messageLink}
-    />
+    <MessagesDisabledBanner description={description} style={styles.memberBanner} action={action} />
   )
 }
 
 interface MessagesDisabledBannerProps {
   description: string
   style?: ViewStyle
-  messageLink?: { label: string; onPress: () => void }
+  action?: BannerAction
 }
 
-const MessagesDisabledBanner = ({
-  description,
-  style,
-  messageLink,
-}: MessagesDisabledBannerProps) => {
+const MessagesDisabledBanner = ({ description, style, action }: MessagesDisabledBannerProps) => {
   const styles = useStyles()
 
   return (
@@ -61,13 +59,14 @@ const MessagesDisabledBanner = ({
       <Text style={styles.text} variant="tertiary">
         {description}
       </Text>
-      {messageLink && (
+      {action && (
         <Button
           variant="fill"
           size="lg"
-          title={messageLink.label}
-          onPress={messageLink.onPress}
-          style={styles.messageButton}
+          title={action.label}
+          onPress={action.onPress}
+          loading={action.loading}
+          style={styles.actionButton}
         />
       )}
     </View>
@@ -94,7 +93,7 @@ const useStyles = () => {
       paddingBottom: 16 + bottom,
       marginBottom: -bottom,
     },
-    messageButton: {
+    actionButton: {
       marginTop: 12,
     },
   })