stream-chat-react-native-core 8.11.0 → 8.12.0-beta.1

package/lib/module/components/MessageList/hooks/useMessageDateSeparator.js

@@ -0,0 +1,45 @@
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useMessageDateSeparator = exports.getDateSeparatorValue = void 0;
+var _react = require("react");
+var _useStateStore2 = require("../../../hooks/useStateStore");
+var getDateSeparatorValue = exports.getDateSeparatorValue = function getDateSeparatorValue(_ref) {
+  var hideDateSeparators = _ref.hideDateSeparators,
+    message = _ref.message,
+    previousMessage = _ref.previousMessage;
+  if (hideDateSeparators) {
+    return undefined;
+  }
+  var previousMessageDate = previousMessage == null ? void 0 : previousMessage.created_at.toDateString();
+  var messageDate = message == null ? void 0 : message.created_at.toDateString();
+  if (previousMessageDate !== messageDate) {
+    return message == null ? void 0 : message.created_at;
+  }
+  return undefined;
+};
+var useMessageDateSeparator = exports.useMessageDateSeparator = function useMessageDateSeparator(_ref2) {
+  var hideDateSeparators = _ref2.hideDateSeparators,
+    message = _ref2.message,
+    messageListPreviousAndNextMessageStore = _ref2.messageListPreviousAndNextMessageStore;
+  var selector = (0, _react.useCallback)(function (state) {
+    var _state$messageList$me;
+    return {
+      previousMessage: message ? (_state$messageList$me = state.messageList[message.id]) == null ? void 0 : _state$messageList$me.previousMessage : undefined
+    };
+  }, [message]);
+  var _useStateStore = (0, _useStateStore2.useStateStore)(messageListPreviousAndNextMessageStore.state, selector),
+    previousMessage = _useStateStore.previousMessage;
+  var dateSeparatorDate = (0, _react.useMemo)(function () {
+    if (!message && !previousMessage) {
+      return undefined;
+    }
+    return getDateSeparatorValue({
+      hideDateSeparators: hideDateSeparators,
+      message: message,
+      previousMessage: previousMessage
+    });
+  }, [hideDateSeparators, message, previousMessage]);
+  return dateSeparatorDate;
+};
+//# sourceMappingURL=useMessageDateSeparator.js.map

package/lib/module/components/MessageList/hooks/useMessageDateSeparator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_useStateStore2","getDateSeparatorValue","exports","_ref","hideDateSeparators","message","previousMessage","undefined","previousMessageDate","created_at","toDateString","messageDate","useMessageDateSeparator","_ref2","messageListPreviousAndNextMessageStore","selector","useCallback","state","_state$messageList$me","messageList","id","_useStateStore","useStateStore","dateSeparatorDate","useMemo"],"sourceRoot":"../../../../../src","sources":["components/MessageList/hooks/useMessageDateSeparator.ts"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAIA,IAAAC,eAAA,GAAAD,OAAA;AAMO,IAAME,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG,SAAxBA,qBAAqBA,CAAAE,IAAA,EAQ5B;EAAA,IAPJC,kBAAkB,GAAAD,IAAA,CAAlBC,kBAAkB;IAClBC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IACPC,eAAe,GAAAH,IAAA,CAAfG,eAAe;EAMf,IAAIF,kBAAkB,EAAE;IACtB,OAAOG,SAAS;EAClB;EAEA,IAAMC,mBAAmB,GAAGF,eAAe,oBAAfA,eAAe,CAAEG,UAAU,CAACC,YAAY,CAAC,CAAC;EACtE,IAAMC,WAAW,GAAGN,OAAO,oBAAPA,OAAO,CAAEI,UAAU,CAACC,YAAY,CAAC,CAAC;EAEtD,IAAIF,mBAAmB,KAAKG,WAAW,EAAE;IACvC,OAAON,OAAO,oBAAPA,OAAO,CAAEI,UAAU;EAC5B;EAEA,OAAOF,SAAS;AAClB,CAAC;AAKM,IAAMK,uBAAuB,GAAAV,OAAA,CAAAU,uBAAA,GAAG,SAA1BA,uBAAuBA,CAAAC,KAAA,EAQ9B;EAAA,IAPJT,kBAAkB,GAAAS,KAAA,CAAlBT,kBAAkB;IAClBC,OAAO,GAAAQ,KAAA,CAAPR,OAAO;IACPS,sCAAsC,GAAAD,KAAA,CAAtCC,sCAAsC;EAMtC,IAAMC,QAAQ,GAAG,IAAAC,kBAAW,EAC1B,UAACC,KAA6C;IAAA,IAAAC,qBAAA;IAAA,OAAM;MAClDZ,eAAe,EAAED,OAAO,IAAAa,qBAAA,GAAGD,KAAK,CAACE,WAAW,CAACd,OAAO,CAACe,EAAE,CAAC,qBAA7BF,qBAAA,CAA+BZ,eAAe,GAAGC;IAC9E,CAAC;EAAA,CAAC,EACF,CAACF,OAAO,CACV,CAAC;EACD,IAAAgB,cAAA,GAA4B,IAAAC,6BAAa,EAACR,sCAAsC,CAACG,KAAK,EAAEF,QAAQ,CAAC;IAAzFT,eAAe,GAAAe,cAAA,CAAff,eAAe;EAEvB,IAAMiB,iBAAiB,GAAG,IAAAC,cAAO,EAAC,YAAM;IACtC,IAAI,CAACnB,OAAO,IAAI,CAACC,eAAe,EAAE;MAChC,OAAOC,SAAS;IAClB;IACA,OAAON,qBAAqB,CAAC;MAC3BG,kBAAkB,EAAlBA,kBAAkB;MAClBC,OAAO,EAAPA,OAAO;MACPC,eAAe,EAAfA;IACF,CAAC,CAAC;EACJ,CAAC,EAAE,CAACF,kBAAkB,EAAEC,OAAO,EAAEC,eAAe,CAAC,CAAC;EAElD,OAAOiB,iBAAiB;AAC1B,CAAC","ignoreList":[]}

package/lib/module/components/MessageList/hooks/useMessageGroupStyles.js

@@ -0,0 +1,46 @@
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useMessageGroupStyles = void 0;
+var _react = require("react");
+var _useMessageDateSeparator = require("./useMessageDateSeparator");
+var _useStateStore2 = require("../../../hooks/useStateStore");
+var _getGroupStyles = require("../utils/getGroupStyles");
+var useMessageGroupStyles = exports.useMessageGroupStyles = function useMessageGroupStyles(_ref) {
+  var noGroupByUser = _ref.noGroupByUser,
+    dateSeparatorDate = _ref.dateSeparatorDate,
+    maxTimeBetweenGroupedMessages = _ref.maxTimeBetweenGroupedMessages,
+    message = _ref.message,
+    messageListPreviousAndNextMessageStore = _ref.messageListPreviousAndNextMessageStore,
+    _ref$getMessageGroupS = _ref.getMessageGroupStyle,
+    getMessageGroupStyle = _ref$getMessageGroupS === void 0 ? _getGroupStyles.getGroupStyle : _ref$getMessageGroupS;
+  var selector = (0, _react.useCallback)(function (state) {
+    var _state$messageList$me, _state$messageList$me2;
+    return {
+      nextMessage: (_state$messageList$me = state.messageList[message.id]) == null ? void 0 : _state$messageList$me.nextMessage,
+      previousMessage: (_state$messageList$me2 = state.messageList[message.id]) == null ? void 0 : _state$messageList$me2.previousMessage
+    };
+  }, [message.id]);
+  var _useStateStore = (0, _useStateStore2.useStateStore)(messageListPreviousAndNextMessageStore.state, selector),
+    previousMessage = _useStateStore.previousMessage,
+    nextMessage = _useStateStore.nextMessage;
+  var nextMessageDateSeparatorDate = (0, _useMessageDateSeparator.useMessageDateSeparator)({
+    message: nextMessage,
+    messageListPreviousAndNextMessageStore: messageListPreviousAndNextMessageStore
+  });
+  var groupStyles = (0, _react.useMemo)(function () {
+    if (noGroupByUser) {
+      return [];
+    }
+    return getMessageGroupStyle({
+      dateSeparatorDate: dateSeparatorDate,
+      maxTimeBetweenGroupedMessages: maxTimeBetweenGroupedMessages,
+      message: message,
+      nextMessage: nextMessage,
+      nextMessageDateSeparatorDate: nextMessageDateSeparatorDate,
+      previousMessage: previousMessage
+    });
+  }, [noGroupByUser, getMessageGroupStyle, dateSeparatorDate, maxTimeBetweenGroupedMessages, message, nextMessage, nextMessageDateSeparatorDate, previousMessage]);
+  return groupStyles;
+};
+//# sourceMappingURL=useMessageGroupStyles.js.map

package/lib/module/components/MessageList/hooks/useMessageGroupStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_useMessageDateSeparator","_useStateStore2","_getGroupStyles","useMessageGroupStyles","exports","_ref","noGroupByUser","dateSeparatorDate","maxTimeBetweenGroupedMessages","message","messageListPreviousAndNextMessageStore","_ref$getMessageGroupS","getMessageGroupStyle","getGroupStyle","selector","useCallback","state","_state$messageList$me","_state$messageList$me2","nextMessage","messageList","id","previousMessage","_useStateStore","useStateStore","nextMessageDateSeparatorDate","useMessageDateSeparator","groupStyles","useMemo"],"sourceRoot":"../../../../../src","sources":["components/MessageList/hooks/useMessageGroupStyles.ts"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAIA,IAAAC,wBAAA,GAAAD,OAAA;AAGA,IAAAE,eAAA,GAAAF,OAAA;AAKA,IAAAG,eAAA,GAAAH,OAAA;AAKO,IAAMI,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG,SAAxBA,qBAAqBA,CAAAE,IAAA,EAc5B;EAAA,IAbJC,aAAa,GAAAD,IAAA,CAAbC,aAAa;IACbC,iBAAiB,GAAAF,IAAA,CAAjBE,iBAAiB;IACjBC,6BAA6B,GAAAH,IAAA,CAA7BG,6BAA6B;IAC7BC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;IACPC,sCAAsC,GAAAL,IAAA,CAAtCK,sCAAsC;IAAAC,qBAAA,GAAAN,IAAA,CACtCO,oBAAoB;IAApBA,oBAAoB,GAAAD,qBAAA,cAAGE,6BAAa,GAAAF,qBAAA;EASpC,IAAMG,QAAQ,GAAG,IAAAC,kBAAW,EAC1B,UAACC,KAA6C;IAAA,IAAAC,qBAAA,EAAAC,sBAAA;IAAA,OAAM;MAClDC,WAAW,GAAAF,qBAAA,GAAED,KAAK,CAACI,WAAW,CAACX,OAAO,CAACY,EAAE,CAAC,qBAA7BJ,qBAAA,CAA+BE,WAAW;MACvDG,eAAe,GAAAJ,sBAAA,GAAEF,KAAK,CAACI,WAAW,CAACX,OAAO,CAACY,EAAE,CAAC,qBAA7BH,sBAAA,CAA+BI;IAClD,CAAC;EAAA,CAAC,EACF,CAACb,OAAO,CAACY,EAAE,CACb,CAAC;EACD,IAAAE,cAAA,GAAyC,IAAAC,6BAAa,EACpDd,sCAAsC,CAACM,KAAK,EAC5CF,QACF,CAAC;IAHOQ,eAAe,GAAAC,cAAA,CAAfD,eAAe;IAAEH,WAAW,GAAAI,cAAA,CAAXJ,WAAW;EAMpC,IAAMM,4BAA4B,GAAG,IAAAC,gDAAuB,EAAC;IAC3DjB,OAAO,EAAEU,WAAW;IACpBT,sCAAsC,EAAtCA;EACF,CAAC,CAAC;EAEF,IAAMiB,WAAW,GAAG,IAAAC,cAAO,EAAC,YAAM;IAChC,IAAItB,aAAa,EAAE;MACjB,OAAO,EAAE;IACX;IACA,OAAOM,oBAAoB,CAAC;MAC1BL,iBAAiB,EAAjBA,iBAAiB;MACjBC,6BAA6B,EAA7BA,6BAA6B;MAC7BC,OAAO,EAAPA,OAAO;MACPU,WAAW,EAAXA,WAAW;MACXM,4BAA4B,EAA5BA,4BAA4B;MAC5BH,eAAe,EAAfA;IACF,CAAC,CAAC;EACJ,CAAC,EAAE,CACDhB,aAAa,EACbM,oBAAoB,EACpBL,iBAAiB,EACjBC,6BAA6B,EAC7BC,OAAO,EACPU,WAAW,EACXM,4BAA4B,EAC5BH,eAAe,CAChB,CAAC;EAEF,OAAOK,WAAW;AACpB,CAAC","ignoreList":[]}

package/lib/module/components/MessageList/hooks/useMessageList.js

@@ -1,7 +1,9 @@
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useMessageList = exports.shouldIncludeMessageInList = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
 var _ChannelContext = require("../../../contexts/channelContext/ChannelContext");
 var _ChatContext = require("../../../contexts/chatContext/ChatContext");
@@ -9,29 +11,36 @@ var _MessagesContext = require("../../../contexts/messagesContext/MessagesContex
 var _PaginatedMessageListContext = require("../../../contexts/paginatedMessageListContext/PaginatedMessageListContext");
 var _ThreadContext = require("../../../contexts/threadContext/ThreadContext");
 var _hooks = require("../../../hooks");
+var _messageListPrevNextState = require("../../../state-store/message-list-prev-next-state");
 var _getDateSeparators = require("../utils/getDateSeparators");
 var _getGroupStyles = require("../utils/getGroupStyles");
 var shouldIncludeMessageInList = exports.shouldIncludeMessageInList = function shouldIncludeMessageInList(message, options) {
-  var _message$user, _message$user2;
+  var _message$user;
   var deletedMessagesVisibilityType = options.deletedMessagesVisibilityType,
     userId = options.userId;
   var isMessageTypeDeleted = message.type === 'deleted';
+  var isSender = ((_message$user = message.user) == null ? void 0 : _message$user.id) === userId;
+  if (!isMessageTypeDeleted) {
+    return true;
+  }
   switch (deletedMessagesVisibilityType) {
+    case 'always':
+      return true;
     case 'sender':
-      return !isMessageTypeDeleted || ((_message$user = message.user) == null ? void 0 : _message$user.id) === userId;
+      return isSender;
     case 'receiver':
-      return !isMessageTypeDeleted || ((_message$user2 = message.user) == null ? void 0 : _message$user2.id) !== userId;
+      return !isSender;
     case 'never':
-      return !isMessageTypeDeleted;
     default:
-      return !!message;
+      return false;
   }
 };
 var useMessageList = exports.useMessageList = function useMessageList(params) {
   var noGroupByUser = params.noGroupByUser,
     threadList = params.threadList,
     isLiveStreaming = params.isLiveStreaming,
-    isFlashList = params.isFlashList;
+    _params$isFlashList = params.isFlashList,
+    isFlashList = _params$isFlashList === void 0 ? false : _params$isFlashList;
   var _useChatContext = (0, _ChatContext.useChatContext)(),
     client = _useChatContext.client;
   var _useChannelContext = (0, _ChannelContext.useChannelContext)(),
@@ -47,14 +56,40 @@ var useMessageList = exports.useMessageList = function useMessageList(params) {
   var _useThreadContext = (0, _ThreadContext.useThreadContext)(),
     threadMessages = _useThreadContext.threadMessages;
   var messageList = threadList ? threadMessages : messages;
+  var _useState = (0, _react.useState)(function () {
+      return new _messageListPrevNextState.MessagePreviousAndNextMessageStore();
+    }),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 1),
+    messageListPreviousAndNextMessageStore = _useState2[0];
+  var processedMessageList = (0, _react.useMemo)(function () {
+    var newMessageList = [];
+    for (var message of messageList) {
+      if (!shouldIncludeMessageInList(message, {
+        deletedMessagesVisibilityType: deletedMessagesVisibilityType,
+        userId: client.userID
+      })) {
+        continue;
+      }
+      if (isFlashList) {
+        newMessageList.push(message);
+      } else {
+        newMessageList.unshift(message);
+      }
+    }
+    return newMessageList;
+  }, [messageList, deletedMessagesVisibilityType, client.userID, isFlashList]);
+  (0, _react.useEffect)(function () {
+    messageListPreviousAndNextMessageStore.setMessageListPreviousAndNextMessage({
+      isFlashList: isFlashList,
+      messages: processedMessageList
+    });
+  }, [processedMessageList, messageListPreviousAndNextMessageStore, isFlashList]);
   var dateSeparators = (0, _react.useMemo)(function () {
     return (0, _getDateSeparators.getDateSeparators)({
-      deletedMessagesVisibilityType: deletedMessagesVisibilityType,
       hideDateSeparators: hideDateSeparators,
-      messages: messageList,
-      userId: client.userID
+      messages: processedMessageList
     });
-  }, [deletedMessagesVisibilityType, hideDateSeparators, messageList, client.userID]);
+  }, [hideDateSeparators, processedMessageList]);
   var dateSeparatorsRef = (0, _react.useRef)(dateSeparators);
   dateSeparatorsRef.current = dateSeparators;
   var messageGroupStyles = (0, _react.useMemo)(function () {
@@ -62,38 +97,23 @@ var useMessageList = exports.useMessageList = function useMessageList(params) {
       dateSeparators: dateSeparatorsRef.current,
       hideDateSeparators: hideDateSeparators,
       maxTimeBetweenGroupedMessages: maxTimeBetweenGroupedMessages,
-      messages: messageList,
+      messages: processedMessageList,
       noGroupByUser: noGroupByUser,
       userId: client.userID
     });
-  }, [dateSeparatorsRef, getMessagesGroupStyles, hideDateSeparators, maxTimeBetweenGroupedMessages, messageList, noGroupByUser, client.userID]);
+  }, [getMessagesGroupStyles, hideDateSeparators, maxTimeBetweenGroupedMessages, processedMessageList, noGroupByUser, client.userID]);
   var messageGroupStylesRef = (0, _react.useRef)(messageGroupStyles);
   messageGroupStylesRef.current = messageGroupStyles;
-  var processedMessageList = (0, _react.useMemo)(function () {
-    var newMessageList = [];
-    for (var message of messageList) {
-      if (shouldIncludeMessageInList(message, {
-        deletedMessagesVisibilityType: deletedMessagesVisibilityType,
-        userId: client.userID
-      })) {
-        if (isFlashList) {
-          newMessageList.push(message);
-        } else {
-          newMessageList.unshift(message);
-        }
-      }
-    }
-    return newMessageList;
-  }, [client.userID, deletedMessagesVisibilityType, isFlashList, messageList]);
   var data = (0, _hooks.useRAFCoalescedValue)(processedMessageList, isLiveStreaming);
   return (0, _react.useMemo)(function () {
     return {
       dateSeparatorsRef: dateSeparatorsRef,
       messageGroupStylesRef: messageGroupStylesRef,
+      messageListPreviousAndNextMessageStore: messageListPreviousAndNextMessageStore,
       processedMessageList: data,
       rawMessageList: messageList,
       viewabilityChangedCallback: viewabilityChangedCallback
     };
-  }, [data, messageList, viewabilityChangedCallback]);
+  }, [data, messageList, messageListPreviousAndNextMessageStore, viewabilityChangedCallback]);
 };
 //# sourceMappingURL=useMessageList.js.map

package/lib/module/components/MessageList/hooks/useMessageList.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_ChannelContext","_ChatContext","_MessagesContext","_PaginatedMessageListContext","_ThreadContext","_hooks","_getDateSeparators","_getGroupStyles","shouldIncludeMessageInList","exports","message","options","_message$user","_message$user2","deletedMessagesVisibilityType","userId","isMessageTypeDeleted","type","user","id","useMessageList","params","noGroupByUser","threadList","isLiveStreaming","isFlashList","_useChatContext","useChatContext","client","_useChannelContext","useChannelContext","hideDateSeparators","maxTimeBetweenGroupedMessages","_useMessagesContext","useMessagesContext","_useMessagesContext$g","getMessagesGroupStyles","getGroupStyles","_usePaginatedMessageL","usePaginatedMessageListContext","messages","viewabilityChangedCallback","_useThreadContext","useThreadContext","threadMessages","messageList","dateSeparators","useMemo","getDateSeparators","userID","dateSeparatorsRef","useRef","current","messageGroupStyles","messageGroupStylesRef","processedMessageList","newMessageList","push","unshift","data","useRAFCoalescedValue","rawMessageList"],"sourceRoot":"../../../../../src","sources":["components/MessageList/hooks/useMessageList.ts"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAIA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AAIA,IAAAI,4BAAA,GAAAJ,OAAA;AACA,IAAAK,cAAA,GAAAL,OAAA;AAEA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,kBAAA,GAAAP,OAAA;AACA,IAAAQ,eAAA,GAAAR,OAAA;AAgBO,IAAMS,0BAA0B,GAAAC,OAAA,CAAAD,0BAAA,GAAG,SAA7BA,0BAA0BA,CACrCE,OAAqB,EACrBC,OAA2F,EACxF;EAAA,IAAAC,aAAA,EAAAC,cAAA;EACH,IAAQC,6BAA6B,GAAaH,OAAO,CAAjDG,6BAA6B;IAAEC,MAAM,GAAKJ,OAAO,CAAlBI,MAAM;EAC7C,IAAMC,oBAAoB,GAAGN,OAAO,CAACO,IAAI,KAAK,SAAS;EACvD,QAAQH,6BAA6B;IACnC,KAAK,QAAQ;MACX,OAAO,CAACE,oBAAoB,IAAI,EAAAJ,aAAA,GAAAF,OAAO,CAACQ,IAAI,qBAAZN,aAAA,CAAcO,EAAE,MAAKJ,MAAM;IAE7D,KAAK,UAAU;MACb,OAAO,CAACC,oBAAoB,IAAI,EAAAH,cAAA,GAAAH,OAAO,CAACQ,IAAI,qBAAZL,cAAA,CAAcM,EAAE,MAAKJ,MAAM;IAE7D,KAAK,OAAO;MACV,OAAO,CAACC,oBAAoB;IAE9B;MACE,OAAO,CAAC,CAACN,OAAO;EACpB;AACF,CAAC;AAEM,IAAMU,cAAc,GAAAX,OAAA,CAAAW,cAAA,GAAG,SAAjBA,cAAcA,CAAIC,MAA4B,EAAK;EAC9D,IAAQC,aAAa,GAA+CD,MAAM,CAAlEC,aAAa;IAAEC,UAAU,GAAmCF,MAAM,CAAnDE,UAAU;IAAEC,eAAe,GAAkBH,MAAM,CAAvCG,eAAe;IAAEC,WAAW,GAAKJ,MAAM,CAAtBI,WAAW;EAC/D,IAAAC,eAAA,GAAmB,IAAAC,2BAAc,EAAC,CAAC;IAA3BC,MAAM,GAAAF,eAAA,CAANE,MAAM;EACd,IAAAC,kBAAA,GAA8D,IAAAC,iCAAiB,EAAC,CAAC;IAAzEC,kBAAkB,GAAAF,kBAAA,CAAlBE,kBAAkB;IAAEC,6BAA6B,GAAAH,kBAAA,CAA7BG,6BAA6B;EACzD,IAAAC,mBAAA,GACE,IAAAC,mCAAkB,EAAC,CAAC;IADdpB,6BAA6B,GAAAmB,mBAAA,CAA7BnB,6BAA6B;IAAAqB,qBAAA,GAAAF,mBAAA,CAAEG,sBAAsB;IAAtBA,sBAAsB,GAAAD,qBAAA,cAAGE,8BAAc,GAAAF,qBAAA;EAE9E,IAAAG,qBAAA,GAAiD,IAAAC,2DAA8B,EAAC,CAAC;IAAzEC,QAAQ,GAAAF,qBAAA,CAARE,QAAQ;IAAEC,0BAA0B,GAAAH,qBAAA,CAA1BG,0BAA0B;EAC5C,IAAAC,iBAAA,GAA2B,IAAAC,+BAAgB,EAAC,CAAC;IAArCC,cAAc,GAAAF,iBAAA,CAAdE,cAAc;EACtB,IAAMC,WAAW,GAAGtB,UAAU,GAAGqB,cAAc,GAAGJ,QAAQ;EAE1D,IAAMM,cAAc,GAAG,IAAAC,cAAO,EAC5B;IAAA,OACE,IAAAC,oCAAiB,EAAC;MAChBlC,6BAA6B,EAA7BA,6BAA6B;MAC7BiB,kBAAkB,EAAlBA,kBAAkB;MAClBS,QAAQ,EAAEK,WAAW;MACrB9B,MAAM,EAAEa,MAAM,CAACqB;IACjB,CAAC,CAAC;EAAA,GACJ,CAACnC,6BAA6B,EAAEiB,kBAAkB,EAAEc,WAAW,EAAEjB,MAAM,CAACqB,MAAM,CAChF,CAAC;EAED,IAAMC,iBAAiB,GAAG,IAAAC,aAAM,EAAiBL,cAAc,CAAC;EAChEI,iBAAiB,CAACE,OAAO,GAAGN,cAAc;EAE1C,IAAMO,kBAAkB,GAAG,IAAAN,cAAO,EAChC;IAAA,OACEX,sBAAsB,CAAC;MACrBU,cAAc,EAAEI,iBAAiB,CAACE,OAAO;MACzCrB,kBAAkB,EAAlBA,kBAAkB;MAClBC,6BAA6B,EAA7BA,6BAA6B;MAC7BQ,QAAQ,EAAEK,WAAW;MACrBvB,aAAa,EAAbA,aAAa;MACbP,MAAM,EAAEa,MAAM,CAACqB;IACjB,CAAC,CAAC;EAAA,GACJ,CACEC,iBAAiB,EACjBd,sBAAsB,EACtBL,kBAAkB,EAClBC,6BAA6B,EAC7Ba,WAAW,EACXvB,aAAa,EACbM,MAAM,CAACqB,MAAM,CAEjB,CAAC;EAED,IAAMK,qBAAqB,GAAG,IAAAH,aAAM,EAAqBE,kBAAkB,CAAC;EAC5EC,qBAAqB,CAACF,OAAO,GAAGC,kBAAkB;EAElD,IAAME,oBAAoB,GAAG,IAAAR,cAAO,EAAiB,YAAM;IACzD,IAAMS,cAAc,GAAG,EAAE;IACzB,KAAK,IAAM9C,OAAO,IAAImC,WAAW,EAAE;MACjC,IACErC,0BAA0B,CAACE,OAAO,EAAE;QAClCI,6BAA6B,EAA7BA,6BAA6B;QAC7BC,MAAM,EAAEa,MAAM,CAACqB;MACjB,CAAC,CAAC,EACF;QACA,IAAIxB,WAAW,EAAE;UACf+B,cAAc,CAACC,IAAI,CAAC/C,OAAO,CAAC;QAC9B,CAAC,MAAM;UACL8C,cAAc,CAACE,OAAO,CAAChD,OAAO,CAAC;QACjC;MACF;IACF;IACA,OAAO8C,cAAc;EACvB,CAAC,EAAE,CAAC5B,MAAM,CAACqB,MAAM,EAAEnC,6BAA6B,EAAEW,WAAW,EAAEoB,WAAW,CAAC,CAAC;EAE5E,IAAMc,IAAI,GAAG,IAAAC,2BAAoB,EAACL,oBAAoB,EAAE/B,eAAe,CAAC;EAExE,OAAO,IAAAuB,cAAO,EACZ;IAAA,OAAO;MAELG,iBAAiB,EAAjBA,iBAAiB;MAEjBI,qBAAqB,EAArBA,qBAAqB;MAErBC,oBAAoB,EAAEI,IAAI;MAE1BE,cAAc,EAAEhB,WAAW;MAC3BJ,0BAA0B,EAA1BA;IACF,CAAC;EAAA,CAAC,EACF,CAACkB,IAAI,EAAEd,WAAW,EAAEJ,0BAA0B,CAChD,CAAC;AACH,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","require","_ChannelContext","_ChatContext","_MessagesContext","_PaginatedMessageListContext","_ThreadContext","_hooks","_messageListPrevNextState","_getDateSeparators","_getGroupStyles","shouldIncludeMessageInList","exports","message","options","_message$user","deletedMessagesVisibilityType","userId","isMessageTypeDeleted","type","isSender","user","id","useMessageList","params","noGroupByUser","threadList","isLiveStreaming","_params$isFlashList","isFlashList","_useChatContext","useChatContext","client","_useChannelContext","useChannelContext","hideDateSeparators","maxTimeBetweenGroupedMessages","_useMessagesContext","useMessagesContext","_useMessagesContext$g","getMessagesGroupStyles","getGroupStyles","_usePaginatedMessageL","usePaginatedMessageListContext","messages","viewabilityChangedCallback","_useThreadContext","useThreadContext","threadMessages","messageList","_useState","useState","MessagePreviousAndNextMessageStore","_useState2","_slicedToArray2","default","messageListPreviousAndNextMessageStore","processedMessageList","useMemo","newMessageList","userID","push","unshift","useEffect","setMessageListPreviousAndNextMessage","dateSeparators","getDateSeparators","dateSeparatorsRef","useRef","current","messageGroupStyles","messageGroupStylesRef","data","useRAFCoalescedValue","rawMessageList"],"sourceRoot":"../../../../../src","sources":["components/MessageList/hooks/useMessageList.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/components/MessageList/utils/getDateSeparators.js

@@ -3,24 +3,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getDateSeparators = void 0;
 var getDateSeparators = exports.getDateSeparators = function getDateSeparators(params) {
-  var deletedMessagesVisibilityType = params.deletedMessagesVisibilityType,
-    hideDateSeparators = params.hideDateSeparators,
-    messages = params.messages,
-    userId = params.userId;
+  var hideDateSeparators = params.hideDateSeparators,
+    messages = params.messages;
   var dateSeparators = {};
   if (hideDateSeparators) {
     return dateSeparators;
   }
-  var messagesWithoutDeleted = messages.filter(function (message) {
-    var _message$user, _message$user2;
-    var isMessageTypeDeleted = message.type === 'deleted';
-    var isDeletedMessageVisibleToSender = deletedMessagesVisibilityType === 'sender' || deletedMessagesVisibilityType === 'always';
-    var isDeletedMessageVisibleToReceiver = deletedMessagesVisibilityType === 'receiver' || deletedMessagesVisibilityType === 'always';
-    return !isMessageTypeDeleted || userId === ((_message$user = message.user) == null ? void 0 : _message$user.id) && isDeletedMessageVisibleToSender || userId !== ((_message$user2 = message.user) == null ? void 0 : _message$user2.id) && isDeletedMessageVisibleToReceiver;
-  });
-  for (var i = 0; i < messagesWithoutDeleted.length; i++) {
-    var previousMessage = messagesWithoutDeleted[i - 1];
-    var message = messagesWithoutDeleted[i];
+  for (var i = 0; i < messages.length; i++) {
+    var previousMessage = messages[i - 1];
+    var message = messages[i];
     var messageDate = message.created_at.toDateString();
     var prevMessageDate = previousMessage ? previousMessage.created_at.toDateString() : messageDate;
     if (i === 0 || messageDate !== prevMessageDate) {

package/lib/module/components/MessageList/utils/getDateSeparators.js.map

@@ -1 +1 @@
-{"version":3,"names":["getDateSeparators","exports","params","deletedMessagesVisibilityType","hideDateSeparators","messages","userId","dateSeparators","messagesWithoutDeleted","filter","message","_message$user","_message$user2","isMessageTypeDeleted","type","isDeletedMessageVisibleToSender","isDeletedMessageVisibleToReceiver","user","id","i","length","previousMessage","messageDate","created_at","toDateString","prevMessageDate"],"sourceRoot":"../../../../../src","sources":["components/MessageList/utils/getDateSeparators.ts"],"mappings":";;;;AAeO,IAAMA,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,SAApBA,iBAAiBA,CAAIE,MAA+B,EAAK;EACpE,IAAQC,6BAA6B,GAA2CD,MAAM,CAA9EC,6BAA6B;IAAEC,kBAAkB,GAAuBF,MAAM,CAA/CE,kBAAkB;IAAEC,QAAQ,GAAaH,MAAM,CAA3BG,QAAQ;IAAEC,MAAM,GAAKJ,MAAM,CAAjBI,MAAM;EAC3E,IAAMC,cAA8B,GAAG,CAAC,CAAC;EAEzC,IAAIH,kBAAkB,EAAE;IACtB,OAAOG,cAAc;EACvB;EAEA,IAAMC,sBAAsB,GAAGH,QAAQ,CAACI,MAAM,CAAC,UAACC,OAAO,EAAK;IAAA,IAAAC,aAAA,EAAAC,cAAA;IAC1D,IAAMC,oBAAoB,GAAGH,OAAO,CAACI,IAAI,KAAK,SAAS;IAEvD,IAAMC,+BAA+B,GACnCZ,6BAA6B,KAAK,QAAQ,IAAIA,6BAA6B,KAAK,QAAQ;IAE1F,IAAMa,iCAAiC,GACrCb,6BAA6B,KAAK,UAAU,IAAIA,6BAA6B,KAAK,QAAQ;IAE5F,OACE,CAACU,oBAAoB,IACpBP,MAAM,OAAAK,aAAA,GAAKD,OAAO,CAACO,IAAI,qBAAZN,aAAA,CAAcO,EAAE,KAAIH,+BAAgC,IAC/DT,MAAM,OAAAM,cAAA,GAAKF,OAAO,CAACO,IAAI,qBAAZL,cAAA,CAAcM,EAAE,KAAIF,iCAAkC;EAEtE,CAAC,CAAC;EAEF,KAAK,IAAIG,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGX,sBAAsB,CAACY,MAAM,EAAED,CAAC,EAAE,EAAE;IACtD,IAAME,eAAe,GAAGb,sBAAsB,CAACW,CAAC,GAAG,CAAC,CAAC;IACrD,IAAMT,OAAO,GAAGF,sBAAsB,CAACW,CAAC,CAAC;IAEzC,IAAMG,WAAW,GAAGZ,OAAO,CAACa,UAAU,CAACC,YAAY,CAAC,CAAC;IAErD,IAAMC,eAAe,GAAGJ,eAAe,GACnCA,eAAe,CAACE,UAAU,CAACC,YAAY,CAAC,CAAC,GACzCF,WAAW;IAEf,IAAIH,CAAC,KAAK,CAAC,IAAIG,WAAW,KAAKG,eAAe,EAAE;MAC9ClB,cAAc,CAACG,OAAO,CAACQ,EAAE,CAAC,GAAGR,OAAO,CAACa,UAAU;IACjD;EACF;EAEA,OAAOhB,cAAc;AACvB,CAAC","ignoreList":[]}
+{"version":3,"names":["getDateSeparators","exports","params","hideDateSeparators","messages","dateSeparators","i","length","previousMessage","message","messageDate","created_at","toDateString","prevMessageDate","id"],"sourceRoot":"../../../../../src","sources":["components/MessageList/utils/getDateSeparators.ts"],"mappings":";;;;AA2BO,IAAMA,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,SAApBA,iBAAiBA,CAAIE,MAA+B,EAAK;EACpE,IAAQC,kBAAkB,GAAeD,MAAM,CAAvCC,kBAAkB;IAAEC,QAAQ,GAAKF,MAAM,CAAnBE,QAAQ;EACpC,IAAMC,cAA8B,GAAG,CAAC,CAAC;EAEzC,IAAIF,kBAAkB,EAAE;IACtB,OAAOE,cAAc;EACvB;EAEA,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGF,QAAQ,CAACG,MAAM,EAAED,CAAC,EAAE,EAAE;IACxC,IAAME,eAAe,GAAGJ,QAAQ,CAACE,CAAC,GAAG,CAAC,CAAC;IACvC,IAAMG,OAAO,GAAGL,QAAQ,CAACE,CAAC,CAAC;IAE3B,IAAMI,WAAW,GAAGD,OAAO,CAACE,UAAU,CAACC,YAAY,CAAC,CAAC;IAErD,IAAMC,eAAe,GAAGL,eAAe,GACnCA,eAAe,CAACG,UAAU,CAACC,YAAY,CAAC,CAAC,GACzCF,WAAW;IAEf,IAAIJ,CAAC,KAAK,CAAC,IAAII,WAAW,KAAKG,eAAe,EAAE;MAC9CR,cAAc,CAACI,OAAO,CAACK,EAAE,CAAC,GAAGL,OAAO,CAACE,UAAU;IACjD;EACF;EAEA,OAAON,cAAc;AACvB,CAAC","ignoreList":[]}

package/lib/module/components/MessageList/utils/getGroupStyles.js

@@ -1,16 +1,22 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getGroupStyles = void 0;
+exports.getGroupStyles = exports.getGroupStyle = void 0;
 var _utils = require("../../../utils/utils");
-var getGroupStyle = function getGroupStyle(dateSeparators, message, previousMessage, nextMessage, hideDateSeparators, maxTimeBetweenGroupedMessages) {
+var getGroupStyle = exports.getGroupStyle = function getGroupStyle(_ref) {
   var _message$user, _previousMessage$user, _nextMessage$user;
+  var message = _ref.message,
+    previousMessage = _ref.previousMessage,
+    nextMessage = _ref.nextMessage,
+    maxTimeBetweenGroupedMessages = _ref.maxTimeBetweenGroupedMessages,
+    nextMessageDateSeparatorDate = _ref.nextMessageDateSeparatorDate,
+    dateSeparatorDate = _ref.dateSeparatorDate;
   var groupStyles = [];
   var isPrevMessageTypeDeleted = (previousMessage == null ? void 0 : previousMessage.type) === 'deleted';
   var isNextMessageTypeDeleted = (nextMessage == null ? void 0 : nextMessage.type) === 'deleted';
   var userId = (message == null || (_message$user = message.user) == null ? void 0 : _message$user.id) || null;
-  var isTopMessage = !previousMessage || previousMessage.type === 'system' || previousMessage.type === 'error' || userId !== (previousMessage == null || (_previousMessage$user = previousMessage.user) == null ? void 0 : _previousMessage$user.id) || !!isPrevMessageTypeDeleted || !hideDateSeparators && dateSeparators[message.id] || (0, _utils.isEditedMessage)(previousMessage);
-  var isBottomMessage = !nextMessage || nextMessage.type === 'system' || nextMessage.type === 'error' || userId !== (nextMessage == null || (_nextMessage$user = nextMessage.user) == null ? void 0 : _nextMessage$user.id) || !!isNextMessageTypeDeleted || !hideDateSeparators && dateSeparators[nextMessage.id] || maxTimeBetweenGroupedMessages !== undefined && nextMessage.created_at.getTime() - message.created_at.getTime() > maxTimeBetweenGroupedMessages || (0, _utils.isEditedMessage)(message);
+  var isTopMessage = !previousMessage || previousMessage.type === 'system' || previousMessage.type === 'error' || userId !== (previousMessage == null || (_previousMessage$user = previousMessage.user) == null ? void 0 : _previousMessage$user.id) || !!isPrevMessageTypeDeleted || dateSeparatorDate || (0, _utils.isEditedMessage)(previousMessage);
+  var isBottomMessage = !nextMessage || nextMessage.type === 'system' || nextMessage.type === 'error' || userId !== (nextMessage == null || (_nextMessage$user = nextMessage.user) == null ? void 0 : _nextMessage$user.id) || !!isNextMessageTypeDeleted || nextMessageDateSeparatorDate || maxTimeBetweenGroupedMessages !== undefined && nextMessage.created_at.getTime() - message.created_at.getTime() > maxTimeBetweenGroupedMessages || (0, _utils.isEditedMessage)(message);
   if (isTopMessage) {
     groupStyles.push('top');
   }
@@ -36,26 +42,25 @@ var getGroupStyle = function getGroupStyle(dateSeparators, message, previousMess
 };
 var getGroupStyles = exports.getGroupStyles = function getGroupStyles(params) {
   var dateSeparators = params.dateSeparators,
-    hideDateSeparators = params.hideDateSeparators,
     maxTimeBetweenGroupedMessages = params.maxTimeBetweenGroupedMessages,
     messages = params.messages,
-    noGroupByUser = params.noGroupByUser,
-    userId = params.userId;
+    noGroupByUser = params.noGroupByUser;
   if (noGroupByUser) {
     return {};
   }
   var messageGroupStyles = {};
-  var messagesFilteredForNonUser = messages.filter(function (message) {
-    var _message$user2;
-    var isMessageTypeDeleted = message.type === 'deleted';
-    return !isMessageTypeDeleted || userId === ((_message$user2 = message.user) == null ? void 0 : _message$user2.id);
-  });
-  for (var i = 0; i < messagesFilteredForNonUser.length; i++) {
-    var previousMessage = messagesFilteredForNonUser[i - 1];
-    var message = messagesFilteredForNonUser[i];
-    var nextMessage = messagesFilteredForNonUser[i + 1];
+  for (var i = 0; i < messages.length; i++) {
+    var previousMessage = messages[i - 1];
+    var message = messages[i];
+    var nextMessage = messages[i + 1];
     if (message.id) {
-      messageGroupStyles[message.id] = getGroupStyle(dateSeparators, message, previousMessage, nextMessage, hideDateSeparators, maxTimeBetweenGroupedMessages);
+      messageGroupStyles[message.id] = getGroupStyle({
+        dateSeparatorDate: dateSeparators[message.id],
+        maxTimeBetweenGroupedMessages: maxTimeBetweenGroupedMessages,
+        message: message,
+        nextMessage: nextMessage,
+        previousMessage: previousMessage
+      });
     }
   }
   return messageGroupStyles;

package/lib/module/components/MessageList/utils/getGroupStyles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_utils","require","getGroupStyle","dateSeparators","message","previousMessage","nextMessage","hideDateSeparators","maxTimeBetweenGroupedMessages","_message$user","_previousMessage$user","_nextMessage$user","groupStyles","isPrevMessageTypeDeleted","type","isNextMessageTypeDeleted","userId","user","id","isTopMessage","isEditedMessage","isBottomMessage","undefined","created_at","getTime","push","isMessageTypeDeleted","splice","length","getGroupStyles","exports","params","messages","noGroupByUser","messageGroupStyles","messagesFilteredForNonUser","filter","_message$user2","i"],"sourceRoot":"../../../../../src","sources":["components/MessageList/utils/getGroupStyles.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_utils","require","getGroupStyle","exports","_ref","_message$user","_previousMessage$user","_nextMessage$user","message","previousMessage","nextMessage","maxTimeBetweenGroupedMessages","nextMessageDateSeparatorDate","dateSeparatorDate","groupStyles","isPrevMessageTypeDeleted","type","isNextMessageTypeDeleted","userId","user","id","isTopMessage","isEditedMessage","isBottomMessage","undefined","created_at","getTime","push","isMessageTypeDeleted","splice","length","getGroupStyles","params","dateSeparators","messages","noGroupByUser","messageGroupStyles","i"],"sourceRoot":"../../../../../src","sources":["components/MessageList/utils/getGroupStyles.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/components/MessageList/utils/getLastReceivedMessage.js

@@ -5,7 +5,7 @@ exports.getLastReceivedMessage = void 0;
 var _utils = require("../../../utils/utils");
 var getLastReceivedMessage = exports.getLastReceivedMessage = function getLastReceivedMessage(messages) {
   for (var message of messages) {
-    if ((message == null ? void 0 : message.status) === _utils.MessageStatusTypes.RECEIVED || (message == null ? void 0 : message.status) === _utils.MessageStatusTypes.SENDING) {
+    if ((message == null ? void 0 : message.status) !== _utils.MessageStatusTypes.FAILED) {
       return message;
     }
   }

package/lib/module/components/MessageList/utils/getLastReceivedMessage.js.map

@@ -1 +1 @@
-{"version":3,"names":["_utils","require","getLastReceivedMessage","exports","messages","message","status","MessageStatusTypes","RECEIVED","SENDING"],"sourceRoot":"../../../../../src","sources":["components/MessageList/utils/getLastReceivedMessage.ts"],"mappings":";;;;AAEA,IAAAA,MAAA,GAAAC,OAAA;AAEO,IAAMC,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAG,SAAzBA,sBAAsBA,CAAIE,QAAwB,EAAK;EAIlE,KAAK,IAAMC,OAAO,IAAID,QAAQ,EAAE;IAC9B,IACE,CAAAC,OAAO,oBAAPA,OAAO,CAAEC,MAAM,MAAKC,yBAAkB,CAACC,QAAQ,IAC/C,CAAAH,OAAO,oBAAPA,OAAO,CAAEC,MAAM,MAAKC,yBAAkB,CAACE,OAAO,EAC9C;MACA,OAAOJ,OAAO;IAChB;EACF;EAEA;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["_utils","require","getLastReceivedMessage","exports","messages","message","status","MessageStatusTypes","FAILED"],"sourceRoot":"../../../../../src","sources":["components/MessageList/utils/getLastReceivedMessage.ts"],"mappings":";;;;AAEA,IAAAA,MAAA,GAAAC,OAAA;AAEO,IAAMC,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAG,SAAzBA,sBAAsBA,CAAIE,QAAwB,EAAK;EAIlE,KAAK,IAAMC,OAAO,IAAID,QAAQ,EAAE;IAC9B,IAAI,CAAAC,OAAO,oBAAPA,OAAO,CAAEC,MAAM,MAAKC,yBAAkB,CAACC,MAAM,EAAE;MACjD,OAAOH,OAAO;IAChB;EACF;EAEA;AACF,CAAC","ignoreList":[]}

package/lib/module/components/index.js

@@ -991,6 +991,17 @@ Object.keys(_MessageBounce).forEach(function (key) {
     }
   });
 });
+var _MessageBlocked = require("./Message/MessageSimple/MessageBlocked");
+Object.keys(_MessageBlocked).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _MessageBlocked[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _MessageBlocked[key];
+    }
+  });
+});
 var _MessageContent = require("./Message/MessageSimple/MessageContent");
 Object.keys(_MessageContent).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -1629,6 +1640,28 @@ Object.keys(_getLastReceivedMessage).forEach(function (key) {
     }
   });
 });
+var _useMessageDateSeparator = require("./MessageList/hooks/useMessageDateSeparator");
+Object.keys(_useMessageDateSeparator).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useMessageDateSeparator[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _useMessageDateSeparator[key];
+    }
+  });
+});
+var _useMessageGroupStyles = require("./MessageList/hooks/useMessageGroupStyles");
+Object.keys(_useMessageGroupStyles).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useMessageGroupStyles[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _useMessageGroupStyles[key];
+    }
+  });
+});
 var _MessageActionList = require("./MessageMenu/MessageActionList");
 Object.keys(_MessageActionList).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;