@messenger-box/tailwind-ui-inbox 10.0.3-alpha.70 → 10.0.3-alpha.72

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

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

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;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;CACjC;AAED,eAAO,MAAM,QAAQ,mJASlB,aAAa,sBA6Gf,CAAC"}
+{"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;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,eAAO,MAAM,QAAQ,iLAWlB,aAAa,sBAyGf,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 {SlackLikeMessageGroup}from'./message-widgets/SlackLikeMessageGroup.js';const Messages = ({
+import {isToday,isYesterday,format}from'date-fns';import React__default,{useEffect,useRef,useMemo}from'react';import {useTranslation}from'react-i18next';import {SlackLikeMessageGroup}from'./message-widgets/SlackLikeMessageGroup.js';const Messages = ({
   currentUser,
   channelMessages,
   refetchMessages,
@@ -6,21 +6,15 @@ 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);
   const {
     t
   } = useTranslation('translations');
-  const onOpen = element => {
-    setSelectedElement(element);
-    setIsOpen(true);
-  };
-  const onClose = () => {
-    setIsOpen(false);
-    setSelectedElement(null);
-  };
+  // Disable user modal behavior: no-op handler
+  const onOpen = () => {};
   useEffect(() => {
     subscribeToNewMessages?.();
     subscribeToNewServiceMessages?.();
@@ -79,65 +73,27 @@ import {isToday,isYesterday,format}from'date-fns';import React__default,{useStat
     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
   }, messagesByDate?.map((section, sectionIndex) => React__default.createElement("div", {
     key: `section-${sectionIndex}`,
-    className: sectionIndex === messagesByDate.length - 1 ? '' : 'mb-4'
+    className: "w-full"
   }, section.date && React__default.createElement("div", {
-    className: "flex items-center justify-center my-4"
+    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(SlackLikeMessageGroup, {
+  })), React__default.createElement("div", {
+    className: `${isDesktopView ? 'mb-6' : 'mb-4'}`
+  }, React__default.createElement(SlackLikeMessageGroup, {
     messages: section.messages,
     currentUser: currentUser,
     onOpen: onOpen,
-    onMessageClick: onMessageClick
-  })))), React__default.createElement(ChatModal, {
-    element: selectedElement,
-    isOpen: isOpen,
-    onClose: onClose
-  }));
-};
-const ChatModal = ({
-  element,
-  isOpen,
-  onClose
-}) => {
-  if (!isOpen) return null;
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
-    className: "fixed inset-0 bg-black bg-opacity-50 z-40",
-    onClick: onClose
-  }), React__default.createElement("div", {
-    className: "fixed z-50 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2"
-  }, React__default.createElement("div", {
-    className: "bg-white w-[1036px] h-[700px] rounded-lg shadow-xl",
-    style: {
-      boxShadow: '0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23)'
-    }
-  }, React__default.createElement("div", {
-    className: "flex justify-between border-b border-gray-300 pb-4 pt-4"
-  }, React__default.createElement("button", {
-    onClick: onClose,
-    className: "w-8 ml-3 text-black hover:text-black focus:outline-none"
-  }, React__default.createElement("svg", {
-    className: "w-6 h-6",
-    fill: "none",
-    stroke: "currentColor",
-    viewBox: "0 0 24 24"
-  }, React__default.createElement("path", {
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    strokeWidth: 2,
-    d: "M6 18L18 6M6 6l12 12"
-  })))), React__default.createElement("div", {
-    className: "p-4"
-  }, React__default.createElement(UserModalContent, {
-    username: element?.author?.username,
-    image: element?.imageUrl ? element.imageUrl : ''
-  })))));
+    onMessageClick: onMessageClick,
+    isDesktopView: isDesktopView,
+    isSmallScreen: isSmallScreen
+  }))))));
 };export{Messages};//# sourceMappingURL=Messages.js.map

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":"4SAmBa,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,QAA0B,CAAA,OAAA,EAAA,QAAU,CAAA,SAAI,aAAE,CAAA,sBAAA,CAAA,EAAA,cAAA,CAAA;cAClC,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,GAAM,IAAA;gBACf,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;AACJ,UAAmB,IAAA,EAAA,MAAA;UAEwC,OAAA,EAAA;AAC3D,SAAA,CAAM;QACF,WAAM,GAAQ,OAAM;;AAGpB,MAAA,GAAA,CAAA,IAAA,CAAA,GAAA,CAAA;AACI,KAAA,CAAA;;AAEQ,GAAA,EAAA,CAAA,eAAA,CAAA,CAAA;;AAEJ,EAAA,MAAA,cAAA,GAAA,OAAiB,CAAA,MAAM;kBAC1B,GAAA,EAAA;sBAAO,GAAA;AACJ,MAAA,IAAA,EAAA,IAAA;cACH,EAAA;AACL,KAAA;wBAEI,CAAA,OAAuB,CAAA;AACvB,MAAA,IAAA,IAAA,EAAA,IAAQ,KAAK,MAAC,EAAA;QAClB,IAAC,cAAA,CAAA,QAAA,CAAA,MAAA,GAAA,CAAA,EAAA;AAED,UAAA,aAAe,CAAC,cAAA,CAAA;AACpB;AAEA,QAAA,cACI,GAAA;AACI,UAAA,IAAA,EAAA,IAAA,CAAA,OAAA;AAOa,UAAA,QAAA,EAAQ;;AAGD,OAAA,MAAA;AAGA,QAAA,cAAA,CAAA,QAAA,CAAA,IAAA,CAAA,IAAA,CAAA;;AAcpB,KAAA,CAAA;AAGZ,IAAE,IAAA,cAAA,CAAA,QAAA,CAAA,MAAA,GAAA,CAAA,EAAA;AAEF,MAAM,QAAA,CAAS,IAAI,CAAE,cAAS,CAAA;AAC1B;AAAa,IAAA,OAAA,QAAW;AAExB,GAAA,EAAA,CAAA,oBACI,CAAA,CAAA;AAEI,EAAA,OAAAA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,cAAe,EAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;aAGV,EAAA,QAAA;AACD,IAAA,GAAA,EAAA;AAGQ,GAAA,EAAA,cAAA,EAAA,GAAA,CAAA,CAAA,OAAqE,EAAA,YAAA,KAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AACxE,IAAA,GAAA,EAAA,CAAA,QAAA,EAAA,YAAA,CAAA,CAAA;2BAGI,KAAA,cAAA,CAAA,MAAA,GAAU,CAAyD,GAAA,EAAA,GAAA;AACpE,GAAA,EAAA,OAAA,CAAA,IAAA,IAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AACI,IAAA,SAAA,EAAA;AACI,GAAA,EAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;;AAYR,GAAA,CAAA,EAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AASxB,IAAE,SAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Messages.js","sources":["../../../src/components/InboxMessage/Messages.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"wOAoBO,MAAM,QAAQ,GAAG,CAAC;aAYZ;iBAEoC;AAC7C,EAAA,eAAe;UAEN;WACiB;wBACO;AACjC,EAAA,6BAAgB;AAEhB,EAAA;AACA,EAAA;eACQ,GAAA;;AAEI,EAAA,MAAA;AACA,IAAA;AACH,GAAA,GAAA,cAAE,CAAA,cAAA,CAAA;AACX;AAEA,EAAA,MAAA,MAAM,GAAA,MAAa,EAAE;AACjB,EAAA,SAAA,CAAI,MAAe;0BACK,IAAA;iCACvB,IAAA;AACL,GAAA,EAAC,CAAE,SAAgB,CAAA,CAAA;AAEnB,EAA0B,MAAA,CAAA,IAAU;EACdA,cAAG,CAAA,WAAA,CAAA,MAAA;QACrB,QAAU,CAAA,OAAG,EAAA,QAAA,CAAA,OAAA,EAAA,aAAA,CAAA,sBAAA,CAAA,EAAA,cAAA,CAAA;AACb,MAAA,QAAA,EAAA;YACI,EAAM;AACN,KAAA,CAAA;cACI,CAAA;AAAe,EAAAA,cAAA,CAAA,SAAA,CAAA,MAAU;uBACpB,EAAA,MAAA,EAAY;AAChB,GAAA,EAAA,CAAA,eAAA,CAAA,CAAO;AAEZ,EAAA,MAAA,oBAAgB,GAAW,OAAA,CAAA,MAAG;AAC1B,IAAA,IAAA,WAAG,GAAC,EAAI;gBACR;mBACH,EAAA,GAAA,CAAA,GAAA,IAAA;AACD,MAAA,MAAA,IAAI,GAAA,IAAK,IAAK,CAAA,GAAA,CAAA,SAAA,CAAA;AAClB,MAAA,IAAE,OAAC;AACH,MAAA,IAAA,QAAU,IAAC,CAAA,EAAA,OAAA,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;AACf,MAAG,IAAgB,OAAA,KAAA,WAAG,EAAA;QAEqC,GAAA,CAAA,IAAA,CAAA;AAC3D,UAAM,IAAc,EAAA,MAAA;UACV,OAAA,EAAA;SACF,CAAA;AAEJ,QAAA,WAAA,GAAA,OAAqB;AACjB;kBACQ,CAAA;AACA,KAAA,CAAA;;AAEJ,GAAA,EAAA,CAAA,eAAA,CAAA,CAAA;;sBACI,GAAA,OAAA,CAAA,MAAA;AACJ,IAAA,MAAA,QAAA,GAAA,EAAA;sBACH,GAAA;AACL,MAAA,IAAE,EAAC,IAAA;cAEC,EAAA;AACA,KAAA;wBACH,CAAA,OAAA,CAAA,IAAA,IAAA;AAED,MAAA,IAAA,IAAA,WAAgB,MAAA,EAAA;AACpB,QAAI,IAAoB,cAAA,CAAA,QAAG,CAAA,MAAA,GAAA,CAAA,EAAA;AAE3B,UAAA,QACI,CAAA,IAAA,CAAA,cAAA,CAAA;;AAUiB,QAAA,cAAY,GAAA;gBAEL,IAAK,CAAA,OAAA;AACL,UAAA,QAAA,EAAA;AAGA,SAAA;AAKR,OAAA,MAAA;AACI,QAAA,cAAA,CAAA,QAAA,CAAA,IAAC,CAAqB,IAAA,CAAA;AAclD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,17 @@
+import React from 'react';
+interface MessagesProps {
+    channelId: number;
+    currentUser: any;
+    channelMessages: any[];
+    totalCount: number;
+    innerRef?: any;
+    refetchMessages?: () => void;
+    subscribeToNewMessages?: () => any;
+    subscribeToNewServiceMessages?: () => any;
+    onMessageClick: (msg: any) => void;
+    isDesktopView?: boolean;
+    isSmallScreen?: boolean;
+}
+export declare const MessagesBuilderUi: ({ currentUser, channelMessages, refetchMessages, innerRef, channelId, subscribeToNewMessages, subscribeToNewServiceMessages, onMessageClick, isDesktopView, isSmallScreen, }: MessagesProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=MessagesBuilderUi.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MessagesBuilderUi.d.ts","sourceRoot":"","sources":["../../../src/components/InboxMessage/MessagesBuilderUi.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,iBAAiB,iLAW3B,aAAa,sBAiIf,CAAC"}

package/lib/components/InboxMessage/MessagesBuilderUi.js

@@ -0,0 +1,162 @@
+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 {ModernMessageGroupComponent}from'./message-widgets/ModernMessageGroup.js';const MessagesBuilderUi = ({
+  currentUser,
+  channelMessages,
+  refetchMessages,
+  innerRef,
+  channelId,
+  subscribeToNewMessages,
+  subscribeToNewServiceMessages,
+  onMessageClick,
+  isDesktopView = false,
+  isSmallScreen = false
+}) => {
+  const [isOpen, setIsOpen] = useState(false);
+  const [selectedElement, setSelectedElement] = useState(null);
+  const {
+    t
+  } = useTranslation('translations');
+  const onOpen = element => {
+    setSelectedElement(element);
+    setIsOpen(true);
+  };
+  const onClose = () => {
+    setIsOpen(false);
+    setSelectedElement(null);
+  };
+  useEffect(() => {
+    subscribeToNewMessages?.();
+    subscribeToNewServiceMessages?.();
+  }, [channelId]);
+  useRef(null);
+  React__default.useCallback(() => {
+    if (innerRef.current) innerRef.current?.querySelector(':scope > :last-child')?.scrollIntoView({
+      behavior: 'smooth',
+      inline: 'start'
+    });
+  }, [innerRef]);
+  React__default.useEffect(() => {
+    if (channelMessages?.length) ;
+  }, [channelMessages]);
+  const messageListWithDates = useMemo(() => {
+    let currentDate = '';
+    let res = [];
+    // Add original messages
+    channelMessages?.map(msg => {
+      const date = new Date(msg.createdAt);
+      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({
+          type: 'date',
+          content: msgDate
+        });
+        currentDate = msgDate;
+      }
+      res.push(msg);
+    });
+    // Add dummy messages at the end if we have existing messages
+    if (channelMessages && channelMessages.length > 0) {
+      // Add today's date if not already added
+      const todayLabel = t('tailwind_ui_inbox.today');
+      if (currentDate !== todayLabel) {
+        res.push({
+          type: 'date',
+          content: todayLabel
+        });
+      }
+      // dummyMessages.forEach(msg => res.push(msg));
+    }
+    return res;
+  }, [channelMessages, t]);
+  // 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 pb-4 pt-2 ${isDesktopView ? 'space-y-3 max-w-full mx-auto' : isSmallScreen ? 'space-y-2' : 'space-y-2'}`,
+    ref: innerRef
+  }, 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-3"
+  }, 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-2' : 'mb-1'}`
+  }, React__default.createElement(ModernMessageGroupComponent, {
+    messages: section.messages,
+    currentUser: currentUser,
+    onOpen: onOpen,
+    onMessageClick: onMessageClick,
+    isDesktopView: isDesktopView,
+    isSmallScreen: isSmallScreen
+  }))))), React__default.createElement(ChatModal, {
+    element: selectedElement,
+    isOpen: isOpen,
+    onClose: onClose
+  }));
+};
+const ChatModal = ({
+  element,
+  isOpen,
+  onClose
+}) => {
+  if (!isOpen) return null;
+  return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
+    className: "fixed inset-0 bg-black bg-opacity-50 z-40",
+    onClick: onClose
+  }), React__default.createElement("div", {
+    className: "fixed z-50 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2"
+  }, React__default.createElement("div", {
+    className: "bg-white w-[1036px] h-[700px] rounded-lg shadow-xl",
+    style: {
+      boxShadow: '0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23)'
+    }
+  }, React__default.createElement("div", {
+    className: "flex justify-between border-b border-gray-300 pb-4 pt-4"
+  }, React__default.createElement("button", {
+    onClick: onClose,
+    className: "w-8 ml-3 text-black hover:text-black focus:outline-none"
+  }, React__default.createElement("svg", {
+    className: "w-6 h-6",
+    fill: "none",
+    stroke: "currentColor",
+    viewBox: "0 0 24 24"
+  }, React__default.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 2,
+    d: "M6 18L18 6M6 6l12 12"
+  })))), React__default.createElement("div", {
+    className: "p-4"
+  }, React__default.createElement(UserModalContent, {
+    username: element?.author?.username,
+    image: element?.imageUrl ? element.imageUrl : ''
+  })))));
+};export{MessagesBuilderUi};//# sourceMappingURL=MessagesBuilderUi.js.map

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

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

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

@@ -1,6 +1,7 @@
 import React, { ChangeEventHandler } from 'react';
 export interface IUploadImageButtonProps {
     onChange: ChangeEventHandler<HTMLInputElement>;
+    children?: React.ReactNode;
 }
 export declare const UploadImageButton: (props: IUploadImageButtonProps) => React.JSX.Element;
 //# sourceMappingURL=UploadImageButton.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"UploadImageButton.d.ts","sourceRoot":"","sources":["../../../src/components/InboxMessage/UploadImageButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,kBAAkB,EAAuB,MAAM,OAAO,CAAC;AAIvE,MAAM,WAAW,uBAAuB;IACpC,QAAQ,EAAE,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;CAClD;AAED,eAAO,MAAM,iBAAiB,UAAW,uBAAuB,sBAoC/D,CAAC"}
+{"version":3,"file":"UploadImageButton.d.ts","sourceRoot":"","sources":["../../../src/components/InboxMessage/UploadImageButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,kBAAkB,EAAuB,MAAM,OAAO,CAAC;AAIvE,MAAM,WAAW,uBAAuB;IACpC,QAAQ,EAAE,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IAC/C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED,eAAO,MAAM,iBAAiB,UAAW,uBAAuB,sBAoC/D,CAAC"}

package/lib/components/InboxMessage/UploadImageButton.js

@@ -25,10 +25,10 @@ import React__default,{useRef,useCallback}from'react';import {useTranslation}fro
     className: "absolute top-full left-1/2 transform -translate-x-1/2 w-0 h-0 border-l-4 border-r-4 border-t-4 border-l-transparent border-r-transparent border-t-gray-900"
   })), React__default.createElement("button", {
     type: "button",
-    className: "flex items-center justify-center w-8 h-8 rounded-full bg-transparent hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50 transition-all duration-200 ease-in-out hover:scale-105 active:scale-95",
+    className: "flex items-center justify-center w-8 h-8 bg-transparent hover:bg-gray-100 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50 transition-all duration-200 ease-in-out",
     onClick: selectFile,
     "aria-label": t('tailwind_ui_inbox.upload_image')
-  }, React__default.createElement(BiImage, {
-    className: "w-5 h-5 text-gray-500 group-hover:text-gray-700 transition-colors duration-200"
+  }, props.children || React__default.createElement(BiImage, {
+    className: "w-5 h-5 text-gray-500 hover:text-gray-700"
   })));
 };export{UploadImageButton};//# sourceMappingURL=UploadImageButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"UploadImageButton.js","sources":["../../../src/components/InboxMessage/UploadImageButton.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"4JAQa,MAAA,iBAAiB,GAAG,KAAC,IAAkC;AAChE,EAAA,MAAA,SAAe,GAAA,MAAS,EAAA;QAClB;AAEN,IAAA;AACI,GAAA,GAAA,cAAa,CAAA,cAAY,CAAA;AACrB,EAAA,MAAA,UAAA,GAAS,WAAW,CAAA,MAAO;QAC/B,SAAC,EAAA,OAAA,EAAA;AACL,MAAG,SAAU,EAAA,OAAG,EAAA,KAAA,EAAA;AAEhB;AAEQ,GAAA,EAAA,CAAA,SAAA,CAAA,CAAA;SASKA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;aACC;AAEF,GAAA,EAAAA,cAAA,CAAA,aAAA,CAAA,OAAA,EAAA;AAEJ,IAAA,QAAA,EAAA,IAAA;YAMI;AAIhB,IAAE,IAAA,EAAA,MAAA;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"UploadImageButton.js","sources":["../../../src/components/InboxMessage/UploadImageButton.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"4JASa,MAAA,iBAAiB,GAAG,KAAC,IAAkC;AAChE,EAAA,MAAA,SAAe,GAAA,MAAS,EAAA;QAClB;AAEN,IAAA;AACI,GAAA,GAAA,cAAa,CAAA,cAAY,CAAA;AACrB,EAAA,MAAA,UAAA,GAAS,WAAW,CAAA,MAAO;QAC/B,SAAC,EAAA,OAAA,EAAA;AACL,MAAG,SAAU,EAAA,OAAG,EAAA,KAAA,EAAA;AAEhB;AAEQ,GAAA,EAAA,CAAA,SAAA,CAAA,CAAA;SASKA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;aACC;AAEF,GAAA,EAAAA,cAAA,CAAA,aAAA,CAAA,OAAA,EAAA;AAEJ,IAAA,QAAA,EAAA,IAAA;AAUZ,IAAE,MAAA,EAAA,qFAAA;;;;;;;;;;;;;;;;;;;"}

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

@@ -10,4 +10,7 @@ export * from './UserModalContent';
 export * from './message-widgets';
 export * from './RightSidebar';
 export * from './ServiceInboxItem';
+export * from './MessageInputComponent';
+export * from './InputComponent';
+export * from './MessagesBuilderUi';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/InboxMessage/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/InboxMessage/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"CommonMessage.d.ts","sourceRoot":"","sources":["../../../../src/components/InboxMessage/message-widgets/CommonMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAI1C,UAAU,mBAAmB;IACzB,OAAO,EAAE,KAAK,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,WAAW,EAAE,SAAS,CAAC;CAC1B;AAED,eAAO,MAAM,aAAa,UAAW,mBAAmB,sBAoCvD,CAAC"}
+{"version":3,"file":"CommonMessage.d.ts","sourceRoot":"","sources":["../../../../src/components/InboxMessage/message-widgets/CommonMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAI1C,UAAU,mBAAmB;IACzB,OAAO,EAAE,KAAK,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,WAAW,EAAE,SAAS,CAAC;CAC1B;AAED,eAAO,MAAM,aAAa,UAAW,mBAAmB,sBAsDvD,CAAC"}

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

@@ -5,19 +5,21 @@ import*as React from'react';import {formatDistance}from'date-fns';import {BsFlag
     onOpen,
     currentUser
   } = props;
+  // Determine if this is an AI/system message for special styling
+  const isSystemMessage = message?.author?.username?.toLowerCase().includes('ai') || message?.author?.username?.toLowerCase().includes('assistant') || message?.author?.username?.toLowerCase().includes('system');
   return React.createElement("div", {
     className: "w-full flex justify-start mb-7",
     key: `msgList_${index}`
   }, React.createElement("div", {
     className: "flex-grow flex"
-  }, React.createElement("img", {
+  }, !isSystemMessage && React.createElement("img", {
     className: "w-8 h-8 bg-gray-400 rounded-full mr-4 cursor-pointer",
     src: message?.author?.picture,
     alt: message?.author?.username || 'User avatar',
     onClick: onOpen
   }), React.createElement("div", {
     className: "flex-grow"
-  }, React.createElement("div", {
+  }, !isSystemMessage && React.createElement("div", {
     className: "flex flex-grow mt-1.5"
   }, React.createElement("p", {
     className: "text-sm text-gray-600 font-bold"
@@ -26,12 +28,15 @@ import*as React from'react';import {formatDistance}from'date-fns';import {BsFlag
   }, formatDistance(new Date(message?.createdAt), new Date(), {
     includeSeconds: true,
     addSuffix: true
-  }))), React.createElement("p", {
-    className: "text-sm mt-1.5 whitespace-pre-line"
-  }, message?.message), message.files?.totalCount ? React.createElement(FilesList, {
+  }))), React.createElement("div", {
+    className: "text-sm mt-1.5 whitespace-pre-wrap prose prose-sm max-w-none",
+    dangerouslySetInnerHTML: {
+      __html: message?.message || ''
+    }
+  }), message.files?.totalCount ? React.createElement(FilesList, {
     uploaded: true,
     files: message.files?.data
-  }) : null)), currentUser?.id !== message?.author?.id && React.createElement("div", {
+  }) : null)), !isSystemMessage && currentUser?.id !== message?.author?.id && React.createElement("div", {
     className: "ml-2"
   }, React.createElement(BsFlag, {
     className: "text-gray-600 w-6 h-6"

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

@@ -1 +1 @@
-{"version":3,"file":"CommonMessage.js","sources":["../../../../src/components/InboxMessage/message-widgets/CommonMessage.tsx"],"sourcesContent":[null],"names":[],"mappings":"iPAca,MAAA,aAAa,GAAG,KAAC,IAA8B;QAClD;IACN,OAAO;SAEM;;;;AASO,EAAA,OAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAEQ,IAAA,SAAA,EAAA,gCAAmB;AACnB,IAAA,GAAA,EAAA,CAAA,QAAA,EAAA,KAAC,CAAC;AAEV,GAAA,EAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAEQ,IAAA,SAAA,EAAA;AACA,GAAA,EAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AACH,IAAA,SAAA,EAAA,sDAEH;AACN,IAAA,GAAA,EAAA,OAAA,EAAA,MAAA,EAAA,OAAA;gBACC,EAAO,MAAC,EAAK,QAAY,IAAA,aAAG;AAGpC,IAAA,OAAA,EAAA;YAEO,aAAC,CAAA,KAAA,EAAA;AAKrB,IAAE,SAAA,EAAA;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CommonMessage.js","sources":["../../../../src/components/InboxMessage/message-widgets/CommonMessage.tsx"],"sourcesContent":[null],"names":[],"mappings":"iPAca,MAAA,aAAa,GAAG,KAAC,IAA8B;QAClD;IAEN,OAAgE;AAChE,IAAA,KAAA;UAEW;AACP,IAAA;MAEG,KAAA;;AAIM,EAAA,MAAA,eAAgB,GAAA,OACb,EAAA,MAAA,EAAA,QAAA,EAAA,WACa,EAAA,CAAA,QAAuD,CAAA,IAAA,CAAA,IAAA,OAAA,EAAA,MAAA,EAAA,QAAA,EAAA,WAAA,EAAA,CAAA,QAC3D,CAAO,gBAAU,OAAO,EAC7B,MAAK,EAAA,QAAS,EAAA,WAAQ,EAAY,CAAA,QAAA,CAAA,QAClC,CAAA;cAGH,CAAA,aAAA,CAAA,KAAA,EAAA;AAEA,IAAA,SAAA,EAAA,gCACQ;AACD,IAAA,GAAA,EAAA,CAAA,QAAA,EAAA,KAAA,CAAA;AAEQ,GAAA,EAAA,KAAA,CAAA,aAAA,CAAC,KAAC,EAAA;AACF,IAAA,SAAA,EAAA;AAER,GAAA,EAAA,CAAA,eAAA,IAAA,KAAA,CAAA,aAAA,CAAA;AAEQ,IAAA,SAAA,EAAA,sDAAoB;AACpB,IAAA,GAAA,EAAA,OAAA,EAAA,MAAA,EAAA,OAAS;wBAGf,EACT,QAAA,IAAA,aAAA;AAED,IAAA,OAAA,EAAA;yBAIc,CAAA,KAAE,EAAU;AAIjC,IAAA;qBAEQ,IAAA,KAAA,CAAA,aAAO,CAAA,KAAA,EAAU;AAKtC,IAAE,SAAA,EAAA;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,14 @@
+import React from 'react';
+import { IAuthUser, IPost } from 'common';
+interface ModernMessageGroupProps {
+    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 ModernMessageGroupComponent: React.FC<ModernMessageGroupProps>;
+export {};
+//# sourceMappingURL=ModernMessageGroup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModernMessageGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/InboxMessage/message-widgets/ModernMessageGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AA6c1C,UAAU,uBAAuB;IAC7B,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;AAw4CF,eAAO,MAAM,2BAA2B,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAoCzE,CAAC"}