@planningcenter/chat-react-native 3.38.0-rc.1 → 3.38.0-rc.11

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/client/__tests__/instrumented_fetch.test.ts

@@ -5,15 +5,18 @@ const buildResponse = (status: number) => new Response('', { status })
 
 describe('instrumentedFetch', () => {
   let reportError: jest.SpyInstance
+  let warnSpy: jest.SpyInstance
   let fetchSpy: jest.SpyInstance
 
   beforeEach(() => {
     reportError = jest.spyOn(Log, 'reportError').mockImplementation(() => {})
+    warnSpy = jest.spyOn(console, 'warn').mockImplementation(() => {})
     fetchSpy = jest.spyOn(globalThis, 'fetch')
   })
 
   afterEach(() => {
     reportError.mockRestore()
+    warnSpy.mockRestore()
     fetchSpy.mockRestore()
   })
 
@@ -27,6 +30,7 @@ describe('instrumentedFetch', () => {
 
     expect(result).toBe(response)
     expect(reportError).not.toHaveBeenCalled()
+    expect(warnSpy).not.toHaveBeenCalled()
   })
 
   it.each([400, 422, 500])(
@@ -63,7 +67,7 @@ describe('instrumentedFetch', () => {
     expect(reportError).not.toHaveBeenCalled()
   })
 
-  it('reports network failures with http.error=network', async () => {
+  it('warns on network failures instead of reporting them', async () => {
     const networkError = new TypeError('Network request failed')
     fetchSpy.mockRejectedValueOnce(networkError)
 
@@ -71,10 +75,10 @@ describe('instrumentedFetch', () => {
       instrumentedFetch('https://api.example.com/conversations/123', { method: 'GET' })
     ).rejects.toBe(networkError)
 
-    expect(reportError).toHaveBeenCalledTimes(1)
-    const [error, context] = reportError.mock.calls[0]
-    expect(error.name).toBe('NetworkError')
-    expect(error.message).toContain('Network failure GET /conversations/:id')
+    expect(reportError).not.toHaveBeenCalled()
+    expect(warnSpy).toHaveBeenCalledTimes(1)
+    const [message, context] = warnSpy.mock.calls[0]
+    expect(message).toContain('Network failure GET /conversations/:id')
     expect(context.tags).toMatchObject({
       'http.method': 'GET',
       'http.path': '/conversations/:id',

package/src/utils/client/client.ts

@@ -105,16 +105,18 @@ export class Client {
     return makeRequest(requestArgs).catch(this.handleNotOk)
   }
 
-  handleNotOk = async (response: Response) => {
+  handleNotOk = async (response: Response | Error) => {
+    if (!(response instanceof Response)) return Promise.reject(response)
+
+    const errorData = await this.parseErrorResponse(response)
+    const notOkResponse = response.clone() as FailedResponse
+    notOkResponse.errors = errorData.errors || []
+
     if (response.status === 401) {
-      const errorData = await this.parseErrorResponse(response)
-      this.onUnauthorizedResponse?.({
-        ...response,
-        errors: errorData.errors || [],
-      } as FailedResponse)
+      this.onUnauthorizedResponse?.(notOkResponse)
     }
 
-    return Promise.reject(response)
+    return Promise.reject(notOkResponse)
   }
 
   parseErrorResponse = async (response: Response): Promise<Partial<FailedResponse>> => {

package/src/utils/client/instrumented_fetch.ts

@@ -14,7 +14,7 @@ export async function instrumentedFetch(url: string, init: RequestInit): Promise
     if (!response.ok) reportHttpError(response, method, url)
     return response
   } catch (networkError) {
-    reportNetworkError(networkError as Error, method, url)
+    warnNetworkError(networkError as Error, method, url)
     throw networkError
   }
 }
@@ -38,12 +38,9 @@ function reportHttpError(response: Response, method: string, url: string) {
   })
 }
 
-function reportNetworkError(networkError: Error, method: string, url: string) {
+function warnNetworkError(networkError: Error, method: string, url: string) {
   const path = templatePath(url)
-  const error = new Error(`Network failure ${method} ${path}: ${networkError.message}`)
-  error.name = 'NetworkError'
-
-  Log.reportError(error, {
+  console.warn(`Network failure ${method} ${path}: ${networkError.message}`, {
     scope: 'http',
     tags: {
       ...SHARED_TAGS,

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

package/build/components/conversation/unread_divider.js

@@ -1,59 +0,0 @@
-import { StyleSheet, View } from 'react-native';
-import Animated, { FadeIn, FadeOut } from 'react-native-reanimated';
-import Svg, { Defs, Path, Pattern, Rect } from 'react-native-svg';
-import { useConversationContext } from '../../contexts/conversation_context';
-import { useTheme } from '../../hooks';
-import { CONVERSATION_MESSAGE_LIST_PADDING_HORIZONTAL } from '../../utils/styles';
-import { Text } from '../display';
-const WAVE_WIDTH = 16;
-const WAVE_HEIGHT = 8;
-const FADE_DURATION = 750;
-export function UnreadDivider({ scrolledPast = false }) {
-    const styles = useStyles();
-    const { atEndOfMessageHistory } = useConversationContext();
-    if (scrolledPast || atEndOfMessageHistory)
-        return null;
-    return (<Animated.View entering={FadeIn.duration(FADE_DURATION)} exiting={FadeOut.duration(FADE_DURATION)} style={styles.container} accessibilityRole="header" accessibilityLabel="Unread messages start here">
-      <SquigglyLine />
-      <Text variant="footnote" style={styles.label}>
-        New
-      </Text>
-      <SquigglyLine />
-    </Animated.View>);
-}
-function SquigglyLine() {
-    const { colors } = useTheme();
-    return (<View style={squigglyStyle.container}>
-      <Svg width="100%" height={WAVE_HEIGHT}>
-        <Defs>
-          <Pattern id="wave" x="0" y="0" width={WAVE_WIDTH} height={WAVE_HEIGHT} patternUnits="userSpaceOnUse">
-            <Path d="M 0 4 Q 4 0 8 4 T 16 4" stroke={colors.interaction} strokeWidth={1.5} fill="none"/>
-          </Pattern>
-        </Defs>
-        <Rect x="0" y="0" width="100%" height={WAVE_HEIGHT} fill="url(#wave)"/>
-      </Svg>
-    </View>);
-}
-const squigglyStyle = StyleSheet.create({
-    container: {
-        flex: 1,
-        height: WAVE_HEIGHT,
-    },
-});
-const useStyles = () => {
-    const { colors } = useTheme();
-    return StyleSheet.create({
-        container: {
-            alignItems: 'center',
-            flexDirection: 'row',
-            paddingHorizontal: CONVERSATION_MESSAGE_LIST_PADDING_HORIZONTAL,
-            paddingVertical: 8,
-            gap: 8,
-        },
-        label: {
-            color: colors.interaction,
-            fontWeight: '600',
-        },
-    });
-};
-//# sourceMappingURL=unread_divider.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"unread_divider.js","sourceRoot":"","sources":["../../../src/components/conversation/unread_divider.tsx"],"names":[],"mappings":"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","sourcesContent":["import { StyleSheet, View } from 'react-native'\nimport Animated, { FadeIn, FadeOut } from 'react-native-reanimated'\nimport Svg, { Defs, Path, Pattern, Rect } from 'react-native-svg'\nimport { useConversationContext } from '../../contexts/conversation_context'\nimport { useTheme } from '../../hooks'\nimport { CONVERSATION_MESSAGE_LIST_PADDING_HORIZONTAL } from '../../utils/styles'\nimport { Text } from '../display'\n\ninterface UnreadDividerProps {\n  scrolledPast?: boolean\n}\n\nconst WAVE_WIDTH = 16\nconst WAVE_HEIGHT = 8\nconst FADE_DURATION = 750\n\nexport function UnreadDivider({ scrolledPast = false }: UnreadDividerProps) {\n  const styles = useStyles()\n  const { atEndOfMessageHistory } = useConversationContext()\n\n  if (scrolledPast || atEndOfMessageHistory) return null\n\n  return (\n    <Animated.View\n      entering={FadeIn.duration(FADE_DURATION)}\n      exiting={FadeOut.duration(FADE_DURATION)}\n      style={styles.container}\n      accessibilityRole=\"header\"\n      accessibilityLabel=\"Unread messages start here\"\n    >\n      <SquigglyLine />\n      <Text variant=\"footnote\" style={styles.label}>\n        New\n      </Text>\n      <SquigglyLine />\n    </Animated.View>\n  )\n}\n\nfunction SquigglyLine() {\n  const { colors } = useTheme()\n  return (\n    <View style={squigglyStyle.container}>\n      <Svg width=\"100%\" height={WAVE_HEIGHT}>\n        <Defs>\n          <Pattern\n            id=\"wave\"\n            x=\"0\"\n            y=\"0\"\n            width={WAVE_WIDTH}\n            height={WAVE_HEIGHT}\n            patternUnits=\"userSpaceOnUse\"\n          >\n            <Path\n              d=\"M 0 4 Q 4 0 8 4 T 16 4\"\n              stroke={colors.interaction}\n              strokeWidth={1.5}\n              fill=\"none\"\n            />\n          </Pattern>\n        </Defs>\n        <Rect x=\"0\" y=\"0\" width=\"100%\" height={WAVE_HEIGHT} fill=\"url(#wave)\" />\n      </Svg>\n    </View>\n  )\n}\n\nconst squigglyStyle = StyleSheet.create({\n  container: {\n    flex: 1,\n    height: WAVE_HEIGHT,\n  },\n})\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n  return StyleSheet.create({\n    container: {\n      alignItems: 'center',\n      flexDirection: 'row',\n      paddingHorizontal: CONVERSATION_MESSAGE_LIST_PADDING_HORIZONTAL,\n      paddingVertical: 8,\n      gap: 8,\n    },\n    label: {\n      color: colors.interaction,\n      fontWeight: '600',\n    },\n  })\n}\n"]}

package/build/hooks/use_flat_list_viewability.d.ts

@@ -1,20 +0,0 @@
-import type { ViewToken } from 'react-native';
-import type { ViewabilityObserver } from '../utils/message_viewability';
-interface UseFlatListViewabilityArgs<Item> {
-    observers: ViewabilityObserver<Item>[];
-    itemVisiblePercentThreshold?: number;
-}
-export declare function useFlatListViewability<Item>({ observers, itemVisiblePercentThreshold, }: UseFlatListViewabilityArgs<Item>): {
-    viewabilityConfigCallbackPairs: {
-        viewabilityConfig: {
-            itemVisiblePercentThreshold: number;
-        };
-        onViewableItemsChanged: ({ viewableItems, changed, }: {
-            viewableItems: ViewToken[];
-            changed: ViewToken[];
-        }) => void;
-    }[];
-    onScrollBeginDrag: () => void;
-};
-export {};
-//# sourceMappingURL=use_flat_list_viewability.d.ts.map

package/build/hooks/use_flat_list_viewability.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use_flat_list_viewability.d.ts","sourceRoot":"","sources":["../../src/hooks/use_flat_list_viewability.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAC7C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAA;AAEvE,UAAU,0BAA0B,CAAC,IAAI;IACvC,SAAS,EAAE,mBAAmB,CAAC,IAAI,CAAC,EAAE,CAAA;IACtC,2BAA2B,CAAC,EAAE,MAAM,CAAA;CACrC;AAED,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,EAC3C,SAAS,EACT,2BAAgC,GACjC,EAAE,0BAA0B,CAAC,IAAI,CAAC;;;;;8DAkB1B;YACD,aAAa,EAAE,SAAS,EAAE,CAAA;YAC1B,OAAO,EAAE,SAAS,EAAE,CAAA;SACrB;;;EAYN"}

package/build/hooks/use_flat_list_viewability.js

@@ -1,30 +0,0 @@
-import { useCallback, useEffect, useRef } from 'react';
-export function useFlatListViewability({ observers, itemVisiblePercentThreshold = 50, }) {
-    const userHasScrolledRef = useRef(false);
-    const observersRef = useRef(observers);
-    useEffect(() => {
-        observersRef.current = observers;
-    });
-    const onScrollBeginDrag = useCallback(() => {
-        userHasScrolledRef.current = true;
-    }, []);
-    const viewabilityConfigCallbackPairs = useRef([
-        {
-            viewabilityConfig: { itemVisiblePercentThreshold },
-            onViewableItemsChanged: ({ viewableItems, changed, }) => {
-                const event = {
-                    viewableItems: viewableItems.map((toEntry)),
-                    changed: changed.map((toEntry)),
-                    userHasScrolled: userHasScrolledRef.current,
-                };
-                for (const observer of observersRef.current)
-                    observer(event);
-            },
-        },
-    ]).current;
-    return { viewabilityConfigCallbackPairs, onScrollBeginDrag };
-}
-function toEntry(token) {
-    return { key: token.key, isViewable: !!token.isViewable, item: token.item };
-}
-//# sourceMappingURL=use_flat_list_viewability.js.map

package/build/hooks/use_flat_list_viewability.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use_flat_list_viewability.js","sourceRoot":"","sources":["../../src/hooks/use_flat_list_viewability.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAStD,MAAM,UAAU,sBAAsB,CAAO,EAC3C,SAAS,EACT,2BAA2B,GAAG,EAAE,GACC;IACjC,MAAM,kBAAkB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;IACxC,MAAM,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,CAAA;IAEtC,SAAS,CAAC,GAAG,EAAE;QACb,YAAY,CAAC,OAAO,GAAG,SAAS,CAAA;IAClC,CAAC,CAAC,CAAA;IAEF,MAAM,iBAAiB,GAAG,WAAW,CAAC,GAAG,EAAE;QACzC,kBAAkB,CAAC,OAAO,GAAG,IAAI,CAAA;IACnC,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,8BAA8B,GAAG,MAAM,CAAC;QAC5C;YACE,iBAAiB,EAAE,EAAE,2BAA2B,EAAE;YAClD,sBAAsB,EAAE,CAAC,EACvB,aAAa,EACb,OAAO,GAIR,EAAE,EAAE;gBACH,MAAM,KAAK,GAAG;oBACZ,aAAa,EAAE,aAAa,CAAC,GAAG,CAAC,CAAA,OAAa,CAAA,CAAC;oBAC/C,OAAO,EAAE,OAAO,CAAC,GAAG,CAAC,CAAA,OAAa,CAAA,CAAC;oBACnC,eAAe,EAAE,kBAAkB,CAAC,OAAO;iBAC5C,CAAA;gBACD,KAAK,MAAM,QAAQ,IAAI,YAAY,CAAC,OAAO;oBAAE,QAAQ,CAAC,KAAK,CAAC,CAAA;YAC9D,CAAC;SACF;KACF,CAAC,CAAC,OAAO,CAAA;IAEV,OAAO,EAAE,8BAA8B,EAAE,iBAAiB,EAAE,CAAA;AAC9D,CAAC;AAED,SAAS,OAAO,CAAO,KAAgB;IACrC,OAAO,EAAE,GAAG,EAAE,KAAK,CAAC,GAAG,EAAE,UAAU,EAAE,CAAC,CAAC,KAAK,CAAC,UAAU,EAAE,IAAI,EAAE,KAAK,CAAC,IAAY,EAAE,CAAA;AACrF,CAAC","sourcesContent":["import { useCallback, useEffect, useRef } from 'react'\nimport type { ViewToken } from 'react-native'\nimport type { ViewabilityObserver } from '../utils/message_viewability'\n\ninterface UseFlatListViewabilityArgs<Item> {\n  observers: ViewabilityObserver<Item>[]\n  itemVisiblePercentThreshold?: number\n}\n\nexport function useFlatListViewability<Item>({\n  observers,\n  itemVisiblePercentThreshold = 50,\n}: UseFlatListViewabilityArgs<Item>) {\n  const userHasScrolledRef = useRef(false)\n  const observersRef = useRef(observers)\n\n  useEffect(() => {\n    observersRef.current = observers\n  })\n\n  const onScrollBeginDrag = useCallback(() => {\n    userHasScrolledRef.current = true\n  }, [])\n\n  const viewabilityConfigCallbackPairs = useRef([\n    {\n      viewabilityConfig: { itemVisiblePercentThreshold },\n      onViewableItemsChanged: ({\n        viewableItems,\n        changed,\n      }: {\n        viewableItems: ViewToken[]\n        changed: ViewToken[]\n      }) => {\n        const event = {\n          viewableItems: viewableItems.map(toEntry<Item>),\n          changed: changed.map(toEntry<Item>),\n          userHasScrolled: userHasScrolledRef.current,\n        }\n        for (const observer of observersRef.current) observer(event)\n      },\n    },\n  ]).current\n\n  return { viewabilityConfigCallbackPairs, onScrollBeginDrag }\n}\n\nfunction toEntry<Item>(token: ViewToken) {\n  return { key: token.key, isViewable: !!token.isViewable, item: token.item as Item }\n}\n"]}

package/build/hooks/use_jump_to_bottom_action.d.ts

@@ -1,9 +0,0 @@
-import { RefObject } from 'react';
-import type { FlatList } from 'react-native';
-export declare function useJumpToBottomAction({ listRef }: {
-    listRef: RefObject<FlatList | null>;
-}): {
-    handleJumpToBottom: () => void;
-    isJumpingToBottom: boolean;
-};
-//# sourceMappingURL=use_jump_to_bottom_action.d.ts.map

package/build/hooks/use_jump_to_bottom_action.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use_jump_to_bottom_action.d.ts","sourceRoot":"","sources":["../../src/hooks/use_jump_to_bottom_action.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAA4C,MAAM,OAAO,CAAA;AAC3E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAU5C,wBAAgB,qBAAqB,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,SAAS,CAAC,QAAQ,GAAG,IAAI,CAAC,CAAA;CAAE;;;EA8DzF"}

package/build/hooks/use_jump_to_bottom_action.js

@@ -1,62 +0,0 @@
-import { useQueryClient } from '@tanstack/react-query';
-import { useCallback, useEffect, useRef, useState } from 'react';
-import { useConversationContext } from '../contexts/conversation_context';
-import { Haptic } from '../utils/native_adapters';
-import { getMessagesQueryKey, getMessagesRequestArgs } from '../utils/request/get_messages';
-import { useApiClient } from './use_api_client';
-import { useJumpToUnreadGates } from './use_jump_to_unread_gates';
-const LATEST_PAGE_SIZE = 25;
-export function useJumpToBottomAction({ listRef }) {
-    const { jumpToUnreadEnabled } = useJumpToUnreadGates();
-    const { conversationId, currentPageReplyRootId, initialMessageId, setInitialMessageId } = useConversationContext();
-    const queryClient = useQueryClient();
-    const apiClient = useApiClient();
-    const [isJumpingToBottom, setIsJumpingToBottom] = useState(false);
-    const mountedRef = useRef(true);
-    useEffect(() => () => {
-        mountedRef.current = false;
-    }, []);
-    const handleJumpToBottom = useCallback(() => {
-        Haptic.impactLight();
-        listRef.current?.scrollToOffset({ offset: 0, animated: true });
-        if (!jumpToUnreadEnabled || !initialMessageId)
-            return;
-        const queryKey = getMessagesQueryKey({
-            conversation_id: conversationId,
-            reply_root_id: currentPageReplyRootId,
-        });
-        const args = getMessagesRequestArgs({
-            conversation_id: conversationId,
-            reply_root_id: currentPageReplyRootId,
-        });
-        setIsJumpingToBottom(true);
-        queryClient
-            .cancelQueries({ queryKey })
-            .then(() => apiClient.chat.get({
-            url: args.url,
-            data: { ...args.data, perPage: LATEST_PAGE_SIZE },
-        }))
-            .then(latest => {
-            if (!mountedRef.current)
-                return;
-            queryClient.setQueryData(queryKey, { pages: [latest], pageParams: [{}] });
-            setInitialMessageId(null);
-            listRef.current?.scrollToOffset({ offset: 0, animated: false });
-        })
-            .finally(() => {
-            if (mountedRef.current)
-                setIsJumpingToBottom(false);
-        });
-    }, [
-        jumpToUnreadEnabled,
-        initialMessageId,
-        setInitialMessageId,
-        queryClient,
-        apiClient,
-        conversationId,
-        currentPageReplyRootId,
-        listRef,
-    ]);
-    return { handleJumpToBottom, isJumpingToBottom };
-}
-//# sourceMappingURL=use_jump_to_bottom_action.js.map

package/build/hooks/use_jump_to_bottom_action.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use_jump_to_bottom_action.js","sourceRoot":"","sources":["../../src/hooks/use_jump_to_bottom_action.ts"],"names":[],"mappings":"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","sourcesContent":["import { useQueryClient } from '@tanstack/react-query'\nimport { RefObject, useCallback, useEffect, useRef, useState } from 'react'\nimport type { FlatList } from 'react-native'\nimport { useConversationContext } from '../contexts/conversation_context'\nimport { ApiCollection, MessageResource } from '../types'\nimport { Haptic } from '../utils/native_adapters'\nimport { getMessagesQueryKey, getMessagesRequestArgs } from '../utils/request/get_messages'\nimport { useApiClient } from './use_api_client'\nimport { useJumpToUnreadGates } from './use_jump_to_unread_gates'\n\nconst LATEST_PAGE_SIZE = 25\n\nexport function useJumpToBottomAction({ listRef }: { listRef: RefObject<FlatList | null> }) {\n  const { jumpToUnreadEnabled } = useJumpToUnreadGates()\n  const { conversationId, currentPageReplyRootId, initialMessageId, setInitialMessageId } =\n    useConversationContext()\n  const queryClient = useQueryClient()\n  const apiClient = useApiClient()\n  const [isJumpingToBottom, setIsJumpingToBottom] = useState(false)\n\n  const mountedRef = useRef(true)\n  useEffect(\n    () => () => {\n      mountedRef.current = false\n    },\n    []\n  )\n\n  const handleJumpToBottom = useCallback(() => {\n    Haptic.impactLight()\n    listRef.current?.scrollToOffset({ offset: 0, animated: true })\n\n    if (!jumpToUnreadEnabled || !initialMessageId) return\n\n    const queryKey = getMessagesQueryKey({\n      conversation_id: conversationId,\n      reply_root_id: currentPageReplyRootId,\n    })\n    const args = getMessagesRequestArgs({\n      conversation_id: conversationId,\n      reply_root_id: currentPageReplyRootId,\n    })\n\n    setIsJumpingToBottom(true)\n\n    queryClient\n      .cancelQueries({ queryKey })\n      .then(() =>\n        apiClient.chat.get<ApiCollection<MessageResource>>({\n          url: args.url,\n          data: { ...args.data, perPage: LATEST_PAGE_SIZE },\n        })\n      )\n      .then(latest => {\n        if (!mountedRef.current) return\n        queryClient.setQueryData(queryKey, { pages: [latest], pageParams: [{}] })\n        setInitialMessageId(null)\n        listRef.current?.scrollToOffset({ offset: 0, animated: false })\n      })\n      .finally(() => {\n        if (mountedRef.current) setIsJumpingToBottom(false)\n      })\n  }, [\n    jumpToUnreadEnabled,\n    initialMessageId,\n    setInitialMessageId,\n    queryClient,\n    apiClient,\n    conversationId,\n    currentPageReplyRootId,\n    listRef,\n  ])\n\n  return { handleJumpToBottom, isJumpingToBottom }\n}\n"]}

package/build/hooks/use_jump_to_unread_anchor.d.ts

@@ -1,20 +0,0 @@
-import { RefObject } from 'react';
-import type { FlatList } from 'react-native';
-interface UseJumpToUnreadAnchorArgs<T> {
-    listRef: RefObject<FlatList<T> | null>;
-    items: T[];
-}
-interface ScrollToIndexFailInfo {
-    index: number;
-    highestMeasuredFrameIndex: number;
-    averageItemLength: number;
-}
-export declare function useJumpToUnreadAnchor<T extends {
-    id?: string | number;
-}>({ listRef, items, }: UseJumpToUnreadAnchorArgs<T>): {
-    onScrollBeginDrag: () => void;
-    onContentSizeChange: () => void;
-    onScrollToIndexFailed: (info: ScrollToIndexFailInfo) => void;
-};
-export {};
-//# sourceMappingURL=use_jump_to_unread_anchor.d.ts.map

package/build/hooks/use_jump_to_unread_anchor.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use_jump_to_unread_anchor.d.ts","sourceRoot":"","sources":["../../src/hooks/use_jump_to_unread_anchor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAkC,MAAM,OAAO,CAAA;AACjE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAI5C,UAAU,yBAAyB,CAAC,CAAC;IACnC,OAAO,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,CAAA;IACtC,KAAK,EAAE,CAAC,EAAE,CAAA;CACX;AAED,UAAU,qBAAqB;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,yBAAyB,EAAE,MAAM,CAAA;IACjC,iBAAiB,EAAE,MAAM,CAAA;CAC1B;AAED,wBAAgB,qBAAqB,CAAC,CAAC,SAAS;IAAE,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,EAAE,EACxE,OAAO,EACP,KAAK,GACN,EAAE,yBAAyB,CAAC,CAAC,CAAC;;;kCAiCpB,qBAAqB;EAe/B"}

package/build/hooks/use_jump_to_unread_anchor.js

@@ -1,53 +0,0 @@
-import { useCallback, useEffect, useRef } from 'react';
-import { useConversationContext } from '../contexts/conversation_context';
-import { useJumpToUnreadGates } from './use_jump_to_unread_gates';
-export function useJumpToUnreadAnchor({ listRef, items, }) {
-    const { jumpToUnreadActive } = useJumpToUnreadGates();
-    const { initialMessageId } = useConversationContext();
-    const hasAnchoredRef = useRef(false);
-    const userTouchedRef = useRef(false);
-    const retryTimerRef = useRef(null);
-    useEffect(() => {
-        return () => {
-            if (retryTimerRef.current)
-                clearTimeout(retryTimerRef.current);
-            retryTimerRef.current = null;
-        };
-    }, []);
-    const onScrollBeginDrag = useCallback(() => {
-        userTouchedRef.current = true;
-        if (retryTimerRef.current) {
-            clearTimeout(retryTimerRef.current);
-            retryTimerRef.current = null;
-        }
-    }, []);
-    const onContentSizeChange = useCallback(() => {
-        if (hasAnchoredRef.current)
-            return;
-        if (!jumpToUnreadActive || !initialMessageId)
-            return;
-        if (userTouchedRef.current)
-            return;
-        const index = items.findIndex(item => String(item.id ?? '') === initialMessageId);
-        if (index < 0)
-            return;
-        hasAnchoredRef.current = true;
-        listRef.current?.scrollToIndex({ index, viewPosition: 0.25, animated: false });
-    }, [jumpToUnreadActive, initialMessageId, items, listRef]);
-    const onScrollToIndexFailed = useCallback((info) => {
-        if (userTouchedRef.current)
-            return;
-        const offset = info.averageItemLength * info.index;
-        listRef.current?.scrollToOffset({ offset, animated: false });
-        if (retryTimerRef.current)
-            clearTimeout(retryTimerRef.current);
-        retryTimerRef.current = setTimeout(() => {
-            retryTimerRef.current = null;
-            if (userTouchedRef.current)
-                return;
-            listRef.current?.scrollToIndex({ index: info.index, viewPosition: 0.25, animated: false });
-        }, 50);
-    }, [listRef]);
-    return { onScrollBeginDrag, onContentSizeChange, onScrollToIndexFailed };
-}
-//# sourceMappingURL=use_jump_to_unread_anchor.js.map

package/build/hooks/use_jump_to_unread_anchor.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use_jump_to_unread_anchor.js","sourceRoot":"","sources":["../../src/hooks/use_jump_to_unread_anchor.ts"],"names":[],"mappings":"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","sourcesContent":["import { RefObject, useCallback, useEffect, useRef } from 'react'\nimport type { FlatList } from 'react-native'\nimport { useConversationContext } from '../contexts/conversation_context'\nimport { useJumpToUnreadGates } from './use_jump_to_unread_gates'\n\ninterface UseJumpToUnreadAnchorArgs<T> {\n  listRef: RefObject<FlatList<T> | null>\n  items: T[]\n}\n\ninterface ScrollToIndexFailInfo {\n  index: number\n  highestMeasuredFrameIndex: number\n  averageItemLength: number\n}\n\nexport function useJumpToUnreadAnchor<T extends { id?: string | number }>({\n  listRef,\n  items,\n}: UseJumpToUnreadAnchorArgs<T>) {\n  const { jumpToUnreadActive } = useJumpToUnreadGates()\n  const { initialMessageId } = useConversationContext()\n  const hasAnchoredRef = useRef(false)\n  const userTouchedRef = useRef(false)\n  const retryTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null)\n\n  useEffect(() => {\n    return () => {\n      if (retryTimerRef.current) clearTimeout(retryTimerRef.current)\n      retryTimerRef.current = null\n    }\n  }, [])\n\n  const onScrollBeginDrag = useCallback(() => {\n    userTouchedRef.current = true\n    if (retryTimerRef.current) {\n      clearTimeout(retryTimerRef.current)\n      retryTimerRef.current = null\n    }\n  }, [])\n\n  const onContentSizeChange = useCallback(() => {\n    if (hasAnchoredRef.current) return\n    if (!jumpToUnreadActive || !initialMessageId) return\n    if (userTouchedRef.current) return\n    const index = items.findIndex(item => String(item.id ?? '') === initialMessageId)\n    if (index < 0) return\n    hasAnchoredRef.current = true\n    listRef.current?.scrollToIndex({ index, viewPosition: 0.25, animated: false })\n  }, [jumpToUnreadActive, initialMessageId, items, listRef])\n\n  const onScrollToIndexFailed = useCallback(\n    (info: ScrollToIndexFailInfo) => {\n      if (userTouchedRef.current) return\n      const offset = info.averageItemLength * info.index\n      listRef.current?.scrollToOffset({ offset, animated: false })\n      if (retryTimerRef.current) clearTimeout(retryTimerRef.current)\n      retryTimerRef.current = setTimeout(() => {\n        retryTimerRef.current = null\n        if (userTouchedRef.current) return\n        listRef.current?.scrollToIndex({ index: info.index, viewPosition: 0.25, animated: false })\n      }, 50)\n    },\n    [listRef]\n  )\n\n  return { onScrollBeginDrag, onContentSizeChange, onScrollToIndexFailed }\n}\n"]}

package/build/hooks/use_jump_to_unread_gates.d.ts

@@ -1,5 +0,0 @@
-export declare function useJumpToUnreadGates(): {
-    jumpToUnreadEnabled: boolean;
-    jumpToUnreadActive: boolean;
-};
-//# sourceMappingURL=use_jump_to_unread_gates.d.ts.map

package/build/hooks/use_jump_to_unread_gates.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use_jump_to_unread_gates.d.ts","sourceRoot":"","sources":["../../src/hooks/use_jump_to_unread_gates.ts"],"names":[],"mappings":"AAGA,wBAAgB,oBAAoB;;;EAMnC"}

package/build/hooks/use_jump_to_unread_gates.js

@@ -1,10 +0,0 @@
-import { useConversationContext } from '../contexts/conversation_context';
-import { availableFeatures, useFeatures } from './use_features';
-export function useJumpToUnreadGates() {
-    const { featureEnabled } = useFeatures();
-    const { initialMessageIdIsAnchor } = useConversationContext();
-    const jumpToUnreadEnabled = featureEnabled(availableFeatures.jump_to_unread);
-    const jumpToUnreadActive = jumpToUnreadEnabled && initialMessageIdIsAnchor;
-    return { jumpToUnreadEnabled, jumpToUnreadActive };
-}
-//# sourceMappingURL=use_jump_to_unread_gates.js.map

package/build/hooks/use_jump_to_unread_gates.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use_jump_to_unread_gates.js","sourceRoot":"","sources":["../../src/hooks/use_jump_to_unread_gates.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,kCAAkC,CAAA;AACzE,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAE/D,MAAM,UAAU,oBAAoB;IAClC,MAAM,EAAE,cAAc,EAAE,GAAG,WAAW,EAAE,CAAA;IACxC,MAAM,EAAE,wBAAwB,EAAE,GAAG,sBAAsB,EAAE,CAAA;IAC7D,MAAM,mBAAmB,GAAG,cAAc,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAA;IAC5E,MAAM,kBAAkB,GAAG,mBAAmB,IAAI,wBAAwB,CAAA;IAC1E,OAAO,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,CAAA;AACpD,CAAC","sourcesContent":["import { useConversationContext } from '../contexts/conversation_context'\nimport { availableFeatures, useFeatures } from './use_features'\n\nexport function useJumpToUnreadGates() {\n  const { featureEnabled } = useFeatures()\n  const { initialMessageIdIsAnchor } = useConversationContext()\n  const jumpToUnreadEnabled = featureEnabled(availableFeatures.jump_to_unread)\n  const jumpToUnreadActive = jumpToUnreadEnabled && initialMessageIdIsAnchor\n  return { jumpToUnreadEnabled, jumpToUnreadActive }\n}\n"]}