stream-chat-react-native-core 5.38.0-beta.2 → 5.38.0-beta.4

package/src/__tests__/offline-support/offline-feature.js

@@ -115,7 +115,7 @@ export const Generic = () => {
     let allReactions;
     let allReads;
     const getRandomInt = (lower, upper) => Math.floor(lower + Math.random() * (upper - lower + 1));
-    const createChannel = () => {
+    const createChannel = (messagesOverride) => {
       const id = uuidv4();
       const cid = `messaging:${id}`;
       const begin = getRandomInt(0, allUsers.length - 2); // begin shouldn't be the end of users.length
@@ -127,31 +127,33 @@ export const Generic = () => {
           user,
         }),
       );
-      const messages = Array(10)
-        .fill(1)
-        .map(() => {
-          const id = uuidv4();
-          const user = usersForMembers[getRandomInt(0, usersForMembers.length - 1)];
-
-          const begin = getRandomInt(0, usersForMembers.length - 2); // begin shouldn't be the end of users.length
-          const end = getRandomInt(begin + 1, usersForMembers.length - 1);
-
-          const usersForReactions = usersForMembers.slice(begin, end);
-          const reactions = usersForReactions.map((user) =>
-            generateReaction({
-              message_id: id,
+      const messages =
+        messagesOverride ||
+        Array(10)
+          .fill(1)
+          .map(() => {
+            const id = uuidv4();
+            const user = usersForMembers[getRandomInt(0, usersForMembers.length - 1)];
+
+            const begin = getRandomInt(0, usersForMembers.length - 2); // begin shouldn't be the end of users.length
+            const end = getRandomInt(begin + 1, usersForMembers.length - 1);
+
+            const usersForReactions = usersForMembers.slice(begin, end);
+            const reactions = usersForReactions.map((user) =>
+              generateReaction({
+                message_id: id,
+                user,
+              }),
+            );
+            allReactions.push(...reactions);
+            return generateMessage({
+              cid,
+              id,
+              latest_reactions: reactions,
               user,
-            }),
-          );
-          allReactions.push(...reactions);
-          return generateMessage({
-            cid,
-            id,
-            latest_reactions: reactions,
-            user,
-            userId: user.id,
+              userId: user.id,
+            });
           });
-        });
 
       const reads = members.map((member) => ({
         last_read: new Date(new Date().setDate(new Date().getDate() - getRandomInt(0, 20))),
@@ -189,6 +191,7 @@ export const Generic = () => {
     afterEach(() => {
       BetterSqlite.dropAllTables();
       cleanup();
+      jest.clearAllMocks();
     });
 
     const filters = {
@@ -313,6 +316,21 @@ export const Generic = () => {
       expectAllChannelsWithStateToBeInDB(screen.queryAllByLabelText);
     });
 
+    it('should fetch channels from the db correctly even if they are empty', async () => {
+      const emptyChannel = createChannel([]);
+      useMockedApis(chatClient, [queryChannelsApi([emptyChannel])]);
+      jest.spyOn(chatClient, 'hydrateActiveChannels');
+
+      renderComponent();
+      await act(() => dispatchConnectionChangedEvent(chatClient));
+      await waitFor(() => {
+        expect(screen.getByTestId('channel-list')).toBeTruthy();
+        expect(screen.getByTestId(emptyChannel.cid)).toBeTruthy();
+        expect(chatClient.hydrateActiveChannels).toHaveBeenCalledTimes(2);
+        expect(chatClient.hydrateActiveChannels.mock.calls[0][0]).toStrictEqual([emptyChannel]);
+      });
+    });
+
     it('should add a new message to database', async () => {
       useMockedApis(chatClient, [queryChannelsApi(channels)]);
 

package/src/components/Attachment/Card.tsx

@@ -207,7 +207,7 @@ const CardWithContext = <
             imageStyle={styles.cardCover}
             resizeMode='cover'
             source={{ uri: makeImageCompatibleUrl(uri) }}
-            style={[styles.cardCover, cover, stylesProp.cardCover]}
+            style={[styles.cardCover, stylesProp.cardCover, cover]}
           >
             {isVideoCard ? (
               <View

package/src/components/Channel/Channel.tsx

@@ -1110,6 +1110,10 @@ const ChannelWithContext = <
       isCurrent: false,
       isLatest: true,
       messages: [],
+      pagination: {
+        hasNext: true,
+        hasPrev: true,
+      },
     });
   });
 

package/src/store/apis/getChannels.ts

@@ -40,9 +40,9 @@ export const getChannels = <
   // Enrich the channels with state
   return channels.map((c) => ({
     ...mapStorableToChannel<StreamChatGenerics>(c),
-    members: cidVsMembers[c.cid],
-    messages: cidVsMessages[c.cid],
+    members: cidVsMembers[c.cid] || [],
+    messages: cidVsMessages[c.cid] || [],
     pinned_messages: [],
-    read: cidVsReads[c.cid],
+    read: cidVsReads[c.cid] || [],
   }));
 };

package/src/version.json

@@ -1,3 +1,3 @@
 {
-  "version": "5.38.0-beta.2"
+  "version": "5.38.0-beta.4"
 }