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

package/lib/components/InboxMessage/MessagesBuilderUi.js

@@ -1,162 +0,0 @@
-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

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