@messenger-box/platform-mobile 10.0.3-alpha.16 → 10.0.3-alpha.162

package/src/screens/inbox/machines/threadsMachine.ts

@@ -0,0 +1,147 @@
+import { orderBy, uniqBy } from 'lodash-es';
+import { config } from '../config';
+import { THREAD_CREATED_UPDATED } from '../../../queries/inboxQueries';
+
+const { MESSAGES_PER_PAGE } = config;
+
+// Define more specific types for threads and thread data
+export interface Thread {
+    id: string;
+    updatedAt?: string | number; // Make updatedAt optional to match the GraphQL response
+    [key: string]: any;
+}
+
+export interface ThreadsData {
+    threadMessages?: {
+        data: Thread[] | any[]; // Allow any[] to accommodate GraphQL response types
+    };
+    [key: string]: any; // Allow additional properties from GraphQL responses
+}
+
+export interface ThreadsContext {
+    threads: Thread[];
+    loading: boolean;
+    error: any;
+    channelId?: string;
+    role?: string;
+    refreshing: boolean;
+}
+
+// Type for refetch function
+export type RefetchFunction = (variables: any) => Promise<{ data?: any }>;
+
+// Type for subscription function
+export type SubscribeFunction = (options: {
+    document: any;
+    variables: any;
+    updateQuery: (prev: any, { subscriptionData }: any) => any;
+}) => () => void;
+
+// Define machine actions and services with proper typing
+export const threadsMachineConfig = {
+    // Services
+    fetchThreads: (refetch: RefetchFunction, context: ThreadsContext) => {
+        if (!context.channelId) return Promise.resolve({ data: undefined });
+
+        return refetch({
+            channelId: context.channelId?.toString(),
+            role: context.role?.toString(),
+            limit: MESSAGES_PER_PAGE,
+            repliesLimit2: 5,
+        });
+    },
+
+    fetchMoreThreads: (refetch: RefetchFunction, context: ThreadsContext) => {
+        if (!context.channelId || !context.threads?.length) {
+            return Promise.resolve({ data: undefined });
+        }
+
+        return refetch({
+            channelId: context.channelId?.toString(),
+            role: context.role?.toString(),
+            skip: context.threads?.length,
+        });
+    },
+
+    refreshThreads: (refetch: RefetchFunction, context: ThreadsContext) => {
+        if (!context.channelId) return Promise.resolve({ data: undefined });
+
+        return refetch({
+            channelId: context.channelId?.toString(),
+            role: context.role?.toString(),
+            limit: MESSAGES_PER_PAGE,
+            repliesLimit2: 5,
+        });
+    },
+
+    // Actions - optimized for performance with proper type handling
+    setThreadData: (data: ThreadsData): Thread[] => {
+        if (!data?.threadMessages?.data) return [];
+
+        const threadsData = data.threadMessages.data;
+        if (!threadsData.length) return [];
+
+        // Use a more efficient process with proper typing
+        const threadsFiltered = uniqBy(threadsData, 'id');
+        return orderBy(threadsFiltered, ['updatedAt'], ['desc']) || [];
+    },
+
+    appendThreadData: (existingThreads: Thread[], data: ThreadsData): Thread[] => {
+        if (!data?.threadMessages?.data) return existingThreads;
+
+        const newThreads = data.threadMessages.data;
+        if (!newThreads.length) return existingThreads;
+
+        // Use a more efficient combination process
+        const combinedThreads = uniqBy([...existingThreads, ...newThreads], 'id');
+        return orderBy(combinedThreads, ['updatedAt'], ['desc']) || [];
+    },
+
+    updateThreadData: (oldThreads: Thread[], newThread: Thread | null): Thread[] => {
+        if (!newThread) return oldThreads;
+        if (!oldThreads?.length) return [newThread]; // Handle empty array case efficiently
+
+        // Check if thread exists to avoid unnecessary array copy
+        const index = oldThreads.findIndex((el) => el.id === newThread.id);
+
+        let updatedThreads: Thread[];
+        if (index > -1) {
+            // Create a new array only if we're updating
+            updatedThreads = [...oldThreads];
+            updatedThreads[index] = newThread;
+        } else {
+            // Simply add the new thread at the beginning for efficiency
+            updatedThreads = [newThread, ...oldThreads];
+        }
+
+        return orderBy(updatedThreads, ['updatedAt'], ['desc']) || [];
+    },
+};
+
+// Optimized function to subscribe to thread updates
+export const setupThreadSubscription = (
+    subscribeToMore: SubscribeFunction | undefined,
+    channelId: string | undefined,
+): (() => void) | undefined => {
+    if (!subscribeToMore || !channelId) return undefined;
+
+    return subscribeToMore({
+        document: THREAD_CREATED_UPDATED,
+        variables: { channelId: channelId?.toString() },
+        updateQuery: (prev, { subscriptionData }) => {
+            if (!subscriptionData?.data) return prev;
+
+            const newThread = subscriptionData.data.threadCreatedUpdated?.data;
+            if (!newThread) return prev;
+
+            // Only create a new object if needed to optimize for unnecessary renders
+            return {
+                ...prev,
+                threadMessages: {
+                    ...prev.threadMessages,
+                    data: uniqBy([newThread, ...(prev.threadMessages?.data || [])], 'id'),
+                },
+            };
+        },
+    });
+};

package/src/screens/inbox/workflow/dialog-threads-xstate.ts

@@ -0,0 +1,163 @@
+import { assign, setup } from 'xstate';
+import { threadsMachineConfig } from '../machines/threadsMachine';
+
+export enum BaseState {
+    Idle = 'idle',
+    LoadingChannel = 'loadingChannel',
+    LoadingThreads = 'loadingThreads',
+    Active = 'active',
+    Error = 'error',
+}
+
+export enum Actions {
+    INITIALIZE = 'INITIALIZE',
+    FETCH_CHANNEL_DETAIL = 'FETCH_CHANNEL_DETAIL',
+    SET_CHANNEL_DETAIL = 'SET_CHANNEL_DETAIL',
+    FETCH_THREADS = 'FETCH_THREADS',
+    SET_THREADS = 'SET_THREADS',
+    ERROR = 'ERROR',
+}
+
+// Type definitions for the event data
+type InitializeEventData = { channelId?: string; postParentId?: string; role?: string };
+type ChannelDetailEventData = { id: string };
+type SetChannelDetailEventData = { channelsDetail: any };
+type SetThreadsEventData = { threadData: any[] };
+type ErrorEventData = { error: any };
+
+export const dialogThreadsXstate = setup({
+    types: {
+        context: {} as {
+            channelId?: string;
+            postParentId?: string;
+            role?: string;
+            channelsDetail: any;
+            threadData: any[];
+            loading: boolean;
+            error: any;
+        },
+        events: {} as
+            | { type: typeof Actions.INITIALIZE; data: InitializeEventData }
+            | { type: typeof Actions.FETCH_CHANNEL_DETAIL; data: ChannelDetailEventData }
+            | { type: typeof Actions.SET_CHANNEL_DETAIL; data: SetChannelDetailEventData }
+            | { type: typeof Actions.FETCH_THREADS; data?: {} }
+            | { type: typeof Actions.SET_THREADS; data: SetThreadsEventData }
+            | { type: typeof Actions.ERROR; data: ErrorEventData },
+    },
+    actions: {
+        setInitialContext: assign({
+            channelId: ({ event }) => {
+                if (event.type === Actions.INITIALIZE) {
+                    return event.data.channelId;
+                }
+                return undefined;
+            },
+            postParentId: ({ event }) => {
+                if (event.type === Actions.INITIALIZE) {
+                    return event.data.postParentId;
+                }
+                return undefined;
+            },
+            role: ({ event }) => {
+                if (event.type === Actions.INITIALIZE) {
+                    return event.data.role;
+                }
+                return undefined;
+            },
+            loading: true,
+            error: null,
+        }),
+        setChannelDetail: assign({
+            channelsDetail: ({ event }) => {
+                if (event.type === Actions.SET_CHANNEL_DETAIL) {
+                    return event.data.channelsDetail;
+                }
+                return null;
+            },
+            loading: false,
+        }),
+        setThreads: assign({
+            threadData: ({ event }) => {
+                if (event.type === Actions.SET_THREADS) {
+                    return event.data.threadData;
+                }
+                return [];
+            },
+            loading: false,
+        }),
+        setError: assign({
+            error: ({ event }) => {
+                if (event.type === Actions.ERROR) {
+                    return event.data.error;
+                }
+                return null;
+            },
+            loading: false,
+        }),
+        setLoading: assign({
+            loading: true,
+        }),
+    },
+}).createMachine({
+    id: 'dialogThreads',
+    initial: BaseState.Idle,
+    context: {
+        channelId: undefined,
+        postParentId: undefined,
+        role: undefined,
+        channelsDetail: null,
+        threadData: [],
+        loading: true,
+        error: null,
+    },
+    states: {
+        [BaseState.Idle]: {
+            on: {
+                [Actions.INITIALIZE]: {
+                    target: BaseState.LoadingChannel,
+                    actions: 'setInitialContext',
+                },
+            },
+        },
+        [BaseState.LoadingChannel]: {
+            on: {
+                [Actions.SET_CHANNEL_DETAIL]: {
+                    target: BaseState.LoadingThreads,
+                    actions: 'setChannelDetail',
+                },
+                [Actions.ERROR]: {
+                    target: BaseState.Error,
+                    actions: 'setError',
+                },
+            },
+        },
+        [BaseState.LoadingThreads]: {
+            on: {
+                [Actions.SET_THREADS]: {
+                    target: BaseState.Active,
+                    actions: 'setThreads',
+                },
+                [Actions.ERROR]: {
+                    target: BaseState.Error,
+                    actions: 'setError',
+                },
+            },
+        },
+        [BaseState.Active]: {
+            on: {
+                [Actions.FETCH_THREADS]: {
+                    target: BaseState.LoadingThreads,
+                    actions: 'setLoading',
+                },
+            },
+        },
+        [BaseState.Error]: {
+            on: {
+                [Actions.INITIALIZE]: {
+                    target: BaseState.LoadingChannel,
+                    actions: 'setInitialContext',
+                },
+            },
+        },
+    },
+});

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

@@ -1,175 +0,0 @@
-import React__default,{useState,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 {useMessagesQuery,useOnChatMessageAddedSubscription,OnChatMessageAddedDocument}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;
-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 DialogsListItemComponent = function DialogsListItem2({
-  currentUser,
-  selectedChannelId,
-  channel,
-  onOpen
-}) {
-  var _a, _b, _c;
-  const parentId = null;
-  const [messages, setMessages] = useState([]);
-  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
-    },
-    fetchPolicy: "cache-and-network",
-    refetchWritePolicy: "merge"
-  });
-  const {
-    data: newMessage,
-    loading: newMsgLoading,
-    error: newMsgError
-  } = useOnChatMessageAddedSubscription({
-    variables: {
-      channelId: (_b = channel == null ? void 0 : channel.id) == null ? void 0 : _b.toString()
-    }
-  });
-  useFocusEffect(React__default.useCallback(() => {
-    var _a2;
-    refetchMessages({
-      channelId: (_a2 = channel == null ? void 0 : channel.id) == null ? void 0 : _a2.toString(),
-      parentId,
-      limit: 10
-    });
-    return () => {
-    };
-  }, []));
-  React__default.useEffect(() => {
-    var _a2, _b2, _c2;
-    if (messagesQuery) {
-      if ((_b2 = (_a2 = messagesQuery == null ? void 0 : messagesQuery.messages) == null ? void 0 : _a2.data) == null ? void 0 : _b2.length) {
-        const msg = (_c2 = messagesQuery == null ? void 0 : messagesQuery.messages) == null ? void 0 : _c2.data;
-        setMessages((pre) => [...pre, ...msg]);
-      }
-    }
-  }, [messagesQuery]);
-  const lastMessage = useMemo(() => {
-    var _a2;
-    if (!(messages == null ? void 0 : messages.length)) {
-      return null;
-    }
-    const data = messages;
-    const filteredData = data == null ? void 0 : data.filter((p) => (p == null ? void 0 : p.message) !== "");
-    let filteredLastMessage = filteredData && (filteredData == null ? void 0 : filteredData.length) ? (_a2 = filteredData == null ? void 0 : filteredData.reduce((a, b) => {
-      return new Date(a == null ? void 0 : a.updatedAt) > new Date(b == null ? void 0 : b.updatedAt) ? a : b;
-    }, [])) != null ? _a2 : null : null;
-    return filteredLastMessage;
-  }, [messages]);
-  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]);
-  const title = useMemo(() => {
-    var _a2, _b2, _c2;
-    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 : "";
-    const length = 30;
-    return titleString.length > length ? titleString.substring(0, length - 3) + "..." : titleString;
-  }, [channelMembers]);
-  return /* @__PURE__ */ React__default.createElement(Pressable, { onPress: () => (channel == null ? void 0 : channel.id) !== selectedChannelId && onOpen(channel == null ? void 0 : channel.id, title), 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 && ((_c = channelMembers == null ? void 0 : channelMembers.slice(0, 1)) == null ? void 0 : _c.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 bg-gray-400" }, /* @__PURE__ */ React__default.createElement(LastMessageComponent, { title, lastMessage, channelId: channel == null ? void 0 : channel.id, subscribeToNewMessages: () => {
-    var _a2;
-    return subscribeToMore({
-      document: OnChatMessageAddedDocument,
-      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;
-        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;
-      }
-    });
-  } }))));
-};
-const LastMessageComponent = ({
-  subscribeToNewMessages,
-  title,
-  lastMessage,
-  channelId
-}) => {
-  var _a;
-  React__default.useEffect(() => subscribeToNewMessages(), [channelId]);
-  const count = 30;
-  const channelTitle = title.slice(0, count) + (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" }, channelTitle), /* @__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 DialogsListItem = React__default.memo(DialogsListItemComponent);export{DialogsListItem,DialogsListItemComponent};//# sourceMappingURL=DialogsListItem.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DialogsListItem.js","sources":["../../../../src/screens/inbox/components/DialogsListItem.tsx"],"sourcesContent":["import React, { useMemo, useState } from 'react';\nimport {\n    Text,\n    Image,\n    Pressable,\n    HStack,\n    Box,\n    AvatarGroup,\n    Avatar,\n    AvatarFallbackText,\n    AvatarImage,\n    AvatarBadge,\n    View,\n} from '@admin-layout/gluestack-ui-mobile';\nimport { format, isToday, isYesterday } from 'date-fns';\nimport { useFocusEffect } from '@react-navigation/native';\nimport { IChannel, SortEnum, IUserAccount } from 'common';\nimport {\n    useMessagesQuery,\n    useOnChatMessageAddedSubscription,\n    OnChatMessageAddedDocument as CHAT_MESSAGE_ADDED,\n    useUserAccountQuery,\n} from 'common/graphql';\nimport { startCase } from 'lodash-es';\nimport colors from 'tailwindcss/colors';\n\nconst createdAtText = (value: string) => {\n    if (!value) return '';\n    let date = new Date(value);\n    if (isToday(date)) return 'Today';\n    if (isYesterday(date)) return 'Yesterday';\n    return format(new Date(value), 'MMM dd, yyyy');\n};\n\nexport interface IDialogListChannel extends IChannel {\n    users: IUserAccount[];\n}\n\nexport interface IDialogListItemProps {\n    currentUser?: any;\n    users?: any;\n    selectedChannelId?: any;\n    channel?: any;\n    onOpen: (id: any, title: any) => void;\n}\n\n/**\n * TODO:\n * - Get Reservation info: reservation date, status\n * - Add ability to get property information: name, logo\n */\nexport const DialogsListItemComponent: React.FC<IDialogListItemProps> = function DialogsListItem({\n    currentUser,\n    // users,\n    selectedChannelId,\n    channel,\n    onOpen,\n}) {\n    const parentId: any = null;\n    const [messages, setMessages] = useState<any>([]);\n    const {\n        data: messagesQuery,\n        loading: messageLoading,\n        refetch: refetchMessages,\n        subscribeToMore,\n    } = useMessagesQuery({\n        variables: {\n            channelId: channel?.id?.toString(),\n            parentId: parentId,\n            limit: 10,\n            // sort: {\n            //     key: 'updatedAt',\n            //     value: SortEnum.Desc,\n            // },\n            //limit: 25,\n        },\n        fetchPolicy: 'cache-and-network',\n        refetchWritePolicy: 'merge',\n    });\n\n    const {\n        data: newMessage,\n        loading: newMsgLoading,\n        error: newMsgError,\n    }: any = useOnChatMessageAddedSubscription({\n        variables: {\n            channelId: channel?.id?.toString(),\n        },\n    });\n\n    useFocusEffect(\n        React.useCallback(() => {\n            // Do something when the screen is focused\n            refetchMessages({\n                channelId: channel?.id?.toString(),\n                parentId: parentId,\n                limit: 10,\n                // sort: {\n                //     key: 'updatedAt',\n                //     value: SortEnum.Desc,\n                // },\n                //limit: 25\n            });\n\n            return () => {\n                // Do something when the screen is unfocused\n                // Useful for cleanup functions\n            };\n        }, []),\n    );\n\n    React.useEffect(() => {\n        if (messagesQuery) {\n            if (messagesQuery?.messages?.data?.length) {\n                const msg = messagesQuery?.messages?.data;\n                setMessages((pre: any[]) => [...pre, ...msg]);\n            }\n        }\n    }, [messagesQuery]);\n\n    const lastMessage = useMemo(() => {\n        if (!messages?.length) {\n            return null;\n        }\n        // const { data } = messagesQuery.messages;\n        const data = messages;\n        const filteredData: any = data?.filter((p: any) => p?.message !== '');\n        // return filteredData[0];\n        let filteredLastMessage =\n            filteredData && filteredData?.length\n                ? filteredData?.reduce((a, b) => {\n                      return new Date(a?.updatedAt) > new Date(b?.updatedAt) ? a : b;\n                  }, []) ?? null\n                : null;\n        return filteredLastMessage;\n        //return data[data.length - 1];\n    }, [messages]);\n\n    const channelMembers = useMemo(\n        () =>\n            channel?.members\n                ?.filter((ch: any) => ch?.user?.id != currentUser?.id && ch?.user?.__typename == 'UserAccount')\n                ?.map((m: any) => m?.user) ?? null,\n        [currentUser, channel],\n    );\n\n    const title = useMemo(() => {\n        const titleString =\n            channelMembers\n                ?.map((u: any) => u?.givenName + ' ' + (u?.familyName ?? ''))\n                ?.filter((mu: any) => mu)\n                ?.join(', ') ?? '';\n\n        const length = 30;\n        return titleString.length > length ? titleString.substring(0, length - 3) + '...' : titleString;\n    }, [channelMembers]);\n\n    return (\n        <Pressable\n            onPress={() => channel?.id !== selectedChannelId && onOpen(channel?.id, title)}\n            className=\"flex-1 border-gray-200 rounded-md  dark:border-gray-600 dark:bg-gray-700\"\n            style={{ borderBottomWidth: 1, borderColor: '#e5e7eb', marginVertical: 0, paddingHorizontal: 10 }}\n        >\n            <HStack space={'md'} className=\"flex-1 w-[100%]  py-3  items-center\">\n                <Box className=\"flex-[0.1] items-start pl-3\">\n                    <AvatarGroup>\n                        {channelMembers &&\n                            channelMembers?.length > 0 &&\n                            channelMembers?.slice(0, 1)?.map((ch: any, i: Number) => (\n                                <Avatar\n                                    key={'dialogs-list-' + i}\n                                    size={'sm'}\n                                    className={`bg-transparent top-[${i == 1 ? '4' : '0'}] right-[${\n                                        i == 1 ? '-2' : '0'\n                                    }] z-[${i == 1 ? 5 : 1}]`}\n                                >\n                                    <AvatarFallbackText>{startCase(ch?.username?.charAt(0))}</AvatarFallbackText>\n\n                                    {channelMembers?.length > 1 && (\n                                        <AvatarBadge\n                                            style={{\n                                                width: '100%',\n                                                height: '100%',\n                                                backgroundColor: '#e5e7eb',\n                                                borderRadius: 5,\n                                            }}\n                                            className=\"items-center justify-center bg-gray-200 rounded-md\"\n                                        >\n                                            <Text style={{ fontSize: 12, fontWeight: 'bold', color: '#000' }}>\n                                                {channelMembers?.length}\n                                            </Text>\n                                        </AvatarBadge>\n                                    )}\n                                    {channelMembers?.length == 1 && (\n                                        <>\n                                            <AvatarImage\n                                                alt=\"user image\"\n                                                style={{ borderRadius: 6, borderWidth: 2, borderColor: '#fff' }}\n                                                source={{\n                                                    uri: ch?.picture,\n                                                }}\n                                            />\n                                            <AvatarBadge style={{ width: 10, height: 10 }} />\n                                        </>\n                                    )}\n                                </Avatar>\n                            ))}\n                    </AvatarGroup>\n                </Box>\n                <Box className=\"flex-1 bg-gray-400\">\n                    {/* <HStack space={1} flex={1} direction={'row'} justifyContent={'center'} alignItems={'center'}>\n                        <Box flex={0.8}>\n                            <Text color=\"gray.600\" fontSize=\"lg\" flexWrap={'wrap'} fontWeight=\"semibold\">\n                                {title}\n                            </Text>\n                            <Text color=\"gray.600\" noOfLines={1}>\n                                {lastMessage?.message ?? ''}\n                            </Text>\n                        </Box>\n\n                        <Box flex={0.2}>\n                            <Text color=\"gray.500\">{lastMessage ? createdAtText(lastMessage?.createdAt) : ''}</Text>\n                        </Box>\n                    </HStack> */}\n                    <LastMessageComponent\n                        title={title}\n                        lastMessage={lastMessage}\n                        channelId={channel?.id}\n                        subscribeToNewMessages={() =>\n                            subscribeToMore({\n                                document: CHAT_MESSAGE_ADDED,\n                                variables: {\n                                    channelId: channel.id?.toString(),\n                                },\n                                updateQuery: (prev, { subscriptionData }: any) => {\n                                    if (!subscriptionData.data) return prev;\n                                    const newMessage: any = subscriptionData?.data?.chatMessageAdded;\n                                    const existingMessages: any = prev?.messages;\n                                    const previousData = existingMessages?.data\n                                        ? [...existingMessages.data, newMessage]\n                                        : [];\n                                    const totalMsgCount = existingMessages?.totalCount + 1;\n                                    const merged = {\n                                        ...prev,\n                                        messages: {\n                                            ...existingMessages,\n                                            data: previousData,\n                                            totalCount: totalMsgCount,\n                                        },\n                                    };\n                                    return merged;\n                                },\n                            })\n                        }\n                    />\n                    {/* <Text\n                        flex={1}\n                        color=\"gray.600\"\n                        p={0}\n                        m={0}\n                        w={'100%'}\n                        justifyContent={''}\n                        fontSize=\"lg\"\n                        fontWeight=\"semibold\"\n                    >\n                        {title}\n                    </Text> */}\n                    {/* <Text flex={0.1} color=\"gray.600\">\n                        {lastMessage?.message ?? ''}\n                    </Text> */}\n                </Box>\n                {/* <Text flex={0.2} color=\"gray.500\">\n                    {lastMessage ? createdAtText(lastMessage?.createdAt) : ''}\n                </Text> */}\n            </HStack>\n        </Pressable>\n    );\n};\n\nconst LastMessageComponent = ({ subscribeToNewMessages, title, lastMessage, channelId }) => {\n    React.useEffect(() => subscribeToNewMessages(), [channelId]);\n    const count = 30;\n    const channelTitle = title.slice(0, count) + (title.length > count ? '...' : '');\n    return (\n        <HStack space={'sm'} className=\"flex-1 justify-between\">\n            <Box className=\"flex-[0.8]\">\n                <Text color={colors.gray[600]} className=\"text-base text-wrap flex-wrap font-semibold\">\n                    {channelTitle}\n                </Text>\n                <Text color={colors.gray[600]} numberOfLines={1}>\n                    {lastMessage?.message ?? ''}\n                </Text>\n            </Box>\n\n            <Box className=\"flex-[0.2]\">\n                <Text color={colors.gray[500]}>{lastMessage ? createdAtText(lastMessage?.createdAt) : ''}</Text>\n            </Box>\n        </HStack>\n    );\n};\n\nexport const DialogsListItem = React.memo(DialogsListItemComponent);\n"],"names":["DialogsListItem","React","_a","_b","_c","CHAT_MESSAGE_ADDED","newMessage"],"mappings":"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"}