@messenger-box/platform-mobile 10.0.3-alpha.34 → 10.0.3-alpha.37

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

@@ -1,4 +1,4 @@
-import React__default,{useState,useRef,useCallback,useEffect,useMemo}from'react';import {Button,Box,Image,Text,ButtonText,Spinner,HStack,VStack,Avatar,AvatarFallbackText,AvatarImage,Center}from'@admin-layout/gluestack-ui-mobile';import {Platform,View,TouchableHighlight,SafeAreaView,Alert,Linking}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,MaterialCommunityIcons,Ionicons}from'@expo/vector-icons';import {Send,Actions as Actions$1,InputToolbar,MessageText,GiftedChat}from'react-native-gifted-chat';import {PreDefinedRole}from'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,useEffect,useCallback,useMemo}from'react';import {Button,Box,ButtonText,Image,Spinner,Text,Skeleton,VStack,HStack,Avatar,AvatarFallbackText,AvatarImage,Center}from'@admin-layout/gluestack-ui-mobile';import {Platform,View,TouchableHighlight}from'react-native';import {useRoute,useNavigation,useFocusEffect}from'@react-navigation/native';import {useSelector}from'react-redux';import {uniqBy,orderBy,startCase}from'lodash-es';import*as ImagePicker from'expo-image-picker';import'base-64';import {MaterialIcons,MaterialCommunityIcons,Ionicons}from'@expo/vector-icons';import {Send,MessageText,InputToolbar,GiftedChat,Actions}from'react-native-gifted-chat';import {FileRefType,PreDefinedRole}from'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';var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
@@ -27,336 +27,50 @@ const {
 const createdAtText = (value) => {
   if (!value)
     return "";
-  try {
-    const timestamp = new Date(value).getTime();
-    if (isNaN(timestamp)) {
-      console.warn(`Invalid date value in createdAtText: ${value}`);
-      return "Unknown date";
-    }
-    let date = new Date(value);
-    if (isToday(date))
-      return "Today";
-    if (isYesterday(date))
-      return "Yesterday";
-    return format(date, "MMM dd, yyyy");
-  } catch (error) {
-    console.error(`Error processing date in createdAtText: ${value}`, error);
-    return "Unknown date";
-  }
+  let date = new Date(value);
+  if (isToday(date))
+    return "Today";
+  if (isYesterday(date))
+    return "Yesterday";
+  return format(new Date(value), "MMM dd, yyyy");
 };
-function useSafeMachine(machine) {
-  const [state, setState] = useState({
-    context: {
-      channelId: null,
-      postParentId: null,
-      role: null,
-      threadMessages: [],
-      totalCount: 0,
-      skip: 0,
-      loading: false,
-      loadingOldMessages: false,
-      error: null,
-      selectedImage: "",
-      files: [],
-      images: [],
-      messageText: "",
-      imageLoading: false,
-      postThread: null,
-      threadPost: [],
-      isScrollToBottom: false
-    },
-    value: "idle"
-  });
-  const send = useCallback((event) => {
-    var _a, _b, _c, _d;
-    try {
-      console.log("Thread Event received:", event.type);
-      if (event.type === Actions.INITIAL_CONTEXT) {
-        setState((prev) => {
-          var _a2, _b2, _c2;
-          return __spreadProps(__spreadValues({}, prev), {
-            context: __spreadProps(__spreadValues({}, prev.context), {
-              channelId: ((_a2 = event.data) == null ? void 0 : _a2.channelId) || null,
-              postParentId: ((_b2 = event.data) == null ? void 0 : _b2.postParentId) || null,
-              role: ((_c2 = event.data) == null ? void 0 : _c2.role) || null
-            }),
-            value: BaseState.FetchThreadMessages
-          });
-        });
-      } else if (event.type === Actions.SET_THREAD_MESSAGES) {
-        setState((prev) => {
-          var _a2, _b2, _c2, _d2;
-          return __spreadProps(__spreadValues({}, prev), {
-            context: __spreadProps(__spreadValues({}, prev.context), {
-              threadMessages: ((_a2 = event.data) == null ? void 0 : _a2.messages) || [],
-              totalCount: ((_b2 = event.data) == null ? void 0 : _b2.totalCount) || 0,
-              loading: false,
-              loadingOldMessages: false,
-              threadPost: ((_c2 = event.data) == null ? void 0 : _c2.threadPost) || [],
-              postThread: ((_d2 = event.data) == null ? void 0 : _d2.postThread) || null
-            }),
-            value: "active"
-          });
-        });
-      } else if (event.type === Actions.CLEAR_MESSAGES) {
-        setState((prev) => __spreadProps(__spreadValues({}, prev), {
-          context: __spreadProps(__spreadValues({}, prev.context), {
-            threadMessages: [],
-            totalCount: 0
-          })
-        }));
-      } else if (event.type === Actions.SET_MESSAGE_TEXT) {
-        setState((prev) => {
-          var _a2;
-          return __spreadProps(__spreadValues({}, prev), {
-            context: __spreadProps(__spreadValues({}, prev.context), {
-              messageText: ((_a2 = event.data) == null ? void 0 : _a2.messageText) || ""
-            })
-          });
-        });
-      } else if (event.type === Actions.FETCH_MORE_MESSAGES) {
-        setState((prev) => __spreadProps(__spreadValues({}, prev), {
-          context: __spreadProps(__spreadValues({}, prev.context), {
-            loadingOldMessages: true
-          }),
-          value: MainState.FetchMoreMessages
-        }));
-      } else if (event.type === Actions.SET_IMAGE) {
-        setState((prev) => {
-          var _a2, _b2, _c2;
-          return __spreadProps(__spreadValues({}, prev), {
-            context: __spreadProps(__spreadValues({}, prev.context), {
-              selectedImage: ((_a2 = event.data) == null ? void 0 : _a2.image) || "",
-              images: ((_b2 = event.data) == null ? void 0 : _b2.images) || [],
-              files: ((_c2 = event.data) == null ? void 0 : _c2.files) || [],
-              imageLoading: false
-            })
-          });
-        });
-      } else if (event.type === Actions.CLEAR_IMAGE) {
-        setState((prev) => __spreadProps(__spreadValues({}, prev), {
-          context: __spreadProps(__spreadValues({}, prev.context), {
-            selectedImage: "",
-            images: [],
-            files: []
-          })
-        }));
-      } else if (event.type === Actions.START_LOADING) {
-        setState((prev) => __spreadProps(__spreadValues({}, prev), {
-          context: __spreadProps(__spreadValues({}, prev.context), {
-            loading: true
-          })
-        }));
-      } else if (event.type === Actions.STOP_LOADING) {
-        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) => {
-          var _a2;
-          return __spreadProps(__spreadValues({}, prev), {
-            context: __spreadProps(__spreadValues({}, prev.context), {
-              loading: true,
-              messageText: ((_a2 = event.data) == null ? void 0 : _a2.messageText) || prev.context.messageText
-            }),
-            value: MainState.SendThreadMessage
-          });
-        });
-      } else if (event.type === Actions.SEND_THREAD_MESSAGE_WITH_FILE) {
-        console.log("Sending message with file event, text:", (_b = event.data) == null ? void 0 : _b.messageText);
-        setState((prev) => {
-          var _a2;
-          return __spreadProps(__spreadValues({}, prev), {
-            context: __spreadProps(__spreadValues({}, prev.context), {
-              loading: true,
-              messageText: ((_a2 = event.data) == null ? void 0 : _a2.messageText) || prev.context.messageText
-            }),
-            value: MainState.SendThreadMessageWithFile
-          });
-        });
-      } else if (event.type === "SEND_THREAD_MESSAGE_SUCCESS" || event.type === "SEND_THREAD_MESSAGE_WITH_FILE_SUCCESS") {
-        console.log("Handling send success event:", event.type, "with message:", (_d = (_c = event.data) == null ? void 0 : _c.message) == null ? void 0 : _d.id);
-        setState((prev) => {
-          var _a2;
-          if (!((_a2 = event.data) == null ? void 0 : _a2.message)) {
-            console.warn("Send success event without message data");
-            return __spreadProps(__spreadValues({}, prev), {
-              context: __spreadProps(__spreadValues({}, prev.context), {
-                loading: false,
-                messageText: "",
-                images: [],
-                selectedImage: "",
-                files: []
-              }),
-              value: "active"
-            });
-          }
-          const newMessage = event.data.message;
-          const updatedMessages = [newMessage, ...prev.context.threadMessages];
-          console.log("Updated thread messages list after send, now has", updatedMessages.length, "messages");
-          return __spreadProps(__spreadValues({}, prev), {
-            context: __spreadProps(__spreadValues({}, prev.context), {
-              loading: false,
-              messageText: "",
-              images: [],
-              selectedImage: "",
-              files: [],
-              threadMessages: updatedMessages,
-              totalCount: prev.context.totalCount + 1
-            }),
-            value: "active"
-          });
-        });
-      } else if (event.type === "FETCH_MORE_MESSAGES_SUCCESS") {
-        setState((prev) => {
-          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) {
-            try {
-              console.log("First new message date:", !isNaN(new Date(newMessages[0].createdAt).getTime()) ? new Date(newMessages[0].createdAt).toISOString() : "Invalid date");
-              console.log("Last new message date:", !isNaN(new Date(newMessages[newMessages.length - 1].createdAt).getTime()) ? new Date(newMessages[newMessages.length - 1].createdAt).toISOString() : "Invalid date");
-            } catch (error) {
-              console.error("Error logging new message dates:", error);
-            }
-          }
-          if (prev.context.threadMessages.length > 0) {
-            try {
-              console.log("First existing message date:", !isNaN(new Date(prev.context.threadMessages[0].createdAt).getTime()) ? new Date(prev.context.threadMessages[0].createdAt).toISOString() : "Invalid date");
-              console.log("Last existing message date:", !isNaN(new Date(prev.context.threadMessages[prev.context.threadMessages.length - 1].createdAt).getTime()) ? new Date(prev.context.threadMessages[prev.context.threadMessages.length - 1].createdAt).toISOString() : "Invalid date");
-            } catch (error) {
-              console.error("Error logging existing message dates:", error);
-            }
-          }
-          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) => {
-            try {
-              return !isNaN(new Date(msg.createdAt).getTime()) ? new Date(msg.createdAt).getTime() : 0;
-            } catch (error) {
-              console.error(`Error sorting message by date: ${msg.id}`, error);
-              return 0;
-            }
-          }], ["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: sortedMessages,
-              totalCount: newTotalCount
-            }),
-            value: "active"
-          });
-        });
-      } else if (event.type === "ERROR") {
-        setState((prev) => {
-          var _a2;
-          return __spreadProps(__spreadValues({}, prev), {
-            context: __spreadProps(__spreadValues({}, prev.context), {
-              loading: false,
-              loadingOldMessages: false,
-              error: ((_a2 = event.data) == null ? void 0 : _a2.message) || "Unknown error"
-            }),
-            value: "error"
-          });
-        });
-      }
-    } catch (error) {
-      console.error("Error in thread conversation send function:", error);
-    }
-  }, []);
-  const stateWithMatches = useMemo(() => {
-    return __spreadProps(__spreadValues({}, state), {
-      matches: (checkState) => {
-        return state.value === checkState;
-      }
-    });
-  }, [state]);
-  return [stateWithMatches, send];
-}
 const ThreadConversationViewComponent = ({
   channelId,
   postParentId,
   isPostParentIdThread,
   role
 }) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s;
   const {
     params
   } = useRoute();
   const [channelToTop, setChannelToTop] = useState(0);
-  useRef(true);
-  const [state, send] = useSafeMachine();
-  useCallback(() => {
-    try {
-      return (state == null ? void 0 : state.context) || {};
-    } catch (error) {
-      console.error("Error accessing state.context:", error);
-      return {};
-    }
-  }, [state]);
-  const safeContextProperty = useCallback((property, defaultValue = null) => {
-    var _a2, _b2;
-    try {
-      return (_b2 = (_a2 = state == null ? void 0 : state.context) == null ? void 0 : _a2[property]) != null ? _b2 : defaultValue;
-    } catch (error) {
-      console.error(`Error accessing state.context.${property}:`, error);
-      return defaultValue;
-    }
-  }, [state]);
-  const safeMatches = useCallback((stateValue) => {
-    var _a2;
-    try {
-      return ((_a2 = state == null ? void 0 : state.matches) == null ? void 0 : _a2.call(state, stateValue)) || false;
-    } catch (error) {
-      console.error(`Error calling state.matches with ${stateValue}:`, error);
-      return false;
-    }
-  }, [state]);
-  const safeSend = useCallback((event) => {
-    try {
-      send(event);
-    } catch (error) {
-      console.error("Error sending event to state machine:", error, event);
-    }
-  }, [send]);
-  const stateRef = useRef(state);
-  useEffect(() => {
-    stateRef.current = state;
-  }, [state]);
+  const [channelMessages, setChannelMessages] = useState([]);
   const auth = useSelector(userSelector);
+  const [totalCount, setTotalCount] = useState(0);
   const [selectedImage, setImage] = useState("");
+  const [loadingOldMessages, setLoadingOldMessages] = useState(false);
+  const [loadEarlierMsg, setLoadEarlierMsg] = useState(false);
   const navigation = useNavigation();
   const [files, setFiles] = useState([]);
   const [images, setImages] = useState([]);
+  const [msg, setMsg] = useState("");
+  const [loading, setLoading] = useState(false);
+  const [imageLoading, setImageLoading] = useState(false);
+  const [uploadingMessageId, setUploadingMessageId] = useState(null);
+  const [expoTokens, setExpoTokens] = useState([]);
   const [isShowImageViewer, setImageViewer] = useState(false);
   const [imageObject, setImageObject] = useState({});
   const [parentId, setParentId] = useState(postParentId);
-  const [expoTokens, setExpoTokens] = useState([]);
-  const threadMessageListRef = useRef(null);
-  const [sendThreadMessage] = useCreatePostThreadMutation();
-  const [sendExpoNotificationOnPostMutation] = useSendExpoNotificationOnPostMutation();
+  const [postThread, setPostThread] = useState();
   const {
     startUpload
   } = useUploadFilesNative();
+  const [threadPost, setThreadPost] = useState([]);
+  const [isScrollToBottom, setIsScrollToBottom] = useState(false);
+  const threadMessageListRef = useRef(null);
+  const [sendThreadMessage] = useCreatePostThreadMutation();
+  const [sendExpoNotificationOnPostMutation] = useSendExpoNotificationOnPostMutation();
   const [getThreadMessages, {
     data,
     loading: threadLoading,
@@ -366,355 +80,214 @@ 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" })),
-      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" }))
+      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" }))
     });
-    if (channelId && postParentId) {
-      safeSend({
-        type: Actions.INITIAL_CONTEXT,
-        data: {
-          channelId,
-          postParentId,
-          role
-        }
+    if (postParentId) {
+      refetchThreadMessages({
+        channelId: channelId == null ? void 0 : channelId.toString(),
+        role: role == null ? void 0 : role.toString(),
+        postParentId: postParentId == null ? void 0 : postParentId.toString(),
+        selectedFields: "id channel post replies replyCount lastReplyAt createdAt updatedAt",
+        limit: MESSAGES_PER_PAGE
       });
     }
     setParentId(postParentId);
     return () => {
-      safeSend({
-        type: Actions.CLEAR_MESSAGES
-      });
+      setTotalCount(0);
+      setChannelMessages([]);
+      setThreadPost([]);
     };
-  }, [postParentId, forceRefreshMessages]));
-  useEffect(() => {
-    if (safeMatches(BaseState.FetchThreadMessages)) {
-      fetchThreadMessages();
-    }
-  }, [state.value]);
-  useEffect(() => {
-    if (safeMatches(MainState.FetchMoreMessages)) {
-      onFetchOld();
-    }
-  }, [state.value]);
+  }, [postParentId]));
   useEffect(() => {
-    if (safeMatches(MainState.SendThreadMessage)) {
-      const messageText = safeContextProperty("messageText", "");
-      console.log("Sending message from state transition, text:", messageText);
-      sendThreadMessageHandler(messageText);
-    }
-  }, [state.value]);
-  useEffect(() => {
-    if (safeMatches(MainState.SendThreadMessageWithFile)) {
-      const messageText = safeContextProperty("messageText", "");
-      const images2 = safeContextProperty("images", []);
-      sendThreadMessageWithFileHandler(messageText, images2);
-    }
-  }, [state.value]);
-  const fetchThreadMessages = useCallback(() => {
     if (channelId && parentId) {
-      if (__DEV__)
-        console.log("Initial fetch of thread messages using larger limit (50)");
-      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];
-          if (__DEV__)
-            console.log(`Initial fetch complete. Got ${messages.length} messages of ${messageTotalCount} total`);
-          safeSend({
-            type: Actions.SET_THREAD_MESSAGES,
-            data: {
-              messages,
-              totalCount: messageTotalCount,
-              threadPost,
-              postThread: threads
-            }
-          });
+          limit: MESSAGES_PER_PAGE
         }
-      }).catch((error) => {
-        safeSend({
-          type: "ERROR",
-          data: {
-            message: error.message
-          }
-        });
       });
     }
-  }, [channelId, parentId, role, getThreadMessages, safeSend]);
+  }, [parentId]);
   React__default.useEffect(() => {
     var _a2, _b2, _c2;
     if (data == null ? void 0 : data.getPostThread) {
       const threads = data.getPostThread;
-      const threadPost = (_a2 = threads == null ? void 0 : threads.post) != null ? _a2 : [];
+      const threadPost2 = (_a2 = threads == null ? void 0 : threads.post) != null ? _a2 : [];
       const threadReplies = (_b2 = threads == null ? void 0 : threads.replies) != null ? _b2 : [];
       const messeageTotalCount = (_c2 = threads == null ? void 0 : threads.replyCount) != null ? _c2 : 0;
-      const messages = [...threadReplies];
-      safeSend({
-        type: Actions.SET_THREAD_MESSAGES,
-        data: {
-          messages,
-          totalCount: messeageTotalCount,
-          threadPost,
-          postThread: threads
-        }
-      });
-    }
-  }, [data]);
-  React__default.useEffect(() => {
-    if (safeContextProperty("selectedImage")) {
-      safeSend({
-        type: Actions.STOP_LOADING
-      });
-    }
-  }, [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;
+      const messages = [threadPost2, ...threadReplies];
+      if (messages && messages.length > 0 && messeageTotalCount > totalCount || messages && messages.length > 0 && channelMessages.length === 0) {
+        setThreadMessages(messages, messeageTotalCount);
       }
     }
-  }, [safeContextProperty("loadingOldMessages"), safeContextProperty("threadMessages")]);
-  React__default.useCallback(() => {
+    if (isScrollToBottom && channelMessages)
+      scrollToBottom();
+  }, [data, channelMessages, loadingOldMessages, totalCount, isPostParentIdThread, isScrollToBottom]);
+  const setThreadMessages = (messages, messagesTotalCount) => {
+    setChannelMessages((oldMessages) => uniqBy([...messages, ...oldMessages], ({
+      id
+    }) => id));
+    setTotalCount(messagesTotalCount);
+  };
+  React__default.useEffect(() => {
+    if (selectedImage)
+      setImageLoading(false);
+  }, [selectedImage]);
+  const scrollToBottom = React__default.useCallback(() => {
     if (threadMessageListRef == null ? void 0 : threadMessageListRef.current) {
-      threadMessageListRef.current.scrollToBottom();
+      setIsScrollToBottom(false);
+      threadMessageListRef.current.scrollTop = threadMessageListRef.current.scrollHeight;
     }
   }, [threadMessageListRef]);
-  const isCloseToTop = useCallback(({
+  const onFetchOld = useCallback(() => {
+    if (totalCount > channelMessages.length && !loadingOldMessages) {
+      setLoadEarlierMsg(true);
+      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: channelMessages.length - 1
+        }
+      }).then((res) => {
+        var _a2, _b2, _c2, _d2;
+        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 messeageTotalCount = (_d2 = threads == null ? void 0 : threads.replyCount) != null ? _d2 : 0;
+          setThreadMessages(threadReplies, messeageTotalCount);
+        }
+      }).finally(() => {
+        setLoadEarlierMsg(false);
+        setLoadingOldMessages(false);
+      }).catch((error) => {
+        setLoadEarlierMsg(false);
+        setLoadingOldMessages(false);
+      });
+    }
+  }, [parentId, channelId, totalCount, channelMessages]);
+  const isCloseToTop = ({
     layoutMeasurement,
     contentOffset,
     contentSize
   }) => {
-    const visibleHeight = layoutMeasurement.height;
-    const topThreshold = Math.min(80, visibleHeight * 0.15);
-    return contentOffset.y <= topThreshold;
-  }, []);
-  const handleScrollToTop = useCallback(({
-    nativeEvent
-  }) => {
-    if (isCloseToTop(nativeEvent)) {
-      const isLoading = safeContextProperty("loadingOldMessages", false);
-      const totalCount = safeContextProperty("totalCount", 0);
-      const currentCount = safeContextProperty("threadMessages", []).length;
-      const hasMoreMessages = totalCount > currentCount;
-      if (__DEV__)
-        console.log(`Scroll near top - Loading state: ${isLoading}, Messages: ${currentCount}/${totalCount}, Has more: ${hasMoreMessages}`);
-      if (!isLoading && hasMoreMessages) {
-        if (__DEV__)
-          console.log("Near top of list - loading older messages");
-        safeSend({
-          type: Actions.FETCH_MORE_MESSAGES
-        });
-      }
-    }
-  }, [isCloseToTop, safeContextProperty, safeSend]);
-  const handleEndReached = () => {
-    console.log("Reached end of message list");
+    const paddingToTop = 60;
+    return contentSize.height - layoutMeasurement.height - paddingToTop <= contentOffset.y;
   };
   const onSelectImages = async () => {
     var _a2;
+    setImageLoading(true);
     try {
-      safeSend({
-        type: Actions.START_LOADING
-      });
-      const imageSource = await ImagePicker.launchImageLibraryAsync({
+      let imageSource = await ImagePicker.launchImageLibraryAsync({
         mediaTypes: ImagePicker.MediaTypeOptions.Images,
         allowsEditing: true,
         aspect: [4, 3],
         quality: 0.8,
         base64: true,
-        allowsMultipleSelection: false
+        exif: false
       });
-      if (imageSource.canceled) {
-        console.log("Image selection was canceled");
-        safeSend({
-          type: Actions.STOP_LOADING
-        });
-        return;
-      }
-      if (!imageSource.assets || imageSource.assets.length === 0 || !((_a2 = imageSource.assets[0]) == null ? void 0 : _a2.base64)) {
-        console.error("No valid image data received");
-        safeSend({
-          type: "ERROR",
-          data: {
-            message: "No valid image data received"
-          }
+      if (!(imageSource == null ? void 0 : imageSource.canceled)) {
+        const selectedAsset = (_a2 = imageSource == null ? void 0 : imageSource.assets) == null ? void 0 : _a2[0];
+        if (!selectedAsset) {
+          setImageLoading(false);
+          return;
+        }
+        const base64Data = selectedAsset.base64;
+        const previewImage = base64Data ? `data:image/jpeg;base64,${base64Data}` : selectedAsset.uri;
+        const asset = __spreadProps(__spreadValues({}, selectedAsset), {
+          url: selectedAsset.uri,
+          fileName: selectedAsset.fileName || `image_${Date.now()}.jpg`,
+          mimeType: "image/jpeg"
         });
-        return;
+        setImage(previewImage);
+        setImages([asset]);
+        setImageLoading(false);
+      } else {
+        setImageLoading(false);
       }
-      const asset = imageSource.assets[0];
-      const fileExtension = asset.mimeType ? asset.mimeType.split("/").pop() || "jpg" : "jpg";
-      const filename = `image_${Date.now()}.${fileExtension}`;
-      const mimeType = asset.mimeType || "image/jpeg";
-      const image = `data:${mimeType};base64,${asset.base64}`;
-      const fileData = {
-        uri: asset.uri,
-        type: mimeType,
-        name: filename,
-        base64: asset.base64
-      };
-      console.log(`Selected image: ${filename}, type: ${mimeType}`);
-      safeSend({
-        type: Actions.SET_IMAGE,
-        data: {
-          image,
-          files: [fileData],
-          images: [asset]
-        }
-      });
     } catch (error) {
       console.error("Error selecting image:", error);
-      safeSend({
-        type: "ERROR",
-        data: {
-          message: error.message || "Failed to select image"
-        }
-      });
+      setImageLoading(false);
     }
   };
-  const sendThreadMessageHandler = useCallback(async (message) => {
-    var _a2, _b2;
-    console.log("Sending message:", message);
-    if (!channelId) {
-      console.error("No channelId provided");
+  const handleSend = useCallback(async (message) => {
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2;
+    if (!channelId)
+      return;
+    if (!message && message !== " " && images.length === 0)
       return;
-    }
-    const messageContent = (message == null ? void 0 : message.trim()) || " ";
-    console.log("Using message content for sending:", messageContent);
     const postId = objectId();
-    console.log("Generated postId:", postId);
-    safeSend({
-      type: Actions.START_LOADING
-    });
+    const currentDate = new Date();
+    setUploadingMessageId(postId);
+    images.length > 0 ? {
+      id: objectId(),
+      name: ((_a2 = images[0]) == null ? void 0 : _a2.fileName) || "image.jpg",
+      refType: FileRefType.Post,
+      height: ((_b2 = images[0]) == null ? void 0 : _b2.height) || 0,
+      width: ((_c2 = images[0]) == null ? void 0 : _c2.width) || 0
+    } : null;
+    ({
+      message: message || (images.length > 0 ? " " : ""),
+      createdAt: currentDate.toISOString(),
+      author: {
+        id: (_d2 = auth == null ? void 0 : auth.profile) == null ? void 0 : _d2.id,
+        givenName: (_e2 = auth == null ? void 0 : auth.profile) == null ? void 0 : _e2.given_name,
+        familyName: (_f2 = auth == null ? void 0 : auth.profile) == null ? void 0 : _f2.family_name,
+        picture: (_g2 = auth == null ? void 0 : auth.profile) == null ? void 0 : _g2.picture
+      }});
+    setMsg("");
     try {
-      console.log("Sending mutation with variables:", {
-        channelId,
-        postThreadId: (_a2 = safeContextProperty("postThread")) == null ? void 0 : _a2.id,
-        postParentId: !parentId || parentId == 0 ? null : parentId,
-        message: messageContent
-      });
-      const result = await sendThreadMessage({
+      let fileIds = null;
+      if (images && images.length > 0) {
+        setLoading(true);
+        const imagesToUpload = images.map((img) => {
+          return __spreadProps(__spreadValues({}, img), {
+            uri: img.uri || img.url,
+            type: img.mimeType || "image/jpeg",
+            name: img.fileName || `image_${Date.now()}.jpg`
+          });
+        });
+        const uploadResponse = await startUpload({
+          file: imagesToUpload,
+          saveUploadedFile: {
+            variables: {
+              postId
+            }
+          },
+          createUploadLink: {
+            variables: {
+              postId
+            }
+          }
+        });
+        if (uploadResponse == null ? void 0 : uploadResponse.error)
+          throw new Error(uploadResponse.error.toString());
+        const uploadedFiles = uploadResponse.data;
+        if (uploadResponse.data) {
+          setImage("");
+          setFiles([]);
+          setImages([]);
+          fileIds = (_h2 = uploadedFiles == null ? void 0 : uploadedFiles.map((f) => f.id)) != null ? _h2 : null;
+        }
+      }
+      await sendThreadMessage({
         variables: {
+          postId,
           channelId,
-          postThreadId: safeContextProperty("postThread") && ((_b2 = safeContextProperty("postThread")) == null ? void 0 : _b2.id),
-          postParentId: !parentId || parentId == 0 ? null : parentId,
+          postThreadId: postThread && (postThread == null ? void 0 : postThread.id),
+          postParentId: !parentId || parentId === 0 ? null : parentId,
           threadMessageInput: {
-            content: messageContent,
+            content: message,
+            files: fileIds,
             role
           }
         },
@@ -722,150 +295,29 @@ const ThreadConversationViewComponent = ({
           data: data2,
           errors
         }) => {
-          var _a3, _b3, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2;
-          console.log("Send message update callback - data:", data2, "errors:", errors);
-          if (!data2 || errors) {
-            console.error("Send message failed:", errors);
-            safeSend({
-              type: Actions.STOP_LOADING
-            });
+          var _a3, _b3, _c3, _d3, _e3, _f3, _g3;
+          if (!data2 || errors)
             return;
-          }
-          console.log("Message sent successfully:", (_a3 = data2 == null ? void 0 : data2.createPostThread) == null ? void 0 : _a3.lastMessage);
-          const newMessage = (_b3 = data2 == null ? void 0 : data2.createPostThread) == null ? void 0 : _b3.lastMessage;
-          safeSend({
-            type: "SEND_THREAD_MESSAGE_SUCCESS",
-            data: {
-              message: newMessage,
-              messageText: ""
-            }
-          });
-          if (!parentId || parentId == 0) {
-            console.log("Setting new parentId:", (_d2 = (_c2 = data2 == null ? void 0 : data2.createPostThread) == null ? void 0 : _c2.lastMessage) == null ? void 0 : _d2.id);
-            setParentId((_f2 = (_e2 = data2 == null ? void 0 : data2.createPostThread) == null ? void 0 : _e2.lastMessage) == null ? void 0 : _f2.id);
+          setPostThread((_a3 = data2 == null ? void 0 : data2.createPostThread) == null ? void 0 : _a3.data);
+          const lastMessageId = (_c3 = (_b3 = data2 == null ? void 0 : data2.createPostThread) == null ? void 0 : _b3.lastMessage) == null ? void 0 : _c3.id;
+          if (!parentId || parentId === 0) {
+            setParentId((_e3 = (_d3 = data2 == null ? void 0 : data2.createPostThread) == null ? void 0 : _d3.lastMessage) == null ? void 0 : _e3.id);
           }
           setChannelToTop(channelToTop + 1);
-          const lastMessageId = (_h2 = (_g2 = data2 == null ? void 0 : data2.createPostThread) == null ? void 0 : _g2.lastMessage) == null ? void 0 : _h2.id;
-          sendPushNotification(lastMessageId, channelId, parentId, (_j2 = (_i2 = data2 == null ? void 0 : data2.createPostThread) == null ? void 0 : _i2.data) == null ? void 0 : _j2.id);
+          sendPushNotification(lastMessageId, channelId, parentId, (_g3 = (_f3 = data2 == null ? void 0 : data2.createPostThread) == null ? void 0 : _f3.data) == null ? void 0 : _g3.id);
         }
       });
-      console.log("Send mutation result:", result);
+      setChannelMessages((oldMessages) => oldMessages.map((msg2) => msg2.id === postId ? __spreadProps(__spreadValues({}, msg2), {
+        isDelivered: true
+      }) : msg2));
     } catch (error) {
       console.error("Error sending message:", error);
-      safeSend({
-        type: "ERROR",
-        data: {
-          message: error.message || "Failed to send message"
-        }
-      });
-    }
-  }, [channelId, parentId, state.context, role]);
-  const sendThreadMessageWithFileHandler = useCallback(async (message, images2) => {
-    var _a2, _b2;
-    console.log("Sending message with file:", message, "Images:", images2.length);
-    if (!channelId) {
-      console.error("No channelId provided");
-      return;
-    }
-    if (images2.length === 0) {
-      console.error("No images to send");
-      return;
-    }
-    const messageContent = (message == null ? void 0 : message.trim()) || " ";
-    console.log("Using message content for file send:", messageContent);
-    const postId = objectId();
-    console.log("Generated postId for file upload:", postId);
-    try {
-      const preparedImages = images2.map((img) => ({
-        uri: img.uri,
-        type: img.mimeType || "image/jpeg",
-        name: img.fileName || `image_${Date.now()}.jpg`,
-        base64: img.base64,
-        width: img.width || 0,
-        height: img.height || 0
-      }));
-      console.log("Starting file upload with prepared images:", preparedImages.length);
-      const uploadResponse = await startUpload({
-        file: preparedImages,
-        saveUploadedFile: {
-          variables: {
-            postId
-          }
-        },
-        createUploadLink: {
-          variables: {
-            postId
-          }
-        }
-      });
-      if (uploadResponse == null ? void 0 : uploadResponse.error) {
-        console.error("File upload failed:", uploadResponse.error);
-        safeSend({
-          type: Actions.STOP_LOADING
-        });
-        return;
-      }
-      const uploadedFiles = uploadResponse.data;
-      console.log("Files uploaded successfully:", uploadedFiles == null ? void 0 : uploadedFiles.length);
-      if (uploadResponse.data) {
-        const files2 = (_a2 = uploadedFiles == null ? void 0 : uploadedFiles.map((f) => f.id)) != null ? _a2 : null;
-        console.log("File IDs for message:", files2);
-        console.log("Sending message with attached files");
-        const result = await sendThreadMessage({
-          variables: {
-            postId,
-            channelId,
-            postThreadId: safeContextProperty("postThread") && ((_b2 = safeContextProperty("postThread")) == null ? void 0 : _b2.id),
-            postParentId: !parentId || parentId == 0 ? null : parentId,
-            threadMessageInput: {
-              content: messageContent,
-              files: files2,
-              role
-            }
-          },
-          update: (cache, {
-            data: data2,
-            errors
-          }) => {
-            var _a3, _b3, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2;
-            console.log("Send message with file update callback - data:", data2, "errors:", errors);
-            if (!data2 || errors) {
-              console.error("Send message with file failed:", errors);
-              safeSend({
-                type: Actions.STOP_LOADING
-              });
-              return;
-            }
-            console.log("Message with file sent successfully:", (_a3 = data2 == null ? void 0 : data2.createPostThread) == null ? void 0 : _a3.lastMessage);
-            const newMessage = (_b3 = data2 == null ? void 0 : data2.createPostThread) == null ? void 0 : _b3.lastMessage;
-            safeSend({
-              type: "SEND_THREAD_MESSAGE_WITH_FILE_SUCCESS",
-              data: {
-                message: newMessage,
-                messageText: ""
-              }
-            });
-            if (!parentId || parentId == 0) {
-              console.log("Setting new parentId:", (_d2 = (_c2 = data2 == null ? void 0 : data2.createPostThread) == null ? void 0 : _c2.lastMessage) == null ? void 0 : _d2.id);
-              setParentId((_f2 = (_e2 = data2 == null ? void 0 : data2.createPostThread) == null ? void 0 : _e2.lastMessage) == null ? void 0 : _f2.id);
-            }
-            setChannelToTop(channelToTop + 1);
-            const lastMessageId = (_h2 = (_g2 = data2 == null ? void 0 : data2.createPostThread) == null ? void 0 : _g2.lastMessage) == null ? void 0 : _h2.id;
-            sendPushNotification(lastMessageId, channelId, parentId, (_j2 = (_i2 = data2 == null ? void 0 : data2.createPostThread) == null ? void 0 : _i2.data) == null ? void 0 : _j2.id);
-          }
-        });
-        console.log("Send with file mutation result:", result);
-      }
-    } catch (error) {
-      console.error("Error sending message with file:", error);
-      safeSend({
-        type: "ERROR",
-        data: {
-          message: error.message || "Failed to send message with file"
-        }
-      });
+      setChannelMessages((oldMessages) => oldMessages.filter((msg2) => msg2.id !== postId));
+    } finally {
+      setLoading(false);
+      setUploadingMessageId(null);
     }
-  }, [channelId, parentId, state.context, role, startUpload]);
+  }, [auth, channelId, channelToTop, images, parentId, postThread, selectedImage, setChannelMessages]);
   const sendPushNotification = async (messageId, channelId2, parentId2, threadId) => {
     var _a2;
     const notificationData = {
@@ -894,167 +346,50 @@ const ThreadConversationViewComponent = ({
     }
   };
   const messageList = useMemo(() => {
-    const threadMessages = safeContextProperty("threadMessages", []);
-    if (__DEV__)
-      console.log(`Creating message list from ${threadMessages.length} thread messages`);
-    if (!(threadMessages == null ? void 0 : threadMessages.length))
-      return [];
-    const messageIds = /* @__PURE__ */ new Set();
-    const res = threadMessages.filter((msg) => {
-      if (!msg.id || messageIds.has(msg.id))
-        return false;
-      messageIds.add(msg.id);
-      return true;
-    }).map((msg) => {
-      var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2;
-      const uniqueId = msg.id || `${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
-      let messageDate;
-      try {
-        if (msg.createdAt && !isNaN(new Date(msg.createdAt).getTime())) {
-          messageDate = new Date(msg.createdAt);
-        } else {
-          messageDate = new Date();
-        }
-      } catch (error) {
-        messageDate = new Date();
-      }
-      let imageUrl = null;
-      if (((_a2 = msg.files) == null ? void 0 : _a2.data) && msg.files.data.length > 0) {
-        const fileData = msg.files.data[0];
-        if (fileData && fileData.url) {
-          imageUrl = fileData.url;
-        }
-      }
-      let messageText = msg.message || "";
-      return {
-        _id: uniqueId,
-        text: messageText,
-        createdAt: messageDate,
-        user: {
-          _id: (_d2 = (_b2 = msg == null ? void 0 : msg.author) == null ? void 0 : _b2.id) != null ? _d2 : (_c2 = auth == null ? void 0 : auth.profile) == null ? void 0 : _c2.id,
-          name: (_j2 = (_h2 = (_e2 = msg == null ? void 0 : msg.author) == null ? void 0 : _e2.givenName) != null ? _h2 : ((_f2 = auth == null ? void 0 : auth.profile) == null ? void 0 : _f2.given_name) + " " + ((_g2 = msg == null ? void 0 : msg.author) == null ? void 0 : _g2.familyName)) != null ? _j2 : (_i2 = auth == null ? void 0 : auth.profile) == null ? void 0 : _i2.family_name,
-          avatar: (_m2 = (_k2 = msg == null ? void 0 : msg.author) == null ? void 0 : _k2.picture) != null ? _m2 : (_l2 = auth == null ? void 0 : auth.profile) == null ? void 0 : _l2.picture
-        },
-        type: (msg == null ? void 0 : msg.type) || "",
-        image: imageUrl,
-        sent: (msg == null ? void 0 : msg.isDelivered) || true,
-        received: (msg == null ? void 0 : msg.isRead) || false,
-        propsConfiguration: msg == null ? void 0 : msg.propsConfiguration
-      };
-    });
-    return orderBy(res, [(msg) => {
-      try {
-        return msg.createdAt instanceof Date ? msg.createdAt.getTime() : new Date().getTime();
-      } catch (error) {
-        return 0;
-      }
-    }], ["desc"]);
-  }, [safeContextProperty("threadMessages"), auth]);
-  const renderSend = useCallback((props) => {
-    const hasImage = safeContextProperty("selectedImage", "") !== "";
-    const isDisabled = !hasImage && (!props.text || props.text.trim().length === 0);
-    return /* @__PURE__ */ React__default.createElement(Send, __spreadProps(__spreadValues({}, props), { containerStyle: {
-      alignItems: "center",
-      justifyContent: "center",
-      marginHorizontal: 4,
-      marginBottom: 0
-    }, disabled: isDisabled }), /* @__PURE__ */ React__default.createElement(Box, { style: {
-      width: 32,
-      height: 32,
-      alignItems: "center",
-      justifyContent: "center"
-    } }, /* @__PURE__ */ React__default.createElement(MaterialCommunityIcons, { name: "send-circle", size: 30, color: isDisabled ? colors.gray[400] : colors.blue[500] })));
-  }, [safeContextProperty]);
-  const renderActions = useCallback((props) => {
-    return /* @__PURE__ */ React__default.createElement(
-      Actions$1,
-      __spreadProps(__spreadValues({}, props), {
-        options: {
-          ["Choose from Library"]: onSelectImages,
-          ["Cancel"]: () => {
-          }
-        },
-        optionTintColor: "#000000",
-        cancelButtonIndex: 1,
-        icon: () => /* @__PURE__ */ React__default.createElement(Box, { style: {
-          width: 32,
-          height: 32,
-          alignItems: "center",
-          justifyContent: "center"
-        } }, /* @__PURE__ */ React__default.createElement(Ionicons, { name: "image", size: 24, color: colors.blue[500] })),
-        containerStyle: {
-          alignItems: "center",
-          justifyContent: "center",
-          marginLeft: 8,
-          marginBottom: 0
-        }
-      })
-    );
-  }, [onSelectImages]);
-  const renderAccessory = useCallback((props) => {
-    var _a2, _b2;
-    const selectedImage2 = safeContextProperty("selectedImage", "");
-    if (!selectedImage2) {
-      return null;
+    let res = [];
+    const filteredMessages = channelMessages && (channelMessages == null ? void 0 : channelMessages.length) > 0 ? uniqBy([...channelMessages], ({
+      id
+    }) => id) : [];
+    if (filteredMessages == null ? void 0 : filteredMessages.length) {
+      orderBy(filteredMessages, ["createdAt"], ["desc"]).map((msg2) => {
+        var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2, _n2;
+        let message = {
+          _id: "",
+          text: "",
+          createdAt: 0,
+          user: {
+            _id: "",
+            name: "",
+            avatar: ""
+          },
+          type: ""
+        };
+        const date = new Date(msg2.createdAt);
+        message._id = msg2.id;
+        message.text = msg2.message;
+        message.createdAt = date;
+        message.user = {
+          _id: (_c2 = (_a2 = msg2 == null ? void 0 : msg2.author) == null ? void 0 : _a2.id) != null ? _c2 : (_b2 = auth == null ? void 0 : auth.profile) == null ? void 0 : _b2.id,
+          name: (_i2 = (_g2 = (_d2 = msg2 == null ? void 0 : msg2.author) == null ? void 0 : _d2.givenName) != null ? _g2 : ((_e2 = auth == null ? void 0 : auth.profile) == null ? void 0 : _e2.given_name) + " " + ((_f2 = msg2 == null ? void 0 : msg2.author) == null ? void 0 : _f2.familyName)) != null ? _i2 : (_h2 = auth == null ? void 0 : auth.profile) == null ? void 0 : _h2.family_name,
+          avatar: (_l2 = (_j2 = msg2 == null ? void 0 : msg2.author) == null ? void 0 : _j2.picture) != null ? _l2 : (_k2 = auth == null ? void 0 : auth.profile) == null ? void 0 : _k2.picture
+        }, message.image = (_n2 = (_m2 = msg2.files) == null ? void 0 : _m2.data[0]) == null ? void 0 : _n2.url, message.sent = msg2 == null ? void 0 : msg2.isDelivered, message.received = msg2 == null ? void 0 : msg2.isRead;
+        message.type = msg2 == null ? void 0 : msg2.type;
+        message.propsConfiguration = msg2 == null ? void 0 : msg2.propsConfiguration;
+        res.push(message);
+      });
     }
-    return /* @__PURE__ */ React__default.createElement(View, { style: {
-      height: 80,
-      padding: 10,
-      backgroundColor: "white",
-      borderTopWidth: 1,
-      borderTopColor: "#e0e0e0",
-      flexDirection: "row",
-      alignItems: "center"
-    } }, /* @__PURE__ */ React__default.createElement(View, { style: {
-      flex: 1,
-      flexDirection: "row",
-      alignItems: "center",
-      paddingHorizontal: 20
-    } }, /* @__PURE__ */ React__default.createElement(Image, { key: (_a2 = state == null ? void 0 : state.context) == null ? void 0 : _a2.selectedImage, alt: "selected image", source: {
-      uri: (_b2 = state == null ? void 0 : state.context) == null ? void 0 : _b2.selectedImage
-    }, size: "xs", style: {
-      width: 5,
-      height: 5,
-      borderRadius: 5,
-      marginRight: 20
-    } }), /* @__PURE__ */ React__default.createElement(TouchableHighlight, { underlayColor: "#dddddd", onPress: () => safeSend({
-      type: Actions.CLEAR_IMAGE
-    }), style: {
-      backgroundColor: "#f44336",
-      paddingVertical: 2,
-      paddingHorizontal: 5,
-      borderRadius: 5,
-      marginLeft: 10,
-      elevation: 3,
-      shadowColor: "#000",
-      shadowOffset: {
-        width: 0,
-        height: 1
-      },
-      shadowOpacity: 0.3,
-      shadowRadius: 2
-    } }, /* @__PURE__ */ React__default.createElement(Text, { style: {
-      color: "white",
-      fontWeight: "bold"
-    } }, "X"))));
-  }, [(_a = state == null ? void 0 : state.context) == null ? void 0 : _a.selectedImage, safeSend]);
-  const renderInputToolbar = useCallback((props) => {
-    return /* @__PURE__ */ React__default.createElement(InputToolbar, __spreadProps(__spreadValues({}, props), { containerStyle: {
-      backgroundColor: "white",
-      borderTopWidth: 1,
-      borderTopColor: colors.gray[200],
-      paddingHorizontal: 4,
-      paddingVertical: 4
-    }, primaryStyle: {
-      alignItems: "center"
-    } }));
+    return (res == null ? void 0 : res.length) > 0 ? uniqBy([...res], ({
+      _id
+    }) => _id) : [];
+  }, [channelMessages]);
+  const renderSend = useCallback((props) => {
+    return /* @__PURE__ */ React__default.createElement(Send, __spreadValues({}, props), /* @__PURE__ */ React__default.createElement(Box, null, /* @__PURE__ */ React__default.createElement(MaterialCommunityIcons, { name: "send-circle", style: {
+      marginBottom: 5,
+      marginRight: 5
+    }, size: 32, color: "#2e64e5" })));
   }, []);
-  const setImageViewerObject = (obj, v) => {
-    setImageObject(obj);
-    setImageViewer(v);
-  };
   const renderMessageText = useCallback((props) => {
-    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2, _n2, _o2, _p2, _q2, _r2, _s2, _t2, _u2, _v, _w, _x, _y;
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2, _n2, _o2, _p2, _q2, _r2, _s2, _t, _u, _v, _w, _x, _y;
     const {
       currentMessage
     } = props;
@@ -1075,8 +410,8 @@ const ThreadConversationViewComponent = ({
           path = ((_l2 = route == null ? void 0 : route.host) == null ? void 0 : _l2.name) ? (_n2 = (_m2 = route == null ? void 0 : route.host) == null ? void 0 : _m2.name) != null ? _n2 : null : null;
           param = ((_o2 = route == null ? void 0 : route.host) == null ? void 0 : _o2.params) ? (_q2 = (_p2 = route == null ? void 0 : route.host) == null ? void 0 : _p2.params) != null ? _q2 : null : null;
         } else {
-          path = ((_r2 = route == null ? void 0 : route.host) == null ? void 0 : _r2.name) ? (_t2 = (_s2 = route == null ? void 0 : route.host) == null ? void 0 : _s2.name) != null ? _t2 : null : null;
-          param = ((_u2 = route == null ? void 0 : route.host) == null ? void 0 : _u2.params) ? (_w = (_v = route == null ? void 0 : route.host) == null ? void 0 : _v.params) != null ? _w : null : null;
+          path = ((_r2 = route == null ? void 0 : route.host) == null ? void 0 : _r2.name) ? (_t = (_s2 = route == null ? void 0 : route.host) == null ? void 0 : _s2.name) != null ? _t : null : null;
+          param = ((_u = route == null ? void 0 : route.host) == null ? void 0 : _u.params) ? (_w = (_v = route == null ? void 0 : route.host) == null ? void 0 : _v.params) != null ? _w : null : null;
         }
         action = path;
         params2 = __spreadValues({}, param);
@@ -1098,8 +433,6 @@ const ThreadConversationViewComponent = ({
           marginLeft: 5
         }
       } })));
-    } else if (currentMessage.text === "\u{1F4CE} File attachment") {
-      return null;
     } else {
       return /* @__PURE__ */ React__default.createElement(MessageText, __spreadProps(__spreadValues({}, props), { textStyle: {
         left: {
@@ -1107,11 +440,114 @@ const ThreadConversationViewComponent = ({
         }
       } }));
     }
-  }, [role, navigation]);
-  const renderMessage = useCallback((props) => {
-    return /* @__PURE__ */ React__default.createElement(Message, __spreadProps(__spreadValues({}, props), { isShowImageViewer, setImageViewer: setImageViewerObject }));
-  }, [isShowImageViewer, setImageViewerObject]);
-  const modalContent = React__default.useMemo(() => {
+  }, [navigation, role]);
+  const renderActions = (props) => {
+    return /* @__PURE__ */ React__default.createElement(
+      Actions,
+      __spreadProps(__spreadValues({}, props), {
+        options: {
+          ["Choose from Library"]: onSelectImages,
+          ["Cancel"]: () => {
+          }
+        },
+        optionTintColor: "#000000",
+        cancelButtonIndex: 1,
+        icon: () => /* @__PURE__ */ React__default.createElement(Box, { className: "w-8 h-8 items-center justify-center" }, /* @__PURE__ */ React__default.createElement(Ionicons, { name: "image", size: 24, color: colors.blue[500] })),
+        containerStyle: {
+          alignItems: "center",
+          justifyContent: "center",
+          marginLeft: 8,
+          marginBottom: 0
+        }
+      })
+    );
+  };
+  const renderAccessory = useCallback(() => {
+    var _a2;
+    if (!selectedImage) {
+      return null;
+    }
+    return /* @__PURE__ */ React__default.createElement(View, { style: {
+      height: 70,
+      backgroundColor: "white",
+      borderTopWidth: 1,
+      borderTopColor: "#e0e0e0",
+      flexDirection: "row",
+      alignItems: "center",
+      margin: 0,
+      padding: 0,
+      paddingVertical: 0,
+      position: "absolute",
+      bottom: Platform.OS === "ios" ? 105 : 95,
+      left: 0,
+      right: 0,
+      zIndex: 1,
+      elevation: 3,
+      shadowColor: "#000",
+      shadowOffset: {
+        width: 0,
+        height: -1
+      },
+      shadowOpacity: 0.05,
+      shadowRadius: 2
+    } }, /* @__PURE__ */ React__default.createElement(View, { style: {
+      flex: 1,
+      flexDirection: "row",
+      alignItems: "center",
+      paddingLeft: 15,
+      paddingRight: 5
+    } }, /* @__PURE__ */ React__default.createElement(View, { style: {
+      width: 56,
+      height: 56,
+      marginRight: 15,
+      borderRadius: 4,
+      backgroundColor: colors.gray[200],
+      overflow: "hidden",
+      borderWidth: 1,
+      borderColor: "#e0e0e0"
+    } }, /* @__PURE__ */ React__default.createElement(Image, { key: selectedImage, alt: "selected image", source: {
+      uri: selectedImage
+    }, style: {
+      width: "100%",
+      height: "100%"
+    }, size: "md" }), loading && /* @__PURE__ */ React__default.createElement(View, { style: {
+      position: "absolute",
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0,
+      backgroundColor: "rgba(255, 255, 255, 0.7)",
+      justifyContent: "center",
+      alignItems: "center"
+    } }, /* @__PURE__ */ React__default.createElement(Spinner, { size: "small", color: colors.blue[500] }))), /* @__PURE__ */ React__default.createElement(View, { style: {
+      flex: 1
+    } }, /* @__PURE__ */ React__default.createElement(Text, { style: {
+      fontSize: 14,
+      fontWeight: "400",
+      color: colors.gray[800]
+    } }, ((_a2 = images[0]) == null ? void 0 : _a2.fileName) || "image_" + new Date().getTime() + ".jpg"), /* @__PURE__ */ React__default.createElement(Text, { style: {
+      fontSize: 12,
+      color: colors.gray[500],
+      marginTop: 2
+    } }, loading ? "Preparing..." : "Ready to send")), /* @__PURE__ */ React__default.createElement(TouchableHighlight, { underlayColor: "rgba(0,0,0,0.1)", onPress: () => {
+      setFiles([]);
+      setImage("");
+      setImages([]);
+    }, style: {
+      backgroundColor: colors.red[500],
+      borderRadius: 24,
+      width: 36,
+      height: 36,
+      alignItems: "center",
+      justifyContent: "center",
+      marginRight: 10
+    } }, /* @__PURE__ */ React__default.createElement(Ionicons, { name: "close", size: 20, color: "white" }))));
+  }, [selectedImage, loading, images]);
+  const setImageViewerObject = useCallback((obj, v) => {
+    setImageObject(obj);
+    setImageViewer(v);
+  }, []);
+  const modalContent = useMemo(() => {
     if (!imageObject)
       return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null);
     const {
@@ -1126,474 +562,90 @@ const ThreadConversationViewComponent = ({
       expiresIn: 86400
     }, alt: "image" });
   }, [imageObject]);
-  const currentMessageText = useMemo(() => {
-    const text = safeContextProperty("messageText", "") || "  ";
-    return text;
-  }, [safeContextProperty("messageText")]);
-  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
-          }
-        });
-      });
+  const renderMessage = useCallback((props) => {
+    const {
+      currentMessage
+    } = props;
+    const isUploading = currentMessage._id === uploadingMessageId && loading;
+    if (isUploading) {
+      return /* @__PURE__ */ React__default.createElement(Box, { className: "p-3 mb-2 mr-3 self-end rounded-2xl bg-gray-100 max-w-[80%]" }, currentMessage.text && currentMessage.text.trim() !== "" && /* @__PURE__ */ React__default.createElement(Box, { className: "h-4 mb-2 rounded bg-gray-200 overflow-hidden" }, /* @__PURE__ */ React__default.createElement(Skeleton, { variant: "rounded", className: "flex-1" })), currentMessage.image && /* @__PURE__ */ React__default.createElement(Box, { className: "h-[150px] w-[150px] rounded-lg bg-gray-200 overflow-hidden mt-1" }, /* @__PURE__ */ React__default.createElement(Box, { className: "flex-1 items-center justify-center" }, /* @__PURE__ */ React__default.createElement(Spinner, { size: "small", color: colors.blue[500] })), /* @__PURE__ */ React__default.createElement(Skeleton, { variant: "rounded", className: "flex-1" })));
     }
-  }, [channelId, parentId, getThreadMessages, safeSend]);
-  const onFetchOld = useCallback(() => {
-    const totalCount = safeContextProperty("totalCount", 0);
-    const threadMessages = safeContextProperty("threadMessages", []);
-    const isLoading = safeContextProperty("loadingOldMessages", false);
-    if (totalCount <= threadMessages.length || isLoading) {
-      if (isLoading) {
-        safeSend({
-          type: Actions.STOP_LOADING,
-          data: {
-            loadingOldMessages: false
-          }
-        });
-      }
-      if (__DEV__)
-        console.log("No more messages to load or already loading");
-      return;
+    return /* @__PURE__ */ React__default.createElement(Message, __spreadProps(__spreadValues({}, props), { isShowImageViewer, setImageViewer: setImageViewerObject }));
+  }, [uploadingMessageId, loading, isShowImageViewer, setImageViewerObject]);
+  const renderInputToolbar = useCallback((props) => {
+    return /* @__PURE__ */ React__default.createElement(InputToolbar, __spreadProps(__spreadValues({}, props), { containerStyle: {
+      backgroundColor: "white",
+      borderTopWidth: 1,
+      borderTopColor: colors.gray[200],
+      paddingHorizontal: 4,
+      paddingVertical: 0,
+      paddingTop: 2,
+      marginBottom: 0,
+      marginTop: 0
+    }, primaryStyle: {
+      alignItems: "center"
+    } }));
+  }, []);
+  const renderLoadEarlier = useCallback(() => {
+    return loadingOldMessages ? /* @__PURE__ */ React__default.createElement(Box, { style: {
+      padding: 10,
+      backgroundColor: "rgba(255,255,255,0.8)",
+      borderRadius: 10,
+      marginTop: 10
+    } }, /* @__PURE__ */ React__default.createElement(Spinner, { size: "small", color: colors.blue[500] })) : null;
+  }, [loadingOldMessages]);
+  let onScroll = false;
+  const onMomentumScrollBegin = ({
+    nativeEvent
+  }) => {
+    onScroll = true;
+    if (!loadingOldMessages && isCloseToTop(nativeEvent) && totalCount > (channelMessages == null ? void 0 : channelMessages.length)) {
+      onFetchOld();
     }
-    if (__DEV__)
-      console.log("Loading more messages - current count:", threadMessages.length, "of", totalCount);
-    safeSend({
-      type: Actions.FETCH_MORE_MESSAGES,
-      data: {
-        loadingOldMessages: true
-      }
-    });
-    if (__DEV__)
-      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
-    };
-    if (__DEV__)
-      console.log("Query variables:", JSON.stringify(queryVariables));
-    fetchMoreMessages({
-      variables: queryVariables
-    }).then((res) => {
-      var _a2, _b2, _c2, _d2;
-      if (__DEV__)
-        console.log("API response received with status:", res ? "success" : "empty");
-      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;
-        if (__DEV__) {
-          console.log("API response details:");
-          console.log("- replyCount:", threads == null ? void 0 : threads.replyCount);
-          console.log("- replies array length:", threadReplies.length);
-        }
-        if (threadReplies.length > 0) {
-          const existingIds = new Set(threadMessages.map((msg) => msg.id));
-          const newUniqueMessages = threadReplies.filter((msg) => !existingIds.has(msg.id));
-          if (__DEV__)
-            console.log(`Found ${newUniqueMessages.length} unique new messages out of ${threadReplies.length} received`);
-          if (newUniqueMessages.length === 0) {
-            if (__DEV__)
-              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);
-          if (__DEV__)
-            console.log(`Adding ${newUniqueMessages.length} new messages to thread`);
-          safeSend({
-            type: "FETCH_MORE_MESSAGES_SUCCESS",
-            data: {
-              messages: newUniqueMessages,
-              totalCount: actualTotalCount,
-              loadingOldMessages: false
-            }
-          });
-        } else {
-          if (__DEV__)
-            console.log("No thread replies returned when loading more messages");
-          registerLoadAttemptResult(false);
-          safeSend({
-            type: Actions.SET_THREAD_MESSAGES,
-            data: {
-              messages: threadMessages,
-              totalCount: threadMessages.length,
-              threadPost: safeContextProperty("threadPost", []),
-              postThread: safeContextProperty("postThread", null)
-            }
-          });
-        }
-      } else {
-        if (__DEV__)
-          console.log("No thread data returned when loading more messages");
-        registerLoadAttemptResult(false);
-        safeSend({
-          type: Actions.STOP_LOADING,
-          data: {
-            loadingOldMessages: false
-          }
-        });
-      }
-    }).catch((error) => {
-      console.error("Error fetching more messages:", error);
-      registerLoadAttemptResult(false);
-      safeSend({
-        type: "ERROR",
-        data: {
-          message: error.message,
-          loadingOldMessages: false
-        }
-      });
-    });
-  }, [parentId, channelId, role, safeContextProperty, safeSend, fetchMoreMessages, registerLoadAttemptResult]);
-  return /* @__PURE__ */ React__default.createElement(SafeAreaView, { style: {
-    flex: 1
-  } }, 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, ((_b = safeContextProperty("threadPost", [])) == null ? void 0 : _b.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((_e = (_d = (_c = safeContextProperty("threadPost")[0]) == null ? void 0 : _c.author) == null ? void 0 : _d.username) == null ? void 0 : _e.charAt(0))), /* @__PURE__ */ React__default.createElement(AvatarImage, { alt: "image", style: {
+  };
+  const onEndReached = () => {
+    if (!onScroll)
+      return;
+    onScroll = false;
+  };
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, isPostParentIdThread && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, (threadPost == null ? void 0 : threadPost.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((_c = (_b = (_a = threadPost[0]) == null ? void 0 : _a.author) == null ? void 0 : _b.username) == null ? void 0 : _c.charAt(0))), /* @__PURE__ */ React__default.createElement(AvatarImage, { alt: "image", style: {
     borderRadius: 6,
     borderWidth: 2,
     borderColor: "#fff"
   }, source: {
-    uri: (_g = (_f = safeContextProperty("threadPost")[0]) == null ? void 0 : _f.author) == null ? void 0 : _g.picture
-  } })), /* @__PURE__ */ React__default.createElement(Box, null, /* @__PURE__ */ React__default.createElement(Text, { className: "font-bold color-black" }, (_j = (_i = (_h = safeContextProperty("threadPost")[0]) == null ? void 0 : _h.author) == null ? void 0 : _i.givenName) != null ? _j : "", " ", (_m = (_l = (_k = safeContextProperty("threadPost")[0]) == null ? void 0 : _k.author) == null ? void 0 : _l.familyName) != null ? _m : ""), /* @__PURE__ */ React__default.createElement(Text, { className: "pl-0 color-gray-500" }, createdAtText((_n = safeContextProperty("threadPost")[0]) == null ? void 0 : _n.createdAt), " at", " ", (() => {
-    var _a2;
-    try {
-      const createdAt = (_a2 = safeContextProperty("threadPost")[0]) == null ? void 0 : _a2.createdAt;
-      if (createdAt && !isNaN(new Date(createdAt).getTime())) {
-        return format(new Date(createdAt), "hh:mm:a");
-      } else {
-        return "unknown time";
-      }
-    } catch (error) {
-      console.error("Error formatting thread post time:", error);
-      return "unknown time";
-    }
-  })()))), /* @__PURE__ */ React__default.createElement(HStack, { space: "sm", className: "px-2 items-center" }, /* @__PURE__ */ React__default.createElement(Text, null, (_p = (_o = safeContextProperty("threadPost")[0]) == null ? void 0 : _o.message) != null ? _p : ""))), /* @__PURE__ */ React__default.createElement(Box, { className: "py-4" }, /* @__PURE__ */ React__default.createElement(Box, { className: "px-4 py-2 border-t border-b border-gray-200" }, /* @__PURE__ */ React__default.createElement(Text, { className: "font-bold color-gray-600" }, (_r = (_q = safeContextProperty("threadPost")[0]) == null ? void 0 : _q.replies) == null ? void 0 : _r.totalCount, " ", ((_t = (_s = safeContextProperty("threadPost")[0]) == null ? void 0 : _s.replies) == null ? void 0 : _t.totalCount) > 0 ? "replies" : "reply"))))), /* @__PURE__ */ React__default.createElement(GiftedChat, { ref: threadMessageListRef, wrapInSafeArea: false, renderLoading: () => /* @__PURE__ */ React__default.createElement(Spinner, { color: colors.blue[500] }), messages: messageList, listViewProps: {
-    onScroll: handleScrollToTop,
-    onEndReached: handleEndReached,
-    onEndReachedThreshold: 0.2,
-    contentContainerStyle: {
-      paddingBottom: 10
-    },
-    maintainVisibleContentPosition: {
-      minIndexForVisible: 0,
-      autoscrollToTopThreshold: 100
-    },
-    scrollEventThrottle: 16,
-    keyboardDismissMode: "on-drag",
-    keyboardShouldPersistTaps: "handled"
+    uri: (_e = (_d = threadPost[0]) == null ? void 0 : _d.author) == null ? void 0 : _e.picture
+  } })), /* @__PURE__ */ React__default.createElement(Box, null, /* @__PURE__ */ React__default.createElement(Text, { className: "font-bold color-black" }, (_h = (_g = (_f = threadPost[0]) == null ? void 0 : _f.author) == null ? void 0 : _g.givenName) != null ? _h : "", " ", (_k = (_j = (_i = threadPost[0]) == null ? void 0 : _i.author) == null ? void 0 : _j.familyName) != null ? _k : ""), /* @__PURE__ */ React__default.createElement(Text, { className: "pl-0 color-gray-500" }, createdAtText((_l = threadPost[0]) == null ? void 0 : _l.createdAt), " at", " ", format(new Date((_m = threadPost[0]) == null ? void 0 : _m.createdAt), "hh:ss:a")))), /* @__PURE__ */ React__default.createElement(HStack, { space: "sm", className: "px-2 items-center" }, /* @__PURE__ */ React__default.createElement(Text, null, (_o = (_n = threadPost[0]) == null ? void 0 : _n.message) != null ? _o : ""))), /* @__PURE__ */ React__default.createElement(Box, { className: "py-4" }, /* @__PURE__ */ React__default.createElement(Box, { className: "px-4 py-2 border-t border-b border-gray-200" }, /* @__PURE__ */ React__default.createElement(Text, { className: "font-bold color-gray-600" }, (_q = (_p = threadPost[0]) == null ? void 0 : _p.replies) == null ? void 0 : _q.totalCount, " ", ((_s = (_r = threadPost[0]) == null ? void 0 : _r.replies) == null ? void 0 : _s.totalCount) > 0 ? "replies" : "reply"))))), /* @__PURE__ */ React__default.createElement(GiftedChat, { ref: threadMessageListRef, wrapInSafeArea: true, renderLoading: () => /* @__PURE__ */ React__default.createElement(Skeleton, { variant: "rounded", style: {
+    flex: 1
+  } }), messages: messageList, listViewProps: {
+    onEndReached,
+    onEndReachedThreshold: 0.5,
+    onMomentumScrollBegin
   }, onSend: (messages) => {
     var _a2, _b2;
-    if (!messages || messages.length === 0) {
-      console.log("No messages to send");
-      return;
-    }
-    const currentInputText = currentMessageText;
-    const messageToSend = (currentInputText == null ? void 0 : currentInputText.trim()) || ((_b2 = (_a2 = messages[0]) == null ? void 0 : _a2.text) == null ? void 0 : _b2.trim()) || " ";
-    if (__DEV__)
-      console.log("GiftedChat onSend triggered with text from state:", messageToSend);
-    safeSend({
-      type: Actions.SET_MESSAGE_TEXT,
-      data: {
-        messageText: ""
-      }
-    });
-    if (safeContextProperty("images", []).length > 0) {
-      if (__DEV__)
-        console.log("Sending message with file:", messageToSend, "Images:", safeContextProperty("images", []).length);
-      safeSend({
-        type: Actions.SEND_THREAD_MESSAGE_WITH_FILE,
-        data: {
-          messageText: messageToSend
-        }
-      });
-    } else {
-      if (__DEV__)
-        console.log("Sending text message:", messageToSend);
-      safeSend({
-        type: Actions.SEND_THREAD_MESSAGE,
-        data: {
-          messageText: messageToSend
-        }
-      });
-    }
-  }, text: currentMessageText, onInputTextChanged: (text) => {
-    safeSend({
-      type: Actions.SET_MESSAGE_TEXT,
-      data: {
-        messageText: text
-      }
-    });
-  }, renderFooter: () => safeContextProperty("loading", false) && !safeContextProperty("loadingOldMessages", false) ? /* @__PURE__ */ React__default.createElement(Box, { className: "w-full py-2 items-center" }, /* @__PURE__ */ React__default.createElement(Spinner, { color: colors.blue[500] })) : safeContextProperty("imageLoading", false) ? /* @__PURE__ */ React__default.createElement(Box, { className: "w-full py-2 items-center" }, /* @__PURE__ */ React__default.createElement(Spinner, { color: colors.blue[500] })) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null), scrollToBottom: true, loadEarlier: false, isLoadingEarlier: false, user: {
+    return handleSend((_b2 = (_a2 = messages[0]) == null ? void 0 : _a2.text) != null ? _b2 : " ");
+  }, text: msg ? msg : " ", onInputTextChanged: (text) => setMsg(text), renderFooter: () => null, scrollToBottom: true, user: {
     _id: (auth == null ? void 0 : auth.id) || ""
-  }, isTyping: safeContextProperty("loading", false), alwaysShowSend: safeContextProperty("loading", false) ? false : true, infiniteScroll: true, renderSend, renderInputToolbar, minInputToolbarHeight: 50, renderActions, renderAccessory: !!((_u = state == null ? void 0 : state.context) == null ? void 0 : _u.selectedImage) ? renderAccessory : void 0, renderMessage, renderMessageText, maxInputLength: 1e3, placeholder: "Type a message...", showUserAvatar: true, showAvatarForEveryMessage: false, inverted: true, parsePatterns: (linkStyle) => [{
-    type: "url",
-    style: __spreadProps(__spreadValues({}, linkStyle), {
-      color: colors.blue[500]
-    }),
-    onPress: (url) => Linking.openURL(url)
-  }, {
-    type: "phone",
-    style: __spreadProps(__spreadValues({}, linkStyle), {
-      color: colors.blue[500]
-    }),
-    onPress: (phone) => Linking.openURL(`tel:${phone}`)
-  }, {
-    type: "email",
-    style: __spreadProps(__spreadValues({}, linkStyle), {
-      color: colors.blue[500]
-    }),
-    onPress: (email) => Linking.openURL(`mailto:${email}`)
-  }], textInputProps: {
+  }, isTyping: false, alwaysShowSend: true, infiniteScroll: true, renderSend, renderMessageText, renderInputToolbar, minInputToolbarHeight: 50, renderActions, renderAccessory: !!selectedImage ? renderAccessory : void 0, renderMessage, renderLoadEarlier, loadEarlier: totalCount > channelMessages.length, isLoadingEarlier: loadingOldMessages, bottomOffset: Platform.OS === "ios" ? 10 : 0, textInputProps: {
     style: {
       borderWidth: 1,
       borderColor: colors.gray[300],
       backgroundColor: "#f8f8f8",
       borderRadius: 20,
-      minHeight: 40,
+      minHeight: 36,
       maxHeight: 80,
       color: "#000",
-      padding: 10,
-      paddingHorizontal: 20,
+      padding: 8,
+      paddingHorizontal: 15,
       fontSize: 16,
-      flex: 1
+      flex: 1,
+      marginVertical: 2,
+      marginBottom: 0
     },
     multiline: true,
     returnKeyType: "default",
     enablesReturnKeyAutomatically: true,
     placeholderTextColor: colors.gray[400]
-  }, minComposerHeight: 44, isKeyboardInternallyHandled: true, bottomOffset: Platform.OS === "ios" ? 20 : 0, renderChatFooter: () => /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(ImageViewerModal, { isVisible: isShowImageViewer, setVisible: setImageViewer, modalContent }), /* @__PURE__ */ React__default.createElement(SubscriptionHandler, { channelId, subscribeToNewMessages: () => subscribeToMore({
+  }, minComposerHeight: 36, maxComposerHeight: 100, placeholder: "Type a message...", renderChatFooter: () => /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(ImageViewerModal, { isVisible: isShowImageViewer, setVisible: setImageViewer, modalContent }), /* @__PURE__ */ React__default.createElement(SubscriptionHandler, { channelId, subscribeToNewMessages: () => subscribeToMore({
     document: OnThreadChatMessageAddedDocument,
     variables: {
       channelId: channelId == null ? void 0 : channelId.toString(),
@@ -1607,19 +659,12 @@ const ThreadConversationViewComponent = ({
         return prev;
       const newMessage = (_a2 = subscriptionData == null ? void 0 : subscriptionData.data) == null ? void 0 : _a2.threadChatMessageAdded;
       const prevReplyCount = (_b2 = prev == null ? void 0 : prev.getPostThread) == null ? void 0 : _b2.replyCount;
-      const newReplyCount = (prevReplyCount || 0) + 1;
+      const newReplyCount = prevReplyCount || 0 + 1;
       const replies = ((_c2 = prev == null ? void 0 : prev.getPostThread) == null ? void 0 : _c2.replies) || [];
-      safeSend({
-        type: Actions.SET_THREAD_MESSAGES,
-        data: {
-          messages: uniqBy([...safeContextProperty("threadMessages", []), newMessage], ({
-            id
-          }) => id),
-          totalCount: newReplyCount,
-          threadPost: safeContextProperty("threadPost", []),
-          postThread: safeContextProperty("postThread", null)
-        }
-      });
+      setChannelMessages((oldMessages) => uniqBy([...oldMessages, newMessage], ({
+        id
+      }) => id));
+      setTotalCount(newReplyCount);
       return Object.assign({}, prev, {
         getPostThread: __spreadProps(__spreadValues({}, prev == null ? void 0 : prev.getPostThread), {
           lastReplyAt: newMessage.createdAt,
@@ -1629,11 +674,11 @@ const ThreadConversationViewComponent = ({
         })
       });
     }
-  }) })), messagesContainerStyle: (messageList == null ? void 0 : messageList.length) == 0 ? {
+  }) })), messagesContainerStyle: (messageList == null ? void 0 : messageList.length) == 0 && {
     transform: [{
       scaleY: -1
     }]
-  } : void 0, renderChatEmpty: () => /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, !threadLoading && messageList && (messageList == null ? void 0 : messageList.length) == 0 && /* @__PURE__ */ React__default.createElement(Box, { className: "p-5" }, /* @__PURE__ */ React__default.createElement(Center, { className: "mt-6" }, /* @__PURE__ */ React__default.createElement(Ionicons, { name: "chatbubbles", size: 30 }), /* @__PURE__ */ React__default.createElement(Text, null, "You don't have any message yet!")))), lightboxProps: {
+  }, renderChatEmpty: () => /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, !threadLoading && messageList && (messageList == null ? void 0 : messageList.length) == 0 && /* @__PURE__ */ React__default.createElement(Box, { className: "p-5" }, /* @__PURE__ */ React__default.createElement(Center, { className: "mt-6" }, /* @__PURE__ */ React__default.createElement(Ionicons, { name: "chatbubbles", size: 30 }), /* @__PURE__ */ React__default.createElement(Text, null, "You don't have any message yet!")))), lightboxProps: {
     underlayColor: "transparent",
     springConfig: {
       tension: 9e4,
@@ -1649,4 +694,4 @@ const SubscriptionHandler = ({
   useEffect(() => subscribeToNewMessages(), [channelId]);
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null);
 };
-const ThreadConversationView = React__default.memo(ThreadConversationViewComponent);export{ThreadConversationView};//# sourceMappingURL=ThreadConversationView.js.map
+const ThreadConversationView = ThreadConversationViewComponent;export{ThreadConversationView};//# sourceMappingURL=ThreadConversationView.js.map