stream-chat-react-native-core 5.4.1-beta.1 → 5.4.2-beta.1

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

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useMessageList = exports.isMessageWithStylesReadByAndDateSeparator = void 0;
 
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
 var _ChannelContext = require("../../../contexts/channelContext/ChannelContext");
@@ -30,8 +32,7 @@ var isMessageWithStylesReadByAndDateSeparator = function isMessageWithStylesRead
 exports.isMessageWithStylesReadByAndDateSeparator = isMessageWithStylesReadByAndDateSeparator;
 
 var useMessageList = function useMessageList(params) {
-  var inverted = params.inverted,
-      noGroupByUser = params.noGroupByUser,
+  var noGroupByUser = params.noGroupByUser,
       threadList = params.threadList;
 
   var _useChatContext = (0, _ChatContext.useChatContext)(),
@@ -93,7 +94,7 @@ var useMessageList = function useMessageList(params) {
       readBy: msg.id ? readData[msg.id] || false : false
     });
   });
-  return inverted ? messagesWithStylesReadByAndDateSeparator.reverse() : messagesWithStylesReadByAndDateSeparator;
+  return (0, _toConsumableArray2["default"])(messagesWithStylesReadByAndDateSeparator).reverse();
 };
 
 exports.useMessageList = useMessageList;

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

@@ -1 +1 @@
-{"version":3,"sources":["useMessageList.ts"],"names":["isMessageWithStylesReadByAndDateSeparator","message","readBy","undefined","useMessageList","params","inverted","noGroupByUser","threadList","client","hideDateSeparators","maxTimeBetweenGroupedMessages","read","deletedMessagesVisibilityType","getMessagesGroupStyles","getGroupStyles","messages","threadMessages","messageList","readList","dateSeparators","userId","userID","messageGroupStyles","readData","messagesWithStylesReadByAndDateSeparator","filter","msg","isMessageTypeDeleted","type","user","id","map","dateSeparator","groupStyles","reverse"],"mappings":"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","sourcesContent":["import type { ChannelState, MessageResponse } from 'stream-chat';\n\nimport {\n  ChannelContextValue,\n  useChannelContext,\n} from '../../../contexts/channelContext/ChannelContext';\nimport { useChatContext } from '../../../contexts/chatContext/ChatContext';\nimport {\n  DeletedMessagesVisibilityType,\n  useMessagesContext,\n} from '../../../contexts/messagesContext/MessagesContext';\nimport { usePaginatedMessageListContext } from '../../../contexts/paginatedMessageListContext/PaginatedMessageListContext';\nimport { useThreadContext } from '../../../contexts/threadContext/ThreadContext';\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\nimport { getDateSeparators } from '../utils/getDateSeparators';\nimport { getGroupStyles } from '../utils/getGroupStyles';\nimport { getReadStates } from '../utils/getReadStates';\n\nexport type UseMessageListParams = {\n  deletedMessagesVisibilityType?: DeletedMessagesVisibilityType;\n  inverted?: boolean;\n  noGroupByUser?: boolean;\n  threadList?: boolean;\n};\n\nexport type GroupType = string;\n\nexport type MessagesWithStylesReadByAndDateSeparator<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = MessageResponse<StreamChatGenerics> & {\n  groupStyles: GroupType[];\n  readBy: boolean | number;\n  dateSeparator?: Date;\n};\n\nexport type MessageType<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> =\n  | ReturnType<ChannelState<StreamChatGenerics>['formatMessage']>\n  | MessagesWithStylesReadByAndDateSeparator<StreamChatGenerics>;\n\n// Type guards to check MessageType\nexport const isMessageWithStylesReadByAndDateSeparator = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  message: MessageType<StreamChatGenerics>,\n): message is MessagesWithStylesReadByAndDateSeparator<StreamChatGenerics> =>\n  (message as MessagesWithStylesReadByAndDateSeparator<StreamChatGenerics>).readBy !== undefined;\n\nexport const useMessageList = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  params: UseMessageListParams,\n) => {\n  const { inverted, noGroupByUser, threadList } = params;\n  const { client } = useChatContext<StreamChatGenerics>();\n  const { hideDateSeparators, maxTimeBetweenGroupedMessages, read } =\n    useChannelContext<StreamChatGenerics>();\n  const { deletedMessagesVisibilityType, getMessagesGroupStyles = getGroupStyles } =\n    useMessagesContext<StreamChatGenerics>();\n  const { messages } = usePaginatedMessageListContext<StreamChatGenerics>();\n  const { threadMessages } = useThreadContext<StreamChatGenerics>();\n\n  const messageList = threadList ? threadMessages : messages;\n  const readList: ChannelContextValue<StreamChatGenerics>['read'] | undefined = threadList\n    ? undefined\n    : read;\n\n  const dateSeparators = getDateSeparators<StreamChatGenerics>({\n    deletedMessagesVisibilityType,\n    hideDateSeparators,\n    messages: messageList,\n    userId: client.userID,\n  });\n\n  const messageGroupStyles = getMessagesGroupStyles<StreamChatGenerics>({\n    dateSeparators,\n    hideDateSeparators,\n    maxTimeBetweenGroupedMessages,\n    messages: messageList,\n    noGroupByUser,\n    userId: client.userID,\n  });\n\n  const readData = getReadStates(client.userID, messageList, readList);\n\n  const messagesWithStylesReadByAndDateSeparator = messageList\n    .filter((msg) => {\n      const isMessageTypeDeleted = msg.type === 'deleted';\n      if (deletedMessagesVisibilityType === 'sender') {\n        return !isMessageTypeDeleted || msg.user?.id === client.userID;\n      } else if (deletedMessagesVisibilityType === 'receiver') {\n        return !isMessageTypeDeleted || msg.user?.id !== client.userID;\n      } else if (deletedMessagesVisibilityType === 'never') {\n        return !isMessageTypeDeleted;\n      } else {\n        return msg;\n      }\n    })\n    .map((msg) => ({\n      ...msg,\n      dateSeparator: dateSeparators[msg.id] || undefined,\n      groupStyles: messageGroupStyles[msg.id] || ['single'],\n      readBy: msg.id ? readData[msg.id] || false : false,\n    }));\n\n  return (\n    inverted\n      ? messagesWithStylesReadByAndDateSeparator.reverse()\n      : messagesWithStylesReadByAndDateSeparator\n  ) as MessageType<StreamChatGenerics>[];\n};\n"]}
+{"version":3,"sources":["useMessageList.ts"],"names":["isMessageWithStylesReadByAndDateSeparator","message","readBy","undefined","useMessageList","params","noGroupByUser","threadList","client","hideDateSeparators","maxTimeBetweenGroupedMessages","read","deletedMessagesVisibilityType","getMessagesGroupStyles","getGroupStyles","messages","threadMessages","messageList","readList","dateSeparators","userId","userID","messageGroupStyles","readData","messagesWithStylesReadByAndDateSeparator","filter","msg","isMessageTypeDeleted","type","user","id","map","dateSeparator","groupStyles","reverse"],"mappings":"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","sourcesContent":["import type { ChannelState, MessageResponse } from 'stream-chat';\n\nimport {\n  ChannelContextValue,\n  useChannelContext,\n} from '../../../contexts/channelContext/ChannelContext';\nimport { useChatContext } from '../../../contexts/chatContext/ChatContext';\nimport {\n  DeletedMessagesVisibilityType,\n  useMessagesContext,\n} from '../../../contexts/messagesContext/MessagesContext';\nimport { usePaginatedMessageListContext } from '../../../contexts/paginatedMessageListContext/PaginatedMessageListContext';\nimport { useThreadContext } from '../../../contexts/threadContext/ThreadContext';\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\nimport { getDateSeparators } from '../utils/getDateSeparators';\nimport { getGroupStyles } from '../utils/getGroupStyles';\nimport { getReadStates } from '../utils/getReadStates';\n\nexport type UseMessageListParams = {\n  deletedMessagesVisibilityType?: DeletedMessagesVisibilityType;\n  noGroupByUser?: boolean;\n  threadList?: boolean;\n};\n\nexport type GroupType = string;\n\nexport type MessagesWithStylesReadByAndDateSeparator<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = MessageResponse<StreamChatGenerics> & {\n  groupStyles: GroupType[];\n  readBy: boolean | number;\n  dateSeparator?: Date;\n};\n\nexport type MessageType<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> =\n  | ReturnType<ChannelState<StreamChatGenerics>['formatMessage']>\n  | MessagesWithStylesReadByAndDateSeparator<StreamChatGenerics>;\n\n// Type guards to check MessageType\nexport const isMessageWithStylesReadByAndDateSeparator = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  message: MessageType<StreamChatGenerics>,\n): message is MessagesWithStylesReadByAndDateSeparator<StreamChatGenerics> =>\n  (message as MessagesWithStylesReadByAndDateSeparator<StreamChatGenerics>).readBy !== undefined;\n\nexport const useMessageList = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  params: UseMessageListParams,\n) => {\n  const { noGroupByUser, threadList } = params;\n  const { client } = useChatContext<StreamChatGenerics>();\n  const { hideDateSeparators, maxTimeBetweenGroupedMessages, read } =\n    useChannelContext<StreamChatGenerics>();\n  const { deletedMessagesVisibilityType, getMessagesGroupStyles = getGroupStyles } =\n    useMessagesContext<StreamChatGenerics>();\n  const { messages } = usePaginatedMessageListContext<StreamChatGenerics>();\n  const { threadMessages } = useThreadContext<StreamChatGenerics>();\n\n  const messageList = threadList ? threadMessages : messages;\n  const readList: ChannelContextValue<StreamChatGenerics>['read'] | undefined = threadList\n    ? undefined\n    : read;\n\n  const dateSeparators = getDateSeparators<StreamChatGenerics>({\n    deletedMessagesVisibilityType,\n    hideDateSeparators,\n    messages: messageList,\n    userId: client.userID,\n  });\n\n  const messageGroupStyles = getMessagesGroupStyles<StreamChatGenerics>({\n    dateSeparators,\n    hideDateSeparators,\n    maxTimeBetweenGroupedMessages,\n    messages: messageList,\n    noGroupByUser,\n    userId: client.userID,\n  });\n\n  const readData = getReadStates(client.userID, messageList, readList);\n\n  const messagesWithStylesReadByAndDateSeparator = messageList\n    .filter((msg) => {\n      const isMessageTypeDeleted = msg.type === 'deleted';\n      if (deletedMessagesVisibilityType === 'sender') {\n        return !isMessageTypeDeleted || msg.user?.id === client.userID;\n      } else if (deletedMessagesVisibilityType === 'receiver') {\n        return !isMessageTypeDeleted || msg.user?.id !== client.userID;\n      } else if (deletedMessagesVisibilityType === 'never') {\n        return !isMessageTypeDeleted;\n      } else {\n        return msg;\n      }\n    })\n    .map((msg) => ({\n      ...msg,\n      dateSeparator: dateSeparators[msg.id] || undefined,\n      groupStyles: messageGroupStyles[msg.id] || ['single'],\n      readBy: msg.id ? readData[msg.id] || false : false,\n    }));\n\n  return [\n    ...messagesWithStylesReadByAndDateSeparator,\n  ].reverse() as MessageType<StreamChatGenerics>[];\n};\n"]}

package/lib/module/mock-builders/generator/message.js

@@ -16,7 +16,7 @@ var generateMessage = function generateMessage() {
   var timestamp = options.timestamp || new Date(new Date().getTime() - Math.floor(Math.random() * 100000));
   return (0, _extends2["default"])({
     attachments: [],
-    created_at: timestamp.toString(),
+    created_at: timestamp,
     html: '<p>regular</p>',
     id: (0, _uuid.v4)(),
     text: (0, _uuid.v4)(),

package/lib/module/mock-builders/generator/message.js.map

@@ -1 +1 @@
-{"version":3,"sources":["message.js"],"names":["generateMessage","options","timestamp","Date","getTime","Math","floor","random","attachments","created_at","toString","html","id","text","type","updated_at","user","StreamReactNativeNamespace","generateStaticMessage","seed","date"],"mappings":";;;;;;;;;AAAA;;AAEA;;AAEO,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,GAAkB;AAAA,MAAjBC,OAAiB,uEAAP,EAAO;AAC/C,MAAMC,SAAS,GACbD,OAAO,CAACC,SAAR,IAAqB,IAAIC,IAAJ,CAAS,IAAIA,IAAJ,GAAWC,OAAX,KAAuBC,IAAI,CAACC,KAAL,CAAWD,IAAI,CAACE,MAAL,KAAgB,MAA3B,CAAhC,CADvB;AAGA;AACEC,IAAAA,WAAW,EAAE,EADf;AAEEC,IAAAA,UAAU,EAAEP,SAAS,CAACQ,QAAV,EAFd;AAGEC,IAAAA,IAAI,EAAE,gBAHR;AAIEC,IAAAA,EAAE,EAAE,eAJN;AAKEC,IAAAA,IAAI,EAAE,eALR;AAMEC,IAAAA,IAAI,EAAE,SANR;AAOEC,IAAAA,UAAU,EAAEb,SAAS,CAACQ,QAAV,EAPd;AAQEM,IAAAA,IAAI,EAAE;AARR,KASKf,OATL;AAWD,CAfM;;;AAiBP,IAAMgB,0BAA0B,GAAG,sCAAnC;;AACO,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAwB,CAACC,IAAD,EAAOlB,OAAP,EAAgBmB,IAAhB;AAAA,SACnCpB,eAAe;AACbS,IAAAA,UAAU,EAAEW,IAAI,IAAI,6BADP;AAEbR,IAAAA,EAAE,EAAE,cAAOO,IAAP,EAAaF,0BAAb,CAFS;AAGbJ,IAAAA,IAAI,EAAEM,IAHO;AAIbJ,IAAAA,UAAU,EAAEK,IAAI,IAAI;AAJP,KAKVnB,OALU,EADoB;AAAA,CAA9B","sourcesContent":["import { v4 as uuidv4, v5 as uuidv5 } from 'uuid';\n\nimport { generateUser } from './user';\n\nexport const generateMessage = (options = {}) => {\n  const timestamp =\n    options.timestamp || new Date(new Date().getTime() - Math.floor(Math.random() * 100000));\n\n  return {\n    attachments: [],\n    created_at: timestamp.toString(),\n    html: '<p>regular</p>',\n    id: uuidv4(),\n    text: uuidv4(),\n    type: 'regular',\n    updated_at: timestamp.toString(),\n    user: generateUser(),\n    ...options,\n  };\n};\n\nconst StreamReactNativeNamespace = '9b244ee4-7d69-4d7b-ae23-cf89e9f7b035';\nexport const generateStaticMessage = (seed, options, date) =>\n  generateMessage({\n    created_at: date || '2020-04-27T13:39:49.331742Z',\n    id: uuidv5(seed, StreamReactNativeNamespace),\n    text: seed,\n    updated_at: date || '2020-04-27T13:39:49.331742Z',\n    ...options,\n  });\n"]}
+{"version":3,"sources":["message.js"],"names":["generateMessage","options","timestamp","Date","getTime","Math","floor","random","attachments","created_at","html","id","text","type","updated_at","toString","user","StreamReactNativeNamespace","generateStaticMessage","seed","date"],"mappings":";;;;;;;;;AAAA;;AAEA;;AAEO,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,GAAkB;AAAA,MAAjBC,OAAiB,uEAAP,EAAO;AAC/C,MAAMC,SAAS,GACbD,OAAO,CAACC,SAAR,IAAqB,IAAIC,IAAJ,CAAS,IAAIA,IAAJ,GAAWC,OAAX,KAAuBC,IAAI,CAACC,KAAL,CAAWD,IAAI,CAACE,MAAL,KAAgB,MAA3B,CAAhC,CADvB;AAGA;AACEC,IAAAA,WAAW,EAAE,EADf;AAEEC,IAAAA,UAAU,EAAEP,SAFd;AAGEQ,IAAAA,IAAI,EAAE,gBAHR;AAIEC,IAAAA,EAAE,EAAE,eAJN;AAKEC,IAAAA,IAAI,EAAE,eALR;AAMEC,IAAAA,IAAI,EAAE,SANR;AAOEC,IAAAA,UAAU,EAAEZ,SAAS,CAACa,QAAV,EAPd;AAQEC,IAAAA,IAAI,EAAE;AARR,KASKf,OATL;AAWD,CAfM;;;AAiBP,IAAMgB,0BAA0B,GAAG,sCAAnC;;AACO,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAwB,CAACC,IAAD,EAAOlB,OAAP,EAAgBmB,IAAhB;AAAA,SACnCpB,eAAe;AACbS,IAAAA,UAAU,EAAEW,IAAI,IAAI,6BADP;AAEbT,IAAAA,EAAE,EAAE,cAAOQ,IAAP,EAAaF,0BAAb,CAFS;AAGbL,IAAAA,IAAI,EAAEO,IAHO;AAIbL,IAAAA,UAAU,EAAEM,IAAI,IAAI;AAJP,KAKVnB,OALU,EADoB;AAAA,CAA9B","sourcesContent":["import { v4 as uuidv4, v5 as uuidv5 } from 'uuid';\n\nimport { generateUser } from './user';\n\nexport const generateMessage = (options = {}) => {\n  const timestamp =\n    options.timestamp || new Date(new Date().getTime() - Math.floor(Math.random() * 100000));\n\n  return {\n    attachments: [],\n    created_at: timestamp,\n    html: '<p>regular</p>',\n    id: uuidv4(),\n    text: uuidv4(),\n    type: 'regular',\n    updated_at: timestamp.toString(),\n    user: generateUser(),\n    ...options,\n  };\n};\n\nconst StreamReactNativeNamespace = '9b244ee4-7d69-4d7b-ae23-cf89e9f7b035';\nexport const generateStaticMessage = (seed, options, date) =>\n  generateMessage({\n    created_at: date || '2020-04-27T13:39:49.331742Z',\n    id: uuidv5(seed, StreamReactNativeNamespace),\n    text: seed,\n    updated_at: date || '2020-04-27T13:39:49.331742Z',\n    ...options,\n  });\n"]}

package/lib/module/version.json

@@ -1,3 +1,3 @@
 {
-  "version": "5.4.1-beta.1"
+  "version": "5.4.2-beta.1"
 }

package/lib/typescript/components/MessageList/__tests__/useMessageList.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/typescript/components/MessageList/hooks/useMessageList.d.ts

@@ -3,7 +3,6 @@ import { DeletedMessagesVisibilityType } from '../../../contexts/messagesContext
 import type { DefaultStreamChatGenerics } from '../../../types/types';
 export declare type UseMessageListParams = {
     deletedMessagesVisibilityType?: DeletedMessagesVisibilityType;
-    inverted?: boolean;
     noGroupByUser?: boolean;
     threadList?: boolean;
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "stream-chat-react-native-core",
   "description": "The official React Native and Expo components for Stream Chat, a service for building chat applications",
-  "version": "5.4.1-beta.1",
+  "version": "5.4.2-beta.1",
   "author": {
     "company": "Stream.io Inc",
     "name": "Stream.io Inc"

package/src/components/MessageList/MessageList.tsx

@@ -92,13 +92,12 @@ const keyExtractor = <
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   item: MessageType<StreamChatGenerics>,
-) =>
-  item.id ||
-  (item.created_at
-    ? typeof item.created_at === 'string'
-      ? item.created_at
-      : item.created_at.toISOString()
-    : Date.now().toString());
+) => {
+  if (item.id) return item.id;
+  if (item.created_at)
+    return typeof item.created_at === 'string' ? item.created_at : item.created_at.toISOString();
+  return Date.now().toString();
+};
 
 const flatListViewabilityConfig = {
   viewAreaCoveragePercentThreshold: 1,
@@ -294,7 +293,6 @@ const MessageListWithContext = <
   );
 
   const messageList = useMessageList<StreamChatGenerics>({
-    inverted,
     noGroupByUser,
     threadList,
   });
@@ -911,12 +909,13 @@ const MessageListWithContext = <
     stickyHeaderDate?.getFullYear() === new Date().getFullYear() ? 'MMM D' : 'MMM D, YYYY';
   const tStickyHeaderDate =
     stickyHeaderDate && !hideStickyDateHeader ? tDateTimeParser(stickyHeaderDate) : null;
-  const stickyHeaderDateToRender =
-    tStickyHeaderDate === null || hideStickyDateHeader
-      ? null
-      : isDayOrMoment(tStickyHeaderDate)
-      ? tStickyHeaderDate.format(stickyHeaderFormatDate)
-      : new Date(tStickyHeaderDate).toDateString();
+
+  const stickyHeaderDateString = useMemo(() => {
+    if (tStickyHeaderDate === null || hideStickyDateHeader) return null;
+    if (isDayOrMoment(tStickyHeaderDate)) return tStickyHeaderDate.format(stickyHeaderFormatDate);
+
+    return new Date(tStickyHeaderDate).toDateString();
+  }, [tStickyHeaderDate, stickyHeaderFormatDate, hideStickyDateHeader]);
 
   const dismissImagePicker = () => {
     if (!hasMoved && selectedPicker) {
@@ -964,6 +963,13 @@ const MessageListWithContext = <
     );
   }
 
+  const StickyHeaderComponent = () => {
+    if (!stickyHeaderDateString) return null;
+    if (StickyHeader) return <StickyHeader dateString={stickyHeaderDateString} />;
+    if (messageListLengthAfterUpdate) return <DateHeader dateString={stickyHeaderDateString} />;
+    return null;
+  };
+
   return (
     <View
       style={[styles.container, { backgroundColor: white_snow }, container]}
@@ -1002,12 +1008,7 @@ const MessageListWithContext = <
       {!loading && (
         <>
           <View style={styles.stickyHeader}>
-            {stickyHeaderDateToRender &&
-              (StickyHeader ? (
-                <StickyHeader dateString={stickyHeaderDateToRender} />
-              ) : messageListLengthAfterUpdate ? (
-                <DateHeader dateString={stickyHeaderDateToRender} />
-              ) : null)}
+            <StickyHeaderComponent />
           </View>
           {!disableTypingIndicator && TypingIndicator && (
             <TypingIndicatorContainer>

package/src/components/MessageList/__tests__/useMessageList.test.tsx

@@ -0,0 +1,67 @@
+import React, { FC } from 'react';
+
+import { renderHook } from '@testing-library/react-hooks';
+import type { DefaultStreamChatGenerics } from 'src/types/types';
+import type { DefaultGenerics, StreamChat } from 'stream-chat';
+
+import { useCreatePaginatedMessageListContext } from '../../../components/Channel/hooks/useCreatePaginatedMessageListContext';
+import {
+  ChatContext,
+  ChatContextValue,
+  PaginatedMessageListContextValue,
+  PaginatedMessageListProvider,
+} from '../../../contexts';
+
+import { generateMessage } from '../../../mock-builders/generator/message';
+import { generateUser } from '../../../mock-builders/generator/user';
+import { getTestClientWithUser } from '../../../mock-builders/mock';
+import { useMessageList } from '../hooks/useMessageList';
+
+jest.mock('react-native-fs', () => ({}));
+
+const clientUser = generateUser();
+let chatClient: StreamChat<DefaultGenerics> | StreamChat<DefaultStreamChatGenerics>;
+
+beforeEach(async () => {
+  chatClient = await getTestClientWithUser(clientUser);
+});
+
+const messages = new Array(10)
+  .fill(undefined)
+  .map((_: undefined, id: number) => generateMessage({ id }));
+
+const Providers: FC<{ children: React.ReactNode }> = ({ children }) => {
+  const messageListContext = useCreatePaginatedMessageListContext({
+    messages,
+  } as unknown as PaginatedMessageListContextValue);
+
+  return (
+    <ChatContext.Provider
+      value={
+        {
+          auto_translation_enabled: true,
+          client: chatClient,
+        } as unknown as ChatContextValue
+      }
+    >
+      <PaginatedMessageListProvider value={messageListContext}>
+        {children}
+      </PaginatedMessageListProvider>
+    </ChatContext.Provider>
+  );
+};
+
+describe('useMessageList', () => {
+  it('should always return a list of reversed messages', () => {
+    const { result } = renderHook(
+      () =>
+        useMessageList({
+          noGroupByUser: true,
+          threadList: false,
+        }),
+      { wrapper: Providers },
+    );
+    const reversedMessages = messages.reverse();
+    expect(result.current.map(({ id }) => id)).toEqual(reversedMessages.map(({ id }) => id));
+  });
+});

package/src/components/MessageList/hooks/useMessageList.ts

@@ -18,7 +18,6 @@ import { getReadStates } from '../utils/getReadStates';
 
 export type UseMessageListParams = {
   deletedMessagesVisibilityType?: DeletedMessagesVisibilityType;
-  inverted?: boolean;
   noGroupByUser?: boolean;
   threadList?: boolean;
 };
@@ -52,7 +51,7 @@ export const useMessageList = <
 >(
   params: UseMessageListParams,
 ) => {
-  const { inverted, noGroupByUser, threadList } = params;
+  const { noGroupByUser, threadList } = params;
   const { client } = useChatContext<StreamChatGenerics>();
   const { hideDateSeparators, maxTimeBetweenGroupedMessages, read } =
     useChannelContext<StreamChatGenerics>();
@@ -104,9 +103,7 @@ export const useMessageList = <
       readBy: msg.id ? readData[msg.id] || false : false,
     }));
 
-  return (
-    inverted
-      ? messagesWithStylesReadByAndDateSeparator.reverse()
-      : messagesWithStylesReadByAndDateSeparator
-  ) as MessageType<StreamChatGenerics>[];
+  return [
+    ...messagesWithStylesReadByAndDateSeparator,
+  ].reverse() as MessageType<StreamChatGenerics>[];
 };

package/src/mock-builders/generator/message.js

@@ -8,7 +8,7 @@ export const generateMessage = (options = {}) => {
 
   return {
     attachments: [],
-    created_at: timestamp.toString(),
+    created_at: timestamp,
     html: '<p>regular</p>',
     id: uuidv4(),
     text: uuidv4(),

package/src/version.json

@@ -1,3 +1,3 @@
 {
-  "version": "5.4.1-beta.1"
+  "version": "5.4.2-beta.1"
 }