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

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,
@@ -10,19 +10,11 @@ import {isToday,isYesterday,format}from'date-fns';import React__default,{useStat
   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?.();
@@ -103,47 +95,5 @@ import {isToday,isYesterday,format}from'date-fns';import React__default,{useStat
     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{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":"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"}
+{"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"}