@messenger-box/platform-mobile 10.0.3-alpha.7 → 10.0.3-alpha.74

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/tsconfig.json

@@ -1,56 +1,13 @@
 {
-  "extends": "../../../tsconfig.json",
-  "compilerOptions": {
-    "target": "ES6",
-    "jsx": "react",
-    "lib": [
-      "es5",
-      "es6",
-      "dom"
-    ],
-    "esModuleInterop": true,
-    "sourceMap": true,
-    "resolveJsonModule": true,
-    "allowSyntheticDefaultImports": true,
-    "experimentalDecorators": true,
-    "rootDir": "src",
-    "outDir": "lib",
-    "declaration": true,
-    "declarationDir": "lib",
-    "types": [
-      "@types/node",
-      "@types/jest",
-      "../../../typings",
-    ],
-    "skipLibCheck": true
-  },
-  "include": [
-    "src"
-  ],
-  "exclude": [
-    "../../../node_modules",
-    "node_modules",
-    "lib",
-    "lib",
-    "webpack.config.js",
-    "rollup.config.mjs"
-  ]
+    "extends": "../../../tsconfig.json",
+    "compilerOptions": {
+        "rootDir": "src",
+        "outDir": "lib",
+        "declaration": true,
+        "declarationDir": "lib",
+        "types": ["@types/node", "@types/jest", "../../../typings"],
+        "skipLibCheck": true
+    },
+    "include": ["src"],
+    "exclude": ["../../../node_modules", "node_modules", "lib", "lib", "webpack.config.js", "rollup.config.mjs"]
 }
-// {
-//   "extends": "../../../tsconfig.json",
-//   "compilerOptions": {
-//     "allowSyntheticDefaultImports": true,
-//     "experimentalDecorators": true,
-//     "esModuleInterop": true,
-//     "skipLibCheck": true,
-//     "rootDir": "./src",
-//     "outDir": "../lib",
-//     "declarationDir": "lib"
-//   },
-//   "exclude": [
-//     "node_modules",
-//     "lib",
-//     "dist",
-//     "webpack.config.js"
-//   ]
-// }

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

@@ -1,171 +0,0 @@
-import React__default,{useState,useMemo}from'react';import {Pressable,HStack,Box,AvatarGroup,Avatar,AvatarFallbackText,AvatarImage,AvatarBadge,Text}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/lib/generated/generated.js';import {startCase}from'lodash-es';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), borderWidth: "$1", borderRadius: "$md", borderColor: "$trueGray200", flex: 1, "$dark-borderColor": "$coolGray600", "$dark-backgroundColor": "$trueGray700", "$light-backgroundColor": "$trueGray50", "$light-borderColor": "$trueGray200" }, /* @__PURE__ */ React__default.createElement(
-    HStack,
-    {
-      py: "$3",
-      space: "sm",
-      w: "100%",
-      flex: 1,
-      justifyContent: "space-between",
-      alignItems: "center"
-    },
-    /* @__PURE__ */ React__default.createElement(Box, { flex: 0.1, alignItems: "flex-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, 2)) == null ? void 0 : _c.map((ch, i) => {
-      var _a2;
-      return /* @__PURE__ */ React__default.createElement(Avatar, { key: "dialogs-list-" + i, bg: "transparent", size: "sm", top: i == 1 ? "$4" : "$0", right: i == 1 ? "-$2" : "$0", zIndex: i == 1 ? 5 : 1 }, /* @__PURE__ */ React__default.createElement(AvatarFallbackText, null, startCase((_a2 = ch == null ? void 0 : ch.username) == null ? void 0 : _a2.charAt(0))), /* @__PURE__ */ React__default.createElement(AvatarImage, { alt: "user image", style: {
-        borderRadius: 6,
-        borderWidth: 2,
-        borderColor: "#fff"
-      }, source: {
-        uri: ch == null ? void 0 : ch.picture
-      } }), (channelMembers == null ? void 0 : channelMembers.length) == 1 && /* @__PURE__ */ React__default.createElement(AvatarBadge, { style: {
-        width: 10,
-        height: 10
-      }, bg: "$green800" }));
-    })))),
-    /* @__PURE__ */ React__default.createElement(Box, { flex: 0.9 }, /* @__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]);
-  return /* @__PURE__ */ React__default.createElement(HStack, { space: "sm", flex: 1, justifyContent: "center", alignItems: "center" }, /* @__PURE__ */ React__default.createElement(Box, { flex: 0.8 }, /* @__PURE__ */ React__default.createElement(Text, { color: "$trueGray600", fontSize: "$lg", flexWrap: "wrap", fontWeight: "$semibold" }, title), /* @__PURE__ */ React__default.createElement(Text, { color: "$trueGray600", numberOfLines: 1 }, (_a = lastMessage == null ? void 0 : lastMessage.message) != null ? _a : "")), /* @__PURE__ */ React__default.createElement(Box, { flex: 0.2 }, /* @__PURE__ */ React__default.createElement(Text, { color: "$trueGray500" }, 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/lib/generated/generated.js';\nimport { startCase } from 'lodash-es';\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            borderWidth={'$1'}\n            borderRadius={'$md'}\n            borderColor={'$trueGray200'}\n            flex={1}\n            $dark-borderColor=\"$coolGray600\"\n            $dark-backgroundColor=\"$trueGray700\"\n            $light-backgroundColor=\"$trueGray50\"\n            $light-borderColor=\"$trueGray200\"\n        >\n            <HStack\n                // px={2}\n                // pl={3}\n                py={'$3'}\n                space={'sm'}\n                w={'100%'}\n                flex={1}\n                // direction={'row'}\n                justifyContent={'space-between'}\n                alignItems={'center'}\n            >\n                <Box flex={0.1} alignItems={'flex-start'} pl={'$3'}>\n                    <AvatarGroup>\n                        {channelMembers &&\n                            channelMembers?.length > 0 &&\n                            channelMembers?.slice(0, 2)?.map((ch: any, i: Number) => (\n                                <Avatar\n                                    key={'dialogs-list-' + i}\n                                    bg={'transparent'}\n                                    size={'sm'}\n                                    top={i == 1 ? '$4' : '$0'}\n                                    right={i == 1 ? '-$2' : '$0'}\n                                    zIndex={i == 1 ? 5 : 1}\n                                >\n                                    <AvatarFallbackText>{startCase(ch?.username?.charAt(0))}</AvatarFallbackText>\n                                    <AvatarImage\n                                        alt=\"user image\"\n                                        style={{ borderRadius: 6, borderWidth: 2, borderColor: '#fff' }}\n                                        source={{\n                                            uri: ch?.picture,\n                                        }}\n                                    />\n                                    {channelMembers?.length == 1 && (\n                                        <AvatarBadge style={{ width: 10, height: 10 }} bg=\"$green800\" />\n                                    )}\n                                </Avatar>\n                            ))}\n                    </AvatarGroup>\n                </Box>\n                <Box flex={0.9}>\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    return (\n        <HStack space={'sm'} flex={1} justifyContent={'center'} alignItems={'center'}>\n            <Box flex={0.8}>\n                <Text color=\"$trueGray600\" fontSize=\"$lg\" flexWrap={'wrap'} fontWeight=\"$semibold\">\n                    {title}\n                </Text>\n                <Text color=\"$trueGray600\" numberOfLines={1}>\n                    {lastMessage?.message ?? ''}\n                </Text>\n            </Box>\n\n            <Box flex={0.2}>\n                <Text color=\"$trueGray500\">{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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"}