@messenger-box/platform-mobile 10.0.3-alpha.18 → 10.0.3-alpha.19

package/lib/screens/inbox/containers/ThreadConversationView.js

@@ -1,4 +1,4 @@
-import React__default,{useState,useRef,useCallback,useEffect,useMemo}from'react';import {Button,Box,Spinner,Text,VStack,HStack,Avatar,AvatarFallbackText,AvatarImage,Center,Image}from'@admin-layout/gluestack-ui-mobile';import {Platform,SafeAreaView,Linking,View,TouchableHighlight}from'react-native';import {useRoute,useNavigation,useFocusEffect}from'@react-navigation/native';import {useSelector}from'react-redux';import {startCase,uniqBy}from'lodash-es';import*as ImagePicker from'expo-image-picker';import {MaterialIcons,Ionicons,MaterialCommunityIcons}from'@expo/vector-icons';import {GiftedChat,Actions as Actions$1,InputToolbar,Send}from'react-native-gifted-chat';import'common';import {useCreatePostThreadMutation,useSendExpoNotificationOnPostMutation,useGetPostThreadLazyQuery,OnThreadChatMessageAddedDocument}from'common/graphql';import {useUploadFilesNative}from'@messenger-box/platform-client';import {objectId}from'@messenger-box/core';import {format,isToday,isYesterday}from'date-fns';import {userSelector}from'@adminide-stack/user-auth0-client';import {config}from'../config/config.js';import Message from'../components/SlackMessageContainer/SlackMessage.js';import ImageViewerModal from'../components/SlackMessageContainer/ImageViewerModal.js';import CachedImage from'../components/CachedImage/index.js';import colors from'tailwindcss/colors';import {Actions,BaseState,MainState}from'./workflow/thread-conversation-xstate.js';var __defProp = Object.defineProperty;
+import React__default,{useState,useRef,useCallback,useEffect,useMemo}from'react';import {Button,Box,Spinner,Text,HStack,VStack,Avatar,AvatarFallbackText,AvatarImage,Center,Image}from'@admin-layout/gluestack-ui-mobile';import {Platform,SafeAreaView,TouchableHighlight,Alert,Linking,View}from'react-native';import {useRoute,useNavigation,useFocusEffect}from'@react-navigation/native';import {useSelector}from'react-redux';import {orderBy,startCase,uniqBy}from'lodash-es';import*as ImagePicker from'expo-image-picker';import {MaterialIcons,Ionicons,MaterialCommunityIcons}from'@expo/vector-icons';import {GiftedChat,Actions as Actions$1,InputToolbar,Send}from'react-native-gifted-chat';import'common';import {useCreatePostThreadMutation,useSendExpoNotificationOnPostMutation,useGetPostThreadLazyQuery,OnThreadChatMessageAddedDocument}from'common/graphql';import {useUploadFilesNative}from'@messenger-box/platform-client';import {objectId}from'@messenger-box/core';import {format,isToday,isYesterday}from'date-fns';import {userSelector}from'@adminide-stack/user-auth0-client';import {config}from'../config/config.js';import Message from'../components/SlackMessageContainer/SlackMessage.js';import ImageViewerModal from'../components/SlackMessageContainer/ImageViewerModal.js';import CachedImage from'../components/CachedImage/index.js';import colors from'tailwindcss/colors';import {Actions,BaseState,MainState}from'./workflow/thread-conversation-xstate.js';var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
@@ -138,11 +138,15 @@ function useSafeMachine(machine) {
           })
         }));
       } else if (event.type === Actions.STOP_LOADING) {
-        setState((prev) => __spreadProps(__spreadValues({}, prev), {
-          context: __spreadProps(__spreadValues({}, prev.context), {
-            loading: false
-          })
-        }));
+        setState((prev) => {
+          var _a2;
+          return __spreadProps(__spreadValues({}, prev), {
+            context: __spreadProps(__spreadValues({}, prev.context), {
+              loading: false,
+              loadingOldMessages: ((_a2 = event.data) == null ? void 0 : _a2.loadingOldMessages) === false ? false : prev.context.loadingOldMessages
+            })
+          });
+        });
       } else if (event.type === Actions.SEND_THREAD_MESSAGE) {
         console.log("Sending message event with text:", (_a = event.data) == null ? void 0 : _a.messageText);
         setState((prev) => {
@@ -202,14 +206,37 @@ function useSafeMachine(machine) {
         });
       } else if (event.type === "FETCH_MORE_MESSAGES_SUCCESS") {
         setState((prev) => {
-          var _a2;
+          var _a2, _b2;
           const newMessages = ((_a2 = event.data) == null ? void 0 : _a2.messages) || [];
+          const apiTotalCount = (_b2 = event.data) == null ? void 0 : _b2.totalCount;
+          console.log(`Merging ${newMessages.length} older messages with ${prev.context.threadMessages.length} existing messages`);
+          if (newMessages.length > 0) {
+            console.log("First new message date:", new Date(newMessages[0].createdAt).toISOString());
+            console.log("Last new message date:", new Date(newMessages[newMessages.length - 1].createdAt).toISOString());
+          }
+          if (prev.context.threadMessages.length > 0) {
+            console.log("First existing message date:", new Date(prev.context.threadMessages[0].createdAt).toISOString());
+            console.log("Last existing message date:", new Date(prev.context.threadMessages[prev.context.threadMessages.length - 1].createdAt).toISOString());
+          }
+          if (newMessages.length === 0 && prev.context.totalCount > prev.context.threadMessages.length) {
+            console.log("No new messages found despite totalCount indicating more should exist");
+            return __spreadProps(__spreadValues({}, prev), {
+              context: __spreadProps(__spreadValues({}, prev.context), {
+                loadingOldMessages: false,
+                totalCount: prev.context.threadMessages.length
+              }),
+              value: "active"
+            });
+          }
+          const combinedMessages = uniqBy([...prev.context.threadMessages, ...newMessages], "id");
+          const sortedMessages = orderBy(combinedMessages, [(msg) => new Date(msg.createdAt).getTime()], ["desc"]);
+          const newTotalCount = typeof apiTotalCount === "number" ? apiTotalCount : Math.max(sortedMessages.length, prev.context.totalCount);
+          console.log(`Total messages after merge and sort: ${sortedMessages.length}, totalCount: ${newTotalCount}`);
           return __spreadProps(__spreadValues({}, prev), {
             context: __spreadProps(__spreadValues({}, prev.context), {
               loadingOldMessages: false,
-              threadMessages: uniqBy([...prev.context.threadMessages, ...newMessages], ({
-                id
-              }) => id)
+              threadMessages: sortedMessages,
+              totalCount: newTotalCount
             }),
             value: "active"
           });
@@ -314,11 +341,64 @@ const ThreadConversationViewComponent = ({
   }] = useGetPostThreadLazyQuery({
     fetchPolicy: "cache-and-network"
   });
+  const forceRefreshMessages = useCallback(() => {
+    console.log("Force refreshing all messages");
+    safeSend({
+      type: Actions.CLEAR_MESSAGES
+    });
+    if (channelId && parentId) {
+      safeSend({
+        type: Actions.START_LOADING,
+        data: {
+          loading: true
+        }
+      });
+      getThreadMessages({
+        variables: {
+          channelId: channelId == null ? void 0 : channelId.toString(),
+          role: role == null ? void 0 : role.toString(),
+          postParentId: !parentId || parentId == 0 ? null : parentId == null ? void 0 : parentId.toString(),
+          selectedFields: "id channel post replies replyCount lastReplyAt createdAt updatedAt",
+          limit: 50
+        }
+      }).then(({
+        data: data2
+      }) => {
+        var _a2, _b2, _c2;
+        if (data2 == null ? void 0 : data2.getPostThread) {
+          const threads = data2.getPostThread;
+          const threadPost = (_a2 = threads == null ? void 0 : threads.post) != null ? _a2 : [];
+          const threadReplies = (_b2 = threads == null ? void 0 : threads.replies) != null ? _b2 : [];
+          const messageTotalCount = (_c2 = threads == null ? void 0 : threads.replyCount) != null ? _c2 : 0;
+          const messages = [...threadReplies];
+          console.log(`Force refresh complete. Got ${messages.length} messages of ${messageTotalCount} total`);
+          safeSend({
+            type: Actions.SET_THREAD_MESSAGES,
+            data: {
+              messages,
+              totalCount: messageTotalCount,
+              threadPost,
+              postThread: threads
+            }
+          });
+        }
+      }).catch((error) => {
+        console.error("Error during force refresh:", error);
+        safeSend({
+          type: "ERROR",
+          data: {
+            message: error.message
+          }
+        });
+      });
+    }
+  }, [channelId, parentId, getThreadMessages, safeSend]);
   useFocusEffect(React__default.useCallback(() => {
     var _a2;
     navigation.setOptions({
       title: (_a2 = params == null ? void 0 : params.title) != null ? _a2 : "Thread",
-      headerLeft: (props) => /* @__PURE__ */ React__default.createElement(Button, { className: "bg-transparent active:bg-gray-200 ", onPress: () => navigation.goBack() }, /* @__PURE__ */ React__default.createElement(MaterialIcons, { size: 20, name: "arrow-back-ios", color: "black" }))
+      headerLeft: (props) => /* @__PURE__ */ React__default.createElement(Button, { className: "bg-transparent active:bg-gray-200 ", onPress: () => navigation.goBack() }, /* @__PURE__ */ React__default.createElement(MaterialIcons, { size: 20, name: "arrow-back-ios", color: "black" })),
+      headerRight: () => /* @__PURE__ */ React__default.createElement(Button, { className: "bg-transparent active:bg-gray-200 mr-2", onPress: forceRefreshMessages }, /* @__PURE__ */ React__default.createElement(MaterialIcons, { size: 20, name: "refresh", color: "black" }))
     });
     if (channelId && postParentId) {
       safeSend({
@@ -336,7 +416,7 @@ const ThreadConversationViewComponent = ({
         type: Actions.CLEAR_MESSAGES
       });
     };
-  }, [postParentId]));
+  }, [postParentId, forceRefreshMessages]));
   useEffect(() => {
     if (safeMatches(BaseState.FetchThreadMessages)) {
       fetchThreadMessages();
@@ -363,13 +443,14 @@ const ThreadConversationViewComponent = ({
   }, [state.value]);
   const fetchThreadMessages = useCallback(() => {
     if (channelId && parentId) {
+      console.log("Initial fetch of thread messages using larger limit (50)");
       getThreadMessages({
         variables: {
           channelId: channelId == null ? void 0 : channelId.toString(),
           role: role == null ? void 0 : role.toString(),
           postParentId: !parentId || parentId == 0 ? null : parentId == null ? void 0 : parentId.toString(),
           selectedFields: "id channel post replies replyCount lastReplyAt createdAt updatedAt",
-          limit: MESSAGES_PER_PAGE
+          limit: 50
         }
       }).then(({
         data: data2
@@ -381,6 +462,7 @@ const ThreadConversationViewComponent = ({
           const threadReplies = (_b2 = threads == null ? void 0 : threads.replies) != null ? _b2 : [];
           const messageTotalCount = (_c2 = threads == null ? void 0 : threads.replyCount) != null ? _c2 : 0;
           const messages = [...threadReplies];
+          console.log(`Initial fetch complete. Got ${messages.length} messages of ${messageTotalCount} total`);
           safeSend({
             type: Actions.SET_THREAD_MESSAGES,
             data: {
@@ -427,6 +509,54 @@ const ThreadConversationViewComponent = ({
       });
     }
   }, [safeContextProperty("selectedImage")]);
+  React__default.useEffect(() => {
+    const isLoading = safeContextProperty("loadingOldMessages", false);
+    if (isLoading) {
+      console.log("Message loading timeout safety started");
+      const timeoutId = setTimeout(() => {
+        if (safeContextProperty("loadingOldMessages", false)) {
+          console.log("Message loading timed out - resetting state");
+          safeSend({
+            type: Actions.STOP_LOADING,
+            data: {
+              loadingOldMessages: false
+            }
+          });
+        }
+      }, 1e4);
+      return () => clearTimeout(timeoutId);
+    }
+  }, [safeContextProperty("loadingOldMessages")]);
+  const failedLoadAttemptsRef = useRef(0);
+  const registerLoadAttemptResult = useCallback((success) => {
+    if (!success) {
+      failedLoadAttemptsRef.current += 1;
+      console.log(`Failed load attempt registered, count: ${failedLoadAttemptsRef.current}`);
+    } else {
+      failedLoadAttemptsRef.current = 0;
+    }
+  }, []);
+  React__default.useEffect(() => {
+    const isLoading = safeContextProperty("loadingOldMessages", false);
+    const totalCount = safeContextProperty("totalCount", 0);
+    const messagesCount = safeContextProperty("threadMessages", []).length;
+    if (!isLoading && totalCount > messagesCount) {
+      if (failedLoadAttemptsRef.current >= 2) {
+        console.log(`Auto-fixing incorrect message count after ${failedLoadAttemptsRef.current + 1} failed load attempts`);
+        console.log(`Adjusting totalCount from ${totalCount} to ${messagesCount}`);
+        safeSend({
+          type: Actions.SET_THREAD_MESSAGES,
+          data: {
+            messages: safeContextProperty("threadMessages", []),
+            totalCount: messagesCount,
+            threadPost: safeContextProperty("threadPost", []),
+            postThread: safeContextProperty("postThread", null)
+          }
+        });
+        failedLoadAttemptsRef.current = 0;
+      }
+    }
+  }, [safeContextProperty("loadingOldMessages"), safeContextProperty("threadMessages")]);
   React__default.useCallback(() => {
     if (threadMessageListRef == null ? void 0 : threadMessageListRef.current) {
       threadMessageListRef.current.scrollToBottom();
@@ -438,35 +568,72 @@ const ThreadConversationViewComponent = ({
     if (totalCount > threadMessages.length && !safeContextProperty("loadingOldMessages", false)) {
       console.log("Loading more messages - current count:", threadMessages.length, "of", totalCount);
       safeSend({
-        type: Actions.START_LOADING,
+        type: Actions.FETCH_MORE_MESSAGES,
         data: {
           loadingOldMessages: true
         }
       });
+      console.log("Using proven approach: Skip=0, Limit=50");
+      const queryVariables = {
+        channelId: channelId == null ? void 0 : channelId.toString(),
+        role: role == null ? void 0 : role.toString(),
+        postParentId: !parentId || parentId == 0 ? null : parentId == null ? void 0 : parentId.toString(),
+        selectedFields: "id channel post replies replyCount lastReplyAt createdAt updatedAt",
+        limit: 50,
+        skip: 0
+      };
+      console.log("Query variables:", JSON.stringify(queryVariables));
       fetchMoreMessages({
-        variables: {
-          channelId: channelId == null ? void 0 : channelId.toString(),
-          role: role == null ? void 0 : role.toString(),
-          postParentId: parentId == null ? void 0 : parentId.toString(),
-          selectedFields: "id channel post replies replyCount lastReplyAt createdAt updatedAt",
-          limit: MESSAGES_PER_PAGE,
-          skip: threadMessages.length
-        }
+        variables: queryVariables
       }).then((res) => {
-        var _a2, _b2, _c2;
+        var _a2, _b2, _c2, _d2;
+        console.log("API response received:", JSON.stringify(res == null ? void 0 : res.data, null, 2));
         if ((_a2 = res == null ? void 0 : res.data) == null ? void 0 : _a2.getPostThread) {
           const threads = (_b2 = res == null ? void 0 : res.data) == null ? void 0 : _b2.getPostThread;
           const threadReplies = (_c2 = threads == null ? void 0 : threads.replies) != null ? _c2 : [];
-          console.log("Successfully loaded more messages:", threadReplies.length);
+          const actualTotalCount = (_d2 = threads == null ? void 0 : threads.replyCount) != null ? _d2 : 0;
+          console.log("API response details:");
+          console.log("- replyCount:", threads == null ? void 0 : threads.replyCount);
+          console.log("- replies array length:", threadReplies.length);
+          console.log("- replies structure:", threadReplies.length > 0 ? `First item has fields: ${Object.keys(threadReplies[0]).join(", ")}` : "No items");
+          if (threadReplies.length > 0) {
+            console.log("- Sample message:", JSON.stringify(threadReplies[0], null, 2));
+          }
+          console.log("Successfully loaded more messages:", threadReplies.length, "of total:", actualTotalCount);
+          console.log("Thread reply IDs:", threadReplies.map((msg) => msg.id).join(", "));
+          const existingIds = new Set(threadMessages.map((msg) => msg.id));
+          const newUniqueMessages = threadReplies.filter((msg) => !existingIds.has(msg.id));
+          console.log(`Found ${newUniqueMessages.length} unique new messages out of ${threadReplies.length} received`);
+          if (actualTotalCount !== totalCount) {
+            console.log(`Updating totalCount from ${totalCount} to ${actualTotalCount} based on API response`);
+          }
+          if (newUniqueMessages.length === 0) {
+            console.log("No new unique messages found, adjusting total count");
+            registerLoadAttemptResult(false);
+            safeSend({
+              type: Actions.SET_THREAD_MESSAGES,
+              data: {
+                messages: threadMessages,
+                totalCount: threadMessages.length,
+                threadPost: safeContextProperty("threadPost", []),
+                postThread: safeContextProperty("postThread", null)
+              }
+            });
+            return;
+          }
+          registerLoadAttemptResult(true);
+          console.log(`Adding ${newUniqueMessages.length} new messages to thread`);
           safeSend({
             type: "FETCH_MORE_MESSAGES_SUCCESS",
             data: {
-              messages: threadReplies,
+              messages: newUniqueMessages,
+              totalCount: actualTotalCount,
               loadingOldMessages: false
             }
           });
         } else {
           console.log("No thread data returned when loading more messages");
+          registerLoadAttemptResult(false);
           safeSend({
             type: Actions.STOP_LOADING,
             data: {
@@ -476,6 +643,7 @@ const ThreadConversationViewComponent = ({
         }
       }).catch((error) => {
         console.error("Error fetching more messages:", error);
+        registerLoadAttemptResult(false);
         safeSend({
           type: "ERROR",
           data: {
@@ -486,13 +654,26 @@ const ThreadConversationViewComponent = ({
       });
     } else {
       console.log("No more messages to load or already loading");
+      if (safeContextProperty("loadingOldMessages", false)) {
+        safeSend({
+          type: Actions.STOP_LOADING,
+          data: {
+            loadingOldMessages: false
+          }
+        });
+      }
     }
-  }, [parentId, channelId, state.context]);
+  }, [parentId, channelId, state.context, registerLoadAttemptResult]);
   const handleScrollToTop = ({
     nativeEvent
   }) => {
     if (isCloseToTop(nativeEvent)) {
-      if (!safeContextProperty("loadingOldMessages", false) && safeContextProperty("totalCount", 0) > safeContextProperty("threadMessages", []).length) {
+      const isLoading = safeContextProperty("loadingOldMessages", false);
+      const totalCount = safeContextProperty("totalCount", 0);
+      const currentCount = safeContextProperty("threadMessages", []).length;
+      const hasMoreMessages = totalCount > currentCount;
+      console.log(`Scroll near top - Loading state: ${isLoading}, Messages: ${currentCount}/${totalCount}, Has more: ${hasMoreMessages}`);
+      if (!isLoading && hasMoreMessages) {
         console.log("Near top of list - loading older messages");
         safeSend({
           type: Actions.FETCH_MORE_MESSAGES
@@ -508,8 +689,12 @@ const ThreadConversationViewComponent = ({
     contentOffset,
     contentSize
   }) => {
-    const paddingToTop = 80;
-    return contentOffset.y <= paddingToTop;
+    const visibleHeight = layoutMeasurement.height;
+    const topThreshold = Math.min(80, visibleHeight * 0.15);
+    const distanceFromTop = contentOffset.y;
+    const totalContentHeight = contentSize.height;
+    console.log(`Scroll position: ${distanceFromTop.toFixed(0)}px from top, threshold: ${topThreshold.toFixed(0)}px, content height: ${totalContentHeight.toFixed(0)}px`);
+    return contentOffset.y <= topThreshold;
   };
   const onSelectImages = async () => {
     var _a2;
@@ -812,7 +997,10 @@ const ThreadConversationViewComponent = ({
         return message;
       });
     }
-    const sortedMessages = res.sort((a, b) => b.createdAt - a.createdAt);
+    const sortedMessages = orderBy(res, [(msg) => new Date(msg.createdAt).getTime()], ["desc"]);
+    if (sortedMessages.length > 0) {
+      console.log("Message date range:", new Date(sortedMessages[sortedMessages.length - 1].createdAt).toISOString(), "to", new Date(sortedMessages[0].createdAt).toISOString());
+    }
     return sortedMessages;
   }, [safeContextProperty("threadMessages"), auth]);
   const renderSend = (props) => {
@@ -940,9 +1128,237 @@ const ThreadConversationViewComponent = ({
       alignItems: "center"
     } }));
   };
+  const forceLoadMessages = useCallback((skipValue) => {
+    console.log(`Force loading messages with explicit skip=${skipValue}, limit=50`);
+    if (channelId && parentId) {
+      safeSend({
+        type: Actions.START_LOADING,
+        data: {
+          loading: true
+        }
+      });
+      getThreadMessages({
+        variables: {
+          channelId: channelId == null ? void 0 : channelId.toString(),
+          role: role == null ? void 0 : role.toString(),
+          postParentId: !parentId || parentId == 0 ? null : parentId == null ? void 0 : parentId.toString(),
+          selectedFields: "id channel post replies replyCount lastReplyAt createdAt updatedAt",
+          skip: skipValue,
+          limit: 50
+        }
+      }).then(({
+        data: data2
+      }) => {
+        var _a2, _b2, _c2;
+        if (data2 == null ? void 0 : data2.getPostThread) {
+          const threads = data2.getPostThread;
+          const threadPost = (_a2 = threads == null ? void 0 : threads.post) != null ? _a2 : [];
+          const threadReplies = (_b2 = threads == null ? void 0 : threads.replies) != null ? _b2 : [];
+          const messageTotalCount = (_c2 = threads == null ? void 0 : threads.replyCount) != null ? _c2 : 0;
+          const messages = [...threadReplies];
+          console.log(`Force load with skip=${skipValue} complete. Got ${messages.length} messages of ${messageTotalCount} total`);
+          safeSend({
+            type: Actions.SET_THREAD_MESSAGES,
+            data: {
+              messages,
+              totalCount: messageTotalCount,
+              threadPost,
+              postThread: threads
+            }
+          });
+        }
+      }).catch((error) => {
+        console.error("Error during force load:", error);
+        safeSend({
+          type: "ERROR",
+          data: {
+            message: error.message
+          }
+        });
+      });
+    }
+  }, [channelId, parentId, getThreadMessages, safeSend]);
   return /* @__PURE__ */ React__default.createElement(SafeAreaView, { style: {
     flex: 1
-  } }, safeContextProperty("loadingOldMessages", false) && /* @__PURE__ */ React__default.createElement(Box, { className: "absolute top-10 left-0 right-0 z-10 items-center" }, /* @__PURE__ */ React__default.createElement(Box, { className: "bg-blue-500/20 rounded-full px-4 py-2 flex-row items-center" }, /* @__PURE__ */ React__default.createElement(Spinner, { color: colors.blue[500], size: "small" }), /* @__PURE__ */ React__default.createElement(Text, { className: "text-sm font-medium color-blue-600 ml-2" }, "Loading messages..."))), isPostParentIdThread && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, ((_a = safeContextProperty("threadPost", [])) == null ? void 0 : _a.length) > 0 && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(VStack, { className: "px-2 pt-2 pb-0", space: "sm" }, /* @__PURE__ */ React__default.createElement(HStack, { space: "sm", className: "items-center" }, /* @__PURE__ */ React__default.createElement(Avatar, { className: "bg-transparent", size: "md" }, /* @__PURE__ */ React__default.createElement(AvatarFallbackText, null, startCase((_d = (_c = (_b = safeContextProperty("threadPost")[0]) == null ? void 0 : _b.author) == null ? void 0 : _c.username) == null ? void 0 : _d.charAt(0))), /* @__PURE__ */ React__default.createElement(AvatarImage, { alt: "image", style: {
+  } }, safeContextProperty("loadingOldMessages", false) === true && /* @__PURE__ */ React__default.createElement(Box, { className: "absolute top-10 left-0 right-0 z-10 items-center" }, /* @__PURE__ */ React__default.createElement(Box, { className: "bg-blue-500/20 rounded-full px-4 py-2 flex-row items-center" }, /* @__PURE__ */ React__default.createElement(Spinner, { color: colors.blue[500], size: "small" }), /* @__PURE__ */ React__default.createElement(Text, { className: "text-sm font-medium color-blue-600 ml-2" }, "Loading messages..."))), !safeContextProperty("loadingOldMessages", false) && safeContextProperty("totalCount", 0) > safeContextProperty("threadMessages", []).length && /* @__PURE__ */ React__default.createElement(Box, { className: "absolute top-10 left-0 right-0 z-10 items-center" }, /* @__PURE__ */ React__default.createElement(HStack, { space: 2, className: "px-2" }, /* @__PURE__ */ React__default.createElement(TouchableHighlight, { onPress: () => {
+    console.log("Manual load more pressed");
+    Alert.alert("Load Options", "Choose loading method", [{
+      text: "Normal Load",
+      onPress: () => safeSend({
+        type: Actions.FETCH_MORE_MESSAGES
+      })
+    }, {
+      text: "Try Skip=0",
+      onPress: () => forceLoadMessages(0)
+    }, {
+      text: "Try Skip=0, Limit=50",
+      onPress: () => {
+        console.log("Force loading with explicit skip=0, limit=50");
+        safeSend({
+          type: Actions.START_LOADING,
+          data: {
+            loadingOldMessages: true
+          }
+        });
+        fetchMoreMessages({
+          variables: {
+            channelId: channelId == null ? void 0 : channelId.toString(),
+            role: role == null ? void 0 : role.toString(),
+            postParentId: !parentId || parentId == 0 ? null : parentId == null ? void 0 : parentId.toString(),
+            selectedFields: "id channel post replies replyCount lastReplyAt createdAt updatedAt",
+            limit: 50,
+            skip: 0
+          }
+        }).then((res) => {
+          var _a2, _b2, _c2, _d2;
+          console.log("LARGE LIMIT response:", JSON.stringify(res == null ? void 0 : res.data, null, 2));
+          if ((_a2 = res == null ? void 0 : res.data) == null ? void 0 : _a2.getPostThread) {
+            const threads = (_b2 = res == null ? void 0 : res.data) == null ? void 0 : _b2.getPostThread;
+            const threadReplies = (_c2 = threads == null ? void 0 : threads.replies) != null ? _c2 : [];
+            const actualTotalCount = (_d2 = threads == null ? void 0 : threads.replyCount) != null ? _d2 : 0;
+            console.log(`Large limit load complete. Got ${threadReplies.length} messages of ${actualTotalCount} total`);
+            if (threadReplies.length > 0) {
+              safeSend({
+                type: Actions.SET_THREAD_MESSAGES,
+                data: {
+                  messages: threadReplies,
+                  totalCount: actualTotalCount,
+                  threadPost: safeContextProperty("threadPost", []),
+                  postThread: threads
+                }
+              });
+            } else {
+              safeSend({
+                type: Actions.SET_THREAD_MESSAGES,
+                data: {
+                  messages: safeContextProperty("threadMessages", []),
+                  totalCount: safeContextProperty("threadMessages", []).length,
+                  threadPost: safeContextProperty("threadPost", []),
+                  postThread: safeContextProperty("postThread", null)
+                }
+              });
+            }
+          } else {
+            safeSend({
+              type: Actions.STOP_LOADING,
+              data: {
+                loadingOldMessages: false
+              }
+            });
+          }
+        }).catch((error) => {
+          console.error("Error in large limit load:", error);
+          safeSend({
+            type: Actions.STOP_LOADING,
+            data: {
+              loadingOldMessages: false
+            }
+          });
+        });
+      }
+    }, {
+      text: "Try Direct Fetch",
+      onPress: () => {
+        const currentCount = safeContextProperty("threadMessages", []).length;
+        const totalCount = safeContextProperty("totalCount", 0);
+        const missingCount = totalCount - currentCount;
+        if (missingCount <= 0) {
+          Alert.alert("Info", "No missing messages to fetch");
+          return;
+        }
+        console.log(`Attempting direct fetch of missing ${missingCount} messages`);
+        safeSend({
+          type: Actions.START_LOADING,
+          data: {
+            loadingOldMessages: true
+          }
+        });
+        getThreadMessages({
+          variables: {
+            channelId: channelId == null ? void 0 : channelId.toString(),
+            role: role == null ? void 0 : role.toString(),
+            postParentId: !parentId || parentId == 0 ? null : parentId == null ? void 0 : parentId.toString(),
+            selectedFields: "id channel post replies replyCount lastReplyAt createdAt updatedAt",
+            limit: missingCount,
+            skip: 0
+          }
+        }).then(({
+          data: data2
+        }) => {
+          var _a2, _b2;
+          console.log("DIRECT FETCH response:", JSON.stringify(data2, null, 2));
+          if (data2 == null ? void 0 : data2.getPostThread) {
+            const threads = data2.getPostThread;
+            const threadReplies = (_a2 = threads == null ? void 0 : threads.replies) != null ? _a2 : [];
+            const actualTotalCount = (_b2 = threads == null ? void 0 : threads.replyCount) != null ? _b2 : 0;
+            console.log(`Direct fetch complete. Got ${threadReplies.length} messages of ${actualTotalCount} total`);
+            console.log("Message IDs:", threadReplies.map((msg) => msg.id).join(", "));
+            const existingIds = new Set(safeContextProperty("threadMessages", []).map((msg) => msg.id));
+            const newMessages = threadReplies.filter((msg) => !existingIds.has(msg.id));
+            console.log(`Found ${newMessages.length} new messages that we didn't have before`);
+            if (newMessages.length > 0) {
+              safeSend({
+                type: "FETCH_MORE_MESSAGES_SUCCESS",
+                data: {
+                  messages: newMessages,
+                  totalCount: actualTotalCount,
+                  loadingOldMessages: false
+                }
+              });
+              Alert.alert("Success", `Found ${newMessages.length} new messages`);
+            } else {
+              console.log("No new messages found, adjusting count");
+              safeSend({
+                type: Actions.SET_THREAD_MESSAGES,
+                data: {
+                  messages: safeContextProperty("threadMessages", []),
+                  totalCount: safeContextProperty("threadMessages", []).length,
+                  threadPost: safeContextProperty("threadPost", []),
+                  postThread: safeContextProperty("postThread", null)
+                }
+              });
+              Alert.alert("Info", "No new messages found. Count has been adjusted.");
+            }
+          } else {
+            Alert.alert("Error", "Could not fetch thread messages");
+            safeSend({
+              type: Actions.STOP_LOADING,
+              data: {
+                loadingOldMessages: false
+              }
+            });
+          }
+        }).catch((error) => {
+          console.error("Error in direct fetch:", error);
+          Alert.alert("Error", "Failed to fetch messages: " + error.message);
+          safeSend({
+            type: Actions.STOP_LOADING,
+            data: {
+              loadingOldMessages: false
+            }
+          });
+        });
+      }
+    }, {
+      text: "Reset Count",
+      style: "destructive",
+      onPress: () => {
+        console.log("Resetting message count to match reality");
+        safeSend({
+          type: Actions.SET_THREAD_MESSAGES,
+          data: {
+            messages: safeContextProperty("threadMessages", []),
+            totalCount: safeContextProperty("threadMessages", []).length,
+            threadPost: safeContextProperty("threadPost", []),
+            postThread: safeContextProperty("postThread", null)
+          }
+        });
+      }
+    }, {
+      text: "Cancel",
+      style: "cancel"
+    }]);
+  }, underlayColor: "#e6e6e6" }, /* @__PURE__ */ React__default.createElement(Box, { className: "bg-gray-200 rounded-full px-4 py-2 flex-row items-center" }, /* @__PURE__ */ React__default.createElement(MaterialIcons, { name: "arrow-upward", size: 16, color: colors.blue[500] }), /* @__PURE__ */ React__default.createElement(Text, { className: "text-sm font-medium color-blue-600 ml-2" }, "Load More (", safeContextProperty("totalCount", 0) - safeContextProperty("threadMessages", []).length, ")"))), /* @__PURE__ */ React__default.createElement(TouchableHighlight, { onPress: forceRefreshMessages, underlayColor: "#e6e6e6" }, /* @__PURE__ */ React__default.createElement(Box, { className: "bg-gray-200 rounded-full px-4 py-2 flex-row items-center" }, /* @__PURE__ */ React__default.createElement(MaterialIcons, { name: "refresh", size: 16, color: colors.blue[500] }), /* @__PURE__ */ React__default.createElement(Text, { className: "text-sm font-medium color-blue-600 ml-2" }, "Refresh All"))))), isPostParentIdThread && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, ((_a = safeContextProperty("threadPost", [])) == null ? void 0 : _a.length) > 0 && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(VStack, { className: "px-2 pt-2 pb-0", space: "sm" }, /* @__PURE__ */ React__default.createElement(HStack, { space: "sm", className: "items-center" }, /* @__PURE__ */ React__default.createElement(Avatar, { className: "bg-transparent", size: "md" }, /* @__PURE__ */ React__default.createElement(AvatarFallbackText, null, startCase((_d = (_c = (_b = safeContextProperty("threadPost")[0]) == null ? void 0 : _b.author) == null ? void 0 : _c.username) == null ? void 0 : _d.charAt(0))), /* @__PURE__ */ React__default.createElement(AvatarImage, { alt: "image", style: {
     borderRadius: 6,
     borderWidth: 2,
     borderColor: "#fff"
@@ -959,7 +1375,7 @@ const ThreadConversationViewComponent = ({
       minIndexForVisible: 0,
       autoscrollToTopThreshold: 100
     },
-    scrollEventThrottle: 100,
+    scrollEventThrottle: 16,
     keyboardDismissMode: "on-drag",
     keyboardShouldPersistTaps: "handled"
   }, onSend: (messages) => {