@messenger-box/tailwind-ui-inbox 10.0.3-alpha.65 → 10.0.3-alpha.69

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [10.0.3-alpha.69](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.68...v10.0.3-alpha.69) (2025-08-11)
+
+**Note:** Version bump only for package @messenger-box/tailwind-ui-inbox
+
+## [10.0.3-alpha.67](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.66...v10.0.3-alpha.67) (2025-08-06)
+
+**Note:** Version bump only for package @messenger-box/tailwind-ui-inbox
+
 ## [10.0.3-alpha.65](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.64...v10.0.3-alpha.65) (2025-08-02)
 
 **Note:** Version bump only for package @messenger-box/tailwind-ui-inbox

package/lib/components/InboxMessage/ConversationItem.d.ts

@@ -1,11 +1,14 @@
 import React from 'react';
-export declare const ConversationItem: ({ showBorder, currentUser, filter, channel, handleSelectChannel, users, selectedChannelId, }: {
-    showBorder: any;
+interface ConversationItemProps {
+    showBorder: boolean;
     currentUser: any;
-    filter: any;
+    filter: string;
     channel: any;
-    handleSelectChannel: any;
-    users: any;
-    selectedChannelId: any;
-}) => React.JSX.Element;
+    handleSelectChannel: (channelId: string) => void;
+    users: any[];
+    selectedChannelId: string;
+    messagesQuery: any;
+}
+export declare const ConversationItem: React.MemoExoticComponent<({ showBorder, currentUser, filter, channel, handleSelectChannel, users, selectedChannelId, messagesQuery: messagesQueryProp, }: ConversationItemProps) => React.JSX.Element>;
+export {};
 //# sourceMappingURL=ConversationItem.d.ts.map

package/lib/components/InboxMessage/ConversationItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConversationItem.d.ts","sourceRoot":"","sources":["../../../src/components/InboxMessage/ConversationItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAoB5D,eAAO,MAAM,gBAAgB;;;;;;;;uBAgN5B,CAAC"}
+{"version":3,"file":"ConversationItem.d.ts","sourceRoot":"","sources":["../../../src/components/InboxMessage/ConversationItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAqBzE,UAAU,qBAAqB;IAC3B,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,GAAG,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,GAAG,CAAC;IACb,mBAAmB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,KAAK,EAAE,GAAG,EAAE,CAAC;IACb,iBAAiB,EAAE,MAAM,CAAC;IAC1B,aAAa,EAAE,GAAG,CAAC;CACtB;AAED,eAAO,MAAM,gBAAgB,6JAUtB,qBAAqB,uBAuL3B,CAAC"}

package/lib/components/InboxMessage/ConversationItem.js

@@ -1,4 +1,4 @@
-import {useMessagesQuery,OnChatMessageAddedDocument}from'common/graphql';import {isToday,isYesterday,format}from'date-fns';import React__default,{useState,useMemo,useEffect}from'react';const createdAtText = value => {
+import {useMessagesQuery,OnChatMessageAddedDocument}from'common/graphql';import {isToday,isYesterday,format}from'date-fns';import React__default,{useState,useMemo}from'react';import {SubscriptionHandler}from'./SubscriptionHandler.js';const createdAtText = value => {
   if (!value) return '';
   let date = new Date(value);
   if (isToday(date)) return 'Today';
@@ -17,14 +17,15 @@ const Skeleton = ({
     className: "h-4 bg-gray-300 dark:bg-gray-600 rounded w-1/2"
   }));
 };
-const ConversationItem = ({
+const ConversationItem = React__default.memo(({
   showBorder,
   currentUser,
   filter,
   channel,
   handleSelectChannel,
   users,
-  selectedChannelId
+  selectedChannelId,
+  messagesQuery: messagesQueryProp
 }) => {
   // const {
   //     data: messagesQuery,
@@ -33,7 +34,7 @@ const ConversationItem = ({
   //     variables: {
   //         channelId: channel.id?.toString(),
   //         limit: 1,
-  //     },
+  // },
   //     fetchPolicy: 'cache-and-network',
   // });
   const [messages, setMessages] = useState([]);
@@ -65,32 +66,23 @@ const ConversationItem = ({
   //     },
   // });
   React__default.useEffect(() => {
-    refetchMessages({
-      channelId: channel?.id?.toString(),
-      parentId: null,
-      limit: 10
-      // sort: {
-      //     key: 'updatedAt',
-      //     value: SortEnum.Desc,
-      // },
-    });
-  }, []);
+    if (channel?.id) {
+      refetchMessages({
+        channelId: channel?.id?.toString(),
+        parentId: null,
+        limit: 10
+        // sort: {
+        //     key: 'updatedAt',
+        //     value: SortEnum.Desc,
+        // },
+      });
+    }
+  }, [channel?.id, refetchMessages]);
   React__default.useEffect(() => {
-    if (messagesQuery) {
-      if (messagesQuery?.messages?.data?.length) {
-        setMessages(pre => [...pre, ...messagesQuery?.messages?.data]);
-      }
-      // refetchMessages({
-      //     channelId: channel?.id?.toString(),
-      //     parentId: null,
-      //     limit: 10,
-      //     sort: {
-      //         key: 'updatedAt',
-      //         value: SortEnum.Desc,
-      //     },
-      // });
+    if (messagesQuery?.messages?.data?.length) {
+      setMessages(messagesQuery.messages.data);
     }
-  }, [messagesQuery]);
+  }, [messagesQuery?.messages?.data]);
   const chatUser = useMemo(() => users?.find(({
     id
   }) => {
@@ -100,6 +92,9 @@ const ConversationItem = ({
         user
       }) => user.id === id);
     }
+    if (channel?.members?.length === 1 && channel?.members?.[0]?.user?.id === currentUser?.id) {
+      return currentUser;
+    }
     return isNotCurrentUser;
   }), [users, currentUser, channel]);
   // Last Message
@@ -126,7 +121,7 @@ const ConversationItem = ({
   const channelType = useMemo(() => {
     return channel?.type;
   }, [channel]);
-  if (!chatUser?.username.toLowerCase().includes(filter.toLowerCase()) && !lastMessage?.message.toLowerCase().includes(filter.toLowerCase())) {
+  if (filter && !chatUser?.username?.toLowerCase().includes(filter.toLowerCase()) && !lastMessage?.message?.toLowerCase().includes(filter.toLowerCase())) {
     return null;
   }
   return React__default.createElement("div", {
@@ -150,59 +145,45 @@ const ConversationItem = ({
     className: "ml-2 flex-grow min-w-10 max-w-96"
   }, messageLoading && React__default.createElement(Skeleton, {
     className: "w-full h-16"
-  }), !messageLoading && React__default.createElement(LastMessageComponent, {
+  }), !messageLoading && React__default.createElement(React__default.Fragment, null, React__default.createElement(LastMessageComponent, {
     lastMessage: lastMessage,
     channelType: channelType,
-    chatUser: chatUser,
-    subscribeToNewMessages: () => subscribeToMore({
-      document: OnChatMessageAddedDocument,
-      variables: {
-        channelId: channel.id?.toString()
-      },
-      updateQuery: (prev, {
-        subscriptionData
-      }) => {
-        if (!subscriptionData.data) return prev;
-        const newMessage = subscriptionData?.data?.chatMessageAdded;
-        const previousData = prev?.messages?.data ? [...prev.messages.data, newMessage] : [];
-        const totalMsgCount = prev?.messages?.totalCount + 1;
-        const merged = {
-          ...prev,
-          messages: {
-            ...prev?.messages,
-            data: previousData,
-            totalCount: totalMsgCount
-          }
-        };
-        return merged;
-      }
-    })
-  })
-  // <Box display="flex" flexDirection={'column'} width="100%">
-  //     <Box w="100%" d="flex" justifyContent={'space-between'} alignItems="center">
-  //         <Text fontSize="10px" isTruncated color="green.500">
-  //             {channelType}
-  //         </Text>
-  //         <Text fontSize="12px" color="gray.500">
-  //             {lastMessage ? createdAtText(lastMessage?.createdAt) : ''}
-  //         </Text>
-  //     </Box>
-  //     <Text fontSize="14px" color="gray.600" fontWeight={'bold'} mt="5px">
-  //         {chatUser?.givenName + ' ' + chatUser?.familyName}
-  //     </Text>
-  //     <Text fontSize="14px" isTruncated w="80%" mt="5px" color="gray.600">
-  //         {lastMessage?.message}
-  //     </Text>
-  // </Box>
-  ));
-};
-const LastMessageComponent = ({
-  subscribeToNewMessages,
+    chatUser: chatUser
+  }), React__default.createElement(SubscriptionHandler, {
+    subscribeToMore: subscribeToMore,
+    document: OnChatMessageAddedDocument,
+    variables: {
+      channelId: channel?.id?.toString()
+    },
+    enabled: !!channel?.id && !!subscribeToMore,
+    updateQuery: (prev, {
+      subscriptionData
+    }) => {
+      if (!subscriptionData.data) return prev;
+      const newMessage = subscriptionData?.data?.chatMessageAdded;
+      console.log('ConversationItem: New message received via subscription:', newMessage);
+      const previousData = prev?.messages?.data ? [...prev.messages.data, newMessage] : [];
+      const totalMsgCount = prev?.messages?.totalCount + 1;
+      const merged = {
+        ...prev,
+        messages: {
+          ...prev?.messages,
+          data: previousData,
+          totalCount: totalMsgCount
+        }
+      };
+      return merged;
+    },
+    onError: error => {
+      console.error('ConversationItem: Subscription error:', error);
+    }
+  }))));
+});
+const LastMessageComponent = React__default.memo(({
   lastMessage,
   channelType,
   chatUser
 }) => {
-  useEffect(() => subscribeToNewMessages(), []);
   return React__default.createElement("div", {
     className: "flex flex-col w-full"
   }, React__default.createElement("div", {
@@ -216,4 +197,4 @@ const LastMessageComponent = ({
   }, chatUser?.givenName + ' ' + chatUser?.familyName), React__default.createElement("p", {
     className: "text-sm text-gray-600 dark:text-gray-400 truncate w-4/5 mt-1 line-clamp-1"
   }, lastMessage?.message && lastMessage.message.length > 30 ? lastMessage.message.slice(0, 30) + '…' : lastMessage?.message));
-};export{ConversationItem};//# sourceMappingURL=ConversationItem.js.map
+});export{ConversationItem};//# sourceMappingURL=ConversationItem.js.map

package/lib/components/InboxMessage/ConversationItem.js.map

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

package/lib/components/InboxMessage/LeftSidebar.d.ts

@@ -11,7 +11,8 @@ type LeftSidebarProps = {
     getChannelsRefetch: any;
     supportServices?: any;
     role?: any;
+    messagesQuery?: any;
 };
-export declare const LeftSidebar: (props: LeftSidebarProps) => React.JSX.Element;
+export declare const LeftSidebar: React.MemoExoticComponent<(props: LeftSidebarProps) => React.JSX.Element>;
 export {};
 //# sourceMappingURL=LeftSidebar.d.ts.map

package/lib/components/InboxMessage/LeftSidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LeftSidebar.d.ts","sourceRoot":"","sources":["../../../src/components/InboxMessage/LeftSidebar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAOnD,KAAK,gBAAgB,GAAG;IACpB,YAAY,EAAE,GAAG,CAAC;IAClB,mBAAmB,EAAE,OAAO,CAAC;IAC7B,WAAW,EAAE,GAAG,CAAC;IACjB,KAAK,CAAC,EAAE,GAAG,EAAE,CAAC;IACd,mBAAmB,EAAE,CAAC,OAAO,EAAE,GAAG,EAAE,MAAM,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC1D,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,iBAAiB,CAAC,EAAE,GAAG,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,kBAAkB,EAAE,GAAG,CAAC;IACxB,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,IAAI,CAAC,EAAE,GAAG,CAAC;CACd,CAAC;AAEF,eAAO,MAAM,WAAW,UAAW,gBAAgB,sBA6ElD,CAAC"}
+{"version":3,"file":"LeftSidebar.d.ts","sourceRoot":"","sources":["../../../src/components/InboxMessage/LeftSidebar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAO5D,KAAK,gBAAgB,GAAG;IACpB,YAAY,EAAE,GAAG,CAAC;IAClB,mBAAmB,EAAE,OAAO,CAAC;IAC7B,WAAW,EAAE,GAAG,CAAC;IACjB,KAAK,CAAC,EAAE,GAAG,EAAE,CAAC;IACd,mBAAmB,EAAE,CAAC,OAAO,EAAE,GAAG,EAAE,MAAM,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC1D,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,iBAAiB,CAAC,EAAE,GAAG,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,kBAAkB,EAAE,GAAG,CAAC;IACxB,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,aAAa,CAAC,EAAE,GAAG,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,WAAW,oCAAsB,gBAAgB,uBAqF5D,CAAC"}

package/lib/components/InboxMessage/LeftSidebar.js

@@ -1,4 +1,4 @@
-import {GoSearch}from'@react-icons/all-files/go/GoSearch.js';import React__default,{useState}from'react';import {useTranslation}from'react-i18next';import {orderBy,uniqBy}from'lodash-es';import {ConversationItem}from'./ConversationItem.js';import {ServiceConversationItem}from'./ServiceConversationItem.js';import {RoomType}from'common';const LeftSidebar = props => {
+import {GoSearch}from'@react-icons/all-files/go/GoSearch.js';import React__default,{useState,useMemo}from'react';import {useTranslation}from'react-i18next';import {orderBy,uniqBy}from'lodash-es';import {ConversationItem}from'./ConversationItem.js';import {ServiceConversationItem}from'./ServiceConversationItem.js';import {RoomType}from'common';const LeftSidebar = React__default.memo(props => {
   const {
     currentUser,
     handleSelectChannel,
@@ -7,12 +7,20 @@ import {GoSearch}from'@react-icons/all-files/go/GoSearch.js';import React__defau
     userChannelsLoading,
     selectedChannelId,
     supportServices,
-    role
+    role,
+    messagesQuery
   } = props;
   const [keyword, setKeyword] = useState('');
   const {
     t
   } = useTranslation('translations');
+  // Memoize the sorted channels to prevent unnecessary re-renders
+  const sortedChannels = useMemo(() => {
+    if (!userChannels?.length) return [];
+    return orderBy(uniqBy([...userChannels], ({
+      id
+    }) => id), ['updatedAt'], ['desc']);
+  }, [userChannels]);
   if (userChannelsLoading) {
     return React__default.createElement("div", {
       className: "space-y-4"
@@ -32,9 +40,7 @@ import {GoSearch}from'@react-icons/all-files/go/GoSearch.js';import React__defau
     className: "flex-1 overflow-hidden"
   }, React__default.createElement("div", {
     className: "h-full overflow-y-auto p-2 sm:p-4 space-y-1"
-  }, React__default.createElement(React__default.Fragment, null, supportServices ? supportServices : React__default.createElement(React__default.Fragment, null), userChannels?.length > 0 ? orderBy(uniqBy([...userChannels], ({
-    id
-  }) => id), ['updatedAt'], ['desc'])?.map((channel, index) => channel?.type === RoomType.Service ? React__default.createElement(ServiceConversationItem, {
+  }, React__default.createElement(React__default.Fragment, null, supportServices ? supportServices : React__default.createElement(React__default.Fragment, null), sortedChannels.length > 0 ? sortedChannels.map((channel, index) => channel?.type === RoomType.Service ? React__default.createElement(ServiceConversationItem, {
     key: `service_channel_${channel.id}`,
     filter: keyword,
     channel: channel,
@@ -42,7 +48,7 @@ import {GoSearch}from'@react-icons/all-files/go/GoSearch.js';import React__defau
     handleSelectChannel: handleSelectChannel,
     users: users,
     selectedChannelId: selectedChannelId,
-    showBorder: index != userChannels.length - 1,
+    showBorder: index != sortedChannels.length - 1,
     role: role || null
   }) : React__default.createElement(ConversationItem, {
     key: `conv_channel_${channel.id}`,
@@ -52,13 +58,14 @@ import {GoSearch}from'@react-icons/all-files/go/GoSearch.js';import React__defau
     handleSelectChannel: handleSelectChannel,
     users: users,
     selectedChannelId: selectedChannelId,
-    showBorder: index != userChannels.length - 1
+    showBorder: index != sortedChannels.length - 1,
+    messagesQuery: messagesQuery
   })) : React__default.createElement("div", {
     className: "text-center py-8 text-gray-500"
   }, React__default.createElement("div", {
     className: "text-3xl mb-2"
   }, "\uD83D\uDCAC"), React__default.createElement("p", null, "No conversations yet"))))));
-};
+});
 const SearchInput = ({
   keyword,
   setKeyword

package/lib/components/InboxMessage/LeftSidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"LeftSidebar.js","sources":["../../../src/components/InboxMessage/LeftSidebar.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"iVAuBa,MAAA,WAAW,GAAG,KAAC,IAA2B;AACnD,EAAA,MAAA;IAUA,WAAc;IACd;IAEA,KAAI;gBAEI;uBAEgB;qBACC;IAKzB,eAAC;AACD,IAAA;WAEa;gBACA,EAAA,UAAA,CAAA,GAAA,QAAA,CAAA,EAAW,CAAC;QAEjB;;AAEQ,GAAA,GAAA,cAAA,CAAA,cAAA,CAAA;AACK,EAAA,IAAA,mBAAA,EAAA;AAEA,IAAA,OAAAA,cAAA,CAAA,aAAA,CAAA,KAAoB,EAAA;;AAkCb,KAAA,EAAA,KAAA,CAAA,EAAA,CAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,EAAA,CAAA,KAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAQhC,MAAE,GAAA,EAAA,CAAA;AAEF,MAAM,SAAA,EAAW;KACP,CAAA,CAAA,CAAA;AACN;SAEaA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AACD,IAAA,SAAA,EAAA;iCAOK,CAAA,KAAA,EAAA;;AAMrB,GAAE,EAAAA,cAAA,CAAA,aAAA,CAAA,WAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"LeftSidebar.js","sources":["../../../src/components/InboxMessage/LeftSidebar.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"yVAwBa,MAAA,WAAW,GAAGA,cAAK,CAAC,IAAI,CAAC,KAAwB,IAAI;QACxD;IAWN,WAAc;IACd;IAEA,KAAgE;AAChE,IAAA,YAAoB;uBACC;AAAU,IAAA,iBAAS;mBAC7B;AAKX,IAAA,IAAI;IAEJ;WACW;gBAGU,EAAC,UAAE,CAAA,GAAA,QAAA,CAAA,EAAA,CAAA;;IAMxB;AACA,GAAA,GAAA,cACI,CAAA,cAAA,CAAA;;sBAES,GAAA,OAAA,CAAA,MAAA;QAEL,CAAK,YAAA,EAAA,MAAA,EAAA,OAAA,EAAA;kBACI,CAAA,MAAA,CAAA,CAAA,GAAA,YAAA,CAAA,EAAA,CAAA;AACD,MAAA;AACK,KAAA,KAAA,EAAA,CAAA,EAAA,CAAA,WAAA,CAAA,EAAA,CAAA,MAAiB,CAAC;AAElB,GAAA,EAAA,CAAA,YAAA,CAAA,CAAA;yBA8BY,EAAA;AACL,IAAA,OAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAQhC,MAAG,SAAA,EAAA;AAEH,KAAM,EAAA,KAAA,CAAA,EAAA,CAAA,CAAW,IAAI,CAAA,CAAE,OAAO,CAAE,EAAA,CAAA,KAAAA,cAAiB,CAAA,aAAI,CAAA,KAAA,EAAA;MAC3C,GAAA,EAAA,CAAE;AACR,MAAA,SACI,EAAA;QACI;AACI;uBAOK,CAAA,aAAA,CAAA,KAAA,EAAA;;AAMrB,GAAE,EAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/InboxMessage/MessageInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessageInput.d.ts","sourceRoot":"","sources":["../../../src/components/InboxMessage/MessageInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAM9D,KAAK,iBAAiB,GAAG;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9D,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,YAAY,gDAAiD,iBAAiB,sBA8K1F,CAAC"}
+{"version":3,"file":"MessageInput.d.ts","sourceRoot":"","sources":["../../../src/components/InboxMessage/MessageInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAMjF,KAAK,iBAAiB,GAAG;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9D,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,YAAY,gDAAiD,iBAAiB,sBA6L1F,CAAC"}

package/lib/components/InboxMessage/MessageInput.js

@@ -1,4 +1,4 @@
-import React__default,{useState,useCallback,useMemo}from'react';import {useTranslation}from'react-i18next';import {config}from'../../config/env-config.js';import {UploadImageButton}from'./UploadImageButton.js';import {FilesList}from'../inbox/FilesList.js';import'../inbox/MessageItem.js';import'../inbox/ThreadItem.js';const MessageInput = ({
+import React__default,{useState,useRef,useEffect,useCallback,useMemo}from'react';import {useTranslation}from'react-i18next';import {config}from'../../config/env-config.js';import {UploadImageButton}from'./UploadImageButton.js';import {FilesList}from'../inbox/FilesList.js';import'../inbox/MessageItem.js';import'../inbox/ThreadItem.js';const MessageInput = ({
   handleSend: handleSendProp,
   placeholder
 }) => {
@@ -8,9 +8,16 @@ import React__default,{useState,useCallback,useMemo}from'react';import {useTrans
   const [showToast, setShowToast] = useState(false);
   const [toastMessage, setToastMessage] = useState('');
   const [isFocused, setIsFocused] = useState(false);
+  const textareaRef = useRef(null);
   const {
     t
   } = useTranslation('translations');
+  // Auto-focus the textarea when component mounts
+  useEffect(() => {
+    if (textareaRef.current) {
+      textareaRef.current.focus();
+    }
+  }, []);
   const showToastMessage = useCallback(message => {
     setToastMessage(message);
     setShowToast(true);
@@ -22,6 +29,12 @@ import React__default,{useState,useCallback,useMemo}from'react';import {useTrans
     handleSendProp(message, files).then(() => {
       setMessage('');
       setFiles([]);
+      // Auto-focus the textarea after sending a message
+      setTimeout(() => {
+        if (textareaRef.current) {
+          textareaRef.current.focus();
+        }
+      }, 100);
     }).finally(() => setSending(false));
   }, [files, handleSendProp, message]);
   const handleKeyDown = useCallback(e => {
@@ -80,6 +93,7 @@ import React__default,{useState,useCallback,useMemo}from'react';import {useTrans
   }, React__default.createElement(UploadImageButton, {
     onChange: onUploadImageChange
   })), React__default.createElement("textarea", {
+    ref: textareaRef,
     className: "w-full text-base pl-14 pr-20 py-3 bg-transparent border-none resize-none overflow-hidden placeholder-gray-500 text-gray-900 focus:outline-none focus:ring-0 scrollbar-thin scrollbar-thumb-gray-300 scrollbar-track-transparent",
     style: {
       height: `${inputHeight}px`,

package/lib/components/InboxMessage/MessageInput.js.map

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

package/lib/components/InboxMessage/SubscriptionHandler.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Shared SubscriptionHandler for Apollo subscribeToMore
+ *
+ * @param subscribeToMore - Apollo subscribeToMore function
+ * @param document - GraphQL subscription document
+ * @param variables - Variables for the subscription
+ * @param updateQuery - Apollo updateQuery function
+ * @param onError - Optional error handler
+ * @param enabled - If false, disables the subscription
+ */
+export declare function SubscriptionHandler({ subscribeToMore, document, variables, updateQuery, onError, enabled, }: {
+    subscribeToMore: Function;
+    document: any;
+    variables: Record<string, any>;
+    updateQuery: (prev: any, { subscriptionData }: any) => any;
+    onError?: (error: any) => void;
+    enabled?: boolean;
+}): any;
+//# sourceMappingURL=SubscriptionHandler.d.ts.map

package/lib/components/InboxMessage/SubscriptionHandler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubscriptionHandler.d.ts","sourceRoot":"","sources":["../../../src/components/InboxMessage/SubscriptionHandler.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;GASG;AACH,wBAAgB,mBAAmB,CAAC,EAChC,eAAe,EACf,QAAQ,EACR,SAAS,EACT,WAAW,EACX,OAAO,EACP,OAAc,GACjB,EAAE;IACC,eAAe,EAAE,QAAQ,CAAC;IAC1B,QAAQ,EAAE,GAAG,CAAC;IACd,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC/B,WAAW,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,gBAAgB,EAAE,EAAE,GAAG,KAAK,GAAG,CAAC;IAC3D,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB,OA4BA"}

package/lib/components/InboxMessage/SubscriptionHandler.js

@@ -0,0 +1,41 @@
+import {useEffect}from'react';/**
+ * Shared SubscriptionHandler for Apollo subscribeToMore
+ *
+ * @param subscribeToMore - Apollo subscribeToMore function
+ * @param document - GraphQL subscription document
+ * @param variables - Variables for the subscription
+ * @param updateQuery - Apollo updateQuery function
+ * @param onError - Optional error handler
+ * @param enabled - If false, disables the subscription
+ */
+function SubscriptionHandler({
+  subscribeToMore,
+  document,
+  variables,
+  updateQuery,
+  onError,
+  enabled = true
+}) {
+  useEffect(() => {
+    if (!enabled) return;
+    console.log('SubscriptionHandler: Setting up subscription with variables:', variables);
+    const unsubscribe = subscribeToMore({
+      document,
+      variables,
+      updateQuery,
+      onError
+    });
+    console.log('SubscriptionHandler: Subscription setup successful, unsubscribe function:', unsubscribe);
+    return () => {
+      console.log('SubscriptionHandler: Cleaning up subscription');
+      if (unsubscribe && typeof unsubscribe === 'function') {
+        try {
+          unsubscribe();
+        } catch (error) {
+          console.error('Error unsubscribing:', error);
+        }
+      }
+    };
+  }, [subscribeToMore, document, variables, updateQuery, onError, enabled]);
+  return null;
+}export{SubscriptionHandler};//# sourceMappingURL=SubscriptionHandler.js.map

package/lib/components/InboxMessage/SubscriptionHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubscriptionHandler.js","sources":["../../../src/components/InboxMessage/SubscriptionHandler.tsx"],"sourcesContent":[null],"names":[],"mappings":"8BAEA;;;;;;;;;AASG;SACa,mBAAmB,CAAC;iBAenB;AACT,EAAA,QAAA;;AAEA,EAAA,WAAA;SAEM;YACF;;YAEA,MAAW;gBACJ,EAAA;AACV,IAAA,OAAE,CAAA,GAAA,CAAA,8DAAA,EAAA,SAAA,CAAA;AAEH,IAAA,MAAA;AAEA,MAAA,QAAA;AACI,MAAA,SAAA;AACA,MAAA;AACI,MAAA;AACI,KAAA,CAAA;gBACJ,2EAAC,EAAA,WAAA,CAAA;iBAAQ;AACL,MAAA,OAAA,CAAA,GAAA,CAAA,+CAA6C,CAAA;qBAChD,IAAA,OAAA,WAAA,KAAA,UAAA,EAAA;YACL;AACJ,UAAE,WAAA,EAAA;AACN,SAAmB,CAAA,OAAA,KAAA,EAAA;AAEnB,UAAA,OAAY,CAAA,KAAA,CAAA,sBAAA,EAAA,KAAA,CAAA;AAChB;;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Inbox.d.ts","sourceRoot":"","sources":["../../src/container/Inbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyE,MAAM,OAAO,CAAC;AA+B9F,MAAM,WAAW,UAAU;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB;;YAkFqB,UAAU;;;AAqrBhC,wBAAiC"}
+{"version":3,"file":"Inbox.d.ts","sourceRoot":"","sources":["../../src/container/Inbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyE,MAAM,OAAO,CAAC;AAgC9F,MAAM,WAAW,UAAU;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB;;YAkFqB,UAAU;;;AAssBhC,wBAAiC"}