@planningcenter/chat-react-native 3.37.1-qa-736.0 → 3.37.1-qa-747.0

package/src/screens/conversation_screen.tsx

@@ -8,17 +8,14 @@ import {
   useTheme as useNavigationTheme,
   useRoute,
 } from '@react-navigation/native'
-import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'
-import { ActivityIndicator, Platform, StyleSheet, View } from 'react-native'
-import type { FlatList } from 'react-native-gesture-handler'
-import Animated, { FadeIn, FadeOut } from 'react-native-reanimated'
+import React, { useCallback, useEffect, useRef, useState } from 'react'
+import { FlatList, Platform, StyleSheet, View } from 'react-native'
 import { useSafeAreaInsets } from 'react-native-safe-area-context'
 import { Badge, Icon, Text } from '../components'
 import { EmptyConversationBlankState } from '../components/conversation/empty_conversation_blank_state'
 import { JumpToBottomButton } from '../components/conversation/jump_to_bottom_button'
 import { Message } from '../components/conversation/message'
 import { MessageForm } from '../components/conversation/message_form'
-import { MessageList } from '../components/conversation/message_list'
 import {
   ConversationDisabledBanner,
   LeaderMessagesDisabledBanner,
@@ -27,46 +24,25 @@ import {
 import { ReplyShadowMessage } from '../components/conversation/reply_shadow_message'
 import { SystemMessage } from '../components/conversation/system_message'
 import { TypingIndicator } from '../components/conversation/typing_indicator'
-import { UnreadDivider } from '../components/conversation/unread_divider'
 import { KeyboardView } from '../components/display/keyboard_view'
 import BlankState from '../components/primitive/blank_state_primitive'
-import {
-  ConversationContextProvider,
-  useConversationContext,
-} from '../contexts/conversation_context'
+import { ConversationContextProvider } from '../contexts/conversation_context'
 import { useTheme } from '../hooks'
 import { useConversation } from '../hooks/use_conversation'
 import { useConversationJoltEvents } from '../hooks/use_conversation_jolt_events'
 import { useConversationMessages } from '../hooks/use_conversation_messages'
 import { useConversationMessagesJoltEvents } from '../hooks/use_conversation_messages_jolt_events'
-import { availableFeatures, useFeatures } from '../hooks/use_features'
-import { useFlatListViewability } from '../hooks/use_flat_list_viewability'
-import { useJumpToBottomAction } from '../hooks/use_jump_to_bottom_action'
-import { useJumpToUnreadAnchor } from '../hooks/use_jump_to_unread_anchor'
-import { useJumpToUnreadGates } from '../hooks/use_jump_to_unread_gates'
 import { useMarkLatestMessageRead } from '../hooks/use_mark_latest_message_read'
 import {
   analyticsEvents,
   normalizeAnalyticsMetadata,
   usePublishProductAnalyticsEvent,
 } from '../hooks/use_product_analytics'
-import { useScrollTracking } from '../hooks/use_scroll_tracking'
-import { useTrackHighestSeenMessage } from '../hooks/use_track_highest_seen_message'
 import { ConversationResource } from '../types/resources/conversation'
 import { ConversationBadgeResource } from '../types/resources/conversation_badge'
 import { MessageResource } from '../types/resources/message'
 import { getRelativeDateStatus } from '../utils/date'
-import {
-  groupMessages,
-  UNREAD_DIVIDER_KEY,
-  type DateSeparator,
-  type EnrichedMessage,
-} from '../utils/group_messages'
-import {
-  detectDividerExitTowardNewer,
-  reportViewableMessages,
-  type ViewabilityObserver,
-} from '../utils/message_viewability'
+import { groupMessages, type DateSeparator } from '../utils/group_messages'
 import { CONVERSATION_MESSAGE_LIST_PADDING_HORIZONTAL } from '../utils/styles'
 import { isSystemMessage } from '../utils/system_messages'
 
@@ -77,7 +53,6 @@ export type ConversationRouteProps = {
   chat_group_graph_id?: string
   clear_input?: boolean
   editing_message_id?: number | null
-  message_id?: string
   title?: string
   subtitle?: string
   badge?: ConversationBadgeResource
@@ -88,30 +63,19 @@ export type ConversationRouteProps = {
 export type ConversationScreenProps = StaticScreenProps<ConversationRouteProps>
 
 export function ConversationScreen({ route }: ConversationScreenProps) {
-  const { conversation_id, message_id, reply_root_id } = route.params
+  const { conversation_id, reply_root_id } = route.params
 
   const { data: conversation } = useConversation({ conversation_id })
-  const { featureEnabled } = useFeatures()
 
   usePublishProductAnalyticsEvent(analyticsEvents.conversation_show_opened, {
     reply_root_id,
     ...normalizeAnalyticsMetadata(conversation),
   })
 
-  const lastReadMessageSortKey = conversation.conversationMembership?.lastReadMessageSortKey ?? null
-  const jumpToUnreadAnchor =
-    featureEnabled(availableFeatures.jump_to_unread) && !reply_root_id
-      ? lastReadMessageSortKey
-      : null
-  const initialMessageId = message_id ?? jumpToUnreadAnchor
-  const initialMessageIdIsAnchor = !!initialMessageId && !message_id
-
   return (
     <ConversationContextProvider
       conversationId={conversation_id}
       currentPageReplyRootId={reply_root_id ?? null}
-      initialMessageId={initialMessageId}
-      initialMessageIdIsAnchor={initialMessageIdIsAnchor}
     >
       <ConversationScreenContent route={route} />
     </ConversationContextProvider>
@@ -121,49 +85,29 @@ export function ConversationScreen({ route }: ConversationScreenProps) {
 function ConversationScreenContent({ route }: ConversationScreenProps) {
   const styles = useStyles()
   const navigation = useNavigation()
-  const {
-    conversation_id: conversationId,
-    editing_message_id: editingMessageId,
-    reply_root_id: replyRootId,
-    reply_root_author_name: replyRootAuthorName,
-  } = route.params
+  const { conversation_id, editing_message_id, reply_root_id, reply_root_author_name } =
+    route.params
   const { data: conversation } = useConversation(route.params)
-  const {
-    messages,
-    fetchOlderMessages,
-    fetchNewerMessages,
-    hasMoreNewerMessages,
-    isFetchingNewerMessages,
-    cancelFetchNewerMessages,
-  } = useConversationMessages({ conversation_id: conversationId, reply_root_id: replyRootId })
-
-  const { jumpToUnreadActive } = useJumpToUnreadGates()
-  const { initialMessageId } = useConversationContext()
-
-  useConversationJoltEvents({ conversationId })
-  useConversationMessagesJoltEvents({ conversationId })
+  const { messages, fetchNextPage } = useConversationMessages({
+    conversation_id,
+    reply_root_id,
+  })
+  useConversationJoltEvents({ conversationId: conversation_id })
+  useConversationMessagesJoltEvents({ conversationId: conversation_id })
   useEnsureConversationsRouteExists()
   useMarkLatestMessageRead({ conversation, messages })
-  const { onMessageSeen } = useTrackHighestSeenMessage()
-
-  const items = useMemo(
-    () =>
-      groupMessages({
-        ms: messages,
-        inReplyScreen: !!replyRootId,
-        jumpToUnreadActive,
-        initialMessageId,
-      }),
-    [messages, replyRootId, jumpToUnreadActive, initialMessageId]
-  )
-  const noMessages = items.length === 0
+  const messagesWithSeparators = groupMessages({
+    ms: messages,
+    inReplyScreen: !!reply_root_id,
+  })
+  const noMessages = messagesWithSeparators.length === 0
 
   const { repliesDisabled, memberAbility, badges, title } = conversation
   const canReply = memberAbility?.canReply
   const showLeaderDisabledReplyBanner = canReply && repliesDisabled
   const canDeleteNonAuthoredMessages = memberAbility?.canDeleteNonAuthoredMessages ?? false
-  const currentlyEditingMessage = messages.find(m => String(m.id) === String(editingMessageId))
-  const replyRootAuthorFirstName = replyRootAuthorName?.split(' ')[0]
+  const currentlyEditingMessage = messages.find(m => String(m.id) === String(editing_message_id))
+  const replyRootAuthorFirstName = reply_root_author_name?.split(' ')[0]
   const replyHeaderTitle = replyRootAuthorFirstName
     ? `Reply to ${replyRootAuthorFirstName}`
     : 'Reply'
@@ -171,96 +115,21 @@ function ConversationScreenContent({ route }: ConversationScreenProps) {
   const muted = conversation.conversationMembership?.muted ?? conversation.muted
 
   const listRef = useRef<FlatList>(null)
-  const [dividerScrolledPast, setDividerScrolledPast] = useState(false)
-
-  const observers = useMemo<ViewabilityObserver<EnrichedMessage>[]>(
-    () => [
-      reportViewableMessages(onMessageSeen),
-      detectDividerExitTowardNewer({
-        dividerKey: UNREAD_DIVIDER_KEY,
-        initialMessageId,
-        onExited: () => setDividerScrolledPast(true),
-      }),
-    ],
-    [onMessageSeen, initialMessageId]
-  )
+  const [showJumpToBottomButton, setShowJumpToBottomButton] = useState(false)
 
-  const { viewabilityConfigCallbackPairs, onScrollBeginDrag: viewabilityOnScrollBeginDrag } =
-    useFlatListViewability({ observers })
-  const {
-    onContentSizeChange,
-    onScrollToIndexFailed,
-    onScrollBeginDrag: anchorOnScrollBeginDrag,
-  } = useJumpToUnreadAnchor({ listRef, items })
-  const onScrollBeginDrag = useCallback(() => {
-    viewabilityOnScrollBeginDrag()
-    anchorOnScrollBeginDrag()
-  }, [viewabilityOnScrollBeginDrag, anchorOnScrollBeginDrag])
-  const { onScroll, showJumpToBottomButton } = useScrollTracking({
-    hasMoreNewerMessages,
-    isFetchingNewerMessages,
-    fetchNewerMessages,
-    cancelFetchNewerMessages,
-  })
-  const { handleJumpToBottom, isJumpingToBottom } = useJumpToBottomAction({ listRef })
-
-  const listHeader = useMemo(
-    () => (
-      <View>
-        {isFetchingNewerMessages && (
-          <Animated.View
-            entering={FadeIn.duration(750)}
-            exiting={FadeOut.duration(750)}
-            style={styles.loadingFooter}
-            accessibilityRole="progressbar"
-            accessibilityLabel="Loading more messages"
-          >
-            <ActivityIndicator />
-          </Animated.View>
-        )}
-        <View style={styles.listHeader} />
-      </View>
-    ),
-    [isFetchingNewerMessages, styles.loadingFooter, styles.listHeader]
-  )
+  const trackScroll = (event: any) => {
+    const offsetY = event.nativeEvent.contentOffset.y
+    setShowJumpToBottomButton(offsetY > 200)
+  }
 
-  const renderItem = useCallback(
-    ({ item }: { item: EnrichedMessage }) => {
-      if (item.type === 'DateSeparator') return <InlineDateSeparator {...item} />
-      if (item.type === 'UnreadDivider') return <UnreadDivider scrolledPast={dividerScrolledPast} />
-      if (item.type === 'ReplyShadowMessage') {
-        return (
-          <ReplyShadowMessage
-            {...item}
-            conversation_id={conversationId}
-            inReplyScreen={!!replyRootId}
-          />
-        )
-      }
-      if (isSystemMessage(item)) {
-        return <SystemMessage message={item} conversationId={conversationId} />
-      }
-      return (
-        <Message
-          {...item}
-          canDeleteNonAuthoredMessages={canDeleteNonAuthoredMessages}
-          conversation_id={conversationId}
-          latestReadMessageSortKey={conversation?.latestReadMessageSortKey}
-          inReplyScreen={!!replyRootId}
-        />
-      )
-    },
-    [
-      dividerScrolledPast,
-      conversationId,
-      replyRootId,
-      canDeleteNonAuthoredMessages,
-      conversation?.latestReadMessageSortKey,
-    ]
-  )
+  const handleReturnToBottom = useCallback(() => {
+    listRef.current?.scrollToOffset({
+      offset: 0,
+    })
+  }, [])
 
   useEffect(() => {
-    if (replyRootId) {
+    if (reply_root_id) {
       navigation.setParams({
         title: replyHeaderTitle,
       })
@@ -272,7 +141,7 @@ function ConversationScreenContent({ route }: ConversationScreenProps) {
         muted,
       })
     }
-  }, [navigation, title, badges, conversation?.deleted, replyRootId, replyHeaderTitle, muted])
+  }, [navigation, title, badges, conversation?.deleted, reply_root_id, replyHeaderTitle, muted])
 
   if (!conversation || conversation.deleted) {
     return (
@@ -299,31 +168,55 @@ function ConversationScreenContent({ route }: ConversationScreenProps) {
         {noMessages ? (
           <EmptyConversationBlankState />
         ) : (
-          <MessageList
-            listRef={listRef}
-            data={items}
-            onScroll={onScroll}
-            onScrollBeginDrag={onScrollBeginDrag}
-            viewabilityConfigCallbackPairs={viewabilityConfigCallbackPairs}
-            onContentSizeChange={onContentSizeChange}
-            onScrollToIndexFailed={onScrollToIndexFailed}
-            renderItem={renderItem}
-            onEndReached={() => fetchOlderMessages()}
-            ListHeaderComponent={listHeader}
+          <FlatList
+            inverted
+            ref={listRef}
+            contentContainerStyle={styles.listContainer}
+            data={messagesWithSeparators}
+            keyExtractor={item => item.id}
+            onScroll={trackScroll}
+            scrollEventThrottle={10}
+            renderItem={({ item }) => {
+              if (item.type === 'DateSeparator') {
+                return <InlineDateSeparator {...item} />
+              }
+
+              if (item.type === 'ReplyShadowMessage') {
+                return (
+                  <ReplyShadowMessage
+                    {...(item as any)}
+                    conversation_id={conversation_id}
+                    inReplyScreen={!!reply_root_id}
+                  />
+                )
+              }
+
+              if (isSystemMessage(item)) {
+                return <SystemMessage message={item} conversationId={conversation_id} />
+              }
+
+              return (
+                <Message
+                  {...item}
+                  canDeleteNonAuthoredMessages={canDeleteNonAuthoredMessages}
+                  conversation_id={conversation_id}
+                  latestReadMessageSortKey={conversation?.latestReadMessageSortKey}
+                  inReplyScreen={!!reply_root_id}
+                />
+              )
+            }}
+            onEndReached={() => fetchNextPage()}
+            ListHeaderComponent={<View style={styles.listHeader} />}
           />
         )}
-        <JumpToBottomButton
-          onPress={handleJumpToBottom}
-          visible={showJumpToBottomButton}
-          loading={isJumpingToBottom}
-        />
+        <JumpToBottomButton onPress={handleReturnToBottom} visible={showJumpToBottomButton} />
         {!noMessages && <TypingIndicator />}
         {showLeaderDisabledReplyBanner && <LeaderMessagesDisabledBanner />}
         <ConversationBottomBar
           conversation={conversation}
           canReply={canReply}
           replyRootAuthorFirstName={replyRootAuthorFirstName}
-          replyRootId={replyRootId}
+          replyRootId={reply_root_id}
           currentlyEditingMessage={currentlyEditingMessage}
         />
       </KeyboardView>
@@ -493,14 +386,13 @@ const useStyles = () => {
       backgroundColor: navigationTheme.colors.card,
       paddingBottom: bottom,
     },
+    listContainer: {
+      paddingVertical: 12,
+    },
     listHeader: {
       // Just whitespace to provide space where the typing indicator can be
       height: 16,
     },
-    loadingFooter: {
-      paddingVertical: 12,
-      alignItems: 'center',
-    },
   })
 }
 

package/src/types/jolt_events/index.ts

@@ -1,4 +1,3 @@
-import type { AttachmentFlaggedEvent } from './attachment_events'
 import type {
   ConversationCreatedEvent,
   ConversationDeletedEvent,
@@ -21,14 +20,12 @@ export type JoltConversationEvent =
 export type JoltMessageEvent = MessageCreatedEvent | MessageUpdatedEvent | MessageDeletedEvent
 export type JoltReactionEvent = ReactionCreatedEvent | ReactionDeletedEvent
 export type JoltTypingEvent = TypingBroadcastEvent
-export type JoltAttachmentEvent = AttachmentFlaggedEvent
 
 export type CustomJoltEvent =
   | JoltConversationEvent
   | JoltMessageEvent
   | JoltReactionEvent
   | JoltTypingEvent
-  | JoltAttachmentEvent
 
 export type JoltEventName = CustomJoltEvent['event'] | 'STREAM_USER_UPDATED'
 export type JoltSubscriptionPattern = JoltEventName | 'reaction.*'

package/src/utils/__tests__/group_messages.test.ts

@@ -124,77 +124,6 @@ describe('groupMessages — nextRendersAuthor mirrors the newer enriched neighbo
   })
 })
 
-describe('groupMessages — unread divider', () => {
-  it('inserts the divider between the read and unread boundary when jumpToUnreadActive', () => {
-    const messages = [
-      message('04', { createdAt: '2026-01-01T00:04:00Z' }),
-      message('03', { createdAt: '2026-01-01T00:03:00Z' }),
-      message('02', { createdAt: '2026-01-01T00:02:00Z' }),
-      message('01', { createdAt: '2026-01-01T00:01:00Z' }),
-    ]
-
-    const enriched = groupMessages({
-      ms: messages,
-      jumpToUnreadActive: true,
-      initialMessageId: '02',
-    })
-
-    const dividerIdx = enriched.findIndex(item => 'type' in item && item.type === 'UnreadDivider')
-    const msg03Idx = enriched.findIndex(
-      item => 'id' in item && item.id === '03' && !('type' in item && item.type !== 'Message')
-    )
-    const msg02Idx = enriched.findIndex(
-      item => 'id' in item && item.id === '02' && !('type' in item && item.type !== 'Message')
-    )
-
-    expect(dividerIdx).toBeGreaterThan(msg03Idx)
-    expect(dividerIdx).toBeLessThan(msg02Idx)
-  })
-
-  it('does not insert the divider when jumpToUnreadActive is false', () => {
-    const enriched = groupMessages({
-      ms: [message('02'), message('01')],
-      jumpToUnreadActive: false,
-      initialMessageId: '01',
-    })
-
-    expect(enriched.some(item => 'type' in item && item.type === 'UnreadDivider')).toBe(false)
-  })
-
-  it('does not insert the divider when no message crosses the boundary', () => {
-    const enriched = groupMessages({
-      ms: [message('05'), message('04'), message('03')],
-      jumpToUnreadActive: true,
-      initialMessageId: '02',
-    })
-
-    expect(enriched.some(item => 'type' in item && item.type === 'UnreadDivider')).toBe(false)
-  })
-
-  it('orders ULID-style ids consistently with backend sort_key comparisons', () => {
-    const enriched = groupMessages({
-      ms: [
-        message('01KQSTAY189PHCJBT8T13R9VMP'),
-        message('01KQST9HZAB10K3CXR7TYN2QWE'),
-        message('01KQST73KZRPXNRDA7TYN19KXQ'),
-        message('01KQST5JKZRPXNRDA7TYN19ABC'),
-      ],
-      jumpToUnreadActive: true,
-      initialMessageId: '01KQST73KZRPXNRDA7TYN19KXQ',
-    })
-
-    const dividerIdx = enriched.findIndex(item => 'type' in item && item.type === 'UnreadDivider')
-    const newerIdx = enriched.findIndex(
-      item =>
-        'id' in item &&
-        item.id === '01KQST9HZAB10K3CXR7TYN2QWE' &&
-        !('type' in item && item.type !== 'Message')
-    )
-
-    expect(dividerIdx).toBeGreaterThan(newerIdx)
-  })
-})
-
 describe('groupMessages — system messages', () => {
   it('flags lastInGroup true and renderAuthor false on system messages', () => {
     const messages = [

package/src/utils/cache/messages_cache.ts

@@ -131,11 +131,6 @@ export function getThreadedMessagesQueryKey(conversationId: number, replyRootId:
   return getRequestQueryKey(requestArgs)
 }
 
-export function hasUnloadedNewerPages(queryClient: QueryClient, queryKey: unknown[]): boolean {
-  const data = queryClient.getQueryData<MessagesQueryData>(queryKey)
-  return !!data?.pages?.[0]?.meta?.next?.idGt
-}
-
 export function mergeMessageUpdate(
   record: MessageResource,
   current?: MessageResource

package/src/utils/group_messages.ts

@@ -4,12 +4,8 @@ import { isSystemMessage } from './system_messages'
 
 const FIVE_MINUTES_MS = 5 * 60 * 1000
 
-export const UNREAD_DIVIDER_KEY = 'unread-divider'
-
 export type DateSeparator = { type: 'DateSeparator'; id: string; date: string }
 
-export type UnreadDividerItem = { type: 'UnreadDivider'; id: typeof UNREAD_DIVIDER_KEY }
-
 export type ReplyShadowMessage = {
   type: 'ReplyShadowMessage'
   id: string
@@ -18,25 +14,14 @@ export type ReplyShadowMessage = {
   nextRendersAuthor: boolean
 }
 
-export type EnrichedMessage =
-  | MessageResource
-  | DateSeparator
-  | UnreadDividerItem
-  | ReplyShadowMessage
+export type EnrichedMessage = MessageResource | DateSeparator | ReplyShadowMessage
 
 interface GroupMessagesProps {
   ms: MessageResource[]
   inReplyScreen?: boolean
-  jumpToUnreadActive?: boolean
-  initialMessageId?: string | null
 }
 
-export function groupMessages({
-  ms,
-  inReplyScreen,
-  jumpToUnreadActive,
-  initialMessageId,
-}: GroupMessagesProps): EnrichedMessage[] {
+export function groupMessages({ ms, inReplyScreen }: GroupMessagesProps): EnrichedMessage[] {
   const items: EnrichedMessage[] = []
   let myLatestSeen = false
   let nextNeighborEnriched: MessageResource | undefined
@@ -48,9 +33,6 @@ export function groupMessages({
     if (isSystemMessage(message)) {
       const enriched = enrichSystemMessage(message, next)
       items.push(enriched)
-      if (crossesUnreadBoundary(message, prev, jumpToUnreadActive, initialMessageId)) {
-        items.push(unreadDivider())
-      }
       if (datesDifferBetween(message, prev)) items.push(dateSeparator(message))
       nextNeighborEnriched = enriched
       return
@@ -62,10 +44,6 @@ export function groupMessages({
     const enriched = enrichRegularMessage(message, prev, next, isMyLatest, !!inReplyScreen)
     items.push(enriched)
 
-    if (crossesUnreadBoundary(message, prev, jumpToUnreadActive, initialMessageId)) {
-      items.push(unreadDivider())
-    }
-
     const shadow = replyShadowFor(enriched, prev)
     if (shadow) items.push(shadow)
 
@@ -79,24 +57,6 @@ export function groupMessages({
   return items
 }
 
-function crossesUnreadBoundary(
-  message: MessageResource,
-  prev: MessageResource | undefined,
-  jumpToUnreadActive: boolean | undefined,
-  initialMessageId: string | null | undefined
-): boolean {
-  if (!jumpToUnreadActive) return false
-  if (!initialMessageId) return false
-  if (!prev) return false
-  return (
-    prev.id.localeCompare(initialMessageId) <= 0 && message.id.localeCompare(initialMessageId) > 0
-  )
-}
-
-function unreadDivider(): UnreadDividerItem {
-  return { type: 'UnreadDivider', id: UNREAD_DIVIDER_KEY }
-}
-
 function neighborsOf<T>(arr: T[], i: number): { prev: T | undefined; next: T | undefined } {
   return { prev: arr[i + 1], next: arr[i - 1] }
 }

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

@@ -1,10 +0,0 @@
-import { RefObject } from 'react';
-import { type FlatListProps } from 'react-native';
-import { FlatList } from 'react-native-gesture-handler';
-import type { EnrichedMessage } from '../../utils/group_messages';
-type MessageListProps = Pick<FlatListProps<EnrichedMessage>, 'data' | 'renderItem' | 'onScroll' | 'onScrollBeginDrag' | 'viewabilityConfigCallbackPairs' | 'onContentSizeChange' | 'onScrollToIndexFailed' | 'onEndReached' | 'ListHeaderComponent'> & {
-    listRef: RefObject<FlatList | null>;
-};
-export declare function MessageList({ listRef, ...props }: MessageListProps): import("react").JSX.Element;
-export {};
-//# sourceMappingURL=message_list.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"message_list.d.ts","sourceRoot":"","sources":["../../../src/components/conversation/message_list.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EAAc,KAAK,aAAa,EAAE,MAAM,cAAc,CAAA;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAA;AACvD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAKjE,KAAK,gBAAgB,GAAG,IAAI,CAC1B,aAAa,CAAC,eAAe,CAAC,EAC5B,MAAM,GACN,YAAY,GACZ,UAAU,GACV,mBAAmB,GACnB,gCAAgC,GAChC,qBAAqB,GACrB,uBAAuB,GACvB,cAAc,GACd,qBAAqB,CACxB,GAAG;IACF,OAAO,EAAE,SAAS,CAAC,QAAQ,GAAG,IAAI,CAAC,CAAA;CACpC,CAAA;AAED,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,+BAYlE"}

package/build/components/conversation/message_list.js

@@ -1,13 +0,0 @@
-import { StyleSheet } from 'react-native';
-import { FlatList } from 'react-native-gesture-handler';
-const extractItemKey = (item) => String(item.id);
-const maintainVisibleContentPosition = { minIndexForVisible: 0 };
-export function MessageList({ listRef, ...props }) {
-    return (<FlatList inverted ref={listRef} contentContainerStyle={styles.listContainer} maintainVisibleContentPosition={maintainVisibleContentPosition} keyExtractor={extractItemKey} scrollEventThrottle={64} {...props}/>);
-}
-const styles = StyleSheet.create({
-    listContainer: {
-        paddingVertical: 12,
-    },
-});
-//# sourceMappingURL=message_list.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"message_list.js","sourceRoot":"","sources":["../../../src/components/conversation/message_list.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAsB,MAAM,cAAc,CAAA;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAA;AAGvD,MAAM,cAAc,GAAG,CAAC,IAAqB,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACjE,MAAM,8BAA8B,GAAG,EAAE,kBAAkB,EAAE,CAAC,EAAE,CAAA;AAiBhE,MAAM,UAAU,WAAW,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAoB;IACjE,OAAO,CACL,CAAC,QAAQ,CACP,QAAQ,CACR,GAAG,CAAC,CAAC,OAAO,CAAC,CACb,qBAAqB,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAC5C,8BAA8B,CAAC,CAAC,8BAA8B,CAAC,CAC/D,YAAY,CAAC,CAAC,cAAc,CAAC,CAC7B,mBAAmB,CAAC,CAAC,EAAE,CAAC,CACxB,IAAI,KAAK,CAAC,EACV,CACH,CAAA;AACH,CAAC;AAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,aAAa,EAAE;QACb,eAAe,EAAE,EAAE;KACpB;CACF,CAAC,CAAA","sourcesContent":["import { RefObject } from 'react'\nimport { StyleSheet, type FlatListProps } from 'react-native'\nimport { FlatList } from 'react-native-gesture-handler'\nimport type { EnrichedMessage } from '../../utils/group_messages'\n\nconst extractItemKey = (item: EnrichedMessage) => String(item.id)\nconst maintainVisibleContentPosition = { minIndexForVisible: 0 }\n\ntype MessageListProps = Pick<\n  FlatListProps<EnrichedMessage>,\n  | 'data'\n  | 'renderItem'\n  | 'onScroll'\n  | 'onScrollBeginDrag'\n  | 'viewabilityConfigCallbackPairs'\n  | 'onContentSizeChange'\n  | 'onScrollToIndexFailed'\n  | 'onEndReached'\n  | 'ListHeaderComponent'\n> & {\n  listRef: RefObject<FlatList | null>\n}\n\nexport function MessageList({ listRef, ...props }: MessageListProps) {\n  return (\n    <FlatList\n      inverted\n      ref={listRef}\n      contentContainerStyle={styles.listContainer}\n      maintainVisibleContentPosition={maintainVisibleContentPosition}\n      keyExtractor={extractItemKey}\n      scrollEventThrottle={64}\n      {...props}\n    />\n  )\n}\n\nconst styles = StyleSheet.create({\n  listContainer: {\n    paddingVertical: 12,\n  },\n})\n"]}

package/build/components/conversation/unread_divider.d.ts

@@ -1,6 +0,0 @@
-interface UnreadDividerProps {
-    scrolledPast?: boolean;
-}
-export declare function UnreadDivider({ scrolledPast }: UnreadDividerProps): import("react").JSX.Element | null;
-export {};
-//# sourceMappingURL=unread_divider.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"unread_divider.d.ts","sourceRoot":"","sources":["../../../src/components/conversation/unread_divider.tsx"],"names":[],"mappings":"AAQA,UAAU,kBAAkB;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB;AAMD,wBAAgB,aAAa,CAAC,EAAE,YAAoB,EAAE,EAAE,kBAAkB,sCAqBzE"}