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

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.71](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.70...v10.0.3-alpha.71) (2025-08-12)
+
+**Note:** Version bump only for package @messenger-box/tailwind-ui-inbox
+
+## [10.0.3-alpha.70](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.69...v10.0.3-alpha.70) (2025-08-12)
+
+**Note:** Version bump only for package @messenger-box/tailwind-ui-inbox
+
 ## [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

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

@@ -12,6 +12,8 @@ type LeftSidebarProps = {
     supportServices?: any;
     role?: any;
     messagesQuery?: any;
+    windowHeight?: number;
+    windowWidth?: number;
 };
 export declare const LeftSidebar: React.MemoExoticComponent<(props: LeftSidebarProps) => React.JSX.Element>;
 export {};

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,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"}
+{"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;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,WAAW,oCAAsB,gBAAgB,uBA6F5D,CAAC"}

package/lib/components/InboxMessage/LeftSidebar.js

@@ -8,7 +8,9 @@ import {GoSearch}from'@react-icons/all-files/go/GoSearch.js';import React__defau
     selectedChannelId,
     supportServices,
     role,
-    messagesQuery
+    messagesQuery,
+    windowHeight = 768,
+    windowWidth = 1024
   } = props;
   const [keyword, setKeyword] = useState('');
   const {
@@ -30,16 +32,25 @@ import {GoSearch}from'@react-icons/all-files/go/GoSearch.js';import React__defau
     })));
   }
   return React__default.createElement("div", {
-    className: "w-full h-full flex flex-col bg-white"
+    className: "w-full flex flex-col bg-white",
+    style: {
+      height: `${windowHeight}px`,
+      maxHeight: '100vh'
+    }
   }, React__default.createElement("div", {
-    className: "p-3 sm:p-4 border-b border-gray-200"
+    className: "flex-shrink-0 p-3 sm:p-4 border-b border-gray-200"
   }, React__default.createElement(SearchInput, {
     keyword: keyword,
     setKeyword: setKeyword
   })), React__default.createElement("div", {
-    className: "flex-1 overflow-hidden"
+    className: "flex-1 min-h-0 overflow-hidden"
   }, React__default.createElement("div", {
-    className: "h-full overflow-y-auto p-2 sm:p-4 space-y-1"
+    className: "overflow-y-auto p-2 sm:p-4 space-y-1",
+    style: {
+      height: `${windowHeight - 80}px`,
+      // Subtract header height
+      minHeight: 0
+    }
   }, 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,

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":"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"LeftSidebar.js","sources":["../../../src/components/InboxMessage/LeftSidebar.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"yVA0Ba,MAAA,WAAW,GAAGA,cAAK,CAAC,IAAI,CAAC,KAAwB,IAAI;AAC9D,EAAA,MAAA;IAaA,WAAc;IACd;IAEA,KAAgE;AAChE,IAAA,YAAoB;uBACC;AAAU,IAAA,iBAAS;mBAC7B;AAKX,IAAA,IAAI;IAEJ,aAAI;gBAEI;eAEa,GAAC;;QAMrB,CAAA,OAAA,EAAA,UAAA,CAAA,GAAA,QAAA,CAAA,EAAA,CAAA;AACD,EAAA,MAAA;;oBAGa,CAAA,cAAA,CAAA;;AAGD,EAAA,MAAA,cAAA,GAAA,OAAA,CAAA,MAAA;AAGQ,IAAA,IAAA,CAAA,YAAA,EAAA,MAAW,EAAA,OAAA,EAAA;AACX,IAAA,OAAA,OAAA,CAAA,MAAA,CAAA,CAAA,eAAY,CAAA,EAAA,CAAA;AACf,MAAA;AAED,KAAA,KAAA,EAAA,CAAA,EAAA,CAAA,WAAA,CAAA,EAAA,CAAA,MAAA,CAAA,CAAA;AACK,GAAA,EAAA,CAAA,YAAA,CAAA,CAAA;AAEA,EAAA,IAAA,mBAAA,EAAA;uCA8BY,CAAA,KAAA,EAAA;AACL,MAAA,SAAA,EAAA;AAQhC,KAAG,EAAA,KAAA,CAAA,EAAA,CAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,EAAA,CAAA,KAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAEH,MAAM,GAAA,EAAA,CAAA;MACI,SAAK,EAAA;AACX,KAAA,CAAA,CAAA,CAAA;;AAGY,EAAA,OAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;aAOK,EAAA,+BAAA;;AAMrB,MAAE,MAAA,EAAA,CAAA,EAAA,YAAA,CAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -9,7 +9,9 @@ interface MessagesProps {
     subscribeToNewMessages?: () => any;
     subscribeToNewServiceMessages?: () => any;
     onMessageClick: (msg: any) => void;
+    isDesktopView?: boolean;
+    isSmallScreen?: boolean;
 }
-export declare const Messages: ({ currentUser, channelMessages, refetchMessages, innerRef, channelId, subscribeToNewMessages, subscribeToNewServiceMessages, onMessageClick, }: MessagesProps) => React.JSX.Element;
+export declare const Messages: ({ currentUser, channelMessages, refetchMessages, innerRef, channelId, subscribeToNewMessages, subscribeToNewServiceMessages, onMessageClick, isDesktopView, isSmallScreen, }: MessagesProps) => React.JSX.Element;
 export {};
 //# sourceMappingURL=Messages.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Messages.d.ts","sourceRoot":"","sources":["../../../src/components/InboxMessage/Messages.tsx"],"names":[],"mappings":"AACA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAKpE,UAAU,aAAa;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,GAAG,CAAC;IACjB,eAAe,EAAE,GAAG,EAAE,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,sBAAsB,CAAC,EAAE,MAAM,GAAG,CAAC;IACnC,6BAA6B,CAAC,EAAE,MAAM,GAAG,CAAC;IAC1C,cAAc,EAAE,CAAC,GAAG,KAAA,KAAK,IAAI,CAAC;CACjC;AAED,eAAO,MAAM,QAAQ,mJASlB,aAAa,sBAyEf,CAAC"}
+{"version":3,"file":"Messages.d.ts","sourceRoot":"","sources":["../../../src/components/InboxMessage/Messages.tsx"],"names":[],"mappings":"AACA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAMpE,UAAU,aAAa;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,GAAG,CAAC;IACjB,eAAe,EAAE,GAAG,EAAE,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,sBAAsB,CAAC,EAAE,MAAM,GAAG,CAAC;IACnC,6BAA6B,CAAC,EAAE,MAAM,GAAG,CAAC;IAC1C,cAAc,EAAE,CAAC,GAAG,KAAA,KAAK,IAAI,CAAC;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,eAAO,MAAM,QAAQ,iLAWlB,aAAa,sBAmHf,CAAC"}

package/lib/components/InboxMessage/Messages.js

@@ -1,4 +1,4 @@
-import {isToday,isYesterday,format}from'date-fns';import React__default,{useState,useEffect,useRef,useMemo}from'react';import {useTranslation}from'react-i18next';import {UserModalContent}from'./UserModalContent.js';import {MessageSliceRenderer}from'./message-widgets/MessageSliceRenderer.js';const Messages = ({
+import {isToday,isYesterday,format}from'date-fns';import React__default,{useState,useEffect,useRef,useMemo}from'react';import {useTranslation}from'react-i18next';import {UserModalContent}from'./UserModalContent.js';import {SlackLikeMessageGroup}from'./message-widgets/SlackLikeMessageGroup.js';const Messages = ({
   currentUser,
   channelMessages,
   refetchMessages,
@@ -6,7 +6,9 @@ import {isToday,isYesterday,format}from'date-fns';import React__default,{useStat
   channelId,
   subscribeToNewMessages,
   subscribeToNewServiceMessages,
-  onMessageClick
+  onMessageClick,
+  isDesktopView = false,
+  isSmallScreen = false
 }) => {
   const [isOpen, setIsOpen] = useState(false);
   const [selectedElement, setSelectedElement] = useState(null);
@@ -35,7 +37,7 @@ import {isToday,isYesterday,format}from'date-fns';import React__default,{useStat
   React__default.useEffect(() => {
     if (channelMessages?.length) ;
   }, [channelMessages]);
-  const messageList = useMemo(() => {
+  const messageListWithDates = useMemo(() => {
     let currentDate = '';
     let res = [];
     channelMessages?.map(msg => {
@@ -43,26 +45,65 @@ import {isToday,isYesterday,format}from'date-fns';import React__default,{useStat
       let msgDate;
       if (isToday(date)) msgDate = t('tailwind_ui_inbox.today');else if (isYesterday(date)) msgDate = t('tailwind_ui_inbox.yesterday');else msgDate = format(new Date(msg.createdAt), 'eee, do MMMM');
       if (msgDate !== currentDate) {
-        res.push(msgDate);
+        res.push({
+          type: 'date',
+          content: msgDate
+        });
         currentDate = msgDate;
       }
       res.push(msg);
     });
     return res;
   }, [channelMessages]);
+  // Group messages by date sections for Slack-like rendering
+  const messagesByDate = useMemo(() => {
+    const sections = [];
+    let currentSection = {
+      date: null,
+      messages: []
+    };
+    messageListWithDates.forEach(item => {
+      if (item?.type === 'date') {
+        if (currentSection.messages.length > 0) {
+          sections.push(currentSection);
+        }
+        currentSection = {
+          date: item.content,
+          messages: []
+        };
+      } else {
+        currentSection.messages.push(item);
+      }
+    });
+    if (currentSection.messages.length > 0) {
+      sections.push(currentSection);
+    }
+    return sections;
+  }, [messageListWithDates]);
   return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
-    className: "w-full",
+    className: `w-full pb-8 pt-4 ${isDesktopView ? 'space-y-8 max-w-full mx-auto' : isSmallScreen ? 'space-y-4' : 'space-y-6'}`,
     ref: innerRef
-  }, messageList?.map((message, index) => {
-    return React__default.createElement(MessageSliceRenderer, {
-      key: index,
-      message: message,
-      index: index,
-      onOpen: onOpen,
-      currentUser: currentUser,
-      onMessageClick: onMessageClick
-    });
-  })), React__default.createElement(ChatModal, {
+  }, messagesByDate?.map((section, sectionIndex) => React__default.createElement("div", {
+    key: `section-${sectionIndex}`,
+    className: "w-full"
+  }, section.date && React__default.createElement("div", {
+    className: "flex items-center justify-center my-6"
+  }, React__default.createElement("div", {
+    className: "flex-grow border-t border-gray-200"
+  }), React__default.createElement("div", {
+    className: "mx-4 px-3 py-1 bg-white border border-gray-200 rounded-full text-xs font-medium text-gray-600"
+  }, section.date), React__default.createElement("div", {
+    className: "flex-grow border-t border-gray-200"
+  })), React__default.createElement("div", {
+    className: `${isDesktopView ? 'mb-6' : 'mb-4'}`
+  }, React__default.createElement(SlackLikeMessageGroup, {
+    messages: section.messages,
+    currentUser: currentUser,
+    onOpen: onOpen,
+    onMessageClick: onMessageClick,
+    isDesktopView: isDesktopView,
+    isSmallScreen: isSmallScreen
+  }))))), React__default.createElement(ChatModal, {
     element: selectedElement,
     isOpen: isOpen,
     onClose: onClose

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

@@ -1 +1 @@
-{"version":3,"file":"Messages.js","sources":["../../../src/components/InboxMessage/Messages.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"0SAkBa,QAAQ,GAAG,CAAC;aAUR;iBACS;iBACX;AAEX,EAAA,QAAM;WACgB;wBACF;AACpB,EAAA,6BAAE;;;QAIE,CAAkB,MAAA,EAAA,SAAA,CAAC,GAAI,QAAE,CAAA,KAAA,CAAA;AAC7B,EAAA,MAAE,CAAA,eAAA,EAAA,kBAAA,CAAA,GAAA,QAAA,CAAA,IAAA,CAAA;QAEO;;oBAEwB,CAAA,cAAA,CAAA;AACjC,EAAA,MAAI,MAAS,GAAA,OAAG,IAAA;AAEhB,IAAA,0BAAuB,CAAA;AACvB,IAAA;;eAEgB,GAAA;AACJ,IAAA,SAAA,CAAA,KAAA,CAAA;AACA,IAAA,kBAAM,KAAS,CAAA;AAClB,GAAA;AACT,EAAA,SAAY,CAAA,MAAE;AAEd,IAAA,sBAAqB,IAAA;AACjB,IAAA,6BAA2B,IAAE;eACL,CAAA,CAAA;EACvB,MAAA,CAAA,IAAA;AACL,EAAqBA,cAAC,CAAA,WAAA,CAAA,MAAA;AAEtB,IAAA,IAAA,QAAiB,CAAA,OAAG,EAAO,SAAI,OAAE,EAAA,aAAA,CAAA,sBAAA,CAAA,EAAA,cAAA,CAAA;cACzB,EAAA,QAAc;YACd,EAAA;AACJ,KAAA,CAAA;cACU,CAAA;AACN,EAAAA,cAAA,CAAA,gBAAY;uBACD,EAAC,MAAK,EAAA;AACW,GAAA,EAAA,CAAA,eAAA,CAAA,CAAO;;AAC9B,IAAA,IAAA,WAAA,GAAA,EAAU;AAEf,IAAA,IAAA,GAAA,GAAA,EAAI;AACA,IAAA,eAAG,EAAC,GAAI,CAAC,GAAA,IAAO;gBAChB,GAAW,IAAA,IAAA,CAAA,aAAW,CAAA;iBACzB;AACD,MAAA,IAAA,OAAI,CAAA,IAAK,CAAA,EAAI,OAAC,GAAA,CAAA,CAAA,yBAAA,CAAA,CAAA,KAAA,IAAA,WAAA,CAAA,IAAA,CAAA,EAAA,OAAA,GAAA,CAAA,CAAA,6BAAA,CAAA,CAAA,KAAA,OAAA,GAAA,MAAA,CAAA,IAAA,IAAA,CAAA,GAAA,CAAA,SAAA,CAAA,EAAA,cAAA,CAAA;AAClB,MAAA,IAAE,OAAC,KAAA,WAAA,EAAA;AACH,QAAA,GAAA,CAAA,YAAW,CAAA;AACf,QAAI,WAAe,GAAA,OAAG;AAEtB;AAEQ,MAAA,GAAA,CAAA,IAAA,CAAA,GAAA,CAAA;AAEQ,KAAA,CAAA;AAUJ,IAAA,OACE,GAAA;AACN,GAAA,EAAA,CAAA,eAAA,CAAA,CAAA;AAGZ,EAAE,OAAAA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,EAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAEF,IAAM,SAAA,EAAS,QAAM;AACjB,IAAA,GAAA,EAAK;AAAQ,GAAA,EAAA,gBAAY,CAAA,CAAA,OAAA,EAAA,KAAA,KAAA;AAEzB,IAAA,OAAOA,cACH,CAAA,aAAA,CAAA,oBAAA,EAAA;AAEI,MAAA,GAAA,EAAA,KAAA;aAGK,EAAA,OAAA;AACD,MAAA,KAAA,EAAA,KAAA;AAGQ,MAAA,MAAA,EAAA,MAAA;AACH,MAAA,WAAA,EAAA,WAAA;oBAGI,EAAA;AACD,KAAA,CAAA;AACI,GAAA,CAAA,CAAA,EAAAA,cAAA,CAAA,aAAA,CAAA,SAAA,EAAA;AACI,IAAA,OAAA,EAAA,eAAA;kBAWP;AACD,IAAA,OAAA,EAAA;AASxB,GAAE,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Messages.js","sources":["../../../src/components/InboxMessage/Messages.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"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"}

package/lib/components/InboxMessage/message-widgets/SlackLikeMessageGroup.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { IAuthUser, IPost } from 'common';
+interface SlackLikeMessageGroupProps {
+    messages: IPost[];
+    currentUser: IAuthUser;
+    onOpen: (element?: any) => void;
+    onMessageClick: (msg: IPost) => void;
+    isDesktopView?: boolean;
+    isSmallScreen?: boolean;
+}
+export declare const groupMessagesByUserAndTime: (messages: IPost[], timeThresholdMinutes?: number) => IPost[][];
+export declare const SlackLikeMessageGroup: React.FC<SlackLikeMessageGroupProps>;
+export {};
+//# sourceMappingURL=SlackLikeMessageGroup.d.ts.map

package/lib/components/InboxMessage/message-widgets/SlackLikeMessageGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SlackLikeMessageGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/InboxMessage/message-widgets/SlackLikeMessageGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAG1C,UAAU,0BAA0B;IAChC,QAAQ,EAAE,KAAK,EAAE,CAAC;IAClB,WAAW,EAAE,SAAS,CAAC;IACvB,MAAM,EAAE,CAAC,OAAO,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAChC,cAAc,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,IAAI,CAAC;IACrC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;CAC3B;AAaD,eAAO,MAAM,0BAA0B,aAAc,KAAK,EAAE,oCAA6B,KAAK,EAAE,EAgC/F,CAAC;AAqJF,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAiCtE,CAAC"}

package/lib/components/InboxMessage/message-widgets/SlackLikeMessageGroup.js

@@ -0,0 +1,138 @@
+import React__default from'react';import {format,differenceInMinutes}from'date-fns';import {FilesList}from'../../inbox/FilesList.js';import'../../inbox/MessageItem.js';import'../../inbox/ThreadItem.js';// Utility function to group messages by user and time
+const groupMessagesByUserAndTime = (messages, timeThresholdMinutes = 5) => {
+  if (!messages || messages.length === 0) return [];
+  const groups = [];
+  let currentGroup = [];
+  let lastMessage = null;
+  for (const message of messages) {
+    if (typeof message === 'string') continue; // Skip date separators
+    const shouldStartNewGroup = !lastMessage || lastMessage.author?.id !== message.author?.id || differenceInMinutes(new Date(message.createdAt), new Date(lastMessage.createdAt)) > timeThresholdMinutes;
+    if (shouldStartNewGroup) {
+      if (currentGroup.length > 0) {
+        groups.push(currentGroup);
+      }
+      currentGroup = [message];
+    } else {
+      currentGroup.push(message);
+    }
+    lastMessage = message;
+  }
+  if (currentGroup.length > 0) {
+    groups.push(currentGroup);
+  }
+  return groups;
+};
+const MessageGroup = ({
+  author,
+  messages,
+  currentUser,
+  onOpen,
+  onMessageClick,
+  isDesktopView = false,
+  isSmallScreen = false
+}) => {
+  const isOwnMessage = author?.id === currentUser?.id;
+  const authorName = author?.givenName && author?.familyName ? `${author.givenName} ${author.familyName}` : author?.username || 'Unknown User';
+  const firstMessage = messages[0];
+  const formatTime = timestamp => {
+    const date = new Date(timestamp);
+    return format(date, 'h:mm a');
+  };
+  return React__default.createElement("div", {
+    className: `group hover:bg-white hover:bg-opacity-60 rounded transition-colors ${isDesktopView ? 'mb-8 -mx-6 px-6 py-4' : isSmallScreen ? 'mb-4 -mx-2 px-2 py-2' : 'mb-6 -mx-4 px-4 py-3'}`
+  }, React__default.createElement("div", {
+    className: `flex items-start ${isDesktopView ? 'space-x-4' : isSmallScreen ? 'space-x-2' : 'space-x-3'}`
+  }, React__default.createElement("div", {
+    className: "flex-shrink-0 mt-0.5"
+  }, React__default.createElement("img", {
+    className: `rounded-lg cursor-pointer hover:opacity-80 transition-opacity ${isDesktopView ? 'w-12 h-12' : isSmallScreen ? 'w-8 h-8' : 'w-10 h-10'}`,
+    src: author?.picture || '/default-avatar.svg',
+    alt: authorName,
+    onClick: () => onOpen(firstMessage),
+    onError: e => {
+      e.currentTarget.src = '/default-avatar.svg';
+    }
+  })), React__default.createElement("div", {
+    className: "flex-1 min-w-0 overflow-hidden"
+  }, React__default.createElement("div", {
+    className: "flex items-center space-x-2 mb-1"
+  }, React__default.createElement("span", {
+    className: "text-sm font-semibold text-gray-900 truncate"
+  }, authorName), React__default.createElement("span", {
+    className: "text-xs text-gray-500 flex-shrink-0"
+  }, formatTime(firstMessage.createdAt)), isOwnMessage && React__default.createElement("span", {
+    className: "text-xs text-gray-400 italic flex-shrink-0"
+  }, "(you)")), React__default.createElement("div", {
+    className: "space-y-0.5"
+  }, messages.map((message, index) => React__default.createElement(MessageBubble, {
+    key: message.id,
+    message: message,
+    isOwnMessage: isOwnMessage,
+    isFirstInGroup: index === 0,
+    isLastInGroup: index === messages.length - 1,
+    showTimestamp: isOwnMessage && index === 0,
+    onMessageClick: onMessageClick,
+    totalInGroup: messages.length,
+    authorName: authorName,
+    formatTime: formatTime
+  }))))));
+};
+const MessageBubble = ({
+  message,
+  isOwnMessage,
+  isFirstInGroup,
+  isLastInGroup,
+  showTimestamp,
+  onMessageClick,
+  totalInGroup,
+  authorName,
+  formatTime
+}) => {
+  const handleClick = () => {
+    onMessageClick?.(message);
+  };
+  // All messages use the same format (Slack style - left aligned)
+  return React__default.createElement("div", {
+    className: "py-1 hover:bg-gray-50 hover:bg-opacity-50 rounded px-1 sm:px-2 -mx-1 sm:-mx-2 group relative"
+  }, React__default.createElement("div", {
+    className: "text-sm text-gray-900 cursor-pointer hover:bg-gray-100 px-1 sm:px-2 py-1 rounded",
+    onClick: handleClick
+  }, React__default.createElement("span", {
+    className: "text-xs text-gray-500 opacity-0 group-hover:opacity-100 transition-opacity absolute right-1 sm:right-2 top-1"
+  }, formatTime(message.createdAt)), message.message && React__default.createElement("div", {
+    className: "whitespace-pre-wrap break-words leading-relaxed pr-12 sm:pr-16"
+  }, message.message), message.files?.totalCount > 0 && React__default.createElement("div", {
+    className: "mt-2 pr-12 sm:pr-16"
+  }, React__default.createElement(FilesList, {
+    uploaded: true,
+    files: message.files.data
+  }))));
+};
+const SlackLikeMessageGroup = ({
+  messages,
+  currentUser,
+  onOpen,
+  onMessageClick,
+  isDesktopView = false,
+  isSmallScreen = false
+}) => {
+  // Filter out non-message items (like date strings)
+  const actualMessages = messages.filter(msg => typeof msg !== 'string');
+  // Group messages by user and time
+  const messageGroups = groupMessagesByUserAndTime(actualMessages);
+  return React__default.createElement("div", {
+    className: `min-h-fit ${isDesktopView ? 'space-y-8' : isSmallScreen ? 'space-y-4' : 'space-y-6'}`
+  }, messageGroups.map((group, groupIndex) => {
+    const author = group[0]?.author;
+    return React__default.createElement(MessageGroup, {
+      key: `group-${groupIndex}-${group[0]?.id}`,
+      author: author,
+      messages: group,
+      currentUser: currentUser,
+      onOpen: onOpen,
+      onMessageClick: onMessageClick,
+      isDesktopView: isDesktopView,
+      isSmallScreen: isSmallScreen
+    });
+  }));
+};export{SlackLikeMessageGroup,groupMessagesByUserAndTime};//# sourceMappingURL=SlackLikeMessageGroup.js.map

package/lib/components/InboxMessage/message-widgets/SlackLikeMessageGroup.js.map

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

package/lib/components/InboxMessage/message-widgets/index.d.ts

@@ -1,2 +1,3 @@
 export { MessageSliceRenderer } from './MessageSliceRenderer';
+export { SlackLikeMessageGroup } from './SlackLikeMessageGroup';
 //# sourceMappingURL=index.d.ts.map

package/lib/components/InboxMessage/message-widgets/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/InboxMessage/message-widgets/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/InboxMessage/message-widgets/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC"}

package/lib/components/slot-fill/chat-message-filler.js

@@ -1,4 +1,4 @@
-import*as React from'react';import {ChatMessageFiller}from'./chat-message-slot.js';import {MessageSliceRenderer}from'../InboxMessage/message-widgets/MessageSliceRenderer.js';const ChatMessageFill = () => {
+import*as React from'react';import {ChatMessageFiller}from'./chat-message-slot.js';import {MessageSliceRenderer}from'../InboxMessage/message-widgets/MessageSliceRenderer.js';import'date-fns';import'../inbox/FilesList.js';import'../inbox/MessageItem.js';import'../inbox/ThreadItem.js';const ChatMessageFill = () => {
   return React.createElement(ChatMessageFiller, null, props => React.createElement(MessageSliceRenderer, {
     ...props
   }));

package/lib/components/slot-fill/chat-message-filler.js.map

@@ -1 +1 @@
-{"version":3,"file":"chat-message-filler.js","sources":["../../../src/components/slot-fill/chat-message-filler.tsx"],"sourcesContent":[null],"names":[],"mappings":"8KAIO,MAAM,eAAe,GAAG,MAAK;AAChC,EAAA,OAAA,KAAQ,CAAA,aAAA,CAAA,iBAAA,EAAiB,IAAE,EAAA,SAAQ,KAAG,CAAA,aAAA,CAAA,oBAAqB,EAAA;AAC/D,IAAE,GAAA;AAEF,GAAA,CAAA,CAAA;AACI"}
+{"version":3,"file":"chat-message-filler.js","sources":["../../../src/components/slot-fill/chat-message-filler.tsx"],"sourcesContent":[null],"names":[],"mappings":"4RAIO,MAAM,eAAe,GAAG,MAAK;AAChC,EAAA,OAAA,KAAQ,CAAA,aAAA,CAAA,iBAAA,EAAiB,IAAE,EAAA,SAAQ,KAAG,CAAA,aAAA,CAAA,oBAAqB,EAAA;AAC/D,IAAE,GAAA;AAEF,GAAA,CAAA,CAAA;AACI"}

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;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"}
+{"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;;YAiHqB,UAAU;;;AAw6BhC,wBAAiC"}