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

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

@@ -1,4 +1,4 @@
-import React__default,{useRef,useCallback,useState,useMemo}from'react';import {HStack,Box,Text,Pressable,Avatar,AvatarFallbackText,AvatarImage}from'@admin-layout/gluestack-ui-mobile';import {isToday,isYesterday,format}from'date-fns';import {useFocusEffect}from'@react-navigation/native';import {useThreadMessagesQuery,OnThreadCreatedUpdatedDocument}from'common/graphql';import {startCase}from'lodash-es';import colors from'tailwindcss/colors';import {Actions,BaseState}from'./workflow/service-dialogs-list-item-xstate.js';var __defProp = Object.defineProperty;
+import React__default,{useRef,useState,useMemo,useCallback}from'react';import {HStack,Box,Text,Pressable,Avatar,AvatarFallbackText,AvatarImage}from'@admin-layout/gluestack-ui-mobile';import {isToday,isYesterday,format}from'date-fns';import {useFocusEffect}from'@react-navigation/native';import {useThreadMessagesQuery,OnThreadChatMessageAddedDocument,OnThreadCreatedUpdatedDocument}from'common/graphql';import {startCase}from'lodash-es';import colors from'tailwindcss/colors';var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
@@ -44,177 +44,77 @@ const createdAtText = (value) => {
     return "Yesterday";
   return format(date, "MMM dd, yyyy");
 };
-function useSafeMachine(machine) {
-  const [state, setState] = useState({
-    context: {
-      channelId: null,
-      currentUser: null,
-      threadMessages: [],
-      loading: false,
-      error: null,
-      title: "",
-      role: "",
-      servicePostParentId: null,
-      lastMessage: null
-    },
-    value: BaseState.Idle,
-    matches: (stateValue) => stateValue === BaseState.Idle
-  });
-  const send = useCallback((event) => {
-    try {
-      if (event.type === Actions.INITIAL_CONTEXT) {
-        setState((prev) => {
-          var _a, _b, _c;
-          return __spreadProps(__spreadValues({}, prev), {
-            context: __spreadProps(__spreadValues({}, prev.context), {
-              channelId: ((_a = event.data) == null ? void 0 : _a.channelId) || null,
-              currentUser: ((_b = event.data) == null ? void 0 : _b.currentUser) || null,
-              role: ((_c = event.data) == null ? void 0 : _c.role) || null,
-              loading: true
-            }),
-            value: BaseState.FetchingThreadMessages
-          });
-        });
-      } else if (event.type === Actions.UPDATE_THREAD_MESSAGES) {
-        setState((prev) => {
-          var _a, _b, _c, _d, _e;
-          if ((_a = event.data) == null ? void 0 : _a.threadMessages) {
-            if ((_b = event.data) == null ? void 0 : _b.directLastMessage) {
-              console.log("Using direct last message from event:", {
-                id: event.data.directLastMessage.id,
-                message: ((_c = event.data.directLastMessage.message) == null ? void 0 : _c.substring(0, 20)) + "..."
-              });
-              return __spreadProps(__spreadValues({}, prev), {
-                context: __spreadProps(__spreadValues({}, prev.context), {
-                  threadMessages: event.data.threadMessages,
-                  lastMessage: event.data.directLastMessage,
-                  loading: false
-                })
-              });
-            }
-            return __spreadProps(__spreadValues({}, prev), {
-              context: __spreadProps(__spreadValues({}, prev.context), {
-                threadMessages: event.data.threadMessages,
-                lastMessage: computeLastMessage(event.data.threadMessages),
-                loading: false
-              })
-            });
-          } else if ((_d = event.data) == null ? void 0 : _d.message) {
-            const newMessage = event.data.message;
-            const updatedMessages = [...prev.context.threadMessages, newMessage];
-            console.log("Setting new message as lastMessage from subscription:", {
-              id: newMessage.id,
-              message: ((_e = newMessage.message) == null ? void 0 : _e.substring(0, 20)) + "...",
-              date: newMessage.createdAt || newMessage.updatedAt
-            });
-            return __spreadProps(__spreadValues({}, prev), {
-              context: __spreadProps(__spreadValues({}, prev.context), {
-                threadMessages: updatedMessages,
-                lastMessage: newMessage,
-                loading: false
-              })
-            });
-          }
-          return prev;
-        });
-      } else if (event.type === Actions.SET_TITLE) {
-        setState((prev) => {
-          var _a;
-          return __spreadProps(__spreadValues({}, prev), {
-            context: __spreadProps(__spreadValues({}, prev.context), {
-              title: ((_a = event.data) == null ? void 0 : _a.title) || ""
-            })
-          });
-        });
-      } else if (event.type === Actions.SET_SERVICE_POST_PARENT_ID) {
-        setState((prev) => {
-          var _a;
-          return __spreadProps(__spreadValues({}, prev), {
-            context: __spreadProps(__spreadValues({}, prev.context), {
-              servicePostParentId: ((_a = event.data) == null ? void 0 : _a.servicePostParentId) || null
-            })
-          });
-        });
-      } 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) => __spreadProps(__spreadValues({}, prev), {
-          context: __spreadProps(__spreadValues({}, prev.context), {
-            loading: false
-          })
-        }));
-      }
-    } catch (error) {
-      console.error("Error sending event to state machine:", error);
-    }
-  }, []);
-  const computeLastMessage = (threadMessages) => {
-    if (!threadMessages || !threadMessages.length)
-      return null;
-    let posts = [];
-    let replies = [];
-    const isTextMessage = (msg) => {
-      if (!msg)
-        return false;
-      if (!msg.message || msg.message === "")
-        return false;
-      const isImageMessage = msg.message.includes("<img") || msg.message.includes("[Image]") || msg.message.includes("![") || /\.(jpeg|jpg|gif|png|bmp|webp)/i.test(msg.message) && (msg.message.includes("http") || msg.message.includes("/images/"));
-      return !isImageMessage;
-    };
-    threadMessages.forEach((thread) => {
-      var _a;
-      if ((thread == null ? void 0 : thread.post) && isTextMessage(thread.post)) {
-        posts.push(thread.post);
-      }
-      if ((_a = thread == null ? void 0 : thread.replies) == null ? void 0 : _a.length) {
-        replies = [...replies, ...thread.replies.filter((r) => isTextMessage(r))];
-      }
-    });
-    const allMessages = [...posts, ...replies];
-    if (!allMessages.length)
-      return null;
-    return allMessages.reduce((a, b) => {
-      const dateA = safeDate(a == null ? void 0 : a.createdAt);
-      const dateB = safeDate(b == null ? void 0 : b.createdAt);
-      if (!dateA)
-        return b;
-      if (!dateB)
-        return a;
-      return dateA > dateB ? a : b;
-    }, allMessages[0]);
+const computeLastMessage = (threadMessages) => {
+  if (!threadMessages || !threadMessages.length)
+    return null;
+  let posts = [];
+  let replies = [];
+  const isTextMessage = (msg) => {
+    if (!msg)
+      return false;
+    if (!msg.message || msg.message === "")
+      return false;
+    const isImageMessage = msg.message.includes("<img") || msg.message.includes("[Image]") || msg.message.includes("![") || /\.(jpeg|jpg|gif|png|bmp|webp)/i.test(msg.message) && (msg.message.includes("http") || msg.message.includes("/images/"));
+    return !isImageMessage;
   };
-  const stateWithMatches = useMemo(() => {
-    return __spreadProps(__spreadValues({}, state), {
-      matches: (stateValue) => {
-        try {
-          return state.value === stateValue;
-        } catch (error) {
-          console.error(`Error in matches function:`, error);
-          return false;
-        }
-      }
-    });
-  }, [state]);
-  return [stateWithMatches, send];
-}
+  threadMessages.forEach((thread) => {
+    var _a;
+    if ((thread == null ? void 0 : thread.post) && isTextMessage(thread.post)) {
+      posts.push(thread.post);
+    }
+    if ((_a = thread == null ? void 0 : thread.replies) == null ? void 0 : _a.length) {
+      replies = [...replies, ...thread.replies.filter((r) => isTextMessage(r))];
+    }
+  });
+  const allMessages = [...posts, ...replies];
+  if (!allMessages.length)
+    return null;
+  return allMessages.reduce((a, b) => {
+    const dateA = safeDate(a == null ? void 0 : a.createdAt);
+    const dateB = safeDate(b == null ? void 0 : b.createdAt);
+    if (!dateA)
+      return b;
+    if (!dateB)
+      return a;
+    return dateA > dateB ? a : b;
+  }, allMessages[0]);
+};
 const ServiceChannelWithLastMessage = React__default.memo(({
   channel,
   lastMessage,
-  subscribeToNewMessages
+  subscribeToNewMessages,
+  subscribeToChatMessages
 }) => {
   var _a, _b, _c, _d, _e;
   React__default.useEffect(() => {
-    const unsubscribe = subscribeToNewMessages();
+    console.log(`Setting up subscriptions for channel ${channel == null ? void 0 : channel.id}`);
+    let threadUnsubscribe;
+    let chatUnsubscribe;
+    try {
+      threadUnsubscribe = subscribeToNewMessages();
+      chatUnsubscribe = subscribeToChatMessages();
+    } catch (error) {
+      console.error(`Error setting up subscriptions for channel ${channel == null ? void 0 : channel.id}:`, error);
+    }
     return () => {
-      if (unsubscribe && typeof unsubscribe === "function") {
-        unsubscribe();
+      if (threadUnsubscribe && typeof threadUnsubscribe === "function") {
+        try {
+          console.log(`Cleaning up thread subscription for channel ${channel == null ? void 0 : channel.id}`);
+          threadUnsubscribe();
+        } catch (error) {
+          console.error(`Error cleaning up thread subscription for channel ${channel == null ? void 0 : channel.id}:`, error);
+        }
+      }
+      if (chatUnsubscribe && typeof chatUnsubscribe === "function") {
+        try {
+          console.log(`Cleaning up chat subscription for channel ${channel == null ? void 0 : channel.id}`);
+          chatUnsubscribe();
+        } catch (error) {
+          console.error(`Error cleaning up chat subscription for channel ${channel == null ? void 0 : channel.id}:`, error);
+        }
       }
     };
-  }, [subscribeToNewMessages]);
+  }, [subscribeToNewMessages, subscribeToChatMessages, channel == null ? void 0 : channel.id]);
   React__default.useEffect(() => {
     var _a2, _b2, _c2;
     console.log(`ServiceChannelWithLastMessage rendered for channel ${channel == null ? void 0 : channel.id}:`, {
@@ -250,27 +150,11 @@ const ServiceDialogsListItemComponent = function DialogsListItem({
   refreshing,
   role
 }) {
-  var _a, _b, _c, _d;
+  var _a, _b, _c, _d, _e;
   const isMountedRef = useRef(true);
-  const [state, send] = useSafeMachine();
-  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 (error2) {
-      console.error(`Error accessing state.context.${property}:`, error2);
-      return defaultValue;
-    }
-  }, [state]);
-  const safeSend = useCallback((event) => {
-    try {
-      send(event);
-    } catch (error2) {
-      console.error("Error sending event to state machine:", error2, event);
-    }
-  }, [send]);
+  const [subscriptionsTimestamp, setSubscriptionsTimestamp] = useState(Date.now());
   const {
-    data: threadMessages,
+    data: threadMessagesData,
     loading: threadMessageLoading,
     error,
     refetch: refetchThreadMessages,
@@ -290,55 +174,22 @@ const ServiceDialogsListItemComponent = function DialogsListItem({
       console.error(`Error fetching thread messages for channel ${channel == null ? void 0 : channel.id}:`, error2);
     }
   });
+  const threadMessages = ((_b = threadMessagesData == null ? void 0 : threadMessagesData.threadMessages) == null ? void 0 : _b.data) || [];
+  const lastMessage = useMemo(() => {
+    return computeLastMessage(threadMessages);
+  }, [threadMessages]);
+  const servicePostParentId = useMemo(() => {
+    if (!lastMessage)
+      return null;
+    return (lastMessage == null ? void 0 : lastMessage.parentId) ? lastMessage == null ? void 0 : lastMessage.parentId : lastMessage == null ? void 0 : lastMessage.id;
+  }, [lastMessage]);
   React__default.useEffect(() => {
-    var _a2;
-    if (channel == null ? void 0 : channel.id) {
-      safeSend({
-        type: Actions.INITIAL_CONTEXT,
-        data: {
-          channelId: (_a2 = channel == null ? void 0 : channel.id) == null ? void 0 : _a2.toString(),
-          currentUser,
-          role
-        }
-      });
-      safeSend({
-        type: Actions.SET_TITLE,
-        data: {
-          title: (channel == null ? void 0 : channel.title) || ""
-        }
-      });
-    }
     return () => {
       isMountedRef.current = false;
     };
-  }, [channel == null ? void 0 : channel.id, currentUser, role, safeSend]);
-  React__default.useEffect(() => {
-    var _a2, _b2, _c2;
-    if (threadMessages && isMountedRef.current) {
-      console.log(`Updating thread messages for channel ${channel == null ? void 0 : channel.id}, count:`, ((_b2 = (_a2 = threadMessages == null ? void 0 : threadMessages.threadMessages) == null ? void 0 : _a2.data) == null ? void 0 : _b2.length) || 0);
-      safeSend({
-        type: Actions.UPDATE_THREAD_MESSAGES,
-        data: {
-          threadMessages: ((_c2 = threadMessages == null ? void 0 : threadMessages.threadMessages) == null ? void 0 : _c2.data) || []
-        }
-      });
-    }
-  }, [threadMessages, refreshing, channel == null ? void 0 : channel.id, safeSend]);
-  const lastMessage = safeContextProperty("lastMessage", null);
-  const servicePostParentId = safeContextProperty("servicePostParentId", null);
-  React__default.useEffect(() => {
-    if (lastMessage) {
-      const sParentId = (lastMessage == null ? void 0 : lastMessage.parentId) ? lastMessage == null ? void 0 : lastMessage.parentId : lastMessage == null ? void 0 : lastMessage.id;
-      safeSend({
-        type: Actions.SET_SERVICE_POST_PARENT_ID,
-        data: {
-          servicePostParentId: sParentId
-        }
-      });
-    }
-  }, [lastMessage, safeSend]);
-  const creatorAndMembersId = React__default.useMemo(() => {
-    var _a2, _b2, _c2, _d2, _e, _f;
+  }, []);
+  const creatorAndMembersId = useMemo(() => {
+    var _a2, _b2, _c2, _d2, _e2, _f;
     if (!(channel == null ? void 0 : channel.members))
       return null;
     const membersIds = (_c2 = (_b2 = (_a2 = channel == null ? void 0 : channel.members) == null ? void 0 : _a2.filter((m) => {
@@ -349,10 +200,10 @@ const ServiceDialogsListItemComponent = function DialogsListItem({
       return (_a3 = mu == null ? void 0 : mu.user) == null ? void 0 : _a3.id;
     })) != null ? _c2 : [];
     const creatorId = (_d2 = channel == null ? void 0 : channel.creator) == null ? void 0 : _d2.id;
-    const mergedIds = (_e = [].concat(membersIds, creatorId)) != null ? _e : [];
+    const mergedIds = (_e2 = [].concat(membersIds, creatorId)) != null ? _e2 : [];
     return (_f = mergedIds == null ? void 0 : mergedIds.filter((m, pos) => (mergedIds == null ? void 0 : mergedIds.indexOf(m)) === pos)) != null ? _f : [];
   }, [channel, currentUser]);
-  const postParentId = React__default.useMemo(() => {
+  const postParentId = useMemo(() => {
     var _a2;
     if (!(creatorAndMembersId == null ? void 0 : creatorAndMembersId.length))
       return null;
@@ -362,128 +213,175 @@ const ServiceDialogsListItemComponent = function DialogsListItem({
     var _a2;
     if ((channel == null ? void 0 : channel.id) && isMountedRef.current) {
       console.log("Forcing thread state refresh for channel:", channel == null ? void 0 : channel.id);
-      safeSend({
-        type: Actions.START_LOADING
-      });
       refetchThreadMessages({
         channelId: (_a2 = channel == null ? void 0 : channel.id) == null ? void 0 : _a2.toString(),
         role,
         limit: 2
-      }).then((result) => {
-        var _a3, _b2;
-        if (((_b2 = (_a3 = result.data) == null ? void 0 : _a3.threadMessages) == null ? void 0 : _b2.data) && isMountedRef.current) {
-          console.log(`Refreshed ${result.data.threadMessages.data.length} thread messages for channel ${channel == null ? void 0 : channel.id}`);
-          safeSend({
-            type: Actions.UPDATE_THREAD_MESSAGES,
-            data: {
-              threadMessages: result.data.threadMessages.data
-            }
-          });
-        }
-        safeSend({
-          type: Actions.STOP_LOADING
-        });
       }).catch((err) => {
         console.error("Error refreshing thread state:", err);
-        safeSend({
-          type: Actions.STOP_LOADING
-        });
       });
     }
-  }, [channel == null ? void 0 : channel.id, refetchThreadMessages, safeSend, isMountedRef, role]);
+  }, [channel == null ? void 0 : channel.id, refetchThreadMessages, isMountedRef, role]);
   useFocusEffect(React__default.useCallback(() => {
+    setSubscriptionsTimestamp(Date.now());
     if (!(channel == null ? void 0 : channel.id))
       return;
     console.log("ServiceDialogsListItem focused for channel:", channel == null ? void 0 : channel.id);
-    safeSend({
-      type: Actions.START_LOADING
-    });
     const fetchFreshData = async () => {
-      var _a2, _b2, _c2, _d2, _e, _f;
+      var _a2;
       try {
-        const result = await refetchThreadMessages({
+        await refetchThreadMessages({
           channelId: (_a2 = channel == null ? void 0 : channel.id) == null ? void 0 : _a2.toString(),
           role,
           limit: 2
         });
-        console.log(`FOCUS EFFECT: Refetched ${((_d2 = (_c2 = (_b2 = result == null ? void 0 : result.data) == null ? void 0 : _b2.threadMessages) == 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.threadMessages) == null ? void 0 : _f.data) && isMountedRef.current) {
-          safeSend({
-            type: Actions.UPDATE_THREAD_MESSAGES,
-            data: {
-              threadMessages: result.data.threadMessages.data
-            }
-          });
-        }
       } catch (error2) {
         console.error("Error refetching thread messages on focus:", error2);
-      } finally {
-        if (isMountedRef.current) {
-          safeSend({
-            type: Actions.STOP_LOADING
-          });
-        }
       }
     };
     fetchFreshData();
     return () => {
     };
-  }, [refreshing, channel == null ? void 0 : channel.id, refetchThreadMessages, safeSend, role, isMountedRef]));
-  return /* @__PURE__ */ React__default.createElement(Pressable, { onPress: () => (channel == null ? void 0 : channel.id) !== selectedChannelId && onOpen(channel == null ? void 0 : channel.id, channel == null ? void 0 : channel.title, postParentId), className: "flex-1  rounded-md border-gray-200 dark:border-gray-600 dark:bg-gray-700", style: {
-    borderBottomWidth: 1,
-    borderColor: "#e5e7eb",
-    marginVertical: 0
-  } }, /* @__PURE__ */ React__default.createElement(HStack, { space: "md", className: "flex-1 w-[100%] px-2 py-3  items-center" }, /* @__PURE__ */ React__default.createElement(Box, { className: "flex-[0.1] items-start pl-3" }, /* @__PURE__ */ React__default.createElement(Avatar, { key: "service-channels-key-" + (channel == null ? void 0 : channel.id), size: "sm", className: "bg-transparent top-0 right-0 z-[1]" }, /* @__PURE__ */ React__default.createElement(AvatarFallbackText, null, " ", startCase((_c = (_b = channel == null ? void 0 : channel.creator) == null ? void 0 : _b.username) == null ? void 0 : _c.charAt(0))), /* @__PURE__ */ React__default.createElement(AvatarImage, { alt: "user image", style: {
-    borderRadius: 6,
-    borderWidth: 2,
-    borderColor: "#fff"
-  }, source: {
-    uri: (_d = channel == null ? void 0 : channel.creator) == null ? void 0 : _d.picture
-  } }))), /* @__PURE__ */ React__default.createElement(Box, { className: "flex-1" }, /* @__PURE__ */ React__default.createElement(ServiceChannelWithLastMessage, { channel, lastMessage, subscribeToNewMessages: () => {
-    var _a2;
-    return subscribeToMore({
-      document: OnThreadCreatedUpdatedDocument,
-      variables: {
-        channelId: (_a2 = channel == null ? void 0 : channel.id) == null ? void 0 : _a2.toString(),
-        postParentId: postParentId ? servicePostParentId : null
-      },
-      updateQuery: (prev, {
-        subscriptionData
-      }) => {
-        var _a3, _b2, _c2, _d2, _e, _f, _g, _h, _i;
-        if (!subscriptionData.data)
-          return prev;
-        const newPostThreadData = (_b2 = (_a3 = subscriptionData == null ? void 0 : subscriptionData.data) == null ? void 0 : _a3.threadCreatedUpdated) == null ? void 0 : _b2.data;
-        const newMessage = (_d2 = (_c2 = subscriptionData == null ? void 0 : subscriptionData.data) == null ? void 0 : _c2.threadCreatedUpdated) == null ? void 0 : _d2.lastMessage;
-        console.log("New thread message subscription update:", {
-          channelId: channel == null ? void 0 : channel.id,
-          threadId: newPostThreadData == null ? void 0 : newPostThreadData.id,
-          hasMessage: !!newMessage,
-          message: ((_e = newMessage == null ? void 0 : newMessage.message) == null ? void 0 : _e.substring(0, 20)) + "..."
-        });
-        const data = (_h = (_g = (_f = prev == null ? void 0 : prev.threadMessages) == null ? void 0 : _f.data) == null ? void 0 : _g.map((t) => t.id === (newPostThreadData == null ? void 0 : newPostThreadData.id) ? __spreadProps(__spreadValues({}, t), {
-          replies: [...t == null ? void 0 : t.replies, newMessage],
-          replyCount: newPostThreadData == null ? void 0 : newPostThreadData.replyCount,
-          lastReplyAt: newPostThreadData == null ? void 0 : newPostThreadData.lastReplyAt,
-          updatedAt: newPostThreadData == null ? void 0 : newPostThreadData.updatedAt
-        }) : t)) != null ? _h : [];
-        if (isMountedRef.current) {
-          safeSend({
-            type: Actions.UPDATE_THREAD_MESSAGES,
-            data: {
-              threadMessages: (data == null ? void 0 : data.length) > 0 ? data : [newPostThreadData],
-              directLastMessage: newMessage
+  }, [refreshing, channel == null ? void 0 : channel.id, refetchThreadMessages, role]));
+  return /* @__PURE__ */ React__default.createElement(
+    Pressable,
+    {
+      onPress: () => onOpen(channel == null ? void 0 : channel.id, channel == null ? void 0 : channel.title, postParentId),
+      className: "flex-1  rounded-md border-gray-200 dark:border-gray-600 dark:bg-gray-700",
+      style: {
+        borderBottomWidth: 1,
+        borderColor: "#e5e7eb",
+        marginVertical: 0
+      }
+    },
+    /* @__PURE__ */ React__default.createElement(HStack, { space: "md", className: "flex-1 w-[100%] px-2 py-3  items-center" }, /* @__PURE__ */ React__default.createElement(Box, { className: "flex-[0.1] items-start pl-3" }, /* @__PURE__ */ React__default.createElement(Avatar, { key: "service-channels-key-" + (channel == null ? void 0 : channel.id), size: "sm", className: "bg-transparent top-0 right-0 z-[1]" }, /* @__PURE__ */ React__default.createElement(AvatarFallbackText, null, " ", startCase((_d = (_c = channel == null ? void 0 : channel.creator) == null ? void 0 : _c.username) == null ? void 0 : _d.charAt(0))), /* @__PURE__ */ React__default.createElement(AvatarImage, { alt: "user image", style: {
+      borderRadius: 6,
+      borderWidth: 2,
+      borderColor: "#fff"
+    }, source: {
+      uri: (_e = channel == null ? void 0 : channel.creator) == null ? void 0 : _e.picture
+    } }))), /* @__PURE__ */ React__default.createElement(Box, { className: "flex-1" }, /* @__PURE__ */ React__default.createElement(ServiceChannelWithLastMessage, { key: `channel-${channel == null ? void 0 : channel.id}-${subscriptionsTimestamp}`, channel, lastMessage, subscribeToNewMessages: () => {
+      var _a2;
+      return subscribeToMore({
+        document: OnThreadCreatedUpdatedDocument,
+        variables: {
+          channelId: (_a2 = channel == null ? void 0 : channel.id) == null ? void 0 : _a2.toString(),
+          postParentId: postParentId || servicePostParentId || null
+        },
+        updateQuery: (prev, {
+          subscriptionData
+        }) => {
+          var _a3, _b2, _c2, _d2, _e2, _f, _g, _h, _i;
+          if (!(subscriptionData == null ? void 0 : subscriptionData.data)) {
+            console.log(`No subscription data for channel ${channel == null ? void 0 : channel.id}`);
+            return prev;
+          }
+          try {
+            const newPostThreadData = (_b2 = (_a3 = subscriptionData == null ? void 0 : subscriptionData.data) == null ? void 0 : _a3.threadCreatedUpdated) == null ? void 0 : _b2.data;
+            const newMessage = (_d2 = (_c2 = subscriptionData == null ? void 0 : subscriptionData.data) == null ? void 0 : _c2.threadCreatedUpdated) == null ? void 0 : _d2.lastMessage;
+            if (!newPostThreadData || !newMessage) {
+              console.log(`Missing data in subscription for channel ${channel == null ? void 0 : channel.id}`);
+              return prev;
+            }
+            console.log("New thread message subscription update:", {
+              channelId: channel == null ? void 0 : channel.id,
+              threadId: newPostThreadData == null ? void 0 : newPostThreadData.id,
+              hasMessage: !!newMessage,
+              message: ((_e2 = newMessage == null ? void 0 : newMessage.message) == null ? void 0 : _e2.substring(0, 20)) + "..."
+            });
+            const prevThreads = ((_f = prev == null ? void 0 : prev.threadMessages) == null ? void 0 : _f.data) || [];
+            const threadExists = prevThreads.some((t) => t.id === (newPostThreadData == null ? void 0 : newPostThreadData.id));
+            let updatedThreads;
+            if (threadExists) {
+              updatedThreads = prevThreads.map((t) => t.id === (newPostThreadData == null ? void 0 : newPostThreadData.id) ? __spreadProps(__spreadValues({}, t), {
+                replies: [...(t == null ? void 0 : t.replies) || [], newMessage],
+                replyCount: newPostThreadData == null ? void 0 : newPostThreadData.replyCount,
+                lastReplyAt: newPostThreadData == null ? void 0 : newPostThreadData.lastReplyAt,
+                updatedAt: newPostThreadData == null ? void 0 : newPostThreadData.updatedAt
+              }) : t);
+            } else {
+              updatedThreads = [...prevThreads, newPostThreadData];
             }
-          });
+            return __spreadProps(__spreadValues({}, prev), {
+              threadMessages: __spreadProps(__spreadValues({}, prev == null ? void 0 : prev.threadMessages), {
+                totalCount: (_i = (_h = newPostThreadData == null ? void 0 : newPostThreadData.totalCount) != null ? _h : (_g = prev == null ? void 0 : prev.threadMessages) == null ? void 0 : _g.totalCount) != null ? _i : 0,
+                data: updatedThreads
+              })
+            });
+          } catch (error2) {
+            console.error(`Error processing subscription data for channel ${channel == null ? void 0 : channel.id}:`, error2);
+            return prev;
+          }
+        },
+        onError: (error2) => {
+          console.error(`Thread subscription error for channel ${channel == null ? void 0 : channel.id}:`, error2);
         }
-        return Object.assign({}, prev, {
-          threadMessages: __spreadProps(__spreadValues({}, prev == null ? void 0 : prev.threadMessages), {
-            totalCount: (_i = newPostThreadData == null ? void 0 : newPostThreadData.totalCount) != null ? _i : 0,
-            data: (data == null ? void 0 : data.length) > 0 ? data : [newPostThreadData]
-          })
-        });
-      }
-    });
-  } }))));
+      });
+    }, subscribeToChatMessages: () => {
+      var _a2;
+      return subscribeToMore({
+        document: OnThreadChatMessageAddedDocument,
+        variables: {
+          channelId: (_a2 = channel == null ? void 0 : channel.id) == null ? void 0 : _a2.toString(),
+          postParentId: postParentId || servicePostParentId || null
+        },
+        updateQuery: (prev, {
+          subscriptionData
+        }) => {
+          var _a3, _b2, _c2;
+          if (!(subscriptionData == null ? void 0 : subscriptionData.data)) {
+            console.log(`No chat message subscription data for channel ${channel == null ? void 0 : channel.id}`);
+            return prev;
+          }
+          try {
+            const newMessage = (_a3 = subscriptionData == null ? void 0 : subscriptionData.data) == null ? void 0 : _a3.chatMessageAdded;
+            if (!newMessage) {
+              console.log(`Missing chat message data in subscription for channel ${channel == null ? void 0 : channel.id}`);
+              return prev;
+            }
+            console.log("New chat message subscription update:", {
+              channelId: channel == null ? void 0 : channel.id,
+              messageId: newMessage == null ? void 0 : newMessage.id,
+              message: ((_b2 = newMessage == null ? void 0 : newMessage.message) == null ? void 0 : _b2.substring(0, 20)) + "..."
+            });
+            const prevThreads = ((_c2 = prev == null ? void 0 : prev.threadMessages) == null ? void 0 : _c2.data) || [];
+            const threadIndex = prevThreads.findIndex((t) => {
+              var _a4;
+              if (newMessage.parentId && ((_a4 = t.post) == null ? void 0 : _a4.id) === newMessage.parentId) {
+                return true;
+              }
+              if (t.replies && t.replies.some((r) => r.id === newMessage.parentId)) {
+                return true;
+              }
+              return false;
+            });
+            if (threadIndex === -1) {
+              console.log(`Cannot find thread for chat message in channel ${channel == null ? void 0 : channel.id}`);
+              return prev;
+            }
+            const updatedThreads = [...prevThreads];
+            const thread = __spreadValues({}, updatedThreads[threadIndex]);
+            thread.replies = [...thread.replies || [], newMessage];
+            const currentReplyCount = typeof thread.replyCount === "number" ? thread.replyCount : 0;
+            thread.replyCount = currentReplyCount + 1;
+            thread.lastReplyAt = newMessage.createdAt;
+            thread.updatedAt = newMessage.createdAt;
+            updatedThreads[threadIndex] = thread;
+            return __spreadProps(__spreadValues({}, prev), {
+              threadMessages: __spreadProps(__spreadValues({}, prev == null ? void 0 : prev.threadMessages), {
+                data: updatedThreads
+              })
+            });
+          } catch (error2) {
+            console.error(`Error processing chat message subscription for channel ${channel == null ? void 0 : channel.id}:`, error2);
+            return prev;
+          }
+        },
+        onError: (error2) => {
+          console.error(`Chat message subscription error for channel ${channel == null ? void 0 : channel.id}:`, error2);
+        }
+      });
+    } })))
+  );
 };
 const ServiceDialogsListItem = React__default.memo(ServiceDialogsListItemComponent);export{ServiceDialogsListItem,ServiceDialogsListItemComponent};//# sourceMappingURL=ServiceDialogsListItem.js.map