@assistant-ui/react-native 0.1.44 → 0.1.46

package/dist/primitives/thread/ThreadMessages.js

@@ -1,35 +1,12 @@
+import { getFlatListPagingProps, useComposedFlatListRef, useFlatListAutoScroll, useFlatListScrollProps, useHistoryLoad, useThreadHistory } from "./flatListScroll.js";
 import { MessageByIndexProvider } from "@assistant-ui/core/react";
-import { RenderChildrenWithAccessor, useAuiEvent, useAuiState } from "@assistant-ui/store";
+import { RenderChildrenWithAccessor, useAuiState } from "@assistant-ui/store";
 import { c } from "@assistant-ui/tap/react-shim/compiler-runtime";
 import { FlatList } from "react-native";
 import { jsx } from "react/jsx-runtime";
-import { forwardRef, memo, useCallback, useEffect, useRef } from "@assistant-ui/tap/react-shim";
+import { forwardRef, memo } from "@assistant-ui/tap/react-shim";
 //#region src/primitives/thread/ThreadMessages.tsx
 const DEFAULT_SYSTEM_MESSAGE = () => null;
-const AT_BOTTOM_THRESHOLD = 4;
-const useHistoryLoad = (history, onStartReached) => {
-	const loadRequestedRef = useRef(false);
-	const hasMore = history?.hasMore ?? false;
-	const isLoadingMore = history?.isLoadingMore ?? false;
-	useEffect(() => {
-		loadRequestedRef.current = isLoadingMore;
-	});
-	const handleStartReached = useCallback((info) => {
-		onStartReached?.(info);
-		if (loadRequestedRef.current) return;
-		loadRequestedRef.current = true;
-		try {
-			history?.loadMore();
-		} catch (error) {
-			loadRequestedRef.current = false;
-			throw error;
-		}
-	}, [history, onStartReached]);
-	return {
-		canLoadMore: hasMore && !isLoadingMore,
-		handleStartReached
-	};
-};
 const getComponent = (components, role, isEditing) => {
 	switch (role) {
 		case "user": if (isEditing) return components.UserEditComposer ?? components.EditComposer ?? components.UserMessage ?? components.Message;
@@ -97,239 +74,16 @@ const ThreadMessageByChildren = memo(({ index, children }) => {
 	});
 }, (prev, next) => prev.index === next.index && prev.children === next.children);
 ThreadMessageByChildren.displayName = "ThreadPrimitive.MessageByChildren";
-const setForwardedRef = (ref, value) => {
-	if (typeof ref === "function") ref(value);
-	else if (ref) ref.current = value;
-};
-const useComposedFlatListRef = (forwardedRef) => {
-	const $ = c(4);
-	const flatListRef = useRef(null);
-	let t0;
-	if ($[0] !== forwardedRef) {
-		t0 = (node) => {
-			flatListRef.current = node;
-			setForwardedRef(forwardedRef, node);
-		};
-		$[0] = forwardedRef;
-		$[1] = t0;
-	} else t0 = $[1];
-	const setFlatListRef = t0;
-	let t1;
-	if ($[2] !== setFlatListRef) {
-		t1 = [flatListRef, setFlatListRef];
-		$[2] = setFlatListRef;
-		$[3] = t1;
-	} else t1 = $[3];
-	return t1;
-};
-const useThreadMessagesFlatListAutoScroll = (t0) => {
-	const $ = c(29);
-	const { flatListRef, hasMessages, horizontal: t1, autoScroll: t2, scrollToBottomOnRunStart: t3, scrollToBottomOnInitialize: t4, scrollToBottomOnThreadSwitch: t5 } = t0;
-	const horizontal = t1 === void 0 ? false : t1;
-	const autoScroll = t2 === void 0 ? true : t2;
-	const scrollToBottomOnRunStart = t3 === void 0 ? true : t3;
-	const scrollToBottomOnInitialize = t4 === void 0 ? true : t4;
-	const scrollToBottomOnThreadSwitch = t5 === void 0 ? true : t5;
-	let t6;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t6 = {
-			contentHeight: 0,
-			viewportHeight: 0,
-			scrollY: 0
-		};
-		$[0] = t6;
-	} else t6 = $[0];
-	const metricsRef = useRef(t6);
-	const isAtBottomRef = useRef(true);
-	const lastScrollEventOffsetRef = useRef(0);
-	const initializeScrollRequestedRef = useRef(false);
-	const contentSizeVersionRef = useRef(0);
-	const pendingScrollToBottomRef = useRef(false);
-	let t7;
-	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-		t7 = () => {
-			const { contentHeight, scrollY, viewportHeight } = metricsRef.current;
-			isAtBottomRef.current = contentHeight <= viewportHeight || contentHeight - scrollY - viewportHeight <= AT_BOTTOM_THRESHOLD;
-		};
-		$[1] = t7;
-	} else t7 = $[1];
-	const updateIsAtBottom = t7;
-	let t8;
-	if ($[2] !== flatListRef) {
-		t8 = (animated) => {
-			const { contentHeight: contentHeight_0, viewportHeight: viewportHeight_0 } = metricsRef.current;
-			const offset = Math.max(0, contentHeight_0 - viewportHeight_0);
-			metricsRef.current.scrollY = offset;
-			isAtBottomRef.current = true;
-			flatListRef.current?.scrollToOffset({
-				offset,
-				animated
-			});
-		};
-		$[2] = flatListRef;
-		$[3] = t8;
-	} else t8 = $[3];
-	const scrollToBottom = t8;
-	let t9;
-	if ($[4] !== autoScroll || $[5] !== horizontal || $[6] !== scrollToBottom) {
-		t9 = (event) => {
-			const wasAtBottom = isAtBottomRef.current;
-			const previousViewportHeight = metricsRef.current.viewportHeight;
-			const viewportHeight_1 = horizontal ? event.nativeEvent.layout.width : event.nativeEvent.layout.height;
-			metricsRef.current.viewportHeight = viewportHeight_1;
-			updateIsAtBottom();
-			const pending = pendingScrollToBottomRef.current;
-			if (pending && contentSizeVersionRef.current >= pending.minimumContentSizeVersion && viewportHeight_1 > 0) {
-				pendingScrollToBottomRef.current = false;
-				scrollToBottom(pending.animated);
-				return;
-			}
-			if (!wasAtBottom) return;
-			if (autoScroll && previousViewportHeight !== 0 && viewportHeight_1 !== previousViewportHeight) scrollToBottom(pending ? pending.animated : false);
-			else isAtBottomRef.current = true;
-		};
-		$[4] = autoScroll;
-		$[5] = horizontal;
-		$[6] = scrollToBottom;
-		$[7] = t9;
-	} else t9 = $[7];
-	const handleLayout = t9;
-	let t10;
-	if ($[8] !== horizontal) {
-		t10 = (event_0) => {
-			const { contentOffset, contentSize, layoutMeasurement } = event_0.nativeEvent;
-			const scrollOffset = horizontal ? contentOffset.x : contentOffset.y;
-			const previousEventOffset = lastScrollEventOffsetRef.current;
-			const wasPinnedToBottom = isAtBottomRef.current;
-			lastScrollEventOffsetRef.current = scrollOffset;
-			metricsRef.current = {
-				contentHeight: horizontal ? contentSize.width : contentSize.height,
-				viewportHeight: horizontal ? layoutMeasurement.width : layoutMeasurement.height,
-				scrollY: scrollOffset
-			};
-			updateIsAtBottom();
-			const upwardMove = scrollOffset < previousEventOffset;
-			if (wasPinnedToBottom && !upwardMove) isAtBottomRef.current = true;
-			if (!isAtBottomRef.current && upwardMove) pendingScrollToBottomRef.current = false;
-		};
-		$[8] = horizontal;
-		$[9] = t10;
-	} else t10 = $[9];
-	const handleScroll = t10;
-	let t11;
-	if ($[10] !== autoScroll || $[11] !== horizontal || $[12] !== scrollToBottom) {
-		t11 = (width, height) => {
-			const metrics = metricsRef.current;
-			const contentHeight_1 = horizontal ? width : height;
-			const previousContentHeight = metrics.contentHeight;
-			const wasAtBottom_0 = isAtBottomRef.current;
-			if (contentHeight_1 > 0) contentSizeVersionRef.current = contentSizeVersionRef.current + 1;
-			metrics.contentHeight = contentHeight_1;
-			updateIsAtBottom();
-			const pendingScroll = pendingScrollToBottomRef.current;
-			if (pendingScroll && contentSizeVersionRef.current >= pendingScroll.minimumContentSizeVersion && metrics.viewportHeight > 0) {
-				pendingScrollToBottomRef.current = false;
-				scrollToBottom(pendingScroll.animated);
-				return;
-			}
-			if (!autoScroll) return;
-			if (!wasAtBottom_0) return;
-			if (previousContentHeight === 0) return;
-			if (contentHeight_1 <= previousContentHeight) return;
-			scrollToBottom(false);
-		};
-		$[10] = autoScroll;
-		$[11] = horizontal;
-		$[12] = scrollToBottom;
-		$[13] = t11;
-	} else t11 = $[13];
-	const handleContentSizeChange = t11;
-	let t12;
-	let t13;
-	if ($[14] !== hasMessages || $[15] !== scrollToBottom || $[16] !== scrollToBottomOnInitialize) {
-		t12 = () => {
-			if (!scrollToBottomOnInitialize) return;
-			if (!hasMessages) {
-				initializeScrollRequestedRef.current = false;
-				return;
-			}
-			if (initializeScrollRequestedRef.current) return;
-			initializeScrollRequestedRef.current = true;
-			pendingScrollToBottomRef.current = {
-				animated: false,
-				minimumContentSizeVersion: Math.max(1, contentSizeVersionRef.current)
-			};
-			scrollToBottom(false);
-		};
-		t13 = [
-			hasMessages,
-			scrollToBottom,
-			scrollToBottomOnInitialize
-		];
-		$[14] = hasMessages;
-		$[15] = scrollToBottom;
-		$[16] = scrollToBottomOnInitialize;
-		$[17] = t12;
-		$[18] = t13;
-	} else {
-		t12 = $[17];
-		t13 = $[18];
-	}
-	useEffect(t12, t13);
-	let t14;
-	if ($[19] !== scrollToBottom || $[20] !== scrollToBottomOnRunStart) {
-		t14 = () => {
-			if (!scrollToBottomOnRunStart) return;
-			pendingScrollToBottomRef.current = {
-				animated: true,
-				minimumContentSizeVersion: contentSizeVersionRef.current + 1
-			};
-			scrollToBottom(true);
-		};
-		$[19] = scrollToBottom;
-		$[20] = scrollToBottomOnRunStart;
-		$[21] = t14;
-	} else t14 = $[21];
-	useAuiEvent("thread.runStart", t14);
-	let t15;
-	if ($[22] !== scrollToBottom || $[23] !== scrollToBottomOnThreadSwitch) {
-		t15 = () => {
-			if (!scrollToBottomOnThreadSwitch) return;
-			initializeScrollRequestedRef.current = false;
-			lastScrollEventOffsetRef.current = 0;
-			pendingScrollToBottomRef.current = {
-				animated: false,
-				minimumContentSizeVersion: contentSizeVersionRef.current + 1
-			};
-			scrollToBottom(false);
-		};
-		$[22] = scrollToBottom;
-		$[23] = scrollToBottomOnThreadSwitch;
-		$[24] = t15;
-	} else t15 = $[24];
-	useAuiEvent("threads.selectionChanged", t15);
-	let t16;
-	if ($[25] !== handleContentSizeChange || $[26] !== handleLayout || $[27] !== handleScroll) {
-		t16 = {
-			handleLayout,
-			handleScroll,
-			handleContentSizeChange
-		};
-		$[25] = handleContentSizeChange;
-		$[26] = handleLayout;
-		$[27] = handleScroll;
-		$[28] = t16;
-	} else t16 = $[28];
-	return t16;
-};
 const ThreadMessagesFlatList = forwardRef((t0, forwardedRef) => {
-	const $ = c(58);
+	const $ = c(56);
 	let autoScroll;
 	let children;
 	let components;
 	let flatListProps;
 	let history;
 	let onContentSizeChange;
+	let onEndReached;
+	let onEndReachedThreshold;
 	let onLayout;
 	let onScroll;
 	let onStartReached;
@@ -339,7 +93,7 @@ const ThreadMessagesFlatList = forwardRef((t0, forwardedRef) => {
 	let scrollToBottomOnRunStart;
 	let scrollToBottomOnThreadSwitch;
 	if ($[0] !== t0) {
-		({autoScroll, components, children, onContentSizeChange, onLayout, onScroll, onStartReached, onStartReachedThreshold, scrollEventThrottle, scrollToBottomOnInitialize, scrollToBottomOnRunStart, scrollToBottomOnThreadSwitch, history, ...flatListProps} = t0);
+		({autoScroll, components, children, onContentSizeChange, onLayout, onScroll, onStartReached, onStartReachedThreshold, onEndReached, onEndReachedThreshold, scrollEventThrottle, scrollToBottomOnInitialize, scrollToBottomOnRunStart, scrollToBottomOnThreadSwitch, history, ...flatListProps} = t0);
 		$[0] = t0;
 		$[1] = autoScroll;
 		$[2] = children;
@@ -347,14 +101,16 @@ const ThreadMessagesFlatList = forwardRef((t0, forwardedRef) => {
 		$[4] = flatListProps;
 		$[5] = history;
 		$[6] = onContentSizeChange;
-		$[7] = onLayout;
-		$[8] = onScroll;
-		$[9] = onStartReached;
-		$[10] = onStartReachedThreshold;
-		$[11] = scrollEventThrottle;
-		$[12] = scrollToBottomOnInitialize;
-		$[13] = scrollToBottomOnRunStart;
-		$[14] = scrollToBottomOnThreadSwitch;
+		$[7] = onEndReached;
+		$[8] = onEndReachedThreshold;
+		$[9] = onLayout;
+		$[10] = onScroll;
+		$[11] = onStartReached;
+		$[12] = onStartReachedThreshold;
+		$[13] = scrollEventThrottle;
+		$[14] = scrollToBottomOnInitialize;
+		$[15] = scrollToBottomOnRunStart;
+		$[16] = scrollToBottomOnThreadSwitch;
 	} else {
 		autoScroll = $[1];
 		children = $[2];
@@ -362,20 +118,23 @@ const ThreadMessagesFlatList = forwardRef((t0, forwardedRef) => {
 		flatListProps = $[4];
 		history = $[5];
 		onContentSizeChange = $[6];
-		onLayout = $[7];
-		onScroll = $[8];
-		onStartReached = $[9];
-		onStartReachedThreshold = $[10];
-		scrollEventThrottle = $[11];
-		scrollToBottomOnInitialize = $[12];
-		scrollToBottomOnRunStart = $[13];
-		scrollToBottomOnThreadSwitch = $[14];
+		onEndReached = $[7];
+		onEndReachedThreshold = $[8];
+		onLayout = $[9];
+		onScroll = $[10];
+		onStartReached = $[11];
+		onStartReachedThreshold = $[12];
+		scrollEventThrottle = $[13];
+		scrollToBottomOnInitialize = $[14];
+		scrollToBottomOnRunStart = $[15];
+		scrollToBottomOnThreadSwitch = $[16];
 	}
 	const messages = useAuiState(_temp3);
+	const effectiveHistory = useThreadHistory(history);
 	const [flatListRef, setFlatListRef] = useComposedFlatListRef(forwardedRef);
 	const t1 = messages.length > 0;
 	let t2;
-	if ($[15] !== autoScroll || $[16] !== flatListProps.horizontal || $[17] !== flatListRef || $[18] !== scrollToBottomOnInitialize || $[19] !== scrollToBottomOnRunStart || $[20] !== scrollToBottomOnThreadSwitch || $[21] !== t1) {
+	if ($[17] !== autoScroll || $[18] !== flatListProps.horizontal || $[19] !== flatListRef || $[20] !== scrollToBottomOnInitialize || $[21] !== scrollToBottomOnRunStart || $[22] !== scrollToBottomOnThreadSwitch || $[23] !== t1) {
 		t2 = {
 			flatListRef,
 			hasMessages: t1,
@@ -385,18 +144,18 @@ const ThreadMessagesFlatList = forwardRef((t0, forwardedRef) => {
 			scrollToBottomOnRunStart,
 			scrollToBottomOnThreadSwitch
 		};
-		$[15] = autoScroll;
-		$[16] = flatListProps.horizontal;
-		$[17] = flatListRef;
-		$[18] = scrollToBottomOnInitialize;
-		$[19] = scrollToBottomOnRunStart;
-		$[20] = scrollToBottomOnThreadSwitch;
-		$[21] = t1;
-		$[22] = t2;
-	} else t2 = $[22];
-	const { handleContentSizeChange: handleAutoScrollContentSizeChange, handleLayout: handleAutoScrollLayout, handleScroll: handleAutoScrollScroll } = useThreadMessagesFlatListAutoScroll(t2);
+		$[17] = autoScroll;
+		$[18] = flatListProps.horizontal;
+		$[19] = flatListRef;
+		$[20] = scrollToBottomOnInitialize;
+		$[21] = scrollToBottomOnRunStart;
+		$[22] = scrollToBottomOnThreadSwitch;
+		$[23] = t1;
+		$[24] = t2;
+	} else t2 = $[24];
+	const { handleContentSizeChange: handleAutoScrollContentSizeChange, handleLayout: handleAutoScrollLayout, handleScroll: handleAutoScrollScroll } = useFlatListAutoScroll(t2);
 	let t3;
-	if ($[23] !== children || $[24] !== components) {
+	if ($[25] !== children || $[26] !== components) {
 		t3 = (t4) => {
 			const { index } = t4;
 			if (children) return /* @__PURE__ */ jsx(ThreadMessageByChildren, {
@@ -408,113 +167,87 @@ const ThreadMessagesFlatList = forwardRef((t0, forwardedRef) => {
 				components
 			});
 		};
-		$[23] = children;
-		$[24] = components;
-		$[25] = t3;
-	} else t3 = $[25];
+		$[25] = children;
+		$[26] = components;
+		$[27] = t3;
+	} else t3 = $[27];
 	const renderItem = t3;
 	const keyExtractor = _temp4;
-	const scrollTracking = (autoScroll ?? true) || (scrollToBottomOnInitialize ?? true) || (scrollToBottomOnRunStart ?? true) || (scrollToBottomOnThreadSwitch ?? true);
 	let t4;
-	if ($[26] !== handleAutoScrollLayout || $[27] !== onLayout) {
-		t4 = (event) => {
-			handleAutoScrollLayout(event);
-			onLayout?.(event);
+	if ($[28] !== autoScroll || $[29] !== handleAutoScrollContentSizeChange || $[30] !== handleAutoScrollLayout || $[31] !== handleAutoScrollScroll || $[32] !== onContentSizeChange || $[33] !== onLayout || $[34] !== onScroll || $[35] !== scrollEventThrottle || $[36] !== scrollToBottomOnInitialize || $[37] !== scrollToBottomOnRunStart || $[38] !== scrollToBottomOnThreadSwitch) {
+		t4 = {
+			autoScroll,
+			scrollToBottomOnInitialize,
+			scrollToBottomOnRunStart,
+			scrollToBottomOnThreadSwitch,
+			onContentSizeChange,
+			onLayout,
+			onScroll,
+			scrollEventThrottle,
+			handleAutoScrollContentSizeChange,
+			handleAutoScrollLayout,
+			handleAutoScrollScroll
 		};
-		$[26] = handleAutoScrollLayout;
-		$[27] = onLayout;
-		$[28] = t4;
-	} else t4 = $[28];
-	const handleLayout = t4;
+		$[28] = autoScroll;
+		$[29] = handleAutoScrollContentSizeChange;
+		$[30] = handleAutoScrollLayout;
+		$[31] = handleAutoScrollScroll;
+		$[32] = onContentSizeChange;
+		$[33] = onLayout;
+		$[34] = onScroll;
+		$[35] = scrollEventThrottle;
+		$[36] = scrollToBottomOnInitialize;
+		$[37] = scrollToBottomOnRunStart;
+		$[38] = scrollToBottomOnThreadSwitch;
+		$[39] = t4;
+	} else t4 = $[39];
+	const scrollProps = useFlatListScrollProps(t4);
+	const { canLoadMore, handleReached } = useHistoryLoad(effectiveHistory, onStartReached);
 	let t5;
-	if ($[29] !== handleAutoScrollScroll || $[30] !== onScroll) {
-		t5 = (event_0) => {
-			handleAutoScrollScroll(event_0);
-			onScroll?.(event_0);
-		};
-		$[29] = handleAutoScrollScroll;
-		$[30] = onScroll;
-		$[31] = t5;
-	} else t5 = $[31];
-	const handleScroll = t5;
-	let t6;
-	if ($[32] !== handleAutoScrollContentSizeChange || $[33] !== onContentSizeChange) {
-		t6 = (width, height) => {
-			handleAutoScrollContentSizeChange(width, height);
-			onContentSizeChange?.(width, height);
-		};
-		$[32] = handleAutoScrollContentSizeChange;
-		$[33] = onContentSizeChange;
-		$[34] = t6;
-	} else t6 = $[34];
-	const handleContentSizeChange = t6;
-	const { canLoadMore, handleStartReached } = useHistoryLoad(history, onStartReached);
-	const t7 = messages;
+	if ($[40] !== canLoadMore || $[41] !== effectiveHistory || $[42] !== handleReached || $[43] !== onEndReached || $[44] !== onEndReachedThreshold || $[45] !== onStartReached || $[46] !== onStartReachedThreshold) {
+		t5 = getFlatListPagingProps("start", effectiveHistory, canLoadMore, handleReached, {
+			onStartReached,
+			onStartReachedThreshold,
+			onEndReached,
+			onEndReachedThreshold
+		});
+		$[40] = canLoadMore;
+		$[41] = effectiveHistory;
+		$[42] = handleReached;
+		$[43] = onEndReached;
+		$[44] = onEndReachedThreshold;
+		$[45] = onStartReached;
+		$[46] = onStartReachedThreshold;
+		$[47] = t5;
+	} else t5 = $[47];
+	const pagingProps = t5;
+	const t6 = messages;
+	let t7;
+	if ($[48] === Symbol.for("react.memo_cache_sentinel")) {
+		t7 = { minIndexForVisible: 0 };
+		$[48] = t7;
+	} else t7 = $[48];
 	let t8;
-	if ($[35] === Symbol.for("react.memo_cache_sentinel")) {
-		t8 = { minIndexForVisible: 0 };
-		$[35] = t8;
-	} else t8 = $[35];
-	let t9;
-	if ($[36] !== handleContentSizeChange || $[37] !== handleLayout || $[38] !== handleScroll || $[39] !== onContentSizeChange || $[40] !== onLayout || $[41] !== onScroll || $[42] !== scrollEventThrottle || $[43] !== scrollTracking) {
-		t9 = scrollTracking ? {
-			onContentSizeChange: handleContentSizeChange,
-			onLayout: handleLayout,
-			onScroll: handleScroll,
-			scrollEventThrottle: scrollEventThrottle ?? 16
-		} : {
-			...onContentSizeChange && { onContentSizeChange },
-			...onLayout && { onLayout },
-			...onScroll && { onScroll },
-			...scrollEventThrottle !== void 0 && { scrollEventThrottle }
-		};
-		$[36] = handleContentSizeChange;
-		$[37] = handleLayout;
-		$[38] = handleScroll;
-		$[39] = onContentSizeChange;
-		$[40] = onLayout;
-		$[41] = onScroll;
-		$[42] = scrollEventThrottle;
-		$[43] = scrollTracking;
-		$[44] = t9;
-	} else t9 = $[44];
-	let t10;
-	if ($[45] !== canLoadMore || $[46] !== handleStartReached || $[47] !== history || $[48] !== onStartReached || $[49] !== onStartReachedThreshold) {
-		t10 = history ? {
-			...canLoadMore ? { onStartReached: handleStartReached } : onStartReached ? { onStartReached } : {},
-			onStartReachedThreshold: onStartReachedThreshold ?? 1
-		} : {
-			...onStartReached && { onStartReached },
-			...onStartReachedThreshold !== void 0 && { onStartReachedThreshold }
-		};
-		$[45] = canLoadMore;
-		$[46] = handleStartReached;
-		$[47] = history;
-		$[48] = onStartReached;
-		$[49] = onStartReachedThreshold;
-		$[50] = t10;
-	} else t10 = $[50];
-	let t11;
-	if ($[51] !== flatListProps || $[52] !== renderItem || $[53] !== setFlatListRef || $[54] !== t10 || $[55] !== t7 || $[56] !== t9) {
-		t11 = /* @__PURE__ */ jsx(FlatList, {
+	if ($[49] !== flatListProps || $[50] !== pagingProps || $[51] !== renderItem || $[52] !== scrollProps || $[53] !== setFlatListRef || $[54] !== t6) {
+		t8 = /* @__PURE__ */ jsx(FlatList, {
 			ref: setFlatListRef,
-			data: t7,
+			data: t6,
 			renderItem,
 			keyExtractor,
-			maintainVisibleContentPosition: t8,
-			...t9,
-			...t10,
+			maintainVisibleContentPosition: t7,
+			...scrollProps,
+			...pagingProps,
 			...flatListProps
 		});
-		$[51] = flatListProps;
-		$[52] = renderItem;
+		$[49] = flatListProps;
+		$[50] = pagingProps;
+		$[51] = renderItem;
+		$[52] = scrollProps;
 		$[53] = setFlatListRef;
-		$[54] = t10;
-		$[55] = t7;
-		$[56] = t9;
-		$[57] = t11;
-	} else t11 = $[57];
-	return t11;
+		$[54] = t6;
+		$[55] = t8;
+	} else t8 = $[55];
+	return t8;
 });
 ThreadMessagesFlatList.displayName = "ThreadPrimitive.MessagesFlatList";
 /** @deprecated Use ThreadPrimitive.MessagesFlatList instead. */