@planningcenter/chat-react-native 4.2.1-qa-staging.0 → 4.2.1-qa-staging.1

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

@@ -0,0 +1,18 @@
+import React, { PropsWithChildren } from 'react';
+type Props = PropsWithChildren<{
+    onAnchorNotFound: () => void;
+}>;
+export declare class AnchorNotFoundBoundary extends React.Component<Props, {
+    recovering: boolean;
+}> {
+    state: {
+        recovering: boolean;
+    };
+    static getDerivedStateFromError(error: Error): {
+        recovering: boolean;
+    };
+    componentDidCatch(): void;
+    render(): React.ReactNode;
+}
+export {};
+//# sourceMappingURL=anchor_not_found_boundary.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"anchor_not_found_boundary.d.ts","sourceRoot":"","sources":["../../../src/components/conversation/anchor_not_found_boundary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAGhD,KAAK,KAAK,GAAG,iBAAiB,CAAC;IAAE,gBAAgB,EAAE,MAAM,IAAI,CAAA;CAAE,CAAC,CAAA;AAEhE,qBAAa,sBAAuB,SAAQ,KAAK,CAAC,SAAS,CAAC,KAAK,EAAE;IAAE,UAAU,EAAE,OAAO,CAAA;CAAE,CAAC;IACzF,KAAK;;MAAwB;IAE7B,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,KAAK;;;IAK5C,iBAAiB;IAIjB,MAAM;CAGP"}

package/build/components/conversation/anchor_not_found_boundary.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import { ResponseError } from '../../utils/response_error';
+export class AnchorNotFoundBoundary extends React.Component {
+  state = {
+    recovering: false
+  };
+  static getDerivedStateFromError(error) {
+    if (error instanceof ResponseError && error.status === 404) return {
+      recovering: true
+    };
+    throw error;
+  }
+  componentDidCatch() {
+    this.props.onAnchorNotFound();
+  }
+  render() {
+    return this.state.recovering ? null : this.props.children;
+  }
+}
+//# sourceMappingURL=anchor_not_found_boundary.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"anchor_not_found_boundary.js","names":["React","ResponseError","AnchorNotFoundBoundary","Component","state","recovering","getDerivedStateFromError","error","status","componentDidCatch","props","onAnchorNotFound","render","children"],"sources":["../../../src/components/conversation/anchor_not_found_boundary.tsx"],"sourcesContent":["import React, { PropsWithChildren } from 'react'\nimport { ResponseError } from '../../utils/response_error'\n\ntype Props = PropsWithChildren<{ onAnchorNotFound: () => void }>\n\nexport class AnchorNotFoundBoundary extends React.Component<Props, { recovering: boolean }> {\n  state = { recovering: false }\n\n  static getDerivedStateFromError(error: Error) {\n    if (error instanceof ResponseError && error.status === 404) return { recovering: true }\n    throw error\n  }\n\n  componentDidCatch() {\n    this.props.onAnchorNotFound()\n  }\n\n  render() {\n    return this.state.recovering ? null : this.props.children\n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAA6B,OAAO;AAChD,SAASC,aAAa,QAAQ,4BAA4B;AAI1D,OAAO,MAAMC,sBAAsB,SAASF,KAAK,CAACG,SAAS,CAAiC;EAC1FC,KAAK,GAAG;IAAEC,UAAU,EAAE;EAAM,CAAC;EAE7B,OAAOC,wBAAwBA,CAACC,KAAY,EAAE;IAC5C,IAAIA,KAAK,YAAYN,aAAa,IAAIM,KAAK,CAACC,MAAM,KAAK,GAAG,EAAE,OAAO;MAAEH,UAAU,EAAE;IAAK,CAAC;IACvF,MAAME,KAAK;EACb;EAEAE,iBAAiBA,CAAA,EAAG;IAClB,IAAI,CAACC,KAAK,CAACC,gBAAgB,CAAC,CAAC;EAC/B;EAEAC,MAAMA,CAAA,EAAG;IACP,OAAO,IAAI,CAACR,KAAK,CAACC,UAAU,GAAG,IAAI,GAAG,IAAI,CAACK,KAAK,CAACG,QAAQ;EAC3D;AACF","ignoreList":[]}

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

@@ -3,19 +3,20 @@ import { FlatList, FlatListProps } from 'react-native';
 import { ConversationResource } from '../../types/resources/conversation';
 import { MessageResource } from '../../types/resources/message';
 import { type EnrichedMessage } from '../../utils/group_messages';
-type ScrollHandlers = Pick<FlatListProps<EnrichedMessage>, 'onScroll' | 'onLayout' | 'onContentSizeChange' | 'onScrollEndDrag' | 'onMomentumScrollEnd' | 'maintainVisibleContentPosition'>;
+type ScrollHandlers = Pick<FlatListProps<EnrichedMessage>, 'onScroll' | 'onLayout' | 'onContentSizeChange' | 'onScrollEndDrag' | 'onMomentumScrollEnd' | 'onScrollBeginDrag' | 'onStartReached' | 'onStartReachedThreshold' | 'maintainVisibleContentPosition'>;
 interface MessageListProps extends ScrollHandlers {
     listRef: RefObject<FlatList | null>;
     conversation: ConversationResource;
     conversationId: number;
     messages: MessageResource[];
     replyRootId?: string | null;
+    anchorMessageId?: string | null;
     hasNextPage: boolean;
     onEndReached: () => void;
 }
 /** MessageList
  * The inverted list of messages, reply previews, and date separators for a conversation
  */
-export declare function MessageList({ listRef, conversation, conversationId, messages, replyRootId, hasNextPage, onEndReached, onScroll, onLayout, onContentSizeChange, onScrollEndDrag, onMomentumScrollEnd, maintainVisibleContentPosition, }: MessageListProps): import("react/jsx-runtime").JSX.Element;
+export declare function MessageList({ listRef, conversation, conversationId, messages, replyRootId, anchorMessageId, hasNextPage, onEndReached, onScroll, onLayout, onContentSizeChange, onScrollEndDrag, onMomentumScrollEnd, onScrollBeginDrag, onStartReached, onStartReachedThreshold, maintainVisibleContentPosition, }: MessageListProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=message_list.d.ts.map

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":"AACA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACxC,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;AASpG,KAAK,cAAc,GAAG,IAAI,CACxB,aAAa,CAAC,eAAe,CAAC,EAC5B,UAAU,GACV,UAAU,GACV,qBAAqB,GACrB,iBAAiB,GACjB,qBAAqB,GACrB,gCAAgC,CACnC,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,WAAW,EAAE,OAAO,CAAA;IACpB,YAAY,EAAE,MAAM,IAAI,CAAA;CACzB;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,YAAY,EACZ,cAAc,EACd,QAAQ,EACR,WAAW,EACX,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,mBAAmB,EACnB,eAAe,EACf,mBAAmB,EACnB,8BAA8B,GAC/B,EAAE,gBAAgB,2CA6DlB"}
+{"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;AASpG,KAAK,cAAc,GAAG,IAAI,CACxB,aAAa,CAAC,eAAe,CAAC,EAC5B,UAAU,GACV,UAAU,GACV,qBAAqB,GACrB,iBAAiB,GACjB,qBAAqB,GACrB,mBAAmB,GACnB,gBAAgB,GAChB,yBAAyB,GACzB,gCAAgC,CACnC,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,WAAW,EAAE,OAAO,CAAA;IACpB,YAAY,EAAE,MAAM,IAAI,CAAA;CACzB;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,YAAY,EACZ,cAAc,EACd,QAAQ,EACR,WAAW,EACX,eAAe,EACf,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,mBAAmB,EACnB,eAAe,EACf,mBAAmB,EACnB,iBAAiB,EACjB,cAAc,EACd,uBAAuB,EACvB,8BAA8B,GAC/B,EAAE,gBAAgB,2CAmGlB"}

package/build/components/conversation/message_list.js

@@ -1,6 +1,7 @@
 import { c as _c } from "react/compiler-runtime";
 import { date as formatDate } from '@planningcenter/datetime-fmt';
-import React from 'react';
+import { noop } from 'lodash';
+import React, { useRef } from 'react';
 import { FlatList, StyleSheet, View } from 'react-native';
 import { useTheme } from '../../hooks';
 import { getRelativeDateStatus } from '../../utils/date';
@@ -17,13 +18,14 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * The inverted list of messages, reply previews, and date separators for a conversation
  */
 export function MessageList(t0) {
-  const $ = _c(27);
+  const $ = _c(43);
   const {
     listRef,
     conversation,
     conversationId,
     messages,
     replyRootId,
+    anchorMessageId,
     hasNextPage,
     onEndReached,
     onScroll,
@@ -31,129 +33,210 @@ export function MessageList(t0) {
     onContentSizeChange,
     onScrollEndDrag,
     onMomentumScrollEnd,
+    onScrollBeginDrag,
+    onStartReached,
+    onStartReachedThreshold,
     maintainVisibleContentPosition
   } = t0;
   const styles = useStyles();
   const inReplyScreen = !!replyRootId;
   const canDeleteNonAuthoredMessages = conversation.memberAbility?.canDeleteNonAuthoredMessages ?? false;
   const latestRead = conversation.latestReadMessageSortKey;
+  let messagesWithSeparators;
   let t1;
-  if ($[0] !== inReplyScreen || $[1] !== messages) {
-    t1 = groupMessages({
+  if ($[0] !== anchorMessageId || $[1] !== inReplyScreen || $[2] !== messages) {
+    messagesWithSeparators = groupMessages({
       ms: messages,
       inReplyScreen
     });
-    $[0] = inReplyScreen;
-    $[1] = messages;
-    $[2] = t1;
+    t1 = anchorMessageId ? messagesWithSeparators.findIndex(item => item.id === anchorMessageId) : -1;
+    $[0] = anchorMessageId;
+    $[1] = inReplyScreen;
+    $[2] = messages;
+    $[3] = messagesWithSeparators;
+    $[4] = t1;
   } else {
-    t1 = $[2];
+    messagesWithSeparators = $[3];
+    t1 = $[4];
   }
-  const messagesWithSeparators = t1;
+  const anchorIndex = t1;
+  const layoutHeight = useRef(0);
+  const contentHeight = useRef(0);
+  const userHasScrolled = useRef(false);
   let t2;
-  if ($[3] !== conversation || $[4] !== hasNextPage) {
-    t2 = hasNextPage ? null : /*#__PURE__*/_jsx(ConversationStartBanner, {
+  if ($[5] !== anchorIndex || $[6] !== listRef) {
+    t2 = () => {
+      if (anchorIndex < 0 || userHasScrolled.current) {
+        return;
+      }
+      const scrollable = layoutHeight.current > 0 && contentHeight.current > layoutHeight.current;
+      if (!scrollable) {
+        return;
+      }
+      listRef.current?.scrollToIndex({
+        index: anchorIndex,
+        viewPosition: 0,
+        animated: false
+      });
+    };
+    $[5] = anchorIndex;
+    $[6] = listRef;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  const pinAnchorToBottomEdge = t2;
+  let t3;
+  if ($[8] !== onLayout || $[9] !== pinAnchorToBottomEdge) {
+    t3 = event => {
+      onLayout?.(event);
+      layoutHeight.current = event.nativeEvent.layout.height;
+      pinAnchorToBottomEdge();
+    };
+    $[8] = onLayout;
+    $[9] = pinAnchorToBottomEdge;
+    $[10] = t3;
+  } else {
+    t3 = $[10];
+  }
+  const handleLayout = t3;
+  let t4;
+  if ($[11] !== onContentSizeChange || $[12] !== pinAnchorToBottomEdge) {
+    t4 = (width, height) => {
+      onContentSizeChange?.(width, height);
+      contentHeight.current = height;
+      pinAnchorToBottomEdge();
+    };
+    $[11] = onContentSizeChange;
+    $[12] = pinAnchorToBottomEdge;
+    $[13] = t4;
+  } else {
+    t4 = $[13];
+  }
+  const handleContentSizeChange = t4;
+  let t5;
+  if ($[14] !== onScrollBeginDrag) {
+    t5 = event_0 => {
+      userHasScrolled.current = true;
+      onScrollBeginDrag?.(event_0);
+    };
+    $[14] = onScrollBeginDrag;
+    $[15] = t5;
+  } else {
+    t5 = $[15];
+  }
+  const handleScrollBeginDrag = t5;
+  let t6;
+  if ($[16] !== conversation || $[17] !== hasNextPage) {
+    t6 = hasNextPage ? null : /*#__PURE__*/_jsx(ConversationStartBanner, {
       conversation: conversation,
       hasMessages: true
     });
-    $[3] = conversation;
-    $[4] = hasNextPage;
-    $[5] = t2;
+    $[16] = conversation;
+    $[17] = hasNextPage;
+    $[18] = t6;
   } else {
-    t2 = $[5];
+    t6 = $[18];
   }
-  let t3;
-  if ($[6] !== canDeleteNonAuthoredMessages || $[7] !== conversationId || $[8] !== inReplyScreen || $[9] !== latestRead) {
-    t3 = t4 => {
+  let t7;
+  if ($[19] !== canDeleteNonAuthoredMessages || $[20] !== conversationId || $[21] !== inReplyScreen || $[22] !== latestRead) {
+    t7 = t8 => {
       const {
-        item: item_0
-      } = t4;
-      if (item_0.type === "DateSeparator") {
+        item: item_1
+      } = t8;
+      if (item_1.type === "DateSeparator") {
         return /*#__PURE__*/_jsx(InlineDateSeparator, {
-          ...item_0
+          ...item_1
         });
       }
-      if (item_0.type === "ReplyShadowMessage") {
+      if (item_1.type === "ReplyShadowMessage") {
         return /*#__PURE__*/_jsx(ReplyShadowMessage, {
-          ...item_0,
+          ...item_1,
           conversation_id: conversationId,
           inReplyScreen: inReplyScreen
         });
       }
-      if (isSystemMessage(item_0)) {
+      if (isSystemMessage(item_1)) {
         return /*#__PURE__*/_jsx(SystemMessage, {
-          message: item_0,
+          message: item_1,
           conversationId: conversationId
         });
       }
-      const readByOthers = item_0.mine && !!latestRead && item_0.id <= latestRead;
+      const readByOthers = item_1.mine && !!latestRead && item_1.id <= latestRead;
       return /*#__PURE__*/_jsx(Message, {
-        ...item_0,
+        ...item_1,
         canDeleteNonAuthoredMessages: canDeleteNonAuthoredMessages,
         conversation_id: conversationId,
         readByOthers: readByOthers,
         inReplyScreen: inReplyScreen
       });
     };
-    $[6] = canDeleteNonAuthoredMessages;
-    $[7] = conversationId;
-    $[8] = inReplyScreen;
-    $[9] = latestRead;
-    $[10] = t3;
+    $[19] = canDeleteNonAuthoredMessages;
+    $[20] = conversationId;
+    $[21] = inReplyScreen;
+    $[22] = latestRead;
+    $[23] = t7;
   } else {
-    t3 = $[10];
+    t7 = $[23];
   }
-  let t4;
-  if ($[11] !== styles.listHeader) {
-    t4 = /*#__PURE__*/_jsx(View, {
+  let t8;
+  if ($[24] !== styles.listHeader) {
+    t8 = /*#__PURE__*/_jsx(View, {
       style: styles.listHeader
     });
-    $[11] = styles.listHeader;
-    $[12] = t4;
+    $[24] = styles.listHeader;
+    $[25] = t8;
   } else {
-    t4 = $[12];
+    t8 = $[25];
   }
-  let t5;
-  if ($[13] !== listRef || $[14] !== maintainVisibleContentPosition || $[15] !== messagesWithSeparators || $[16] !== onContentSizeChange || $[17] !== onEndReached || $[18] !== onLayout || $[19] !== onMomentumScrollEnd || $[20] !== onScroll || $[21] !== onScrollEndDrag || $[22] !== styles.listContainer || $[23] !== t2 || $[24] !== t3 || $[25] !== t4) {
-    t5 = /*#__PURE__*/_jsx(FlatList, {
+  let t9;
+  if ($[26] !== handleContentSizeChange || $[27] !== handleLayout || $[28] !== handleScrollBeginDrag || $[29] !== listRef || $[30] !== maintainVisibleContentPosition || $[31] !== messagesWithSeparators || $[32] !== onEndReached || $[33] !== onMomentumScrollEnd || $[34] !== onScroll || $[35] !== onScrollEndDrag || $[36] !== onStartReached || $[37] !== onStartReachedThreshold || $[38] !== styles.listContainer || $[39] !== t6 || $[40] !== t7 || $[41] !== t8) {
+    t9 = /*#__PURE__*/_jsx(FlatList, {
       inverted: true,
       ref: listRef,
       contentContainerStyle: styles.listContainer,
       data: messagesWithSeparators,
       keyExtractor: _temp,
       onScroll: onScroll,
-      onLayout: onLayout,
-      onContentSizeChange: onContentSizeChange,
+      onLayout: handleLayout,
+      onContentSizeChange: handleContentSizeChange,
+      onScrollToIndexFailed: noop,
       onScrollEndDrag: onScrollEndDrag,
       onMomentumScrollEnd: onMomentumScrollEnd,
       scrollEventThrottle: 10,
-      ListFooterComponent: t2,
-      renderItem: t3,
+      ListFooterComponent: t6,
+      renderItem: t7,
       onEndReached: onEndReached,
+      onScrollBeginDrag: handleScrollBeginDrag,
+      onStartReached: onStartReached,
+      onStartReachedThreshold: onStartReachedThreshold,
       maintainVisibleContentPosition: maintainVisibleContentPosition,
-      ListHeaderComponent: t4
+      ListHeaderComponent: t8
     });
-    $[13] = listRef;
-    $[14] = maintainVisibleContentPosition;
-    $[15] = messagesWithSeparators;
-    $[16] = onContentSizeChange;
-    $[17] = onEndReached;
-    $[18] = onLayout;
-    $[19] = onMomentumScrollEnd;
-    $[20] = onScroll;
-    $[21] = onScrollEndDrag;
-    $[22] = styles.listContainer;
-    $[23] = t2;
-    $[24] = t3;
-    $[25] = t4;
-    $[26] = t5;
+    $[26] = handleContentSizeChange;
+    $[27] = handleLayout;
+    $[28] = handleScrollBeginDrag;
+    $[29] = listRef;
+    $[30] = maintainVisibleContentPosition;
+    $[31] = messagesWithSeparators;
+    $[32] = onEndReached;
+    $[33] = onMomentumScrollEnd;
+    $[34] = onScroll;
+    $[35] = onScrollEndDrag;
+    $[36] = onStartReached;
+    $[37] = onStartReachedThreshold;
+    $[38] = styles.listContainer;
+    $[39] = t6;
+    $[40] = t7;
+    $[41] = t8;
+    $[42] = t9;
   } else {
-    t5 = $[26];
+    t9 = $[42];
   }
-  return t5;
+  return t9;
 }
-function _temp(item) {
-  return item.id;
+function _temp(item_0) {
+  return item_0.id;
 }
 function InlineDateSeparator(t0) {
   const $ = _c(17);

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

@@ -1 +1 @@
-{"version":3,"file":"message_list.js","names":["date","formatDate","React","FlatList","StyleSheet","View","useTheme","getRelativeDateStatus","groupMessages","CONVERSATION_MESSAGE_LIST_PADDING_HORIZONTAL","isSystemMessage","Text","ConversationStartBanner","Message","ReplyShadowMessage","SystemMessage","jsx","_jsx","jsxs","_jsxs","MessageList","t0","$","_c","listRef","conversation","conversationId","messages","replyRootId","hasNextPage","onEndReached","onScroll","onLayout","onContentSizeChange","onScrollEndDrag","onMomentumScrollEnd","maintainVisibleContentPosition","styles","useStyles","inReplyScreen","canDeleteNonAuthoredMessages","memberAbility","latestRead","latestReadMessageSortKey","t1","ms","messagesWithSeparators","t2","hasMessages","t3","t4","item","item_0","type","InlineDateSeparator","readByOthers","mine","id","listHeader","style","t5","listContainer","inverted","contentContainerStyle","keyExtractor","_temp","scrollEventThrottle","ListFooterComponent","renderItem","ListHeaderComponent","useDateSeparatorStyles","isThisYear","showYear","year","dateStamp","separator","dateText","variant","children","t6","container","theme","colors","borderColorDefaultBase","create","alignItems","flexDirection","paddingHorizontal","paddingVertical","flex","height","borderTopWidth","borderTopColor"],"sources":["../../../src/components/conversation/message_list.tsx"],"sourcesContent":["import { date as formatDate } from '@planningcenter/datetime-fmt'\nimport React, { RefObject } 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 { ReplyShadowMessage } from './reply_shadow_message'\nimport { SystemMessage } from './system_message'\n\ntype ScrollHandlers = Pick<\n  FlatListProps<EnrichedMessage>,\n  | 'onScroll'\n  | 'onLayout'\n  | 'onContentSizeChange'\n  | 'onScrollEndDrag'\n  | 'onMomentumScrollEnd'\n  | 'maintainVisibleContentPosition'\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  hasNextPage: boolean\n  onEndReached: () => void\n}\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  hasNextPage,\n  onEndReached,\n  onScroll,\n  onLayout,\n  onContentSizeChange,\n  onScrollEndDrag,\n  onMomentumScrollEnd,\n  maintainVisibleContentPosition,\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\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={onLayout}\n      onContentSizeChange={onContentSizeChange}\n      onScrollEndDrag={onScrollEndDrag}\n      onMomentumScrollEnd={onMomentumScrollEnd}\n      scrollEventThrottle={10}\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 === '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      maintainVisibleContentPosition={maintainVisibleContentPosition}\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","useRef","FlatList","StyleSheet","View","useTheme","getRelativeDateStatus","groupMessages","CONVERSATION_MESSAGE_LIST_PADDING_HORIZONTAL","isSystemMessage","Text","ConversationStartBanner","Message","ReplyShadowMessage","SystemMessage","jsx","_jsx","jsxs","_jsxs","MessageList","t0","$","_c","listRef","conversation","conversationId","messages","replyRootId","anchorMessageId","hasNextPage","onEndReached","onScroll","onLayout","onContentSizeChange","onScrollEndDrag","onMomentumScrollEnd","onScrollBeginDrag","onStartReached","onStartReachedThreshold","maintainVisibleContentPosition","styles","useStyles","inReplyScreen","canDeleteNonAuthoredMessages","memberAbility","latestRead","latestReadMessageSortKey","messagesWithSeparators","t1","ms","findIndex","item","id","anchorIndex","layoutHeight","contentHeight","userHasScrolled","t2","current","scrollable","scrollToIndex","index","viewPosition","animated","pinAnchorToBottomEdge","t3","event","nativeEvent","layout","height","handleLayout","t4","width","handleContentSizeChange","t5","event_0","handleScrollBeginDrag","t6","hasMessages","t7","t8","item_1","type","InlineDateSeparator","readByOthers","mine","listHeader","style","t9","listContainer","inverted","contentContainerStyle","keyExtractor","_temp","scrollEventThrottle","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 { ReplyShadowMessage } from './reply_shadow_message'\nimport { SystemMessage } from './system_message'\n\ntype ScrollHandlers = Pick<\n  FlatListProps<EnrichedMessage>,\n  | 'onScroll'\n  | 'onLayout'\n  | 'onContentSizeChange'\n  | 'onScrollEndDrag'\n  | 'onMomentumScrollEnd'\n  | 'onScrollBeginDrag'\n  | 'onStartReached'\n  | 'onStartReachedThreshold'\n  | 'maintainVisibleContentPosition'\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  hasNextPage: boolean\n  onEndReached: () => void\n}\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  hasNextPage,\n  onEndReached,\n  onScroll,\n  onLayout,\n  onContentSizeChange,\n  onScrollEndDrag,\n  onMomentumScrollEnd,\n  onScrollBeginDrag,\n  onStartReached,\n  onStartReachedThreshold,\n  maintainVisibleContentPosition,\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\n  const pinAnchorToBottomEdge = () => {\n    if (anchorIndex < 0 || userHasScrolled.current) return\n    const scrollable = layoutHeight.current > 0 && contentHeight.current > layoutHeight.current\n    if (!scrollable) return\n\n    listRef.current?.scrollToIndex({ index: anchorIndex, viewPosition: 0, animated: false })\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    onScrollBeginDrag?.(event)\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      onScrollToIndexFailed={noop}\n      onScrollEndDrag={onScrollEndDrag}\n      onMomentumScrollEnd={onMomentumScrollEnd}\n      scrollEventThrottle={10}\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 === '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      onScrollBeginDrag={handleScrollBeginDrag}\n      onStartReached={onStartReached}\n      onStartReachedThreshold={onStartReachedThreshold}\n      maintainVisibleContentPosition={maintainVisibleContentPosition}\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":";AAAA,SAASA,IAAI,IAAIC,UAAU,QAAQ,8BAA8B;AACjE,SAASC,IAAI,QAAQ,QAAQ;AAC7B,OAAOC,KAAK,IAAeC,MAAM,QAAQ,OAAO;AAChD,SAASC,QAAQ,EAAiBC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AACxE,SAASC,QAAQ,QAAQ,aAAa;AAGtC,SAASC,qBAAqB,QAAQ,kBAAkB;AACxD,SAASC,aAAa,QAAkD,4BAA4B;AACpG,SAASC,4CAA4C,QAAQ,oBAAoB;AACjF,SAASC,eAAe,QAAQ,6BAA6B;AAC7D,SAASC,IAAI,QAAQ,YAAY;AACjC,SAASC,uBAAuB,QAAQ,6BAA6B;AACrE,SAASC,OAAO,QAAQ,WAAW;AACnC,SAASC,kBAAkB,QAAQ,wBAAwB;AAC3D,SAASC,aAAa,QAAQ,kBAAkB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AA0BhD;AACA;AACA;AACA,OAAO,SAAAC,YAAAC,EAAA;EAAA,MAAAC,CAAA,GAAAC,EAAA;EAAqB;IAAAC,OAAA;IAAAC,YAAA;IAAAC,cAAA;IAAAC,QAAA;IAAAC,WAAA;IAAAC,eAAA;IAAAC,WAAA;IAAAC,YAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,mBAAA;IAAAC,eAAA;IAAAC,mBAAA;IAAAC,iBAAA;IAAAC,cAAA;IAAAC,uBAAA;IAAAC;EAAA,IAAAnB,EAkBT;EACjB,MAAAoB,MAAA,GAAeC,SAAS,CAAC,CAAC;EAC1B,MAAAC,aAAA,GAAsB,CAAC,CAACf,WAAW;EACnC,MAAAgB,4BAAA,GACEnB,YAAY,CAAAoB,aAA4C,EAAAD,4BAAS,IAAjE,KAAiE;EACnE,MAAAE,UAAA,GAAmBrB,YAAY,CAAAsB,wBAAyB;EAAA,IAAAC,sBAAA;EAAA,IAAAC,EAAA;EAAA,IAAA3B,CAAA,QAAAO,eAAA,IAAAP,CAAA,QAAAqB,aAAA,IAAArB,CAAA,QAAAK,QAAA;IACxDqB,sBAAA,GAA+BxC,aAAa,CAAC;MAAA0C,EAAA,EAAMvB,QAAQ;MAAAgB;IAAgB,CAAC,CAAC;IACzDM,EAAA,GAAApB,eAAe,GAC/BmB,sBAAsB,CAAAG,SAAU,CAACC,IAAA,IAAQA,IAAI,CAAAC,EAAG,KAAKxB,eACpD,CAAC,GAFc,EAEd;IAAAP,CAAA,MAAAO,eAAA;IAAAP,CAAA,MAAAqB,aAAA;IAAArB,CAAA,MAAAK,QAAA;IAAAL,CAAA,MAAA0B,sBAAA;IAAA1B,CAAA,MAAA2B,EAAA;EAAA;IAAAD,sBAAA,GAAA1B,CAAA;IAAA2B,EAAA,GAAA3B,CAAA;EAAA;EAFN,MAAAgC,WAAA,GAAoBL,EAEd;EACN,MAAAM,YAAA,GAAqBrD,MAAM,CAAC,CAAC,CAAC;EAC9B,MAAAsD,aAAA,GAAsBtD,MAAM,CAAC,CAAC,CAAC;EAC/B,MAAAuD,eAAA,GAAwBvD,MAAM,CAAC,KAAK,CAAC;EAAA,IAAAwD,EAAA;EAAA,IAAApC,CAAA,QAAAgC,WAAA,IAAAhC,CAAA,QAAAE,OAAA;IAEPkC,EAAA,GAAAA,CAAA;MAC5B,IAAIJ,WAAW,GAAG,CAA4B,IAAvBG,eAAe,CAAAE,OAAQ;QAAA;MAAA;MAC9C,MAAAC,UAAA,GAAmBL,YAAY,CAAAI,OAAQ,GAAG,CAAiD,IAA5CH,aAAa,CAAAG,OAAQ,GAAGJ,YAAY,CAAAI,OAAQ;MAC3F,IAAI,CAACC,UAAU;QAAA;MAAA;MAEfpC,OAAO,CAAAmC,OAAuB,EAAAE,aAA0D,CAAzD;QAAAC,KAAA,EAASR,WAAW;QAAAS,YAAA,EAAgB,CAAC;QAAAC,QAAA,EAAY;MAAM,CAAC,CAAC;IAAA,CACzF;IAAA1C,CAAA,MAAAgC,WAAA;IAAAhC,CAAA,MAAAE,OAAA;IAAAF,CAAA,MAAAoC,EAAA;EAAA;IAAAA,EAAA,GAAApC,CAAA;EAAA;EAND,MAAA2C,qBAAA,GAA8BP,EAM7B;EAAA,IAAAQ,EAAA;EAAA,IAAA5C,CAAA,QAAAW,QAAA,IAAAX,CAAA,QAAA2C,qBAAA;IAEgEC,EAAA,GAAAC,KAAA;MAC/DlC,QAAQ,GAAGkC,KAAK,CAAC;MACjBZ,YAAY,CAAAI,OAAA,GAAWQ,KAAK,CAAAC,WAAY,CAAAC,MAAO,CAAAC,MAA3B;MACpBL,qBAAqB,CAAC,CAAC;IAAA,CACxB;IAAA3C,CAAA,MAAAW,QAAA;IAAAX,CAAA,MAAA2C,qBAAA;IAAA3C,CAAA,OAAA4C,EAAA;EAAA;IAAAA,EAAA,GAAA5C,CAAA;EAAA;EAJD,MAAAiD,YAAA,GAAiEL,EAIhE;EAAA,IAAAM,EAAA;EAAA,IAAAlD,CAAA,SAAAY,mBAAA,IAAAZ,CAAA,SAAA2C,qBAAA;IAEsFO,EAAA,GAAAA,CAAAC,KAAA,EAAAH,MAAA;MAIrFpC,mBAAmB,GAAGuC,KAAK,EAAEH,MAAM,CAAC;MACpCd,aAAa,CAAAG,OAAA,GAAWW,MAAH;MACrBL,qBAAqB,CAAC,CAAC;IAAA,CACxB;IAAA3C,CAAA,OAAAY,mBAAA;IAAAZ,CAAA,OAAA2C,qBAAA;IAAA3C,CAAA,OAAAkD,EAAA;EAAA;IAAAA,EAAA,GAAAlD,CAAA;EAAA;EAPD,MAAAoD,uBAAA,GAAuFF,EAOtF;EAAA,IAAAG,EAAA;EAAA,IAAArD,CAAA,SAAAe,iBAAA;IAEkFsC,EAAA,GAAAC,OAAA;MACjFnB,eAAe,CAAAE,OAAA,GAAW,IAAH;MACvBtB,iBAAiB,GAAG8B,OAAK,CAAC;IAAA,CAC3B;IAAA7C,CAAA,OAAAe,iBAAA;IAAAf,CAAA,OAAAqD,EAAA;EAAA;IAAAA,EAAA,GAAArD,CAAA;EAAA;EAHD,MAAAuD,qBAAA,GAAmFF,EAGlF;EAAA,IAAAG,EAAA;EAAA,IAAAxD,CAAA,SAAAG,YAAA,IAAAH,CAAA,SAAAQ,WAAA;IAiBKgD,EAAA,GAAAhD,WAAW,GAAX,IAEC,gBAFDb,IAAA,CACGL,uBAAuB;MAAea,YAAY,EAAZA,YAAY;MAAesD,WAAI,EAAJ;IAAI,CACxE,CAAC;IAAAzD,CAAA,OAAAG,YAAA;IAAAH,CAAA,OAAAQ,WAAA;IAAAR,CAAA,OAAAwD,EAAA;EAAA;IAAAA,EAAA,GAAAxD,CAAA;EAAA;EAAA,IAAA0D,EAAA;EAAA,IAAA1D,CAAA,SAAAsB,4BAAA,IAAAtB,CAAA,SAAAI,cAAA,IAAAJ,CAAA,SAAAqB,aAAA,IAAArB,CAAA,SAAAwB,UAAA;IAESkC,EAAA,GAAAC,EAAA;MAAC;QAAA7B,IAAA,EAAA8B;MAAA,IAAAD,EAAQ;MACnB,IAAI7B,MAAI,CAAA+B,IAAK,KAAK,eAAe;QAAA,oBACxBlE,IAAA,CAACmE,mBAAmB;UAAA,GAAKhC;QAAI,CAAG,CAAC;MAAA;MAG1C,IAAIA,MAAI,CAAA+B,IAAK,KAAK,oBAAoB;QAAA,oBAElClE,IAAA,CAACH,kBAAkB;UAAA,GACZsC,MAAI;UACQ1B,eAAc,EAAdA,cAAc;UAChBiB,aAAa,EAAbA;QAAa,CAC7B,CAAC;MAAA;MAIN,IAAIjC,eAAe,CAAC0C,MAAI,CAAC;QAAA,oBAChBnC,IAAA,CAACF,aAAa;UAAUqC,OAAI,EAAJA,MAAI;UAAkB1B,cAAc,EAAdA;QAAc,CAAG,CAAC;MAAA;MAGzE,MAAA2D,YAAA,GAAqBjC,MAAI,CAAAkC,IAAqB,IAAzB,CAAc,CAACxC,UAAmC,IAArBM,MAAI,CAAAC,EAAG,IAAIP,UAAU;MAAA,oBAErE7B,IAAA,CAACJ,OAAO;QAAA,GACFuC,MAAI;QACsBR,4BAA4B,EAA5BA,4BAA4B;QACzClB,eAAc,EAAdA,cAAc;QACjB2D,YAAY,EAAZA,YAAY;QACX1C,aAAa,EAAbA;MAAa,CAC7B,CAAC;IAAA,CAEL;IAAArB,CAAA,OAAAsB,4BAAA;IAAAtB,CAAA,OAAAI,cAAA;IAAAJ,CAAA,OAAAqB,aAAA;IAAArB,CAAA,OAAAwB,UAAA;IAAAxB,CAAA,OAAA0D,EAAA;EAAA;IAAAA,EAAA,GAAA1D,CAAA;EAAA;EAAA,IAAA2D,EAAA;EAAA,IAAA3D,CAAA,SAAAmB,MAAA,CAAA8C,UAAA;IAMoBN,EAAA,gBAAAhE,IAAA,CAACZ,IAAI;MAAQmF,KAAiB,EAAjB/C,MAAM,CAAA8C;IAAW,CAAG,CAAC;IAAAjE,CAAA,OAAAmB,MAAA,CAAA8C,UAAA;IAAAjE,CAAA,OAAA2D,EAAA;EAAA;IAAAA,EAAA,GAAA3D,CAAA;EAAA;EAAA,IAAAmE,EAAA;EAAA,IAAAnE,CAAA,SAAAoD,uBAAA,IAAApD,CAAA,SAAAiD,YAAA,IAAAjD,CAAA,SAAAuD,qBAAA,IAAAvD,CAAA,SAAAE,OAAA,IAAAF,CAAA,SAAAkB,8BAAA,IAAAlB,CAAA,SAAA0B,sBAAA,IAAA1B,CAAA,SAAAS,YAAA,IAAAT,CAAA,SAAAc,mBAAA,IAAAd,CAAA,SAAAU,QAAA,IAAAV,CAAA,SAAAa,eAAA,IAAAb,CAAA,SAAAgB,cAAA,IAAAhB,CAAA,SAAAiB,uBAAA,IAAAjB,CAAA,SAAAmB,MAAA,CAAAiD,aAAA,IAAApE,CAAA,SAAAwD,EAAA,IAAAxD,CAAA,SAAA0D,EAAA,IAAA1D,CAAA,SAAA2D,EAAA;IArDzDQ,EAAA,gBAAAxE,IAAA,CAACd,QAAQ;MACPwF,QAAQ,EAAR,IAAQ;MACHnE,GAAO,EAAPA,OAAO;MACWoE,qBAAoB,EAApBnD,MAAM,CAAAiD,aAAc;MACrC1C,IAAsB,EAAtBA,sBAAsB;MACd6C,YAAe,EAAfC,KAAe;MACnB9D,QAAQ,EAARA,QAAQ;MACRuC,QAAY,EAAZA,YAAY;MACDG,mBAAuB,EAAvBA,uBAAuB;MACrB1E,qBAAI,EAAJA,IAAI;MACVmC,eAAe,EAAfA,eAAe;MACXC,mBAAmB,EAAnBA,mBAAmB;MACnB2D,mBAAE,EAAF,EAAE;MAErBC,mBAEC,EAFDlB,EAEC;MAESmB,UA6BX,EA7BWjB,EA6BX;MACajD,YAAY,EAAZA,YAAY;MACP8C,iBAAqB,EAArBA,qBAAqB;MACxBvC,cAAc,EAAdA,cAAc;MACLC,uBAAuB,EAAvBA,uBAAuB;MAChBC,8BAA8B,EAA9BA,8BAA8B;MACzC0D,mBAAkC,EAAlCjB;IAAkC,CACxD,CAAC;IAAA3D,CAAA,OAAAoD,uBAAA;IAAApD,CAAA,OAAAiD,YAAA;IAAAjD,CAAA,OAAAuD,qBAAA;IAAAvD,CAAA,OAAAE,OAAA;IAAAF,CAAA,OAAAkB,8BAAA;IAAAlB,CAAA,OAAA0B,sBAAA;IAAA1B,CAAA,OAAAS,YAAA;IAAAT,CAAA,OAAAc,mBAAA;IAAAd,CAAA,OAAAU,QAAA;IAAAV,CAAA,OAAAa,eAAA;IAAAb,CAAA,OAAAgB,cAAA;IAAAhB,CAAA,OAAAiB,uBAAA;IAAAjB,CAAA,OAAAmB,MAAA,CAAAiD,aAAA;IAAApE,CAAA,OAAAwD,EAAA;IAAAxD,CAAA,OAAA0D,EAAA;IAAA1D,CAAA,OAAA2D,EAAA;IAAA3D,CAAA,OAAAmE,EAAA;EAAA;IAAAA,EAAA,GAAAnE,CAAA;EAAA;EAAA,OAtDFmE,EAsDE;AAAA;AAnHC,SAAAK,MAAAK,MAAA;EAAA,OAkEqB/C,MAAI,CAAAC,EAAG;AAAA;AAqDnC,SAAA+B,oBAAA/D,EAAA;EAAA,MAAAC,CAAA,GAAAC,EAAA;EAA6B;IAAAzB;EAAA,IAAAuB,EAAuB;EAClD,MAAAoB,MAAA,GAAe2D,sBAAsB,CAAC,CAAC;EAAA,IAAAnD,EAAA;EAAA,IAAA3B,CAAA,QAAAxB,IAAA;IAChBmD,EAAA,GAAA1C,qBAAqB,CAACT,IAAI,CAAC;IAAAwB,CAAA,MAAAxB,IAAA;IAAAwB,CAAA,MAAA2B,EAAA;EAAA;IAAAA,EAAA,GAAA3B,CAAA;EAAA;EAAlD;IAAA+E;EAAA,IAAuBpD,EAA2B;EAClD,MAAAqD,QAAA,GAAiB,CAACD,UAAU;EAAA,IAAA3C,EAAA;EAAA,IAAApC,CAAA,QAAAxB,IAAA,IAAAwB,CAAA,QAAAgF,QAAA;IACV5C,EAAA,GAAA3D,UAAU,CAACD,IAAI,EAAE;MAAA0F,KAAA,EAAS,MAAM;MAAAe,IAAA,EAAQD;IAAS,CAAC,CAAC;IAAAhF,CAAA,MAAAxB,IAAA;IAAAwB,CAAA,MAAAgF,QAAA;IAAAhF,CAAA,MAAAoC,EAAA;EAAA;IAAAA,EAAA,GAAApC,CAAA;EAAA;EAArE,MAAAkF,SAAA,GAAkB9C,EAAmD;EAAA,IAAAQ,EAAA;EAAA,IAAA5C,CAAA,QAAAmB,MAAA,CAAAgE,SAAA;IAIjEvC,EAAA,gBAAAjD,IAAA,CAACZ,IAAI;MAAQmF,KAAgB,EAAhB/C,MAAM,CAAAgE;IAAU,CAAG,CAAC;IAAAnF,CAAA,MAAAmB,MAAA,CAAAgE,SAAA;IAAAnF,CAAA,MAAA4C,EAAA;EAAA;IAAAA,EAAA,GAAA5C,CAAA;EAAA;EAAA,IAAAkD,EAAA;EAAA,IAAAlD,CAAA,QAAAkF,SAAA,IAAAlF,CAAA,QAAAmB,MAAA,CAAAiE,QAAA;IACjClC,EAAA,gBAAAvD,IAAA,CAACN,IAAI;MAASgG,OAAU,EAAV,UAAU;MAAQnB,KAAe,EAAf/C,MAAM,CAAAiE,QAAS;MAAAE,QAAA,EAC5CJ;IAAS,CACN,CAAC;IAAAlF,CAAA,MAAAkF,SAAA;IAAAlF,CAAA,MAAAmB,MAAA,CAAAiE,QAAA;IAAApF,CAAA,MAAAkD,EAAA;EAAA;IAAAA,EAAA,GAAAlD,CAAA;EAAA;EAAA,IAAAqD,EAAA;EAAA,IAAArD,CAAA,SAAAmB,MAAA,CAAAgE,SAAA;IACP9B,EAAA,gBAAA1D,IAAA,CAACZ,IAAI;MAAQmF,KAAgB,EAAhB/C,MAAM,CAAAgE;IAAU,CAAG,CAAC;IAAAnF,CAAA,OAAAmB,MAAA,CAAAgE,SAAA;IAAAnF,CAAA,OAAAqD,EAAA;EAAA;IAAAA,EAAA,GAAArD,CAAA;EAAA;EAAA,IAAAwD,EAAA;EAAA,IAAAxD,CAAA,SAAAmB,MAAA,CAAAoE,SAAA,IAAAvF,CAAA,SAAA4C,EAAA,IAAA5C,CAAA,SAAAkD,EAAA,IAAAlD,CAAA,SAAAqD,EAAA;IALnCG,EAAA,gBAAA3D,KAAA,CAACd,IAAI;MAAQmF,KAAgB,EAAhB/C,MAAM,CAAAoE,SAAU;MAAAD,QAAA,GAC3B1C,EAAiC,EACjCM,EAEO,EACPG,EAAiC;IAAA,CAC7B,CAAC;IAAArD,CAAA,OAAAmB,MAAA,CAAAoE,SAAA;IAAAvF,CAAA,OAAA4C,EAAA;IAAA5C,CAAA,OAAAkD,EAAA;IAAAlD,CAAA,OAAAqD,EAAA;IAAArD,CAAA,OAAAwD,EAAA;EAAA;IAAAA,EAAA,GAAAxD,CAAA;EAAA;EAAA,OANPwD,EAMO;AAAA;AAIX,MAAMsB,sBAAsB,GAAGA,CAAA;EAAA,MAAA9E,CAAA,GAAAC,EAAA;EAC7B,MAAAuF,KAAA,GAAcxG,QAAQ,CAAC,CAAC;EAAA,IAAAe,EAAA;EAAA,IAAAC,CAAA,QAAAwF,KAAA,CAAAC,MAAA,CAAAC,sBAAA;IACjB3F,EAAA,GAAAjB,UAAU,CAAA6G,MAAO,CAAC;MAAAJ,SAAA,EACZ;QAAAK,UAAA,EACG,QAAQ;QAAAC,aAAA,EACL,KAAK;QAAAC,iBAAA,EACD3G,4CAA4C;QAAA4G,eAAA,EAC9C;MACnB,CAAC;MAAAZ,SAAA,EACU;QAAAa,IAAA,EACH,CAAC;QAAAhD,MAAA,EACC,CAAC;QAAAiD,cAAA,EACO,CAAC;QAAAC,cAAA,EACDV,KAAK,CAAAC,MAAO,CAAAC;MAC9B,CAAC;MAAAN,QAAA,EACS;QAAAU,iBAAA,EACW;MACrB;IACF,CAAC,CAAC;IAAA9F,CAAA,MAAAwF,KAAA,CAAAC,MAAA,CAAAC,sBAAA;IAAA1F,CAAA,MAAAD,EAAA;EAAA;IAAAA,EAAA,GAAAC,CAAA;EAAA;EAAA,OAhBKD,EAgBL;AAAA,CACH;AAED,MAAMqB,SAAS,GAAGA,CAAA,KAChBtC,UAAU,CAAC6G,MAAM,CAAC;EAChBvB,aAAa,EAAE;IACb2B,eAAe,EAAE;EACnB,CAAC;EACD9B,UAAU,EAAE;IACV;IACAjB,MAAM,EAAE;EACV;AACF,CAAC,CAAC","ignoreList":[]}

package/build/hooks/use_conversation_messages.d.ts

@@ -1,14 +1,20 @@
 import { MessageResource } from '../types';
 import { SuspensePaginatorOptions } from './use_suspense_api';
-export declare const useConversationMessages: ({ conversation_id, reply_root_id }: {
+type Options = {
     conversation_id: number;
     reply_root_id?: string | null;
-}, opts?: SuspensePaginatorOptions) => {
+    anchor?: string | null;
+};
+export declare const useConversationMessages: ({ conversation_id, reply_root_id, anchor }: Options, opts?: SuspensePaginatorOptions) => {
     messages: MessageResource[];
     refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<import("@tanstack/query-core").InfiniteData<import("..").ApiCollection<MessageResource>, unknown>, Response>>;
     isRefetching: boolean;
     fetchNextPage: (options?: import("@tanstack/query-core").FetchNextPageOptions) => Promise<import("@tanstack/query-core").InfiniteQueryObserverResult<import("@tanstack/query-core").InfiniteData<import("..").ApiCollection<MessageResource>, unknown>, Response>>;
     hasNextPage: boolean;
+    fetchPreviousPage: (options?: import("@tanstack/query-core").FetchPreviousPageOptions) => Promise<import("@tanstack/query-core").InfiniteQueryObserverResult<import("@tanstack/query-core").InfiniteData<import("..").ApiCollection<MessageResource>, unknown>, Response>>;
+    hasPreviousPage: boolean;
+    isFetchingPreviousPage: boolean;
     queryKey: import("./use_suspense_api").RequestQueryKey;
 };
+export {};
 //# sourceMappingURL=use_conversation_messages.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"use_conversation_messages.d.ts","sourceRoot":"","sources":["../../src/hooks/use_conversation_messages.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAG1C,OAAO,EAAE,wBAAwB,EAAwB,MAAM,oBAAoB,CAAA;AAEnF,eAAO,MAAM,uBAAuB,GAClC,oCAAoC;IAAE,eAAe,EAAE,MAAM,CAAC;IAAC,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,EAC9F,OAAO,wBAAwB;;;;;;;CAwBhC,CAAA"}
+{"version":3,"file":"use_conversation_messages.d.ts","sourceRoot":"","sources":["../../src/hooks/use_conversation_messages.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAI1C,OAAO,EAAE,wBAAwB,EAAwB,MAAM,oBAAoB,CAAA;AAEnF,KAAK,OAAO,GAAG;IACb,eAAe,EAAE,MAAM,CAAA;IACvB,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC7B,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CACvB,CAAA;AAED,eAAO,MAAM,uBAAuB,GAClC,4CAA4C,OAAO,EACnD,OAAO,wBAAwB;;;;;;;;;;CAiDhC,CAAA"}