@messenger-box/platform-mobile 10.0.3-alpha.46 → 10.0.3-alpha.48

package/src/screens/inbox/containers/Dialogs.tsx

@@ -1,11 +1,15 @@
 import React, { useCallback, useEffect, useRef, useState, useMemo } from 'react';
 import { FlatList, Box, Heading, Input, InputField, Text, Center, Spinner } from '@admin-layout/gluestack-ui-mobile';
 import { Ionicons } from '@expo/vector-icons';
-import { useSelector } from 'react-redux';
+import { useSelector, shallowEqual } from 'react-redux';
 import { useNavigation, useRoute, useFocusEffect } from '@react-navigation/native';
-import { DialogsListItem } from '../components/DialogsListItem';
-import { ServiceDialogsListItem } from '../components/ServiceDialogsListItem';
-import { useChannelsQuery, CHAT_MESSAGE_ADDED } from '../../../queries/inboxQueries';
+import { DialogItem } from '../components/DialogItem';
+// import { useChannelsQuery, CHAT_MESSAGE_ADDED } from '../../../queries/inboxQueries';
+import {
+    useGetChannelsByUserQuery,
+    useGetChannelsByUserWithLastMessageQuery,
+    OnChatMessageAddedDocument,
+} from 'common/graphql';
 import { RoomType } from 'common';
 import { userSelector } from '@adminide-stack/user-auth0-client';
 import { config } from '../config';
@@ -21,16 +25,13 @@ export interface InboxProps {
 const DialogsComponent = (props: InboxProps) => {
     const { channelFilters: channelFilterProp, channelRole, supportServices } = props;
     const channelFilters = { ...channelFilterProp };
-    channelFilters.type = channelFilters?.type ?? RoomType.Direct;
+    // channelFilters.type = channelFilters?.type ?? RoomType.Direct;
+    channelFilters.type = [RoomType.Direct, RoomType.Service];
     const { params } = useRoute<any>();
-    const auth = useSelector(userSelector);
+    const auth = useSelector(userSelector, shallowEqual);
     const navigation = useNavigation<any>();
-    console.log('---dialogs component---orgName---', params?.orgName);
-    // Local state for UI control
+    // Local state for UI control - only keeping searchQuery as it's needed for local filtering
     const [searchQuery, setSearchQuery] = useState('');
-    const [selectedChannelId, setSelectedChannelId] = useState<string | null>(params?.channelId || null);
-    const [page, setPage] = useState(1);
-    const [isLoadingMore, setIsLoadingMore] = useState(false);
 
     // Create a ref to track if component is mounted
     const isMountedRef = useRef(true);
@@ -46,20 +47,105 @@ const DialogsComponent = (props: InboxProps) => {
     const resetActiveChannelTimeoutRef = useRef<NodeJS.Timeout | null>(null);
 
     // Apollo query with pagination and optimistic updates
-    const { data, loading, refetch, fetchMore, subscribeToMore } = useChannelsQuery({
+    const { data, loading, refetch, fetchMore, subscribeToMore } = useGetChannelsByUserWithLastMessageQuery({
         variables: {
             role: channelRole,
             criteria: channelFilters,
-            supportServices: supportServices ? true : false,
-            supportServiceCriteria: {
-                type: RoomType.Service,
-            },
+            // supportServices: false,
+            // supportServices: supportServices ? true : false,
+            // supportServiceCriteria: {
+            //     type: RoomType.Service,
+            // },
             limit: 15,
             skip: 0,
         },
         notifyOnNetworkStatusChange: true,
+        fetchPolicy: 'cache-and-network',
     });
 
+    // Subscribe to new messages to update lastMessage in channels
+    // useEffect(() => {
+    //     if (!data?.channelsByUser?.length || !subscribeToMore) return;
+
+    //     const subscriptions: (() => void)[] = [];
+
+    //     // Subscribe to each channel for real-time lastMessage updates
+    //     data.channelsByUser.forEach(channel => {
+    //         if (!channel?.id) return;
+
+    //         const unsubscribe = subscribeToMore({
+    //             document: OnChatMessageAddedDocument,
+    //             variables: {
+    //                 channelId: channel.id.toString(),
+    //             },
+    //             updateQuery: (prev, { subscriptionData }: any) => {
+    //                 if (!subscriptionData?.data?.chatMessageAdded || !isMountedRef.current) {
+    //                     return prev;
+    //                 }
+
+    //                 const newMessage = subscriptionData.data.chatMessageAdded;
+    //                 const channelId = newMessage.channel?.id;
+
+    //                 if (!channelId) return prev;
+
+    //                 // Update the specific channel's lastMessage
+    //                 const updatedChannels = (prev.channelsByUser || []).map(ch => {
+    //                     if (ch?.id === channelId) {
+    //                         return {
+    //                             ...ch,
+    //                             lastMessage: {
+    //                                 id: newMessage.id,
+    //                                 message: newMessage.message || '',
+    //                                 createdAt: newMessage.createdAt,
+    //                                 updatedAt: newMessage.updatedAt,
+    //                                 author: newMessage.author ? {
+    //                                     id: newMessage.author.id,
+    //                                     givenName: newMessage.author.givenName,
+    //                                     familyName: newMessage.author.familyName,
+    //                                     username: newMessage.author.username,
+    //                                 } : null,
+    //                                 files: newMessage.files ? {
+    //                                     totalCount: newMessage.files.totalCount || 0,
+    //                                     data: (newMessage.files.data || []).map(file => ({
+    //                                         id: file.id,
+    //                                         name: file.name,
+    //                                         extension: file.extension,
+    //                                         mimeType: file.mimeType,
+    //                                     }))
+    //                                 } : null,
+    //                             },
+    //                             updatedAt: newMessage.createdAt,
+    //                             lastPostAt: newMessage.createdAt,
+    //                         };
+    //                     }
+    //                     return ch;
+    //                 });
+
+    //                 return {
+    //                     ...prev,
+    //                     channelsByUser: updatedChannels,
+    //                 };
+    //             },
+    //             onError: (error) => {
+    //                 console.error(`LastMessage subscription error for channel ${channel.id}:`, error);
+    //             },
+    //         });
+
+    //         subscriptions.push(unsubscribe);
+    //     });
+
+    //     // Cleanup subscriptions
+    //     return () => {
+    //         subscriptions.forEach(unsub => {
+    //             try {
+    //                 unsub?.();
+    //             } catch (error) {
+    //                 console.error('Error unsubscribing from lastMessage updates:', error);
+    //             }
+    //         });
+    //     };
+    // }, [data?.channelsByUser, subscribeToMore]);
+
     // Memoize processChannels and sortChannels to avoid unnecessary recalculations
     const processChannels = useCallback(
         (rawChannels = []) => {
@@ -76,11 +162,12 @@ const DialogsComponent = (props: InboxProps) => {
 
     const sortChannels = useCallback((channels) => {
         if (!channels?.length) return [];
-        return [...channels].sort((a, b) => {
-            const dateA = new Date(a?.updatedAt || a?.createdAt).getTime();
-            const dateB = new Date(b?.updatedAt || b?.createdAt).getTime();
-            return dateB - dateA;
-        });
+        return channels;
+        // return [...channels].sort((a, b) => {
+        //     const dateA = new Date(a?.updatedAt || a?.createdAt).getTime();
+        //     const dateB = new Date(b?.updatedAt || b?.createdAt).getTime();
+        //     return dateB - dateA;
+        // });
     }, []);
 
     // Navigation handlers with debounce to prevent double taps
@@ -97,7 +184,6 @@ const DialogsComponent = (props: InboxProps) => {
             resetActiveChannelTimeoutRef.current = setTimeout(() => {
                 activeChannelRef.current = null;
             }, 2000);
-            setSelectedChannelId(id);
             console.log('📱 Navigating to channel:', id);
             navigation.navigate(config.INBOX_MESSEGE_PATH, {
                 channelId: id,
@@ -124,7 +210,6 @@ const DialogsComponent = (props: InboxProps) => {
             resetActiveChannelTimeoutRef.current = setTimeout(() => {
                 activeChannelRef.current = null;
             }, 2000);
-            setSelectedChannelId(id);
             console.log('📱 Navigating to service channel:', id);
             navigation.navigate(postParentId || postParentId === 0 ? config.THREAD_MESSEGE_PATH : config.THREADS_PATH, {
                 channelId: id,
@@ -144,10 +229,11 @@ const DialogsComponent = (props: InboxProps) => {
     }, []);
 
     // Memoize allChannels and channels
-    const allChannels = useMemo(
-        () => [...(data?.supportServiceChannels || []), ...(data?.channelsByUser || [])],
-        [data],
-    );
+    // const allChannels = useMemo(
+    //     () => [...(data?.supportServiceChannels || []), ...(data?.channelsByUser || [])],
+    //     [data],
+    // );
+    const allChannels = useMemo(() => [...(data?.channelsByUser || [])], [data]);
     const channels = useMemo(
         () => sortChannels(processChannels(allChannels)),
         [allChannels, processChannels, sortChannels],
@@ -175,39 +261,27 @@ const DialogsComponent = (props: InboxProps) => {
     const renderItem = useCallback(
         ({ item: channel }) => {
             const key = `${channel.type === RoomType.Service ? 'service' : 'direct'}-${channel.id}`;
-            return channel?.type === RoomType.Service ? (
-                <ServiceDialogsListItem
-                    key={key}
-                    onOpen={handleSelectServiceChannel}
-                    currentUser={auth}
-                    channel={channel}
-                    refreshing={loading}
-                    selectedChannelId={selectedChannelId}
-                    role={channelRole}
-                />
-            ) : (
-                <DialogsListItem
+            return (
+                <DialogItem
                     key={key}
-                    onOpen={handleSelectChannel}
+                    onOpen={channel?.type === RoomType.Service ? handleSelectServiceChannel : handleSelectChannel}
                     currentUser={auth}
                     channel={channel}
-                    selectedChannelId={selectedChannelId}
-                    forceRefresh={true}
                 />
             );
         },
-        [auth, channelRole, handleSelectChannel, handleSelectServiceChannel, loading, selectedChannelId],
+        [auth, handleSelectChannel, handleSelectServiceChannel],
     );
 
     // Memoize ListFooterComponent and ListEmptyComponent
     const ListFooterComponent = useMemo(
         () =>
-            isLoadingMore ? (
+            loading ? (
                 <Center className="py-4">
                     <Spinner color={colors.blue[500]} size="small" />
                 </Center>
             ) : null,
-        [isLoadingMore],
+        [loading],
     );
 
     const ListEmptyComponent = useMemo(() => {
@@ -321,52 +395,41 @@ const DialogsComponent = (props: InboxProps) => {
 
     // Load more channels
     const handleLoadMore = useCallback(() => {
-        if (isLoadingMore || !data || channels.length < 10) {
+        if (loading || !data || channels.length < 10) {
             console.log('Skip loading more: already loading or all data loaded');
             return;
         }
 
-        console.log('Loading more channels at page:', page + 1);
-        setIsLoadingMore(true);
+        console.log('Loading more channels');
 
         fetchMore({
             variables: {
-                skip: page * 15,
+                skip: channels.length,
             },
             updateQuery: (prev, { fetchMoreResult }) => {
-                setIsLoadingMore(false);
-                setPage((prevPage) => prevPage + 1);
-
                 if (!fetchMoreResult) return prev;
 
                 // Combine previous and new results
                 return {
                     ...fetchMoreResult,
                     channelsByUser: [...(prev.channelsByUser || []), ...(fetchMoreResult.channelsByUser || [])],
-                    supportServiceChannels: [
-                        ...(prev.supportServiceChannels || []),
-                        ...(fetchMoreResult.supportServiceChannels || []),
-                    ],
+                    // supportServiceChannels: [
+                    //     ...(prev.supportServiceChannels || []),
+                    //     ...(fetchMoreResult.supportServiceChannels || []),
+                    // ],
                 };
             },
         }).catch((error) => {
             console.error('Error loading more channels:', error);
-            setIsLoadingMore(false);
         });
-    }, [fetchMore, isLoadingMore, data, channels.length, page]);
+    }, [fetchMore, loading, data, channels.length]);
 
     return (
         <Box className="p-2">
-            <SubscriptionHandler
-                subscribeToMore={subscribeToMore}
-                document={CHAT_MESSAGE_ADDED}
-                variables={{}}
-                updateQuery={undefined}
-            />
             <FlatList
                 data={displayChannels}
                 onRefresh={handlePullToRefresh}
-                refreshing={loading && !isLoadingMore}
+                refreshing={loading}
                 contentContainerStyle={{ minHeight: '100%' }}
                 ItemSeparatorComponent={React.useCallback(
                     () => (

package/lib/screens/inbox/components/DialogsListItem.js

@@ -1,355 +0,0 @@
-import React__default,{useRef,useState,useEffect,useCallback,useMemo}from'react';import {Pressable,HStack,Box,AvatarGroup,Avatar,AvatarFallbackText,AvatarBadge,Text,AvatarImage}from'@admin-layout/gluestack-ui-mobile';import {isToday,isYesterday,format}from'date-fns';import {useFocusEffect}from'@react-navigation/native';import {useChatMessageAddedSubscription,CHAT_MESSAGE_ADDED}from'../../../queries/inboxQueries.js';import {startCase}from'lodash-es';import colors from'tailwindcss/colors';import {SubscriptionHandler}from'./SubscriptionHandler.js';import {useMessagesQuery}from'common/graphql';var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-const createdAtText = (value) => {
-  if (!value)
-    return "";
-  let date = new Date(value);
-  if (isToday(date))
-    return "Today";
-  if (isYesterday(date))
-    return "Yesterday";
-  return format(new Date(value), "MMM dd, yyyy");
-};
-const LastMessageComponent = ({
-  subscribeToNewMessages,
-  title,
-  lastMessage,
-  channelId,
-  subscribeToMore
-}) => {
-  var _a, _b;
-  React__default.useEffect(() => {
-    const unsubscribe = subscribeToNewMessages();
-    return () => {
-      if (unsubscribe && typeof unsubscribe === "function") {
-        unsubscribe();
-      }
-    };
-  }, [channelId, subscribeToNewMessages]);
-  const count = 30;
-  const channelTitle = (title == null ? void 0 : title.slice(0, count)) + ((title == null ? void 0 : title.length) > count ? "..." : "") || "";
-  let displayMessage = "No messages yet";
-  if (lastMessage) {
-    if (lastMessage.message && lastMessage.message.trim() !== "") {
-      displayMessage = lastMessage.message;
-    } else if (((_b = (_a = lastMessage.files) == null ? void 0 : _a.data) == null ? void 0 : _b.length) > 0) {
-      displayMessage = "\u{1F4CE} File attachment";
-    } else {
-      displayMessage = "(Empty message)";
-    }
-  }
-  const displayDate = (lastMessage == null ? void 0 : lastMessage.createdAt) ? createdAtText(lastMessage.createdAt) : (lastMessage == null ? void 0 : lastMessage.updatedAt) ? createdAtText(lastMessage.updatedAt) : "";
-  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
-    SubscriptionHandler,
-    {
-      subscribeToMore,
-      document: CHAT_MESSAGE_ADDED,
-      variables: {
-        channelId: channelId == null ? void 0 : channelId.toString()
-      },
-      updateQuery: void 0
-    }
-  ), /* @__PURE__ */ React__default.createElement(HStack, { space: "sm", className: "flex-1 justify-between" }, /* @__PURE__ */ React__default.createElement(Box, { className: "flex-[0.8]" }, /* @__PURE__ */ React__default.createElement(Text, { color: colors.gray[600], className: "text-base text-wrap flex-wrap font-semibold" }, channelTitle), /* @__PURE__ */ React__default.createElement(Text, { color: colors.gray[600], numberOfLines: 1 }, displayMessage)), /* @__PURE__ */ React__default.createElement(Box, { className: "flex-[0.2]" }, /* @__PURE__ */ React__default.createElement(Text, { color: colors.gray[500] }, displayDate))));
-};
-const DialogsListItemComponent = function DialogsListItem2({
-  currentUser,
-  selectedChannelId,
-  channel,
-  onOpen,
-  forceRefresh,
-  visible = true
-}) {
-  var _a, _b, _c, _d;
-  const isMountedRef = useRef(true);
-  const parentId = null;
-  const [loading, setLoading] = useState(false);
-  const [title, setTitle] = useState("");
-  const [messages, setMessages] = useState([]);
-  const [lastMessage, setLastMessage] = useState(null);
-  const shouldQuery = !!(channel == null ? void 0 : channel.id) && visible;
-  const {
-    data: messagesQuery,
-    loading: messageLoading,
-    refetch: refetchMessages,
-    subscribeToMore
-  } = useMessagesQuery({
-    variables: {
-      channelId: (_a = channel == null ? void 0 : channel.id) == null ? void 0 : _a.toString(),
-      parentId,
-      limit: 10
-    },
-    skip: !shouldQuery,
-    fetchPolicy: "cache-and-network",
-    refetchWritePolicy: "overwrite",
-    nextFetchPolicy: "network-only",
-    onCompleted: (data) => {
-      var _a2;
-      if (!shouldQuery)
-        return;
-      if ((_a2 = data == null ? void 0 : data.messages) == null ? void 0 : _a2.data) {
-        setMessages(data.messages.data);
-        const sortedMessages = [...data.messages.data].sort((a, b) => new Date((b == null ? void 0 : b.updatedAt) || (b == null ? void 0 : b.createdAt)).getTime() - new Date((a == null ? void 0 : a.updatedAt) || (a == null ? void 0 : a.createdAt)).getTime());
-        if (sortedMessages.length > 0) {
-          setLastMessage(sortedMessages[0]);
-        }
-      }
-    },
-    onError: (error) => {
-      if (!shouldQuery)
-        return;
-      console.error(`Error fetching messages for channel ${channel == null ? void 0 : channel.id}:`, error);
-    }
-  });
-  const {
-    data: newMessage
-  } = useChatMessageAddedSubscription({
-    variables: {
-      channelId: (_b = channel == null ? void 0 : channel.id) == null ? void 0 : _b.toString()
-    },
-    skip: !shouldQuery
-  });
-  useEffect(() => {
-    isMountedRef.current = true;
-    return () => {
-      isMountedRef.current = false;
-    };
-  }, []);
-  const refreshDialogState = useCallback(() => {
-    var _a2;
-    if (shouldQuery && isMountedRef.current) {
-      setLoading(true);
-      const options = {
-        channelId: (_a2 = channel == null ? void 0 : channel.id) == null ? void 0 : _a2.toString(),
-        parentId,
-        limit: 10
-      };
-      refetchMessages(options).then((result) => {
-        var _a3, _b2;
-        if (((_b2 = (_a3 = result.data) == null ? void 0 : _a3.messages) == null ? void 0 : _b2.data) && isMountedRef.current) {
-          const sortedMessages = [...result.data.messages.data].sort((a, b) => new Date((b == null ? void 0 : b.updatedAt) || (b == null ? void 0 : b.createdAt)).getTime() - new Date((a == null ? void 0 : a.updatedAt) || (a == null ? void 0 : a.createdAt)).getTime());
-          const latestMessage = sortedMessages.length > 0 ? sortedMessages[0] : null;
-          setMessages(result.data.messages.data);
-          setLastMessage(latestMessage);
-        }
-        setLoading(false);
-      }).catch((err) => {
-        console.error("Error refreshing dialog state:", err);
-        setLoading(false);
-      });
-    }
-  }, [shouldQuery, channel == null ? void 0 : channel.id, refetchMessages, parentId]);
-  const firstRenderRef = useRef(true);
-  useFocusEffect(React__default.useCallback(() => {
-    if (!(channel == null ? void 0 : channel.id))
-      return;
-    console.log("DialogsListItem focused for channel:", channel == null ? void 0 : channel.id);
-    if (firstRenderRef.current) {
-      console.log("Skipping initial focus refresh for channel:", channel == null ? void 0 : channel.id);
-      firstRenderRef.current = false;
-      return;
-    }
-    console.log("FOCUS EFFECT: Force refetching messages on navigation back for channel:", channel == null ? void 0 : channel.id);
-    setLoading(true);
-    const fetchFreshData = async () => {
-      var _a2, _b2, _c2, _d2, _e, _f;
-      try {
-        const options = {
-          channelId: (_a2 = channel == null ? void 0 : channel.id) == null ? void 0 : _a2.toString(),
-          parentId,
-          limit: 10
-        };
-        const result = await refetchMessages(options);
-        console.log(`FOCUS EFFECT: Refetched ${((_d2 = (_c2 = (_b2 = result == null ? void 0 : result.data) == null ? void 0 : _b2.messages) == null ? void 0 : _c2.data) == null ? void 0 : _d2.length) || 0} messages for channel ${channel == null ? void 0 : channel.id}`);
-        if (((_f = (_e = result == null ? void 0 : result.data) == null ? void 0 : _e.messages) == null ? void 0 : _f.data) && isMountedRef.current) {
-          const currentMessages = messages;
-          const fetchedMessages = result.data.messages.data;
-          console.log("Data comparison:", {
-            currentCount: currentMessages.length,
-            fetchedCount: fetchedMessages.length,
-            isDifferent: JSON.stringify(currentMessages) !== JSON.stringify(fetchedMessages)
-          });
-          const sortedMessages = [...fetchedMessages].sort((a, b) => new Date((b == null ? void 0 : b.updatedAt) || (b == null ? void 0 : b.createdAt)).getTime() - new Date((a == null ? void 0 : a.updatedAt) || (a == null ? void 0 : a.createdAt)).getTime());
-          const latestMessage = sortedMessages.length > 0 ? sortedMessages[0] : null;
-          setMessages(fetchedMessages);
-          setLastMessage(latestMessage);
-        }
-      } catch (error) {
-        console.error("Error refetching messages on focus:", error);
-      } finally {
-        if (isMountedRef.current) {
-          setLoading(false);
-        }
-      }
-    };
-    fetchFreshData();
-    return () => {
-    };
-  }, [channel == null ? void 0 : channel.id, refetchMessages, messages, isMountedRef, parentId]));
-  useEffect(() => {
-    if (!shouldQuery)
-      return;
-    if ((channel == null ? void 0 : channel.id) && isMountedRef.current) {
-      const timer = setTimeout(() => {
-        if (isMountedRef.current) {
-          refreshDialogState();
-        }
-      }, 100);
-      return () => {
-        clearTimeout(timer);
-      };
-    }
-  }, [shouldQuery, channel == null ? void 0 : channel.id, refreshDialogState]);
-  useEffect(() => {
-    if (forceRefresh && shouldQuery && (channel == null ? void 0 : channel.id) && isMountedRef.current) {
-      const timer = setTimeout(() => {
-        var _a2;
-        if (isMountedRef.current && refetchMessages) {
-          refetchMessages({
-            channelId: (_a2 = channel == null ? void 0 : channel.id) == null ? void 0 : _a2.toString(),
-            parentId,
-            limit: 10
-          }).then((result) => {
-            var _a3, _b2;
-            if (((_b2 = (_a3 = result == null ? void 0 : result.data) == null ? void 0 : _a3.messages) == null ? void 0 : _b2.data) && isMountedRef.current) {
-              const sortedMessages = [...result.data.messages.data].sort((a, b) => new Date((b == null ? void 0 : b.updatedAt) || (b == null ? void 0 : b.createdAt)).getTime() - new Date((a == null ? void 0 : a.updatedAt) || (a == null ? void 0 : a.createdAt)).getTime());
-              const latestMessage = sortedMessages.length > 0 ? sortedMessages[0] : null;
-              setMessages(result.data.messages.data);
-              setLastMessage(latestMessage);
-            }
-          }).catch((error) => {
-            console.error(`Error force refreshing channel ${channel == null ? void 0 : channel.id}:`, error);
-          });
-        }
-      }, 50);
-      return () => clearTimeout(timer);
-    }
-  }, [shouldQuery, channel == null ? void 0 : channel.id, forceRefresh, refetchMessages, parentId]);
-  const channelMembers = useMemo(() => {
-    var _a2, _b2, _c2;
-    return (_c2 = (_b2 = (_a2 = channel == null ? void 0 : channel.members) == null ? void 0 : _a2.filter((ch) => {
-      var _a3, _b3;
-      return ((_a3 = ch == null ? void 0 : ch.user) == null ? void 0 : _a3.id) != (currentUser == null ? void 0 : currentUser.id) && ((_b3 = ch == null ? void 0 : ch.user) == null ? void 0 : _b3.__typename) == "UserAccount";
-    })) == null ? void 0 : _b2.map((m) => m == null ? void 0 : m.user)) != null ? _c2 : null;
-  }, [currentUser, channel]);
-  useEffect(() => {
-    var _a2, _b2, _c2;
-    if (channelMembers && isMountedRef.current) {
-      const titleString = (_c2 = (_b2 = (_a2 = channelMembers == null ? void 0 : channelMembers.map((u) => {
-        var _a3;
-        return (u == null ? void 0 : u.givenName) + " " + ((_a3 = u == null ? void 0 : u.familyName) != null ? _a3 : "");
-      })) == null ? void 0 : _a2.filter((mu) => mu)) == null ? void 0 : _b2.join(", ")) != null ? _c2 : "";
-      setTitle(titleString);
-    }
-  }, [channelMembers]);
-  const displayTitle = useMemo(() => {
-    const length = 30;
-    return title.length > length ? title.substring(0, length - 3) + "..." : title;
-  }, [title]);
-  useEffect(() => {
-    var _a2, _b2;
-    console.log(`DialogsListItem for channel ${channel == null ? void 0 : channel.id}: `, {
-      hasLastMessage: !!lastMessage,
-      message: ((_a2 = lastMessage == null ? void 0 : lastMessage.message) == null ? void 0 : _a2.substring(0, 20)) + (((_b2 = lastMessage == null ? void 0 : lastMessage.message) == null ? void 0 : _b2.length) > 20 ? "..." : ""),
-      messagesCount: messages.length
-    });
-  }, [channel == null ? void 0 : channel.id, lastMessage, messages.length]);
-  useEffect(() => {
-    if (!shouldQuery)
-      return;
-    if ((newMessage == null ? void 0 : newMessage.chatMessageAdded) && (channel == null ? void 0 : channel.id)) {
-      const incomingMessage = newMessage.chatMessageAdded;
-      if (messages.some((msg) => msg.id === incomingMessage.id)) {
-        return;
-      }
-      setMessages((prevMessages) => [...prevMessages, incomingMessage]);
-      setLastMessage(incomingMessage);
-    }
-  }, [shouldQuery, newMessage, channel == null ? void 0 : channel.id, messages]);
-  useEffect(() => {
-    if (!shouldQuery)
-      return;
-    if ((channel == null ? void 0 : channel.lastMessage) && channel.lastMessage.id) {
-      if (!messages.some((msg) => msg.id === channel.lastMessage.id)) {
-        setMessages((prevMessages) => [...prevMessages, channel.lastMessage]);
-        setLastMessage(channel.lastMessage);
-      }
-    }
-  }, [shouldQuery, (_c = channel == null ? void 0 : channel.lastMessage) == null ? void 0 : _c.id, messages]);
-  return /* @__PURE__ */ React__default.createElement(Pressable, { onPress: () => onOpen(channel == null ? void 0 : channel.id, displayTitle), className: "flex-1 border-gray-200 rounded-md dark:border-gray-600 dark:bg-gray-700", style: {
-    borderBottomWidth: 1,
-    borderColor: "#e5e7eb",
-    marginVertical: 0,
-    paddingHorizontal: 10
-  } }, /* @__PURE__ */ React__default.createElement(HStack, { space: "md", className: "flex-1 w-[100%]  py-3  items-center" }, /* @__PURE__ */ React__default.createElement(Box, { className: "flex-[0.1] items-start pl-3" }, /* @__PURE__ */ React__default.createElement(AvatarGroup, null, channelMembers && (channelMembers == null ? void 0 : channelMembers.length) > 0 && ((_d = channelMembers == null ? void 0 : channelMembers.slice(0, 1)) == null ? void 0 : _d.map((ch, i) => {
-    var _a2;
-    return /* @__PURE__ */ React__default.createElement(Avatar, { key: "dialogs-list-" + i, size: "sm", className: `bg-transparent top-[${i == 1 ? "4" : "0"}] right-[${i == 1 ? "-2" : "0"}] z-[${i == 1 ? 5 : 1}]` }, /* @__PURE__ */ React__default.createElement(AvatarFallbackText, null, startCase((_a2 = ch == null ? void 0 : ch.username) == null ? void 0 : _a2.charAt(0))), (channelMembers == null ? void 0 : channelMembers.length) > 1 && /* @__PURE__ */ React__default.createElement(AvatarBadge, { style: {
-      width: "100%",
-      height: "100%",
-      backgroundColor: "#e5e7eb",
-      borderRadius: 5
-    }, className: "items-center justify-center bg-gray-200 rounded-md" }, /* @__PURE__ */ React__default.createElement(Text, { style: {
-      fontSize: 12,
-      fontWeight: "bold",
-      color: "#000"
-    } }, channelMembers == null ? void 0 : channelMembers.length)), (channelMembers == null ? void 0 : channelMembers.length) == 1 && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(AvatarImage, { alt: "user image", style: {
-      borderRadius: 6,
-      borderWidth: 2,
-      borderColor: "#fff"
-    }, source: {
-      uri: ch == null ? void 0 : ch.picture
-    } }), /* @__PURE__ */ React__default.createElement(AvatarBadge, { style: {
-      width: 10,
-      height: 10
-    } })));
-  })))), /* @__PURE__ */ React__default.createElement(Box, { className: "flex-1" }, /* @__PURE__ */ React__default.createElement(LastMessageComponent, { key: `last-msg-${(lastMessage == null ? void 0 : lastMessage.id) || "none"}-${messages.length}`, title: displayTitle, lastMessage, channelId: channel == null ? void 0 : channel.id, subscribeToNewMessages: () => {
-    var _a2;
-    return shouldQuery ? subscribeToMore({
-      document: CHAT_MESSAGE_ADDED,
-      variables: {
-        channelId: (_a2 = channel.id) == null ? void 0 : _a2.toString()
-      },
-      updateQuery: (prev, {
-        subscriptionData
-      }) => {
-        var _a3;
-        if (!subscriptionData.data)
-          return prev;
-        const newMessage2 = (_a3 = subscriptionData == null ? void 0 : subscriptionData.data) == null ? void 0 : _a3.chatMessageAdded;
-        if (isMountedRef.current) {
-          if (!messages.some((msg) => msg.id === newMessage2.id)) {
-            setMessages((prevMessages) => [...prevMessages, newMessage2]);
-            setLastMessage(newMessage2);
-          }
-        }
-        const existingMessages = prev == null ? void 0 : prev.messages;
-        const previousData = (existingMessages == null ? void 0 : existingMessages.data) ? [...existingMessages.data, newMessage2] : [];
-        const totalMsgCount = (existingMessages == null ? void 0 : existingMessages.totalCount) + 1;
-        const merged = __spreadProps(__spreadValues({}, prev), {
-          messages: __spreadProps(__spreadValues({}, existingMessages), {
-            data: previousData,
-            totalCount: totalMsgCount
-          })
-        });
-        return merged;
-      }
-    }) : void 0;
-  }, subscribeToMore }))));
-};
-const DialogsListItem = React__default.memo(DialogsListItemComponent);export{DialogsListItem,DialogsListItemComponent};//# sourceMappingURL=DialogsListItem.js.map