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

package/build/components/conversation/message_list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"message_list.d.ts","sourceRoot":"","sources":["../../../src/components/conversation/message_list.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,SAAS,EAAU,MAAM,OAAO,CAAA;AAChD,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAoB,MAAM,cAAc,CAAA;AAExE,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAA;AACzE,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAE/D,OAAO,EAAqC,KAAK,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAepG,KAAK,cAAc,GAAG,IAAI,CACxB,aAAa,CAAC,eAAe,CAAC,EAC5B,UAAU,GACV,UAAU,GACV,qBAAqB,GACrB,mBAAmB,GACnB,iBAAiB,GACjB,qBAAqB,CACxB,CAAA;AAED,UAAU,gBAAiB,SAAQ,cAAc;IAC/C,OAAO,EAAE,SAAS,CAAC,QAAQ,GAAG,IAAI,CAAC,CAAA;IACnC,YAAY,EAAE,oBAAoB,CAAA;IAClC,cAAc,EAAE,MAAM,CAAA;IACtB,QAAQ,EAAE,eAAe,EAAE,CAAA;IAC3B,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC/B,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,WAAW,EAAE,OAAO,CAAA;IACpB,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;CAC5B;AAID;;GAEG;AACH,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,YAAY,EACZ,cAAc,EACd,QAAQ,EACR,WAAW,EACX,eAAe,EACf,MAAc,EACd,WAAW,EACX,YAAY,EACZ,cAAc,EACd,QAAQ,EACR,QAAQ,EACR,mBAAmB,EACnB,iBAAiB,EACjB,eAAe,EACf,mBAAmB,GACpB,EAAE,gBAAgB,2CA2HlB"}
+{"version":3,"file":"message_list.d.ts","sourceRoot":"","sources":["../../../src/components/conversation/message_list.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,SAAS,EAA4C,MAAM,OAAO,CAAA;AAClF,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAoB,MAAM,cAAc,CAAA;AAExE,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAA;AACzE,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAE/D,OAAO,EAAqC,KAAK,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAepG,KAAK,cAAc,GAAG,IAAI,CACxB,aAAa,CAAC,eAAe,CAAC,EAC5B,UAAU,GACV,UAAU,GACV,qBAAqB,GACrB,mBAAmB,GACnB,iBAAiB,GACjB,qBAAqB,CACxB,CAAA;AAED,UAAU,gBAAiB,SAAQ,cAAc;IAC/C,OAAO,EAAE,SAAS,CAAC,QAAQ,GAAG,IAAI,CAAC,CAAA;IACnC,YAAY,EAAE,oBAAoB,CAAA;IAClC,cAAc,EAAE,MAAM,CAAA;IACtB,QAAQ,EAAE,eAAe,EAAE,CAAA;IAC3B,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC/B,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,WAAW,EAAE,OAAO,CAAA;IACpB,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;CAC5B;AAKD;;GAEG;AACH,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,YAAY,EACZ,cAAc,EACd,QAAQ,EACR,WAAW,EACX,eAAe,EACf,MAAc,EACd,WAAW,EACX,YAAY,EACZ,cAAc,EACd,QAAQ,EACR,QAAQ,EACR,mBAAmB,EACnB,iBAAiB,EACjB,eAAe,EACf,mBAAmB,GACpB,EAAE,gBAAgB,2CAmJlB"}

package/build/components/conversation/message_list.js

@@ -1,7 +1,7 @@
 import { c as _c } from "react/compiler-runtime";
 import { date as formatDate } from '@planningcenter/datetime-fmt';
 import { noop } from 'lodash';
-import React, { useRef } from 'react';
+import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { FlatList, StyleSheet, View } from 'react-native';
 import { useTheme } from '../../hooks';
 import { getRelativeDateStatus } from '../../utils/date';
@@ -26,12 +26,15 @@ const HOLD_ONLY = {
   minIndexForVisible: 0
 };
 const ANCHOR_CLEARS_JUMP_BUTTON = 56;
+const ANCHOR_VIEWABILITY = {
+  itemVisiblePercentThreshold: 50
+};
 
 /** MessageList
  * The inverted list of messages, reply previews, and date separators for a conversation
  */
 export function MessageList(t0) {
-  const $ = _c(44);
+  const $ = _c(50);
   const {
     listRef,
     conversation,
@@ -77,9 +80,27 @@ export function MessageList(t0) {
   const contentHeight = useRef(0);
   const userHasScrolled = useRef(false);
   const draggedSinceStartReached = useRef(false);
+  const latestAnchorMessageId = useRef(anchorMessageId);
+  const flashedAnchorId = useRef(null);
+  const [highlightedMessageId, setHighlightedMessageId] = useState(null);
   let t3;
-  if ($[5] !== anchorIndex || $[6] !== listRef) {
+  let t4;
+  if ($[5] !== anchorMessageId) {
     t3 = () => {
+      latestAnchorMessageId.current = anchorMessageId;
+    };
+    t4 = [anchorMessageId];
+    $[5] = anchorMessageId;
+    $[6] = t3;
+    $[7] = t4;
+  } else {
+    t3 = $[6];
+    t4 = $[7];
+  }
+  useEffect(t3, t4);
+  let t5;
+  if ($[8] !== anchorIndex || $[9] !== listRef) {
+    t5 = () => {
       const anchorIsLoaded = anchorIndex >= 0;
       if (!anchorIsLoaded || userHasScrolled.current) {
         return;
@@ -95,88 +116,117 @@ export function MessageList(t0) {
         animated: false
       });
     };
-    $[5] = anchorIndex;
-    $[6] = listRef;
-    $[7] = t3;
+    $[8] = anchorIndex;
+    $[9] = listRef;
+    $[10] = t5;
   } else {
-    t3 = $[7];
+    t5 = $[10];
   }
-  const pinAnchorToBottomEdge = t3;
-  let t4;
-  if ($[8] !== onLayout || $[9] !== pinAnchorToBottomEdge) {
-    t4 = event => {
+  const pinAnchorToBottomEdge = t5;
+  let t6;
+  if ($[11] !== onLayout || $[12] !== pinAnchorToBottomEdge) {
+    t6 = event => {
       onLayout?.(event);
       layoutHeight.current = event.nativeEvent.layout.height;
       pinAnchorToBottomEdge();
     };
-    $[8] = onLayout;
-    $[9] = pinAnchorToBottomEdge;
-    $[10] = t4;
+    $[11] = onLayout;
+    $[12] = pinAnchorToBottomEdge;
+    $[13] = t6;
   } else {
-    t4 = $[10];
+    t6 = $[13];
   }
-  const handleLayout = t4;
-  let t5;
-  if ($[11] !== onContentSizeChange || $[12] !== pinAnchorToBottomEdge) {
-    t5 = (width, height) => {
+  const handleLayout = t6;
+  let t7;
+  if ($[14] !== onContentSizeChange || $[15] !== pinAnchorToBottomEdge) {
+    t7 = (width, height) => {
       onContentSizeChange?.(width, height);
       contentHeight.current = height;
       pinAnchorToBottomEdge();
     };
-    $[11] = onContentSizeChange;
-    $[12] = pinAnchorToBottomEdge;
-    $[13] = t5;
+    $[14] = onContentSizeChange;
+    $[15] = pinAnchorToBottomEdge;
+    $[16] = t7;
   } else {
-    t5 = $[13];
+    t7 = $[16];
   }
-  const handleContentSizeChange = t5;
-  let t6;
-  if ($[14] !== onScrollBeginDrag) {
-    t6 = event_0 => {
+  const handleContentSizeChange = t7;
+  let t8;
+  if ($[17] !== onScrollBeginDrag) {
+    t8 = event_0 => {
       userHasScrolled.current = true;
       draggedSinceStartReached.current = true;
       onScrollBeginDrag?.(event_0);
     };
-    $[14] = onScrollBeginDrag;
-    $[15] = t6;
+    $[17] = onScrollBeginDrag;
+    $[18] = t8;
   } else {
-    t6 = $[15];
+    t8 = $[18];
   }
-  const handleScrollBeginDrag = t6;
-  let t7;
-  if ($[16] !== onStartReached) {
-    t7 = () => {
+  const handleScrollBeginDrag = t8;
+  let t9;
+  if ($[19] === Symbol.for("react.memo_cache_sentinel")) {
+    t9 = t10 => {
+      const {
+        viewableItems
+      } = t10;
+      const anchorId = latestAnchorMessageId.current;
+      if (!anchorId || anchorId === flashedAnchorId.current) {
+        return;
+      }
+      if (!viewableItems.some(token => token.item.id === anchorId)) {
+        return;
+      }
+      flashedAnchorId.current = anchorId;
+      setHighlightedMessageId(anchorId);
+    };
+    $[19] = t9;
+  } else {
+    t9 = $[19];
+  }
+  const flashAnchorOnceViewable = t9;
+  let t10;
+  if ($[20] === Symbol.for("react.memo_cache_sentinel")) {
+    t10 = () => setHighlightedMessageId(null);
+    $[20] = t10;
+  } else {
+    t10 = $[20];
+  }
+  const clearHighlight = t10;
+  let t11;
+  if ($[21] !== onStartReached) {
+    t11 = () => {
       if (!draggedSinceStartReached.current) {
         return;
       }
       draggedSinceStartReached.current = false;
       onStartReached?.();
     };
-    $[16] = onStartReached;
-    $[17] = t7;
+    $[21] = onStartReached;
+    $[22] = t11;
   } else {
-    t7 = $[17];
+    t11 = $[22];
   }
-  const handleStartReached = t7;
-  const t8 = behind ? HOLD_ONLY : HOLD_AND_FOLLOW;
-  let t9;
-  if ($[18] !== conversation || $[19] !== hasNextPage) {
-    t9 = hasNextPage ? null : /*#__PURE__*/_jsx(ConversationStartBanner, {
+  const handleStartReached = t11;
+  const t12 = behind ? HOLD_ONLY : HOLD_AND_FOLLOW;
+  let t13;
+  if ($[23] !== conversation || $[24] !== hasNextPage) {
+    t13 = hasNextPage ? null : /*#__PURE__*/_jsx(ConversationStartBanner, {
       conversation: conversation,
       hasMessages: true
     });
-    $[18] = conversation;
-    $[19] = hasNextPage;
-    $[20] = t9;
+    $[23] = conversation;
+    $[24] = hasNextPage;
+    $[25] = t13;
   } else {
-    t9 = $[20];
+    t13 = $[25];
   }
-  let t10;
-  if ($[21] !== canDeleteNonAuthoredMessages || $[22] !== conversationId || $[23] !== inReplyScreen || $[24] !== latestRead) {
-    t10 = t11 => {
+  let t14;
+  if ($[26] !== canDeleteNonAuthoredMessages || $[27] !== conversationId || $[28] !== highlightedMessageId || $[29] !== inReplyScreen || $[30] !== latestRead) {
+    t14 = t15 => {
       const {
         item: item_1
-      } = t11;
+      } = t15;
       if (item_1.type === "DateSeparator") {
         return /*#__PURE__*/_jsx(InlineDateSeparator, {
           ...item_1
@@ -204,30 +254,33 @@ export function MessageList(t0) {
         canDeleteNonAuthoredMessages: canDeleteNonAuthoredMessages,
         conversation_id: conversationId,
         readByOthers: readByOthers,
-        inReplyScreen: inReplyScreen
+        inReplyScreen: inReplyScreen,
+        highlighted: item_1.id === highlightedMessageId,
+        onHighlightShown: clearHighlight
       });
     };
-    $[21] = canDeleteNonAuthoredMessages;
-    $[22] = conversationId;
-    $[23] = inReplyScreen;
-    $[24] = latestRead;
-    $[25] = t10;
+    $[26] = canDeleteNonAuthoredMessages;
+    $[27] = conversationId;
+    $[28] = highlightedMessageId;
+    $[29] = inReplyScreen;
+    $[30] = latestRead;
+    $[31] = t14;
   } else {
-    t10 = $[25];
+    t14 = $[31];
   }
-  let t11;
-  if ($[26] !== styles.listHeader) {
-    t11 = /*#__PURE__*/_jsx(View, {
+  let t15;
+  if ($[32] !== styles.listHeader) {
+    t15 = /*#__PURE__*/_jsx(View, {
       style: styles.listHeader
     });
-    $[26] = styles.listHeader;
-    $[27] = t11;
+    $[32] = styles.listHeader;
+    $[33] = t15;
   } else {
-    t11 = $[27];
+    t15 = $[33];
   }
-  let t12;
-  if ($[28] !== handleContentSizeChange || $[29] !== handleLayout || $[30] !== handleScrollBeginDrag || $[31] !== handleStartReached || $[32] !== listRef || $[33] !== messagesWithSeparators || $[34] !== onEndReached || $[35] !== onMomentumScrollEnd || $[36] !== onScroll || $[37] !== onScrollEndDrag || $[38] !== styles.listContainer || $[39] !== t10 || $[40] !== t11 || $[41] !== t8 || $[42] !== t9) {
-    t12 = /*#__PURE__*/_jsx(FlatList, {
+  let t16;
+  if ($[34] !== handleContentSizeChange || $[35] !== handleLayout || $[36] !== handleScrollBeginDrag || $[37] !== handleStartReached || $[38] !== listRef || $[39] !== messagesWithSeparators || $[40] !== onEndReached || $[41] !== onMomentumScrollEnd || $[42] !== onScroll || $[43] !== onScrollEndDrag || $[44] !== styles.listContainer || $[45] !== t12 || $[46] !== t13 || $[47] !== t14 || $[48] !== t15) {
+    t16 = /*#__PURE__*/_jsx(FlatList, {
       inverted: true,
       ref: listRef,
       contentContainerStyle: styles.listContainer,
@@ -240,34 +293,36 @@ export function MessageList(t0) {
       onScrollToIndexFailed: noop,
       onScrollEndDrag: onScrollEndDrag,
       onMomentumScrollEnd: onMomentumScrollEnd,
+      onViewableItemsChanged: flashAnchorOnceViewable,
+      viewabilityConfig: ANCHOR_VIEWABILITY,
       scrollEventThrottle: 10,
-      maintainVisibleContentPosition: t8,
-      ListFooterComponent: t9,
-      renderItem: t10,
+      maintainVisibleContentPosition: t12,
+      ListFooterComponent: t13,
+      renderItem: t14,
       onEndReached: onEndReached,
       onStartReached: handleStartReached,
-      ListHeaderComponent: t11
+      ListHeaderComponent: t15
     });
-    $[28] = handleContentSizeChange;
-    $[29] = handleLayout;
-    $[30] = handleScrollBeginDrag;
-    $[31] = handleStartReached;
-    $[32] = listRef;
-    $[33] = messagesWithSeparators;
-    $[34] = onEndReached;
-    $[35] = onMomentumScrollEnd;
-    $[36] = onScroll;
-    $[37] = onScrollEndDrag;
-    $[38] = styles.listContainer;
-    $[39] = t10;
-    $[40] = t11;
-    $[41] = t8;
-    $[42] = t9;
-    $[43] = t12;
+    $[34] = handleContentSizeChange;
+    $[35] = handleLayout;
+    $[36] = handleScrollBeginDrag;
+    $[37] = handleStartReached;
+    $[38] = listRef;
+    $[39] = messagesWithSeparators;
+    $[40] = onEndReached;
+    $[41] = onMomentumScrollEnd;
+    $[42] = onScroll;
+    $[43] = onScrollEndDrag;
+    $[44] = styles.listContainer;
+    $[45] = t12;
+    $[46] = t13;
+    $[47] = t14;
+    $[48] = t15;
+    $[49] = t16;
   } else {
-    t12 = $[43];
+    t16 = $[49];
   }
-  return t12;
+  return t16;
 }
 function _temp(item_0) {
   return item_0.id;

package/build/components/conversation/message_list.js.map

@@ -1 +1 @@
-{"version":3,"file":"message_list.js","names":["date","formatDate","noop","React","useRef","FlatList","StyleSheet","View","useTheme","getRelativeDateStatus","groupMessages","CONVERSATION_MESSAGE_LIST_PADDING_HORIZONTAL","isSystemMessage","Text","ConversationStartBanner","Message","MissingMessage","ReplyShadowMessage","SystemMessage","jsx","_jsx","jsxs","_jsxs","HOLD_AND_FOLLOW","minIndexForVisible","autoscrollToTopThreshold","HOLD_ONLY","ANCHOR_CLEARS_JUMP_BUTTON","MessageList","t0","$","_c","listRef","conversation","conversationId","messages","replyRootId","anchorMessageId","behind","t1","hasNextPage","onEndReached","onStartReached","onScroll","onLayout","onContentSizeChange","onScrollBeginDrag","onScrollEndDrag","onMomentumScrollEnd","undefined","styles","useStyles","inReplyScreen","canDeleteNonAuthoredMessages","memberAbility","latestRead","latestReadMessageSortKey","messagesWithSeparators","t2","ms","findIndex","item","id","anchorIndex","layoutHeight","contentHeight","userHasScrolled","draggedSinceStartReached","t3","anchorIsLoaded","current","scrollable","scrollToIndex","index","viewPosition","viewOffset","animated","pinAnchorToBottomEdge","t4","event","nativeEvent","layout","height","handleLayout","t5","width","handleContentSizeChange","t6","event_0","handleScrollBeginDrag","t7","handleStartReached","t8","t9","hasMessages","t10","t11","item_1","type","InlineDateSeparator","deletedAt","readByOthers","mine","listHeader","style","t12","listContainer","inverted","contentContainerStyle","keyExtractor","_temp","scrollEventThrottle","maintainVisibleContentPosition","ListFooterComponent","renderItem","ListHeaderComponent","item_0","useDateSeparatorStyles","isThisYear","showYear","year","dateStamp","separator","dateText","variant","children","container","theme","colors","borderColorDefaultBase","create","alignItems","flexDirection","paddingHorizontal","paddingVertical","flex","borderTopWidth","borderTopColor"],"sources":["../../../src/components/conversation/message_list.tsx"],"sourcesContent":["import { date as formatDate } from '@planningcenter/datetime-fmt'\nimport { noop } from 'lodash'\nimport React, { RefObject, useRef } from 'react'\nimport { FlatList, FlatListProps, StyleSheet, View } from 'react-native'\nimport { useTheme } from '../../hooks'\nimport { ConversationResource } from '../../types/resources/conversation'\nimport { MessageResource } from '../../types/resources/message'\nimport { getRelativeDateStatus } from '../../utils/date'\nimport { groupMessages, type DateSeparator, type EnrichedMessage } from '../../utils/group_messages'\nimport { CONVERSATION_MESSAGE_LIST_PADDING_HORIZONTAL } from '../../utils/styles'\nimport { isSystemMessage } from '../../utils/system_messages'\nimport { Text } from '../display'\nimport { ConversationStartBanner } from './conversation_start_banner'\nimport { Message } from './message'\nimport { MissingMessage } from './missing_message'\nimport { ReplyShadowMessage } from './reply_shadow_message'\nimport { SystemMessage } from './system_message'\n\n// While behind, the bottom of the window isn't the live edge. Following there pulls\n// each newly paged-in page into view and chains the next fetch.\nconst HOLD_AND_FOLLOW = { minIndexForVisible: 0, autoscrollToTopThreshold: 100 }\nconst HOLD_ONLY = { minIndexForVisible: 0 }\n\ntype ScrollHandlers = Pick<\n  FlatListProps<EnrichedMessage>,\n  | 'onScroll'\n  | 'onLayout'\n  | 'onContentSizeChange'\n  | 'onScrollBeginDrag'\n  | 'onScrollEndDrag'\n  | 'onMomentumScrollEnd'\n>\n\ninterface MessageListProps extends ScrollHandlers {\n  listRef: RefObject<FlatList | null>\n  conversation: ConversationResource\n  conversationId: number\n  messages: MessageResource[]\n  replyRootId?: string | null\n  anchorMessageId?: string | null\n  behind?: boolean\n  hasNextPage: boolean\n  onEndReached: () => void\n  onStartReached?: () => void\n}\n\nconst ANCHOR_CLEARS_JUMP_BUTTON = 56\n\n/** MessageList\n * The inverted list of messages, reply previews, and date separators for a conversation\n */\nexport function MessageList({\n  listRef,\n  conversation,\n  conversationId,\n  messages,\n  replyRootId,\n  anchorMessageId,\n  behind = false,\n  hasNextPage,\n  onEndReached,\n  onStartReached,\n  onScroll,\n  onLayout,\n  onContentSizeChange,\n  onScrollBeginDrag,\n  onScrollEndDrag,\n  onMomentumScrollEnd,\n}: MessageListProps) {\n  const styles = useStyles()\n  const inReplyScreen = !!replyRootId\n  const canDeleteNonAuthoredMessages =\n    conversation.memberAbility?.canDeleteNonAuthoredMessages ?? false\n  const latestRead = conversation.latestReadMessageSortKey\n  const messagesWithSeparators = groupMessages({ ms: messages, inReplyScreen })\n  const anchorIndex = anchorMessageId\n    ? messagesWithSeparators.findIndex(item => item.id === anchorMessageId)\n    : -1\n  const layoutHeight = useRef(0)\n  const contentHeight = useRef(0)\n  const userHasScrolled = useRef(false)\n  const draggedSinceStartReached = useRef(false)\n\n  // Row heights keep settling after the first layout (images, attachments), so we\n  // re-pin on every layout pass until the reader takes over with a drag.\n  const pinAnchorToBottomEdge = () => {\n    const anchorIsLoaded = anchorIndex >= 0\n    if (!anchorIsLoaded || userHasScrolled.current) return\n\n    const scrollable = layoutHeight.current > 0 && contentHeight.current > layoutHeight.current\n    if (!scrollable) return\n\n    listRef.current?.scrollToIndex({\n      index: anchorIndex,\n      viewPosition: 0,\n      viewOffset: ANCHOR_CLEARS_JUMP_BUTTON,\n      animated: false,\n    })\n  }\n\n  const handleLayout: FlatListProps<EnrichedMessage>['onLayout'] = event => {\n    onLayout?.(event)\n    layoutHeight.current = event.nativeEvent.layout.height\n    pinAnchorToBottomEdge()\n  }\n\n  const handleContentSizeChange: FlatListProps<EnrichedMessage>['onContentSizeChange'] = (\n    width,\n    height\n  ) => {\n    onContentSizeChange?.(width, height)\n    contentHeight.current = height\n    pinAnchorToBottomEdge()\n  }\n\n  const handleScrollBeginDrag: FlatListProps<EnrichedMessage>['onScrollBeginDrag'] = event => {\n    userHasScrolled.current = true\n    draggedSinceStartReached.current = true\n    onScrollBeginDrag?.(event)\n  }\n\n  // VirtualizedList re-checks its edges on every content size change using a JS offset\n  // the native hold never updates, so without this each merged page re-fires it.\n  const handleStartReached = () => {\n    if (!draggedSinceStartReached.current) return\n\n    draggedSinceStartReached.current = false\n    onStartReached?.()\n  }\n\n  return (\n    <FlatList\n      inverted\n      ref={listRef}\n      contentContainerStyle={styles.listContainer}\n      data={messagesWithSeparators}\n      keyExtractor={item => item.id}\n      onScroll={onScroll}\n      onLayout={handleLayout}\n      onContentSizeChange={handleContentSizeChange}\n      onScrollBeginDrag={handleScrollBeginDrag}\n      // Expected while rows are still measuring; the next layout pass pins again.\n      onScrollToIndexFailed={noop}\n      onScrollEndDrag={onScrollEndDrag}\n      onMomentumScrollEnd={onMomentumScrollEnd}\n      scrollEventThrottle={10}\n      maintainVisibleContentPosition={behind ? HOLD_ONLY : HOLD_AND_FOLLOW}\n      ListFooterComponent={\n        hasNextPage ? null : (\n          <ConversationStartBanner conversation={conversation} hasMessages={true} />\n        )\n      }\n      renderItem={({ item }) => {\n        if (item.type === 'DateSeparator') {\n          return <InlineDateSeparator {...item} />\n        }\n\n        if (item.type === 'Message' && item.deletedAt && !item.replyRootId) {\n          return <MissingMessage />\n        }\n\n        if (item.type === 'ReplyShadowMessage') {\n          return (\n            <ReplyShadowMessage\n              {...(item as any)}\n              conversation_id={conversationId}\n              inReplyScreen={inReplyScreen}\n            />\n          )\n        }\n\n        if (isSystemMessage(item)) {\n          return <SystemMessage message={item} conversationId={conversationId} />\n        }\n\n        const readByOthers = item.mine && !!latestRead && item.id <= latestRead\n        return (\n          <Message\n            {...item}\n            canDeleteNonAuthoredMessages={canDeleteNonAuthoredMessages}\n            conversation_id={conversationId}\n            readByOthers={readByOthers}\n            inReplyScreen={inReplyScreen}\n          />\n        )\n      }}\n      onEndReached={onEndReached}\n      onStartReached={handleStartReached}\n      ListHeaderComponent={<View style={styles.listHeader} />}\n    />\n  )\n}\n\nfunction InlineDateSeparator({ date }: DateSeparator) {\n  const styles = useDateSeparatorStyles()\n  const { isThisYear } = getRelativeDateStatus(date)\n  const showYear = !isThisYear\n  const dateStamp = formatDate(date, { style: 'long', year: showYear })\n\n  return (\n    <View style={styles.container}>\n      <View style={styles.separator} />\n      <Text variant=\"footnote\" style={styles.dateText}>\n        {dateStamp}\n      </Text>\n      <View style={styles.separator} />\n    </View>\n  )\n}\n\nconst useDateSeparatorStyles = () => {\n  const theme = useTheme()\n  return StyleSheet.create({\n    container: {\n      alignItems: 'center',\n      flexDirection: 'row',\n      paddingHorizontal: CONVERSATION_MESSAGE_LIST_PADDING_HORIZONTAL,\n      paddingVertical: 16,\n    },\n    separator: {\n      flex: 1,\n      height: 1,\n      borderTopWidth: 1,\n      borderTopColor: theme.colors.borderColorDefaultBase,\n    },\n    dateText: {\n      paddingHorizontal: 8,\n    },\n  })\n}\n\nconst useStyles = () =>\n  StyleSheet.create({\n    listContainer: {\n      paddingVertical: 12,\n    },\n    listHeader: {\n      // Just whitespace to provide space where the typing indicator can be\n      height: 16,\n    },\n  })\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"message_list.js","names":["date","formatDate","noop","React","useCallback","useEffect","useRef","useState","FlatList","StyleSheet","View","useTheme","getRelativeDateStatus","groupMessages","CONVERSATION_MESSAGE_LIST_PADDING_HORIZONTAL","isSystemMessage","Text","ConversationStartBanner","Message","MissingMessage","ReplyShadowMessage","SystemMessage","jsx","_jsx","jsxs","_jsxs","HOLD_AND_FOLLOW","minIndexForVisible","autoscrollToTopThreshold","HOLD_ONLY","ANCHOR_CLEARS_JUMP_BUTTON","ANCHOR_VIEWABILITY","itemVisiblePercentThreshold","MessageList","t0","$","_c","listRef","conversation","conversationId","messages","replyRootId","anchorMessageId","behind","t1","hasNextPage","onEndReached","onStartReached","onScroll","onLayout","onContentSizeChange","onScrollBeginDrag","onScrollEndDrag","onMomentumScrollEnd","undefined","styles","useStyles","inReplyScreen","canDeleteNonAuthoredMessages","memberAbility","latestRead","latestReadMessageSortKey","messagesWithSeparators","t2","ms","findIndex","item","id","anchorIndex","layoutHeight","contentHeight","userHasScrolled","draggedSinceStartReached","latestAnchorMessageId","flashedAnchorId","highlightedMessageId","setHighlightedMessageId","t3","t4","current","t5","anchorIsLoaded","scrollable","scrollToIndex","index","viewPosition","viewOffset","animated","pinAnchorToBottomEdge","t6","event","nativeEvent","layout","height","handleLayout","t7","width","handleContentSizeChange","t8","event_0","handleScrollBeginDrag","t9","Symbol","for","t10","viewableItems","anchorId","some","token","flashAnchorOnceViewable","clearHighlight","t11","handleStartReached","t12","t13","hasMessages","t14","t15","item_1","type","InlineDateSeparator","deletedAt","readByOthers","mine","highlighted","listHeader","style","t16","listContainer","inverted","contentContainerStyle","keyExtractor","_temp","scrollEventThrottle","maintainVisibleContentPosition","ListFooterComponent","renderItem","ListHeaderComponent","item_0","useDateSeparatorStyles","isThisYear","showYear","year","dateStamp","separator","dateText","variant","children","container","theme","colors","borderColorDefaultBase","create","alignItems","flexDirection","paddingHorizontal","paddingVertical","flex","borderTopWidth","borderTopColor"],"sources":["../../../src/components/conversation/message_list.tsx"],"sourcesContent":["import { date as formatDate } from '@planningcenter/datetime-fmt'\nimport { noop } from 'lodash'\nimport React, { RefObject, useCallback, useEffect, useRef, useState } from 'react'\nimport { FlatList, FlatListProps, StyleSheet, View } from 'react-native'\nimport { useTheme } from '../../hooks'\nimport { ConversationResource } from '../../types/resources/conversation'\nimport { MessageResource } from '../../types/resources/message'\nimport { getRelativeDateStatus } from '../../utils/date'\nimport { groupMessages, type DateSeparator, type EnrichedMessage } from '../../utils/group_messages'\nimport { CONVERSATION_MESSAGE_LIST_PADDING_HORIZONTAL } from '../../utils/styles'\nimport { isSystemMessage } from '../../utils/system_messages'\nimport { Text } from '../display'\nimport { ConversationStartBanner } from './conversation_start_banner'\nimport { Message } from './message'\nimport { MissingMessage } from './missing_message'\nimport { ReplyShadowMessage } from './reply_shadow_message'\nimport { SystemMessage } from './system_message'\n\n// While behind, the bottom of the window isn't the live edge. Following there pulls\n// each newly paged-in page into view and chains the next fetch.\nconst HOLD_AND_FOLLOW = { minIndexForVisible: 0, autoscrollToTopThreshold: 100 }\nconst HOLD_ONLY = { minIndexForVisible: 0 }\n\ntype ScrollHandlers = Pick<\n  FlatListProps<EnrichedMessage>,\n  | 'onScroll'\n  | 'onLayout'\n  | 'onContentSizeChange'\n  | 'onScrollBeginDrag'\n  | 'onScrollEndDrag'\n  | 'onMomentumScrollEnd'\n>\n\ninterface MessageListProps extends ScrollHandlers {\n  listRef: RefObject<FlatList | null>\n  conversation: ConversationResource\n  conversationId: number\n  messages: MessageResource[]\n  replyRootId?: string | null\n  anchorMessageId?: string | null\n  behind?: boolean\n  hasNextPage: boolean\n  onEndReached: () => void\n  onStartReached?: () => void\n}\n\nconst ANCHOR_CLEARS_JUMP_BUTTON = 56\nconst ANCHOR_VIEWABILITY = { itemVisiblePercentThreshold: 50 }\n\n/** MessageList\n * The inverted list of messages, reply previews, and date separators for a conversation\n */\nexport function MessageList({\n  listRef,\n  conversation,\n  conversationId,\n  messages,\n  replyRootId,\n  anchorMessageId,\n  behind = false,\n  hasNextPage,\n  onEndReached,\n  onStartReached,\n  onScroll,\n  onLayout,\n  onContentSizeChange,\n  onScrollBeginDrag,\n  onScrollEndDrag,\n  onMomentumScrollEnd,\n}: MessageListProps) {\n  const styles = useStyles()\n  const inReplyScreen = !!replyRootId\n  const canDeleteNonAuthoredMessages =\n    conversation.memberAbility?.canDeleteNonAuthoredMessages ?? false\n  const latestRead = conversation.latestReadMessageSortKey\n  const messagesWithSeparators = groupMessages({ ms: messages, inReplyScreen })\n  const anchorIndex = anchorMessageId\n    ? messagesWithSeparators.findIndex(item => item.id === anchorMessageId)\n    : -1\n  const layoutHeight = useRef(0)\n  const contentHeight = useRef(0)\n  const userHasScrolled = useRef(false)\n  const draggedSinceStartReached = useRef(false)\n  const latestAnchorMessageId = useRef(anchorMessageId)\n  const flashedAnchorId = useRef<string | null>(null)\n  const [highlightedMessageId, setHighlightedMessageId] = useState<string | null>(null)\n\n  useEffect(() => {\n    latestAnchorMessageId.current = anchorMessageId\n  }, [anchorMessageId])\n\n  // Row heights keep settling after the first layout (images, attachments), so we\n  // re-pin on every layout pass until the reader takes over with a drag.\n  const pinAnchorToBottomEdge = () => {\n    const anchorIsLoaded = anchorIndex >= 0\n    if (!anchorIsLoaded || userHasScrolled.current) return\n\n    const scrollable = layoutHeight.current > 0 && contentHeight.current > layoutHeight.current\n    if (!scrollable) return\n\n    listRef.current?.scrollToIndex({\n      index: anchorIndex,\n      viewPosition: 0,\n      viewOffset: ANCHOR_CLEARS_JUMP_BUTTON,\n      animated: false,\n    })\n  }\n\n  const handleLayout: FlatListProps<EnrichedMessage>['onLayout'] = event => {\n    onLayout?.(event)\n    layoutHeight.current = event.nativeEvent.layout.height\n    pinAnchorToBottomEdge()\n  }\n\n  const handleContentSizeChange: FlatListProps<EnrichedMessage>['onContentSizeChange'] = (\n    width,\n    height\n  ) => {\n    onContentSizeChange?.(width, height)\n    contentHeight.current = height\n    pinAnchorToBottomEdge()\n  }\n\n  const handleScrollBeginDrag: FlatListProps<EnrichedMessage>['onScrollBeginDrag'] = event => {\n    userHasScrolled.current = true\n    draggedSinceStartReached.current = true\n    onScrollBeginDrag?.(event)\n  }\n\n  const flashAnchorOnceViewable: FlatListProps<EnrichedMessage>['onViewableItemsChanged'] = ({\n    viewableItems,\n  }) => {\n    const anchorId = latestAnchorMessageId.current\n    if (!anchorId || anchorId === flashedAnchorId.current) return\n    if (!viewableItems.some(token => token.item.id === anchorId)) return\n\n    flashedAnchorId.current = anchorId\n    setHighlightedMessageId(anchorId)\n  }\n\n  const clearHighlight = useCallback(() => setHighlightedMessageId(null), [])\n\n  // VirtualizedList re-checks its edges on every content size change using a JS offset\n  // the native hold never updates, so without this each merged page re-fires it.\n  const handleStartReached = () => {\n    if (!draggedSinceStartReached.current) return\n\n    draggedSinceStartReached.current = false\n    onStartReached?.()\n  }\n\n  return (\n    <FlatList\n      inverted\n      ref={listRef}\n      contentContainerStyle={styles.listContainer}\n      data={messagesWithSeparators}\n      keyExtractor={item => item.id}\n      onScroll={onScroll}\n      onLayout={handleLayout}\n      onContentSizeChange={handleContentSizeChange}\n      onScrollBeginDrag={handleScrollBeginDrag}\n      // Expected while rows are still measuring; the next layout pass pins again.\n      onScrollToIndexFailed={noop}\n      onScrollEndDrag={onScrollEndDrag}\n      onMomentumScrollEnd={onMomentumScrollEnd}\n      onViewableItemsChanged={flashAnchorOnceViewable}\n      viewabilityConfig={ANCHOR_VIEWABILITY}\n      scrollEventThrottle={10}\n      maintainVisibleContentPosition={behind ? HOLD_ONLY : HOLD_AND_FOLLOW}\n      ListFooterComponent={\n        hasNextPage ? null : (\n          <ConversationStartBanner conversation={conversation} hasMessages={true} />\n        )\n      }\n      renderItem={({ item }) => {\n        if (item.type === 'DateSeparator') {\n          return <InlineDateSeparator {...item} />\n        }\n\n        if (item.type === 'Message' && item.deletedAt && !item.replyRootId) {\n          return <MissingMessage />\n        }\n\n        if (item.type === 'ReplyShadowMessage') {\n          return (\n            <ReplyShadowMessage\n              {...(item as any)}\n              conversation_id={conversationId}\n              inReplyScreen={inReplyScreen}\n            />\n          )\n        }\n\n        if (isSystemMessage(item)) {\n          return <SystemMessage message={item} conversationId={conversationId} />\n        }\n\n        const readByOthers = item.mine && !!latestRead && item.id <= latestRead\n        return (\n          <Message\n            {...item}\n            canDeleteNonAuthoredMessages={canDeleteNonAuthoredMessages}\n            conversation_id={conversationId}\n            readByOthers={readByOthers}\n            inReplyScreen={inReplyScreen}\n            highlighted={item.id === highlightedMessageId}\n            onHighlightShown={clearHighlight}\n          />\n        )\n      }}\n      onEndReached={onEndReached}\n      onStartReached={handleStartReached}\n      ListHeaderComponent={<View style={styles.listHeader} />}\n    />\n  )\n}\n\nfunction InlineDateSeparator({ date }: DateSeparator) {\n  const styles = useDateSeparatorStyles()\n  const { isThisYear } = getRelativeDateStatus(date)\n  const showYear = !isThisYear\n  const dateStamp = formatDate(date, { style: 'long', year: showYear })\n\n  return (\n    <View style={styles.container}>\n      <View style={styles.separator} />\n      <Text variant=\"footnote\" style={styles.dateText}>\n        {dateStamp}\n      </Text>\n      <View style={styles.separator} />\n    </View>\n  )\n}\n\nconst useDateSeparatorStyles = () => {\n  const theme = useTheme()\n  return StyleSheet.create({\n    container: {\n      alignItems: 'center',\n      flexDirection: 'row',\n      paddingHorizontal: CONVERSATION_MESSAGE_LIST_PADDING_HORIZONTAL,\n      paddingVertical: 16,\n    },\n    separator: {\n      flex: 1,\n      height: 1,\n      borderTopWidth: 1,\n      borderTopColor: theme.colors.borderColorDefaultBase,\n    },\n    dateText: {\n      paddingHorizontal: 8,\n    },\n  })\n}\n\nconst useStyles = () =>\n  StyleSheet.create({\n    listContainer: {\n      paddingVertical: 12,\n    },\n    listHeader: {\n      // Just whitespace to provide space where the typing indicator can be\n      height: 16,\n    },\n  })\n"],"mappings":"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","ignoreList":[]}

package/build/components/conversation/system_message.js

@@ -40,7 +40,7 @@ export function SystemMessage(t0) {
     t1 = $[3];
   }
   const text = t1;
-  const hasPeople = personIdsForSystemEvent.length > 0;
+  const isTruncated = overflowCount > 0;
   const hasReactions = reactionCounts.length > 0;
   const {
     animatedBackgroundColor,
@@ -99,7 +99,7 @@ export function SystemMessage(t0) {
     t4 = $[15];
   }
   const handleReactionLongPress = t4;
-  const t5 = hasPeople ? handlePress : undefined;
+  const t5 = isTruncated ? handlePress : undefined;
   let t6;
   if ($[16] !== colors.androidRippleNeutral) {
     t6 = {
@@ -112,7 +112,7 @@ export function SystemMessage(t0) {
   } else {
     t6 = $[17];
   }
-  const t7 = hasPeople ? "Tap to see people. Long press for message actions." : "Long press for message actions.";
+  const t7 = isTruncated ? "Tap to see people. Long press for message actions." : "Long press for message actions.";
   let t8;
   if ($[18] !== animatedBackgroundColor || $[19] !== styles.container) {
     t8 = [styles.container, animatedBackgroundColor];

package/build/components/conversation/system_message.js.map

@@ -1 +1 @@
-{"version":3,"file":"system_message.js","names":["useNavigation","React","Pressable","StyleSheet","View","Animated","useAnimatedMessageBackgroundColor","useTheme","Haptic","Text","MessageReaction","jsx","_jsx","jsxs","_jsxs","SystemMessage","t0","$","_c","message","conversationId","reactionCounts","systemTextParts","personIdsForSystemEvent","names","overflowCount","action","styles","useStyles","navigation","colors","t1","systemMessageText","text","hasPeople","length","hasReactions","animatedBackgroundColor","handleMessagePressIn","handleMessagePressOut","t2","navigate","conversation_id","person_ids","handlePress","t3","id","impactLight","message_id","isSystemMessage","handleLongPress","t4","reaction","reaction_value","value","handleReactionLongPress","t5","undefined","t6","androidRippleNeutral","color","borderless","foreground","t7","t8","container","t9","variant","style","children","t10","reactions","map","reaction_0","t11","t12","onPress","android_ripple","accessibilityRole","accessibilityHint","overflowLabel","join","textColorDefaultSecondary","create","paddingVertical","paddingHorizontal","alignItems","textAlign","flexDirection","flexWrap","justifyContent","gap","marginTop"],"sources":["../../../src/components/conversation/system_message.tsx"],"sourcesContent":["import { useNavigation } from '@react-navigation/native'\nimport React from 'react'\nimport { Pressable, StyleSheet, View } from 'react-native'\nimport Animated from 'react-native-reanimated'\nimport { useAnimatedMessageBackgroundColor, useTheme } from '../../hooks'\nimport { ReactionCountResource } from '../../types/resources/reaction'\nimport { Haptic } from '../../utils/native_adapters'\nimport { SystemMessageResource } from '../../utils/system_messages'\nimport { Text } from '../display'\nimport { MessageReaction } from './message_reaction'\n\ninterface SystemMessageProps {\n  message: SystemMessageResource\n  conversationId: number\n}\n\nexport function SystemMessage({ message, conversationId }: SystemMessageProps) {\n  const { reactionCounts, systemTextParts, personIdsForSystemEvent } = message\n  const { names, overflowCount, action } = systemTextParts\n  const styles = useStyles()\n  const navigation = useNavigation()\n  const { colors } = useTheme()\n  const text = systemMessageText(names, overflowCount, action)\n  const hasPeople = personIdsForSystemEvent.length > 0\n  const hasReactions = reactionCounts.length > 0\n  const { animatedBackgroundColor, handleMessagePressIn, handleMessagePressOut } =\n    useAnimatedMessageBackgroundColor()\n\n  const handlePress = () => {\n    navigation.navigate('SystemMessagePeople', {\n      conversation_id: conversationId,\n      person_ids: personIdsForSystemEvent,\n    })\n  }\n\n  const handleLongPress = () => {\n    Haptic.impactLight()\n    navigation.navigate('MessageActions', {\n      message_id: message.id,\n      conversation_id: conversationId,\n      isSystemMessage: true,\n    })\n  }\n\n  const handleReactionLongPress = (reaction: ReactionCountResource) => {\n    Haptic.impactLight()\n    navigation.navigate('Reactions', {\n      message_id: message.id,\n      conversation_id: conversationId,\n      reaction_value: reaction.value,\n    })\n  }\n\n  return (\n    <Pressable\n      onPress={hasPeople ? handlePress : undefined}\n      onLongPress={handleLongPress}\n      onPressIn={handleMessagePressIn}\n      onPressOut={handleMessagePressOut}\n      android_ripple={{ color: colors.androidRippleNeutral, borderless: false, foreground: true }}\n      accessibilityRole=\"button\"\n      accessibilityHint={\n        hasPeople\n          ? 'Tap to see people. Long press for message actions.'\n          : 'Long press for message actions.'\n      }\n    >\n      <Animated.View style={[styles.container, animatedBackgroundColor]}>\n        <Text variant=\"tertiary\" style={styles.text}>\n          {text}\n        </Text>\n        {hasReactions && (\n          <View style={styles.reactions}>\n            {message.reactionCounts.map(reaction => (\n              <MessageReaction\n                key={reaction.value}\n                reaction={reaction}\n                onLongPress={handleReactionLongPress}\n                message={message}\n                conversationId={conversationId}\n              />\n            ))}\n          </View>\n        )}\n      </Animated.View>\n    </Pressable>\n  )\n}\n\nfunction systemMessageText(names: string[], overflowCount: number, action: string): string {\n  if (overflowCount > 0) {\n    const overflowLabel = `${overflowCount} ${overflowCount === 1 ? 'other' : 'others'}`\n    return `${names.join(', ')}, and ${overflowLabel} ${action}`\n  }\n\n  switch (names.length) {\n    case 0:\n      return `Someone ${action}`\n    case 1:\n      return `${names[0]} ${action}`\n    case 2:\n      return `${names[0]} and ${names[1]} ${action}`\n    // Backend guarantees names.length <= 3 when overflowCount is 0;\n    // overflow branch handles 4+ people.\n    default:\n      return `${names[0]}, ${names[1]}, and ${names[2]} ${action}`\n  }\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n  return StyleSheet.create({\n    container: {\n      paddingVertical: 12,\n      paddingHorizontal: 16,\n      alignItems: 'center',\n    },\n    text: {\n      color: colors.textColorDefaultSecondary,\n      textAlign: 'center',\n    },\n    reactions: {\n      flexDirection: 'row',\n      flexWrap: 'wrap',\n      justifyContent: 'center',\n      gap: 4,\n      marginTop: 8,\n    },\n  })\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"system_message.js","names":["useNavigation","React","Pressable","StyleSheet","View","Animated","useAnimatedMessageBackgroundColor","useTheme","Haptic","Text","MessageReaction","jsx","_jsx","jsxs","_jsxs","SystemMessage","t0","$","_c","message","conversationId","reactionCounts","systemTextParts","personIdsForSystemEvent","names","overflowCount","action","styles","useStyles","navigation","colors","t1","systemMessageText","text","isTruncated","hasReactions","length","animatedBackgroundColor","handleMessagePressIn","handleMessagePressOut","t2","navigate","conversation_id","person_ids","handlePress","t3","id","impactLight","message_id","isSystemMessage","handleLongPress","t4","reaction","reaction_value","value","handleReactionLongPress","t5","undefined","t6","androidRippleNeutral","color","borderless","foreground","t7","t8","container","t9","variant","style","children","t10","reactions","map","reaction_0","t11","t12","onPress","android_ripple","accessibilityRole","accessibilityHint","overflowLabel","join","textColorDefaultSecondary","create","paddingVertical","paddingHorizontal","alignItems","textAlign","flexDirection","flexWrap","justifyContent","gap","marginTop"],"sources":["../../../src/components/conversation/system_message.tsx"],"sourcesContent":["import { useNavigation } from '@react-navigation/native'\nimport React from 'react'\nimport { Pressable, StyleSheet, View } from 'react-native'\nimport Animated from 'react-native-reanimated'\nimport { useAnimatedMessageBackgroundColor, useTheme } from '../../hooks'\nimport { ReactionCountResource } from '../../types/resources/reaction'\nimport { Haptic } from '../../utils/native_adapters'\nimport { SystemMessageResource } from '../../utils/system_messages'\nimport { Text } from '../display'\nimport { MessageReaction } from './message_reaction'\n\ninterface SystemMessageProps {\n  message: SystemMessageResource\n  conversationId: number\n}\n\nexport function SystemMessage({ message, conversationId }: SystemMessageProps) {\n  const { reactionCounts, systemTextParts, personIdsForSystemEvent } = message\n  const { names, overflowCount, action } = systemTextParts\n  const styles = useStyles()\n  const navigation = useNavigation()\n  const { colors } = useTheme()\n  const text = systemMessageText(names, overflowCount, action)\n  const isTruncated = overflowCount > 0\n  const hasReactions = reactionCounts.length > 0\n  const { animatedBackgroundColor, handleMessagePressIn, handleMessagePressOut } =\n    useAnimatedMessageBackgroundColor()\n\n  const handlePress = () => {\n    navigation.navigate('SystemMessagePeople', {\n      conversation_id: conversationId,\n      person_ids: personIdsForSystemEvent,\n    })\n  }\n\n  const handleLongPress = () => {\n    Haptic.impactLight()\n    navigation.navigate('MessageActions', {\n      message_id: message.id,\n      conversation_id: conversationId,\n      isSystemMessage: true,\n    })\n  }\n\n  const handleReactionLongPress = (reaction: ReactionCountResource) => {\n    Haptic.impactLight()\n    navigation.navigate('Reactions', {\n      message_id: message.id,\n      conversation_id: conversationId,\n      reaction_value: reaction.value,\n    })\n  }\n\n  return (\n    <Pressable\n      onPress={isTruncated ? handlePress : undefined}\n      onLongPress={handleLongPress}\n      onPressIn={handleMessagePressIn}\n      onPressOut={handleMessagePressOut}\n      android_ripple={{ color: colors.androidRippleNeutral, borderless: false, foreground: true }}\n      accessibilityRole=\"button\"\n      accessibilityHint={\n        isTruncated\n          ? 'Tap to see people. Long press for message actions.'\n          : 'Long press for message actions.'\n      }\n    >\n      <Animated.View style={[styles.container, animatedBackgroundColor]}>\n        <Text variant=\"tertiary\" style={styles.text}>\n          {text}\n        </Text>\n        {hasReactions && (\n          <View style={styles.reactions}>\n            {message.reactionCounts.map(reaction => (\n              <MessageReaction\n                key={reaction.value}\n                reaction={reaction}\n                onLongPress={handleReactionLongPress}\n                message={message}\n                conversationId={conversationId}\n              />\n            ))}\n          </View>\n        )}\n      </Animated.View>\n    </Pressable>\n  )\n}\n\nfunction systemMessageText(names: string[], overflowCount: number, action: string): string {\n  if (overflowCount > 0) {\n    const overflowLabel = `${overflowCount} ${overflowCount === 1 ? 'other' : 'others'}`\n    return `${names.join(', ')}, and ${overflowLabel} ${action}`\n  }\n\n  switch (names.length) {\n    case 0:\n      return `Someone ${action}`\n    case 1:\n      return `${names[0]} ${action}`\n    case 2:\n      return `${names[0]} and ${names[1]} ${action}`\n    // Backend guarantees names.length <= 3 when overflowCount is 0;\n    // overflow branch handles 4+ people.\n    default:\n      return `${names[0]}, ${names[1]}, and ${names[2]} ${action}`\n  }\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n  return StyleSheet.create({\n    container: {\n      paddingVertical: 12,\n      paddingHorizontal: 16,\n      alignItems: 'center',\n    },\n    text: {\n      color: colors.textColorDefaultSecondary,\n      textAlign: 'center',\n    },\n    reactions: {\n      flexDirection: 'row',\n      flexWrap: 'wrap',\n      justifyContent: 'center',\n      gap: 4,\n      marginTop: 8,\n    },\n  })\n}\n"],"mappings":"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","ignoreList":[]}

package/build/components/conversations/conversations.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"conversations.d.ts","sourceRoot":"","sources":["../../../src/components/conversations/conversations.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkB,MAAM,OAAO,CAAA;AAWtC,UAAU,kBAAkB;IAC1B,mBAAmB,CAAC,EAChB,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,GACxB,KAAK,CAAC,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,KAAK,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAAC,GAClE,IAAI,GACJ,SAAS,CAAA;CACd;AAED,eAAO,MAAM,aAAa,GAAI,yBAAyB,kBAAkB,4CA4ExE,CAAA"}
+{"version":3,"file":"conversations.d.ts","sourceRoot":"","sources":["../../../src/components/conversations/conversations.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkB,MAAM,OAAO,CAAA;AAUtC,UAAU,kBAAkB;IAC1B,mBAAmB,CAAC,EAChB,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,GACxB,KAAK,CAAC,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,KAAK,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAAC,GAClE,IAAI,GACJ,SAAS,CAAA;CACd;AAED,eAAO,MAAM,aAAa,GAAI,yBAAyB,kBAAkB,4CAsExE,CAAA"}

package/build/components/conversations/conversations.js

@@ -6,7 +6,6 @@ import { useConversationsContext } from '../../contexts/conversations_context';
 import { useTheme } from '../../hooks';
 import { useCanCreateConversations } from '../../hooks/use_chat_permissions';
 import { useConversationsJoltEvents } from '../../hooks/use_conversations_jolt_events';
-import { throwResponseError } from '../../utils/response_error';
 import { ConversationPreview, ConversationPreviewSkeleton } from './conversation_preview';
 import { ConversationsBlankState } from './conversations_blank_state';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -23,8 +22,6 @@ export const Conversations = t0 => {
     refetch,
     isRefetching,
     isFetched,
-    isError,
-    error,
     args: t1
   } = useConversationsContext();
   const {
@@ -52,9 +49,6 @@ export const Conversations = t0 => {
     t2 = t3;
   }
   const data = t2;
-  if (isError) {
-    throwResponseError(error);
-  }
   useConversationsJoltEvents();
   const t3 = !isFetched && isRefetching;
   let t4;

package/build/components/conversations/conversations.js.map

@@ -1 +1 @@
-{"version":3,"file":"conversations.js","names":["useNavigation","React","useMemo","FlatList","StyleSheet","View","useConversationsContext","useTheme","useCanCreateConversations","useConversationsJoltEvents","throwResponseError","ConversationPreview","ConversationPreviewSkeleton","ConversationsBlankState","jsx","_jsx","Conversations","t0","$","_c","ListHeaderComponent","styles","useStyles","conversations","isLoading","fetchNextPage","refetch","isRefetching","isFetched","isError","error","args","t1","chat_group_graph_id","group_source_app_name","navigation","canCreateConversations","isFilterApplied","showBadges","t2","bb0","loadingPlaceholder","t3","map","_temp","data","t4","t5","t6","item","item_0","type","conversation","resource","onPress","navigate","conversation_id","id","title","badge","badges","deleted","muted","t7","contentContainer","keyExtractor","_temp2","contentContainerStyle","refreshing","ListEmptyComponent","renderItem","onEndReached","t8","container","style","children","colors","fillColorNeutral020","create","flex","paddingVertical","listItem","color","Array","from","length","_","i","toString"],"sources":["../../../src/components/conversations/conversations.tsx"],"sourcesContent":["import { useNavigation } from '@react-navigation/native'\nimport React, { useMemo } from 'react'\nimport { FlatList, StyleSheet, View } from 'react-native'\nimport { useConversationsContext } from '../../contexts/conversations_context'\nimport { useTheme } from '../../hooks'\nimport { useCanCreateConversations } from '../../hooks/use_chat_permissions'\nimport { useConversationsJoltEvents } from '../../hooks/use_conversations_jolt_events'\nimport { ConversationResource } from '../../types'\nimport { throwResponseError } from '../../utils/response_error'\nimport { ConversationPreview, ConversationPreviewSkeleton } from './conversation_preview'\nimport { ConversationsBlankState } from './conversations_blank_state'\n\ninterface ConversationsProps {\n  ListHeaderComponent?:\n    | React.ComponentType<any>\n    | React.ReactElement<any, string | React.JSXElementConstructor<any>>\n    | null\n    | undefined\n}\n\nexport const Conversations = ({ ListHeaderComponent }: ConversationsProps) => {\n  const styles = useStyles()\n  const {\n    conversations,\n    isLoading,\n    fetchNextPage,\n    refetch,\n    isRefetching,\n    isFetched,\n    isError,\n    error,\n    args: { chat_group_graph_id, group_source_app_name },\n  } = useConversationsContext()\n  const navigation = useNavigation()\n  const canCreateConversations = useCanCreateConversations()\n  const isFilterApplied = !!chat_group_graph_id || !!group_source_app_name\n\n  const showBadges = !chat_group_graph_id\n\n  const data: FlatListItem[] = useMemo(() => {\n    if (isLoading) {\n      return loadingPlaceholder\n    }\n    return conversations.map(conversation => ({\n      type: 'conversation' as const,\n      id: conversation.id,\n      resource: conversation,\n    }))\n  }, [conversations, isLoading])\n\n  if (isError) {\n    throwResponseError(error)\n  }\n\n  useConversationsJoltEvents()\n\n  return (\n    <View style={styles.container}>\n      <FlatList\n        data={data}\n        keyExtractor={item => item.id.toString()}\n        contentContainerStyle={styles.contentContainer}\n        onRefresh={refetch}\n        refreshing={!isFetched && isRefetching}\n        ListHeaderComponent={ListHeaderComponent}\n        ListEmptyComponent={\n          <ConversationsBlankState\n            isFilterApplied={isFilterApplied}\n            canCreateConversations={canCreateConversations}\n          />\n        }\n        renderItem={({ item }) => {\n          if (item.type === 'loading') {\n            return <ConversationPreviewSkeleton />\n          } else {\n            return (\n              <ConversationPreview\n                conversation={item.resource}\n                onPress={() =>\n                  navigation.navigate('Conversation', {\n                    conversation_id: item.resource.id,\n                    title: item.resource.title,\n                    badge: item.resource.badges?.[0],\n                    deleted: item.resource.deleted,\n                    muted: item.resource.muted,\n                  })\n                }\n                showBadges={showBadges}\n              />\n            )\n          }\n        }}\n        onEndReached={() => fetchNextPage()}\n      />\n    </View>\n  )\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n\n  return StyleSheet.create({\n    container: { flex: 1 },\n    contentContainer: { paddingVertical: 16 },\n    listItem: { color: colors.fillColorNeutral020 },\n  })\n}\n\ninterface FlatListLoadingItem {\n  type: 'loading'\n  id: string\n}\ninterface FlatListConversationItem {\n  type: 'conversation'\n  resource: ConversationResource\n  id: number\n}\ntype FlatListItem = FlatListLoadingItem | FlatListConversationItem\n\nconst loadingPlaceholder: FlatListItem[] = Array.from({ length: 5 }, (_, i) => ({\n  type: 'loading',\n  id: `loading${i}`,\n}))\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"conversations.js","names":["useNavigation","React","useMemo","FlatList","StyleSheet","View","useConversationsContext","useTheme","useCanCreateConversations","useConversationsJoltEvents","ConversationPreview","ConversationPreviewSkeleton","ConversationsBlankState","jsx","_jsx","Conversations","t0","$","_c","ListHeaderComponent","styles","useStyles","conversations","isLoading","fetchNextPage","refetch","isRefetching","isFetched","args","t1","chat_group_graph_id","group_source_app_name","navigation","canCreateConversations","isFilterApplied","showBadges","t2","bb0","loadingPlaceholder","t3","map","_temp","data","t4","t5","t6","item","item_0","type","conversation","resource","onPress","navigate","conversation_id","id","title","badge","badges","deleted","muted","t7","contentContainer","keyExtractor","_temp2","contentContainerStyle","refreshing","ListEmptyComponent","renderItem","onEndReached","t8","container","style","children","colors","fillColorNeutral020","create","flex","paddingVertical","listItem","color","Array","from","length","_","i","toString"],"sources":["../../../src/components/conversations/conversations.tsx"],"sourcesContent":["import { useNavigation } from '@react-navigation/native'\nimport React, { useMemo } from 'react'\nimport { FlatList, StyleSheet, View } from 'react-native'\nimport { useConversationsContext } from '../../contexts/conversations_context'\nimport { useTheme } from '../../hooks'\nimport { useCanCreateConversations } from '../../hooks/use_chat_permissions'\nimport { useConversationsJoltEvents } from '../../hooks/use_conversations_jolt_events'\nimport { ConversationResource } from '../../types'\nimport { ConversationPreview, ConversationPreviewSkeleton } from './conversation_preview'\nimport { ConversationsBlankState } from './conversations_blank_state'\n\ninterface ConversationsProps {\n  ListHeaderComponent?:\n    | React.ComponentType<any>\n    | React.ReactElement<any, string | React.JSXElementConstructor<any>>\n    | null\n    | undefined\n}\n\nexport const Conversations = ({ ListHeaderComponent }: ConversationsProps) => {\n  const styles = useStyles()\n  const {\n    conversations,\n    isLoading,\n    fetchNextPage,\n    refetch,\n    isRefetching,\n    isFetched,\n    args: { chat_group_graph_id, group_source_app_name },\n  } = useConversationsContext()\n  const navigation = useNavigation()\n  const canCreateConversations = useCanCreateConversations()\n  const isFilterApplied = !!chat_group_graph_id || !!group_source_app_name\n\n  const showBadges = !chat_group_graph_id\n\n  const data: FlatListItem[] = useMemo(() => {\n    if (isLoading) {\n      return loadingPlaceholder\n    }\n    return conversations.map(conversation => ({\n      type: 'conversation' as const,\n      id: conversation.id,\n      resource: conversation,\n    }))\n  }, [conversations, isLoading])\n\n  useConversationsJoltEvents()\n\n  return (\n    <View style={styles.container}>\n      <FlatList\n        data={data}\n        keyExtractor={item => item.id.toString()}\n        contentContainerStyle={styles.contentContainer}\n        onRefresh={refetch}\n        refreshing={!isFetched && isRefetching}\n        ListHeaderComponent={ListHeaderComponent}\n        ListEmptyComponent={\n          <ConversationsBlankState\n            isFilterApplied={isFilterApplied}\n            canCreateConversations={canCreateConversations}\n          />\n        }\n        renderItem={({ item }) => {\n          if (item.type === 'loading') {\n            return <ConversationPreviewSkeleton />\n          } else {\n            return (\n              <ConversationPreview\n                conversation={item.resource}\n                onPress={() =>\n                  navigation.navigate('Conversation', {\n                    conversation_id: item.resource.id,\n                    title: item.resource.title,\n                    badge: item.resource.badges?.[0],\n                    deleted: item.resource.deleted,\n                    muted: item.resource.muted,\n                  })\n                }\n                showBadges={showBadges}\n              />\n            )\n          }\n        }}\n        onEndReached={() => fetchNextPage()}\n      />\n    </View>\n  )\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n\n  return StyleSheet.create({\n    container: { flex: 1 },\n    contentContainer: { paddingVertical: 16 },\n    listItem: { color: colors.fillColorNeutral020 },\n  })\n}\n\ninterface FlatListLoadingItem {\n  type: 'loading'\n  id: string\n}\ninterface FlatListConversationItem {\n  type: 'conversation'\n  resource: ConversationResource\n  id: number\n}\ntype FlatListItem = FlatListLoadingItem | FlatListConversationItem\n\nconst loadingPlaceholder: FlatListItem[] = Array.from({ length: 5 }, (_, i) => ({\n  type: 'loading',\n  id: `loading${i}`,\n}))\n"],"mappings":"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","ignoreList":[]}

package/build/contexts/api_provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"api_provider.d.ts","sourceRoot":"","sources":["../../src/contexts/api_provider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,WAAW,EAIZ,MAAM,uBAAuB,CAAA;AAE9B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAgCxC,eAAO,MAAM,eAAe,aAO1B,CAAA;AAEF,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,EAAE,SAAS,2CA6BlD;AAiBD,wBAAgB,eAAe,WAQ9B"}
+{"version":3,"file":"api_provider.d.ts","sourceRoot":"","sources":["../../src/contexts/api_provider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,WAAW,EAIZ,MAAM,uBAAuB,CAAA;AAE9B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAgCxC,eAAO,MAAM,eAAe,aAO1B,CAAA;AAEF,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,EAAE,SAAS,2CA6BlD;AAcD,wBAAgB,eAAe,WAQ9B"}