@messenger-box/tailwind-ui-inbox 10.0.3-alpha.100

package/lib/container/ThreadMessagesInbox.js

@@ -0,0 +1,341 @@
+import React__default,{useRef,useState,useCallback,useMemo}from'react';import {uniqBy,orderBy}from'lodash-es';import {useCreatePostThreadMutation,useGetPostThreadQuery,OnThreadChatMessageAddedDocument}from'common/graphql';import {useUploadFiles}from'@messenger-box/platform-client';import {useSelector}from'react-redux';import'../components/inbox/FilesList.js';import'../components/inbox/MessageItem.js';import'../components/inbox/ThreadItem.js';import'date-fns';import'@react-icons/all-files/bs/BsFlag.js';import'../components/InboxMessage/ConversationItem.js';import'../components/InboxMessage/ServiceConversationItem.js';import'../components/InboxMessage/LeftSidebar.js';import {MessageInput}from'../components/InboxMessage/MessageInput.js';import {Messages}from'../components/InboxMessage/Messages.js';import'react-i18next';import'@react-icons/all-files/bi/BiImage.js';import'@react-icons/all-files/ai/AiOutlineSecurityScan.js';import'@react-icons/all-files/fi/FiCheck.js';import'@react-icons/all-files/bs/BsFillStarFill.js';import'common';import'@common-stack/components-pro';import'react-markdown';import'remark-gfm';import'../enums/messenger-slot-fill-name-enum.js';import'../components/InboxMessage/ServiceInboxItem.js';import {config}from'../config/env-config.js';import'../components/ModelConfigPanel.js';import {objectId}from'@messenger-box/core';import'../components/live-code-editor/hybrid-live-editor.js';import'../components/AIAgent/AIAgent.js';import {userSelector}from'@adminide-stack/user-auth0-client';import {BiChevronLeftSquare}from'@react-icons/all-files/bi/BiChevronLeftSquare.js';const {
+  MESSAGES_PER_PAGE,
+  WEB_INBOX_MESSEGE_PATH
+} = config;
+const ThreadMessagesInbox = React__default.memo(props => {
+  const {
+    channelId,
+    postId,
+    role,
+    isPostParentIdThread,
+    goBack = false,
+    pathPrefix,
+    setPostId,
+    setChannelId,
+    onMessageClick
+  } = props;
+  const threadMessageRootRef = React__default.useRef(null);
+  const messageListRef = useRef(null);
+  const currentUser = useSelector(userSelector);
+  const [channelToTop, setChannelToTop] = useState(0);
+  const [postThread, setPostThread] = useState();
+  const [channelMessages, setChannelMessages] = React__default.useState([]);
+  const [totalCount, setTotalCount] = React__default.useState(0);
+  const [loadingOldMessages, setLoadingOldMessages] = React__default.useState(false);
+  const [loading, setLoading] = React__default.useState(true);
+  const [isScrollToBottom, setIsScrollToBottom] = useState(false);
+  const {
+    startUpload
+  } = useUploadFiles();
+  const [sendThreadMessage] = useCreatePostThreadMutation();
+  const {
+    data,
+    loading: threadLoading,
+    fetchMore: fetchMoreMessages,
+    refetch: refetchThreadMessages,
+    subscribeToMore
+  } = useGetPostThreadQuery({
+    variables: {
+      channelId: channelId?.toString(),
+      role: role?.toString(),
+      postParentId: postId?.toString(),
+      limit: MESSAGES_PER_PAGE
+    },
+    fetchPolicy: 'cache-and-network'
+  });
+  React__default.useEffect(() => {
+    if (postId) {
+      refetchThreadMessages({
+        channelId: channelId?.toString(),
+        role: role?.toString(),
+        postParentId: postId?.toString(),
+        limit: MESSAGES_PER_PAGE
+      });
+    }
+  }, [postId]);
+  // React.useEffect(() => {
+  //     if (data?.threadMessages) {
+  //         const threads = data?.threadMessages ?? null;
+  //         const threadsData = threads?.data ?? [];
+  //         const messeageTotalCount = threadsData?.reduce((accumulator, thread) => {
+  //             return accumulator + thread?.replyCount;
+  //         }, 0);
+  //         const replies = threadsData?.map((t: any) => t?.replies)?.flat(1) ?? [];
+  //         const posts = threadsData?.map((t: any) => t?.post)?.flat(1) ?? [];
+  //         const messages = [...posts, ...replies];
+  //         if (
+  //             (messages && messages.length > 0 && messages?.length > totalCount) ||
+  //             (messages && messages.length > 0 && channelMessages.length === 0)
+  //         ) {
+  //             setThreadMessages(messages, messages?.length);
+  //         }
+  //     }
+  //     if (isScrollToBottom && channelMessages) scrollToBottom();
+  // }, [data, channelMessages, loadingOldMessages, totalCount, isPostParentIdThread, isScrollToBottom]);
+  React__default.useEffect(() => {
+    if (data?.getPostThread) {
+      const threads = data.getPostThread;
+      const threadPost = threads?.post ?? {};
+      const threadReplies = threads?.replies ?? [];
+      const messeageTotalCount = threads?.replyCount ?? 0;
+      const messages = [threadPost, ...threadReplies];
+      if (messages && messages.length > 0 && messeageTotalCount > totalCount || messages && messages.length > 0 && channelMessages.length === 0) {
+        setThreadMessages(messages, messeageTotalCount);
+      }
+    }
+    if (isScrollToBottom && channelMessages) scrollToBottom();
+  }, [data, channelMessages, loadingOldMessages, totalCount, isPostParentIdThread, isScrollToBottom]);
+  const lastMessage = useMemo(() => {
+    const threads = data?.getPostThread ?? null;
+    const threadPost = threads?.post ?? {};
+    const threadReplies = threads?.replies ?? [];
+    if (!threads) {
+      return null;
+    }
+    let threadMessagesData;
+    if (threadReplies?.length) {
+      threadMessagesData = [...threadReplies];
+    } else if (threadPost && Object.keys(threadPost).length) {
+      threadMessagesData = [threadPost];
+    }
+    let filteredLastMessage = threadMessagesData && threadMessagesData?.length > 1 ? threadMessagesData?.reduce((a, b) => {
+      return new Date(a?.updatedAt) > new Date(b?.updatedAt) ? a : b;
+    }, []) ?? null : threadMessagesData?.length <= 1 ? threadMessagesData?.[0] ?? [] : null;
+    return filteredLastMessage;
+  }, [data?.getPostThread]);
+  // const lastMessage = useMemo(() => {
+  //     const threads = data?.threadMessages ?? null;
+  //     const threadsData = threads?.data ?? [];
+  //     const replies = threadsData?.map((t: any) => t?.replies)?.flat(1) ?? [];
+  //     const posts = threadsData?.map((t: any) => t?.post)?.flat(1) ?? [];
+  //     if (!threadsData?.length) {
+  //         return null;
+  //     }
+  //     let threadMessagesData;
+  //     if (replies?.length) {
+  //         threadMessagesData = [...replies];
+  //     } else if (posts?.length) {
+  //         threadMessagesData = [...posts];
+  //     }
+  //     let filteredLastMessage =
+  //         threadMessagesData && threadMessagesData?.length > 1
+  //             ? threadMessagesData?.reduce((a, b) => {
+  //                   return new Date(a?.updatedAt) > new Date(b?.updatedAt) ? a : b;
+  //               }, []) ?? null
+  //             : threadMessagesData?.length <= 1
+  //             ? threadMessagesData?.[0] ?? []
+  //             : null;
+  //     return filteredLastMessage;
+  //     // //return data[data.length - 1];
+  // }, [data?.threadMessages]);
+  React__default.useEffect(() => {
+    if (lastMessage && (!postId || postId == 0)) {
+      const sParentId = lastMessage?.parentId ? lastMessage?.parentId : lastMessage?.id;
+      setPostId?.(sParentId);
+    }
+  }, [lastMessage, postId]);
+  const setThreadMessages = useCallback((messages, messagesTotalCount) => {
+    setChannelMessages(oldMessages => uniqBy([...messages, ...oldMessages], ({
+      id
+    }) => id));
+    setTotalCount(messagesTotalCount);
+  }, []);
+  const scrollToBottom = React__default.useCallback(() => {
+    if (threadMessageRootRef?.current) {
+      setIsScrollToBottom(false);
+      threadMessageRootRef.current.scrollTop = threadMessageRootRef.current.scrollHeight;
+    }
+  }, [threadMessageRootRef]);
+  const handleSend = useCallback(async (message, files) => {
+    if (!(message && channelId)) {
+      return;
+    }
+    const newPostId = objectId();
+    if (files && files?.length > 0) {
+      const uploadResponse = await startUpload({
+        file: files,
+        saveUploadedFile: {
+          variables: {
+            newPostId
+          }
+        },
+        createUploadLink: {
+          variables: {
+            newPostId
+          }
+        }
+      });
+      if (uploadResponse?.error) setLoading(false);
+      const uploadedFiles = uploadResponse.data;
+      if (uploadResponse.data) {
+        const files = uploadedFiles?.map(f => f.id) ?? null;
+        await sendThreadMessage({
+          variables: {
+            postId: newPostId,
+            channelId,
+            postThreadId: postThread && postThread?.id,
+            postParentId: !postId || postId == 0 ? null : postId,
+            threadMessageInput: {
+              content: message,
+              files,
+              role
+            }
+          },
+          update: (cache, {
+            data,
+            errors
+          }) => {
+            if (!data || errors) {
+              setLoading(false);
+              return;
+            }
+            data?.createPostThread?.lastMessage;
+            // setPostThread(data?.createPostThread?.data);
+            // if (!postId || postId == 0) {
+            //     setPostId(data?.createPostThread?.lastMessage?.id);
+            // }
+            setChannelToTop(channelToTop + 1);
+            setLoading(false);
+            // scrollToBottom();
+          }
+        });
+      }
+    } else {
+      await sendThreadMessage({
+        variables: {
+          channelId,
+          postParentId: !postId || postId == 0 ? null : postId,
+          postThreadId: postThread && postThread?.id,
+          threadMessageInput: {
+            content: message,
+            role
+          }
+        },
+        update: (cache, {
+          data,
+          errors
+        }) => {
+          if (!data || errors) {
+            return;
+          }
+          // setPostThread(data?.createPostThread.data);
+          // if (!postId || postId == 0) {
+          //     setPostId(data?.createPostThread?.lastMessage?.id);
+          // }
+          setChannelToTop(channelToTop + 1);
+          //scrollToBottom();
+        }
+      });
+    }
+  }, [setChannelMessages, channelId, postId, channelToTop, postThread]);
+  const onFetchOld = useCallback(async skip => {
+    if (channelId && postId) {
+      setLoadingOldMessages(true);
+      fetchMoreMessages({
+        variables: {
+          channelId: channelId?.toString(),
+          role: role?.toString(),
+          postParentId: postId?.toString(),
+          //  selectedFields: 'id channel post replies replyCount lastReplyAt createdAt updatedAt',
+          limit: MESSAGES_PER_PAGE,
+          skip: skip - 1
+        }
+      }).then(res => {
+        if (res?.data?.getPostThread) {
+          const threads = res?.data?.getPostThread;
+          const threadReplies = threads?.replies ?? [];
+          const messeageTotalCount = threads?.replyCount ?? 0;
+          setThreadMessages(threadReplies, messeageTotalCount);
+          if (threadMessageRootRef?.current) {
+            threadMessageRootRef.current.scrollTop = threadMessageRootRef.current.scrollTop + threadMessageRootRef.current.clientHeight / 2;
+          }
+        }
+      })
+      // .then((res) => {
+      //     if (res?.data?.threadMessages?.data) {
+      //         const threads = res?.data?.threadMessages ?? null;
+      //         const threadsData = threads?.data ?? [];
+      //         const threadReplies = threadsData?.map((t: any) => t?.replies)?.flat(1) ?? [];
+      //         const messeageTotalCount = threadsData?.reduce((accumulator, thread) => {
+      //             return accumulator + thread?.replyCount;
+      //         }, 0);
+      //         const posts = threadsData?.map((t: any) => t?.post)?.flat(1) ?? [];
+      //         const messages = [...posts, ...threadReplies];
+      //         setThreadMessages(threadReplies, messages?.length);
+      //         if (threadMessageRootRef?.current) {
+      //             threadMessageRootRef.current.scrollTop =
+      //                 threadMessageRootRef.current.scrollTop +
+      //                 threadMessageRootRef.current.clientHeight / 2;
+      //         }
+      //     }
+      // })
+      .finally(() => {
+        setLoadingOldMessages(false);
+      }).catch(error => {
+        setLoadingOldMessages(false);
+      });
+    }
+  }, [postId, channelId, threadMessageRootRef, channelMessages]);
+  const onMessagesScroll = useCallback(async e => {
+    if (threadMessageRootRef.current) {
+      const {
+        clientHeight: messageContainerClientHeight,
+        scrollHeight: messageContainerScrollHeight,
+        scrollTop: messageContainerScrollTop,
+        offsetTop: messageContainerOffsetTop
+      } = threadMessageRootRef?.current;
+      if (messageContainerClientHeight - messageContainerScrollTop == messageContainerScrollHeight && !loadingOldMessages && totalCount > channelMessages.length) {
+        await onFetchOld(channelMessages?.length);
+      }
+    }
+  }, [threadMessageRootRef, loadingOldMessages, channelMessages, totalCount]);
+  const sortedMessages = useMemo(() => channelMessages && orderBy(channelMessages, ['createdAt'], ['asc']), [channelMessages]);
+  return React__default.createElement(React__default.Fragment, null, goBack && React__default.createElement("button", {
+    className: "absolute m-1.5 w-10 bg-transparent text-gray-300 z-10 text-xs hover:border-none hover:shadow-none focus:border-none focus:shadow-none focus:outline-none",
+    onClick: () => {
+      setChannelId?.(channelId);
+      setPostId?.(1);
+    }
+  }, React__default.createElement(BiChevronLeftSquare, {
+    fontSize: "32"
+  })), React__default.createElement("div", {
+    ref: threadMessageRootRef,
+    className: "flex flex-col-reverse overflow-y-auto flex-grow flex-shrink p-4 px-2.5 md:px-12 lg:px-20",
+    onScroll: onMessagesScroll
+  }, React__default.createElement(Messages, {
+    innerRef: messageListRef,
+    channelId: channelId,
+    currentUser: currentUser,
+    channelMessages: sortedMessages,
+    totalCount: totalCount,
+    onMessageClick: onMessageClick,
+    subscribeToNewMessages: () => subscribeToMore({
+      document: OnThreadChatMessageAddedDocument,
+      variables: {
+        channelId: channelId?.toString(),
+        postParentId: !postId || postId == 0 ? null : postId?.toString()
+      },
+      updateQuery: (prev, {
+        subscriptionData
+      }) => {
+        if (!subscriptionData.data) return prev;
+        const newMessage = subscriptionData?.data?.threadChatMessageAdded;
+        const prevReplyCount = prev?.getPostThread?.replyCount;
+        const newReplyCount = prevReplyCount + 1;
+        return Object.assign({}, prev, {
+          getPostThread: {
+            ...prev?.getPostThread,
+            lastReplyAt: newMessage.createdAt,
+            replies: [newMessage, ...prev?.getPostThread?.replies],
+            replyCount: newReplyCount,
+            updatedAt: newMessage.createdAt
+          }
+        });
+      }
+    })
+  })), React__default.createElement(MessageInput, {
+    channelId: channelId,
+    handleSend: handleSend,
+    placeholder: "Message"
+  }));
+});export{ThreadMessagesInbox};//# sourceMappingURL=ThreadMessagesInbox.js.map

package/lib/container/ThreadMessagesInbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThreadMessagesInbox.js","sources":["../../src/container/ThreadMessagesInbox.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"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"}

package/lib/container/Threads.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+declare const _default: React.MemoExoticComponent<({ channelId, role, pathPrefix }: {
+    channelId: any;
+    role: any;
+    pathPrefix?: any;
+}) => React.JSX.Element>;
+export default _default;
+//# sourceMappingURL=Threads.d.ts.map

package/lib/container/Threads.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Threads.d.ts","sourceRoot":"","sources":["../../src/container/Threads.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;;;;;;AA6Q/B,wBAAmC"}

package/lib/container/Threads.js

@@ -0,0 +1,231 @@
+import*as React from'react';import'../components/inbox/FilesList.js';import'../components/inbox/MessageItem.js';import {ThreadItem}from'../components/inbox/ThreadItem.js';import'date-fns';import'@react-icons/all-files/bs/BsFlag.js';import'../components/InboxMessage/ConversationItem.js';import'../components/InboxMessage/ServiceConversationItem.js';import'../components/InboxMessage/LeftSidebar.js';import {useTranslation}from'react-i18next';import {config}from'../config/env-config.js';import'@react-icons/all-files/bi/BiImage.js';import'@react-icons/all-files/ai/AiOutlineSecurityScan.js';import'@react-icons/all-files/fi/FiCheck.js';import'@react-icons/all-files/bs/BsFillStarFill.js';import'common';import'@common-stack/components-pro';import'react-markdown';import'remark-gfm';import'../enums/messenger-slot-fill-name-enum.js';import'../components/InboxMessage/ServiceInboxItem.js';import'../components/ModelConfigPanel.js';import'@messenger-box/core';import'../components/live-code-editor/hybrid-live-editor.js';import {useViewChannelDetailQuery,useThreadMessagesQuery,OnThreadCreatedUpdatedDocument}from'common/graphql';import'../components/AIAgent/AIAgent.js';import {useDispatch,useSelector}from'react-redux';import {userSelector}from'@adminide-stack/user-auth0-client';import {useParams,useLocation}from'@remix-run/react';import {uniqBy,orderBy}from'lodash-es';import {push}from'@common-stack/remix-router-redux';const {
+  MESSAGES_PER_PAGE,
+  WEB_INBOX_MESSEGE_PATH
+} = config;
+// Skeleton component for loading state
+const Skeleton = ({
+  className = ''
+}) => React.createElement("div", {
+  className: `animate-pulse bg-gray-300 rounded ${className}`
+});
+const Threads = ({
+  channelId,
+  role,
+  pathPrefix = null
+}) => {
+  const path = useParams();
+  const location = useLocation();
+  const dispatch = useDispatch();
+  const threadsListRootRef = React.useRef(null);
+  const threadsListRef = React.useRef(null);
+  const auth = useSelector(userSelector);
+  const [threadData, setThreadsData] = React.useState([]);
+  const {
+    t
+  } = useTranslation('translations');
+  const {
+    data: channelData,
+    loading: channelLoading,
+    refetch: channelDetailRefetch
+  } = useViewChannelDetailQuery({
+    variables: {
+      id: channelId?.toString()
+    }
+  });
+  const {
+    data,
+    loading: threadLoading,
+    error,
+    refetch,
+    subscribeToMore
+  } = useThreadMessagesQuery({
+    variables: {
+      channelId: channelId?.toString(),
+      role: role?.toString(),
+      limit: MESSAGES_PER_PAGE,
+      repliesLimit2: 5
+    },
+    fetchPolicy: 'cache-and-network'
+  });
+  React.useEffect(() => {
+    // Do something when the screen is focused
+    channelDetailRefetch({
+      id: channelId?.toString()
+    });
+    refetch({
+      channelId: channelId?.toString(),
+      role: role?.toString(),
+      limit: MESSAGES_PER_PAGE
+    });
+    // .then(({ data }) => {
+    //     if (!data?.threadMessages?.data) {
+    //         return;
+    //     }
+    //     if (data?.threadMessages?.data?.length) {
+    //         const { data: newThreads } = data?.threadMessages;
+    //         setThreadsData((oldThreads: any) => uniqBy([...oldThreads, ...newThreads], ({ id }) => id));
+    //     }
+    // });
+    return () => {};
+  }, []);
+  // React.useEffect(() => {
+  //     if (data?.threadMessages?.data?.length) {
+  //         const { data: newThreads } = data?.threadMessages;
+  //         setThreadsData((oldThreads: any) => uniqBy([...oldThreads, ...newThreads], ({ id }) => id));
+  //     }
+  // }, [data]);
+  // React.useEffect(() => {
+  //     if (threadCreatedUpdated?.threadCreatedUpdated?.data) {
+  //         const { data: newThreads } = threadCreatedUpdated?.threadCreatedUpdated;
+  //         setData(newThreads);
+  //         // setThreadsData((oldThreads: any) => {
+  //         //     const i = oldThreads.findIndex((el: any) => el.id === newThreads?.id);
+  //         //     if (i > -1) oldThreads[i] = newThreads; // (2)
+  //         //     else oldThreads.push(newThreads);
+  //         //     return oldThreads;
+  //         // });
+  //     }
+  // }, [threadCreatedUpdated]);
+  const setData = React.useCallback(newThreads => {
+    setThreadsData(oldThreads => {
+      const i = oldThreads.findIndex(el => el.id === newThreads?.id);
+      if (i > -1) oldThreads[i] = newThreads; // (2)
+      else oldThreads.push(newThreads);
+      return oldThreads;
+    });
+  }, []);
+  React.useMemo(() => {
+    if (!channelData?.viewChannelDetail) return null;
+    return channelData?.viewChannelDetail;
+  }, [channelData]);
+  const threads = React.useMemo(() => {
+    if (!data?.threadMessages?.data?.length) return null;
+    const {
+      data: newThreads
+    } = data?.threadMessages;
+    const threadsFiltered = uniqBy([...newThreads], ({
+      id
+    }) => id);
+    return orderBy(threadsFiltered, ['updatedAt'], ['desc']) || [];
+  }, [data]);
+  // const threads = React.useMemo(() => {
+  //     if (!threadData?.length) return null;
+  //     return orderBy(threadData, ['updatedAt'], ['desc']) || [];
+  // }, [threadData]);
+  // const handleRefresh = React.useCallback(() => {
+  //     refetch({
+  //         channelId: channelId?.toString(),
+  //         role: role?.toString(),
+  //         limit: MESSAGES_PER_PAGE,
+  //     }).then(({ data }) => {
+  //         if (!data?.threadMessages?.data) {
+  //             return;
+  //         }
+  //         if (data?.threadMessages?.data?.length) {
+  //             const { data: newThreads } = data?.threadMessages;
+  //             setThreadsData((oldThreads: any) => uniqBy([...oldThreads, ...newThreads], ({ id }) => id));
+  //         }
+  //     });
+  // }, []);
+  const fetchMoreThreads = React.useCallback(() => {
+    refetch({
+      channelId: channelId?.toString(),
+      role: role?.toString(),
+      skip: threads?.length
+    });
+  }, []);
+  const onMessagesScroll = React.useCallback(e => {
+    if (threadsListRootRef.current) {
+      const {
+        scrollTop,
+        scrollHeight,
+        clientHeight
+      } = threadsListRootRef.current;
+      if (clientHeight - scrollTop > scrollHeight - 50 && !threadLoading) {
+        fetchMoreThreads();
+      }
+    }
+  }, [fetchMoreThreads]);
+  const handleSelectThread = React.useCallback((channelId, postId) => {
+    dispatch(push(`${pathPrefix ? pathPrefix : ''}/${WEB_INBOX_MESSEGE_PATH}/${channelId}/${postId}?reply=true`));
+  }, [location, path]);
+  if (threadLoading) {
+    return React.createElement("div", {
+      className: "flex flex-col space-y-4"
+    }, Array(10).fill(1).map((x, y) => React.createElement(Skeleton, {
+      key: y,
+      className: "h-10"
+    })));
+  }
+  if (!threads || threads?.length == 0) {
+    return React.createElement("div", {
+      className: "w-full bg-gray-100 h-full flex items-center justify-center"
+    }, React.createElement("p", {
+      className: "text-gray-600"
+    }, t('tailwind_ui_inbox.you_dont_have_any_message_yet')));
+  }
+  return React.createElement(React.Fragment, null, React.createElement("div", {
+    ref: threadsListRootRef,
+    className: "flex flex-grow flex-shrink overflow-y-auto px-5 md:px-5 lg:px-5 bg-gray-100",
+    onScroll: onMessagesScroll
+  }, React.createElement("div", {
+    className: "w-full",
+    ref: threadsListRef
+  }, React.createElement(ThreadsList, {
+    handleSelectThread: handleSelectThread,
+    auth: auth,
+    threads: threads,
+    setData: setData,
+    role: role,
+    subscribeToNewMessages: () => subscribeToMore({
+      document: OnThreadCreatedUpdatedDocument,
+      variables: {
+        channelId: channelId?.toString(),
+        postParentId: null
+      },
+      updateQuery: (prev, {
+        subscriptionData
+      }) => {
+        if (!subscriptionData.data) return prev;
+        const newPostThreadData = subscriptionData?.data?.threadCreatedUpdated?.data;
+        const newMessage = subscriptionData?.data?.threadCreatedUpdated?.lastMessage;
+        const data = prev?.threadMessages?.data?.map(t => t.id === newPostThreadData?.id ? {
+          ...t,
+          replies: [newMessage, ...t?.replies],
+          replyCount: newPostThreadData?.replyCount,
+          lastReplyAt: newPostThreadData?.lastReplyAt,
+          updatedAt: newPostThreadData?.updatedAt
+        } : t);
+        return Object.assign({}, prev, {
+          threadMessages: {
+            ...prev?.threadMessages,
+            // totalCount: prev?.threadMessages?.totalCount + 1,
+            data: data
+          }
+        });
+      }
+    })
+  }))));
+};
+const ThreadsList = React.memo(({
+  threads,
+  handleSelectThread,
+  auth,
+  setData,
+  role,
+  subscribeToNewMessages
+}) => {
+  React.useEffect(() => subscribeToNewMessages(), []);
+  return React.createElement(React.Fragment, null, threads?.length > 0 && threads?.map((thread, index) => {
+    return React.createElement("div", {
+      key: 'thread-key-' + index
+    }, React.createElement(ThreadItem, {
+      onOpen: handleSelectThread,
+      currentUser: auth,
+      thread: thread,
+      setData: setData,
+      role: role
+    }));
+  }));
+});
+var Threads$1 = React.memo(Threads);export{Threads$1 as default};//# sourceMappingURL=Threads.js.map

package/lib/container/Threads.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Threads.js","sources":["../../src/container/Threads.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/lib/container/ThreadsInbox.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+export interface ThreadsInboxProps {
+    channelId: any;
+    role?: string;
+    pathPrefix?: string;
+    setChannelId?: (channelId: any) => void;
+    setPostId?: (postId?: any) => void;
+    setGoBack?: (goBack: boolean) => void;
+}
+export interface IThreadItemProps {
+    thread: any;
+    onOpen: (channelId: any, postId: any) => void;
+}
+export interface IThreadListProps {
+    threads: any;
+    handleSelectThread: (channelId: any, postId: any) => void;
+    threadsListRef: any;
+    subscribeToNewThreads: () => void;
+}
+export declare const ThreadsInbox: React.MemoExoticComponent<({ channelId, role, setChannelId, setPostId, setGoBack, pathPrefix }: ThreadsInboxProps) => React.JSX.Element>;
+//# sourceMappingURL=ThreadsInbox.d.ts.map

package/lib/container/ThreadsInbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThreadsInbox.d.ts","sourceRoot":"","sources":["../../src/container/ThreadsInbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAWzC,MAAM,WAAW,iBAAiB;IAC9B,SAAS,EAAE,GAAG,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,CAAC,SAAS,EAAE,GAAG,KAAK,IAAI,CAAC;IACxC,SAAS,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IACnC,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CACzC;AAED,MAAM,WAAW,gBAAgB;IAC7B,MAAM,EAAE,GAAG,CAAC;IACZ,MAAM,EAAE,CAAC,SAAS,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;CACjD;AAED,MAAM,WAAW,gBAAgB;IAC7B,OAAO,EAAE,GAAG,CAAC;IACb,kBAAkB,EAAE,CAAC,SAAS,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IAC1D,cAAc,EAAE,GAAG,CAAC;IACpB,qBAAqB,EAAE,MAAM,IAAI,CAAC;CACrC;AASD,eAAO,MAAM,YAAY,kGACwD,iBAAiB,uBA6IjG,CAAC"}