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

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

@@ -1,4 +1,4 @@
-import React__default,{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';var __defProp = Object.defineProperty;
+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;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
@@ -17,16 +17,231 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const safeDate = (dateValue) => {
+  if (!dateValue)
+    return null;
+  try {
+    const date = new Date(dateValue);
+    if (isNaN(date.getTime())) {
+      console.warn("Invalid date value detected:", dateValue);
+      return null;
+    }
+    return date;
+  } catch (error) {
+    console.warn("Error creating date from value:", dateValue, error);
+    return null;
+  }
+};
 const createdAtText = (value) => {
   if (!value)
     return "";
-  let date = new Date(value);
+  const date = safeDate(value);
+  if (!date)
+    return "";
   if (isToday(date))
     return "Today";
   if (isYesterday(date))
     return "Yesterday";
-  return format(new Date(value), "MMM dd, yyyy");
+  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 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];
+}
+const ServiceChannelWithLastMessage = React__default.memo(({
+  channel,
+  lastMessage,
+  subscribeToNewMessages
+}) => {
+  var _a, _b, _c, _d, _e;
+  React__default.useEffect(() => {
+    const unsubscribe = subscribeToNewMessages();
+    return () => {
+      if (unsubscribe && typeof unsubscribe === "function") {
+        unsubscribe();
+      }
+    };
+  }, [subscribeToNewMessages]);
+  React__default.useEffect(() => {
+    var _a2, _b2, _c2;
+    console.log(`ServiceChannelWithLastMessage rendered for channel ${channel == null ? void 0 : channel.id}:`, {
+      hasLastMessage: !!lastMessage,
+      messageId: lastMessage == null ? void 0 : lastMessage.id,
+      messageText: ((_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 ? "..." : ""),
+      date: (lastMessage == null ? void 0 : lastMessage.createdAt) ? (_c2 = safeDate(lastMessage.createdAt)) == null ? void 0 : _c2.toISOString() : "none"
+    });
+  }, [lastMessage, channel == null ? void 0 : channel.id]);
+  const count = 30;
+  const title = (channel == null ? void 0 : channel.title.slice(0, count)) + ((channel == null ? void 0 : channel.title.length) > count ? "..." : "");
+  let displayMessage = "No messages yet";
+  if (lastMessage) {
+    const hasFileAttachments = ((_b = (_a = lastMessage.files) == null ? void 0 : _a.data) == null ? void 0 : _b.length) > 0;
+    const isImageMessage = ((_c = lastMessage.message) == null ? void 0 : _c.includes("<img")) || ((_d = lastMessage.message) == null ? void 0 : _d.includes("[Image]")) || ((_e = lastMessage.message) == null ? void 0 : _e.includes("![")) || /\.(jpeg|jpg|gif|png|bmp|webp)/i.test(lastMessage.message || "") && ((lastMessage.message || "").includes("http") || (lastMessage.message || "").includes("/images/"));
+    if (hasFileAttachments) {
+      displayMessage = "\u{1F4CE} File attachment";
+    } else if (isImageMessage) {
+      displayMessage = "[Image]";
+    } else if (lastMessage.message && lastMessage.message.trim() !== "") {
+      displayMessage = lastMessage.message;
+    } else {
+      displayMessage = "(Empty message)";
+    }
+  }
+  return /* @__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" }, title), /* @__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] }, lastMessage ? createdAtText(lastMessage == null ? void 0 : lastMessage.createdAt) : "")));
+});
 const ServiceDialogsListItemComponent = function DialogsListItem({
   currentUser,
   selectedChannelId,
@@ -36,7 +251,24 @@ const ServiceDialogsListItemComponent = function DialogsListItem({
   role
 }) {
   var _a, _b, _c, _d;
-  const [servicePostParentId, setServicePostParentId] = React__default.useState(null);
+  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 {
     data: threadMessages,
     loading: threadMessageLoading,
@@ -49,45 +281,62 @@ const ServiceDialogsListItemComponent = function DialogsListItem({
       role,
       limit: 2
     },
-    fetchPolicy: "cache-and-network"
+    fetchPolicy: "cache-and-network",
+    onCompleted: (data) => {
+      var _a2, _b2;
+      console.log(`Completed thread messages query for channel ${channel == null ? void 0 : channel.id}:`, ((_b2 = (_a2 = data == null ? void 0 : data.threadMessages) == null ? void 0 : _a2.data) == null ? void 0 : _b2.length) ? "Has messages" : "No messages");
+    },
+    onError: (error2) => {
+      console.error(`Error fetching thread messages for channel ${channel == null ? void 0 : channel.id}:`, error2);
+    }
   });
-  useFocusEffect(React__default.useCallback(() => {
+  React__default.useEffect(() => {
     var _a2;
-    refetchThreadMessages({
-      channelId: (_a2 = channel == null ? void 0 : channel.id) == null ? void 0 : _a2.toString(),
-      role,
-      limit: 2
-    });
+    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;
     };
-  }, [refreshing]));
-  const lastMessage = useMemo(() => {
-    var _a2, _b2, _c2, _d2, _e, _f, _g;
-    if (!((_b2 = (_a2 = threadMessages == null ? void 0 : threadMessages.threadMessages) == null ? void 0 : _a2.data) == null ? void 0 : _b2.length)) {
-      return null;
-    }
-    const {
-      data
-    } = threadMessages.threadMessages;
-    const replies = (_e = (_d2 = (_c2 = data == null ? void 0 : data.map((t) => t == null ? void 0 : t.replies)) == null ? void 0 : _c2.flat(1)) == null ? void 0 : _d2.filter((p) => (p == null ? void 0 : p.message) !== "")) != null ? _e : [];
-    if (replies == null ? void 0 : replies.length) {
-      return replies[0];
-    } else {
-      const post = (_g = (_f = data == null ? void 0 : data.find((t) => {
-        var _a3;
-        return ((_a3 = t == null ? void 0 : t.post) == null ? void 0 : _a3.message) !== "";
-      })) != null ? _f : data == null ? void 0 : data.find((t) => {
-        return t == null ? void 0 : t.post;
-      })) != null ? _g : null;
-      return post ? post == null ? void 0 : post.post : null;
+  }, [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]);
+  }, [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;
-      setServicePostParentId(sParentId);
+      safeSend({
+        type: Actions.SET_SERVICE_POST_PARENT_ID,
+        data: {
+          servicePostParentId: sParentId
+        }
+      });
     }
-  }, [lastMessage]);
+  }, [lastMessage, safeSend]);
   const creatorAndMembersId = React__default.useMemo(() => {
     var _a2, _b2, _c2, _d2, _e, _f;
     if (!(channel == null ? void 0 : channel.members))
@@ -102,13 +351,84 @@ const ServiceDialogsListItemComponent = function DialogsListItem({
     const creatorId = (_d2 = channel == null ? void 0 : channel.creator) == null ? void 0 : _d2.id;
     const mergedIds = (_e = [].concat(membersIds, creatorId)) != null ? _e : [];
     return (_f = mergedIds == null ? void 0 : mergedIds.filter((m, pos) => (mergedIds == null ? void 0 : mergedIds.indexOf(m)) === pos)) != null ? _f : [];
-  }, [channel]);
+  }, [channel, currentUser]);
   const postParentId = React__default.useMemo(() => {
     var _a2;
     if (!(creatorAndMembersId == null ? void 0 : creatorAndMembersId.length))
       return null;
     return (creatorAndMembersId == null ? void 0 : creatorAndMembersId.length) && (creatorAndMembersId == null ? void 0 : creatorAndMembersId.includes(currentUser == null ? void 0 : currentUser.id)) ? null : (lastMessage == null ? void 0 : lastMessage.parentId) ? lastMessage == null ? void 0 : lastMessage.parentId : (_a2 = lastMessage == null ? void 0 : lastMessage.id) != null ? _a2 : 0;
-  }, [creatorAndMembersId, lastMessage]);
+  }, [creatorAndMembersId, lastMessage, currentUser]);
+  useCallback(() => {
+    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]);
+  useFocusEffect(React__default.useCallback(() => {
+    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;
+      try {
+        const result = 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",
@@ -130,20 +450,35 @@ const ServiceDialogsListItemComponent = function DialogsListItem({
       updateQuery: (prev, {
         subscriptionData
       }) => {
-        var _a3, _b2, _c2, _d2, _e, _f, _g, _h;
+        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;
-        const data = (_g = (_f = (_e = prev == null ? void 0 : prev.threadMessages) == null ? void 0 : _e.data) == null ? void 0 : _f.map((t) => t.id === (newPostThreadData == null ? void 0 : newPostThreadData.id) ? __spreadProps(__spreadValues({}, t), {
+        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 ? _g : [];
+        }) : 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
+            }
+          });
+        }
         return Object.assign({}, prev, {
           threadMessages: __spreadProps(__spreadValues({}, prev == null ? void 0 : prev.threadMessages), {
-            totalCount: (_h = newPostThreadData == null ? void 0 : newPostThreadData.totalCount) != null ? _h : 0,
+            totalCount: (_i = newPostThreadData == null ? void 0 : newPostThreadData.totalCount) != null ? _i : 0,
             data: (data == null ? void 0 : data.length) > 0 ? data : [newPostThreadData]
           })
         });
@@ -151,15 +486,4 @@ const ServiceDialogsListItemComponent = function DialogsListItem({
     });
   } }))));
 };
-const ServiceChannelWithLastMessage = React__default.memo(({
-  channel,
-  lastMessage,
-  subscribeToNewMessages
-}) => {
-  var _a;
-  React__default.useEffect(() => subscribeToNewMessages(), []);
-  const count = 20;
-  const title = (channel == null ? void 0 : channel.title.slice(0, count)) + ((channel == null ? void 0 : channel.title.length) > count ? "..." : "");
-  return /* @__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" }, title), /* @__PURE__ */ React__default.createElement(Text, { color: colors.gray[600], numberOfLines: 1 }, (_a = lastMessage == null ? void 0 : lastMessage.message) != null ? _a : "")), /* @__PURE__ */ React__default.createElement(Box, { className: "flex-[0.2]" }, /* @__PURE__ */ React__default.createElement(Text, { color: colors.gray[500] }, lastMessage ? createdAtText(lastMessage == null ? void 0 : lastMessage.createdAt) : "")));
-});
 const ServiceDialogsListItem = React__default.memo(ServiceDialogsListItemComponent);export{ServiceDialogsListItem,ServiceDialogsListItemComponent};//# sourceMappingURL=ServiceDialogsListItem.js.map