@assistant-ui/react-native 0.1.42 → 0.1.43

package/src/primitives/thread/ThreadMessages.tsx

@@ -67,6 +67,13 @@ export type ThreadMessagesFlatListProps = Omit<
     scrollToBottomOnRunStart?: boolean | undefined;
     scrollToBottomOnInitialize?: boolean | undefined;
     scrollToBottomOnThreadSwitch?: boolean | undefined;
+    history?:
+      | {
+          hasMore: boolean;
+          isLoadingMore: boolean;
+          loadMore: () => void;
+        }
+      | undefined;
   };
 
 /** @deprecated Use ThreadMessagesFlatListProps instead. */
@@ -415,10 +422,13 @@ export const ThreadMessagesFlatList = forwardRef<
       onContentSizeChange,
       onLayout,
       onScroll,
+      onStartReached,
+      onStartReachedThreshold,
       scrollEventThrottle,
       scrollToBottomOnInitialize,
       scrollToBottomOnRunStart,
       scrollToBottomOnThreadSwitch,
+      history,
       ...flatListProps
     },
     forwardedRef,
@@ -485,6 +495,18 @@ export const ThreadMessagesFlatList = forwardRef<
       [handleAutoScrollContentSizeChange, onContentSizeChange],
     );
 
+    const canLoadMore = history?.hasMore && !history.isLoadingMore;
+
+    const handleStartReached = useCallback<
+      NonNullable<FlatListProps<ThreadMessage>["onStartReached"]>
+    >(
+      (info) => {
+        onStartReached?.(info);
+        history?.loadMore();
+      },
+      [history, onStartReached],
+    );
+
     return (
       <FlatList
         ref={setFlatListRef}
@@ -505,6 +527,21 @@ export const ThreadMessagesFlatList = forwardRef<
               ...(onScroll && { onScroll }),
               ...(scrollEventThrottle !== undefined && { scrollEventThrottle }),
             })}
+        {...(history
+          ? {
+              ...(canLoadMore
+                ? { onStartReached: handleStartReached }
+                : onStartReached
+                  ? { onStartReached }
+                  : {}),
+              onStartReachedThreshold: onStartReachedThreshold ?? 1,
+            }
+          : {
+              ...(onStartReached && { onStartReached }),
+              ...(onStartReachedThreshold !== undefined && {
+                onStartReachedThreshold,
+              }),
+            })}
         {...flatListProps}
       />
     );