stream-chat-react-native-core 5.0.0-offline-support.0 → 5.0.0-offline-support.3

package/src/components/ChannelList/hooks/listeners/handleEventToSyncDB.ts

@@ -41,15 +41,18 @@ export const handleEventToSyncDB = (event: Event, flush?: boolean) => {
   if (type === 'message.updated' || type === 'message.deleted') {
     if (event.message && !event.message.parent_id) {
       // Update only if it exists, otherwise event could be related
-      // to a message which is not related to existing messages with database.
+      // to a message which is not in database.
       return updateMessage({
         flush,
         message: event.message,
       });
     }
   }
+
   if (type === 'reaction.updated') {
     if (event.message && event.reaction) {
+      // We update the entire message to make sure we also update
+      // reaction_counts.
       updateMessage({
         flush,
         message: event.message,
@@ -69,7 +72,12 @@ export const handleEventToSyncDB = (event: Event, flush?: boolean) => {
     }
   }
 
-  if (type === 'channel.updated') {
+  if (
+    type === 'channel.updated' ||
+    type === 'channel.visible' ||
+    type === 'notification.added_to_channel' ||
+    type === 'notification.message_new'
+  ) {
     if (event.channel) {
       return upsertChannelData({
         channel: event.channel,
@@ -78,7 +86,11 @@ export const handleEventToSyncDB = (event: Event, flush?: boolean) => {
     }
   }
 
-  if (type === 'channel.hidden') {
+  if (
+    type === 'channel.hidden' ||
+    type === 'channel.deleted' ||
+    type === 'notification.removed_from_channel'
+  ) {
     if (event.channel) {
       return deleteChannel({
         cid: event.channel.cid,
@@ -87,15 +99,6 @@ export const handleEventToSyncDB = (event: Event, flush?: boolean) => {
     }
   }
 
-  if (type === 'channel.visible') {
-    if (event.channel) {
-      return upsertChannelData({
-        channel: event.channel,
-        flush,
-      });
-    }
-  }
-
   if (type === 'channel.truncated') {
     if (event.channel) {
       return deleteMessagesForChannel({
@@ -105,15 +108,6 @@ export const handleEventToSyncDB = (event: Event, flush?: boolean) => {
     }
   }
 
-  if (type === 'channel.deleted') {
-    if (event.channel) {
-      return deleteChannel({
-        cid: event.channel.cid,
-        flush,
-      });
-    }
-  }
-
   if (type === 'channels.queried') {
     if (event.queriedChannels) {
       return upsertChannels({
@@ -144,32 +138,5 @@ export const handleEventToSyncDB = (event: Event, flush?: boolean) => {
     }
   }
 
-  if (type === 'notification.added_to_channel') {
-    if (event.channel) {
-      return upsertChannelData({
-        channel: event.channel,
-        flush,
-      });
-    }
-  }
-
-  if (type === 'notification.removed_from_channel') {
-    if (event.channel) {
-      return deleteChannel({
-        cid: event.channel.cid,
-        flush,
-      });
-    }
-  }
-
-  if (type === 'notification.message_new') {
-    if (event.channel) {
-      return upsertChannelData({
-        channel: event.channel,
-        flush,
-      });
-    }
-  }
-
   return [];
 };

package/src/components/ChannelList/hooks/usePaginatedChannels.ts

@@ -205,10 +205,10 @@ export const usePaginatedChannels = <
         : activeQueryType === 'reload' && channels.length === 0,
     loadingNextPage: activeQueryType === 'loadChannels',
     loadNextPage,
-    staticChannelsActive,
     refreshing: activeQueryType === 'refresh',
     refreshList,
     reloadList,
     setChannels,
+    staticChannelsActive,
   };
 };

package/src/components/ChannelPreview/ChannelAvatar.tsx

@@ -10,15 +10,15 @@ import { GroupAvatar } from '../Avatar/GroupAvatar';
 
 export type ChannelAvatarProps<
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-  > = Pick<ChannelPreviewProps<StreamChatGenerics>, 'channel'>;
+> = Pick<ChannelPreviewProps<StreamChatGenerics>, 'channel'>;
 
 /**
  * This UI component displays an avatar for a particular channel.
  */
 export const ChannelAvatar = <
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-  >(
-    props: ChannelAvatarProps<StreamChatGenerics>,
+>(
+  props: ChannelAvatarProps<StreamChatGenerics>,
 ) => {
   const { channel } = props;
 

package/src/components/MessageList/MessageList.tsx

@@ -530,7 +530,7 @@ const MessageListWithContext = <
     index: number;
     item: MessageType<StreamChatGenerics>;
   }) => {
-    if (!channel || !channel.initialized) return null;
+    if (!channel || (!channel.initialized && !channel.staticState)) return null;
 
     const lastRead = channel.lastRead();
 

package/src/contexts/overlayContext/OverlayProvider.tsx

@@ -167,9 +167,6 @@ export const OverlayProvider = <
     }
   }, [overlay]);
 
-  // Setup translators
-  useStreami18n({ i18nInstance, setTranslators });
-
   const attachmentPickerContext = {
     attachmentPickerBottomSheetHeight,
     attachmentSelectionBarHeight,

package/src/mock-builders/event/memberAdded.js

@@ -1,9 +1,8 @@
 export default (client, member, channel = {}) => {
-    client.dispatchEvent({
-      channel,
-      cid: channel.cid,
-      member,
-      type: 'member.added',
-    });
-  };
-  
+  client.dispatchEvent({
+    channel,
+    cid: channel.cid,
+    member,
+    type: 'member.added',
+  });
+};

package/src/mock-builders/event/memberRemoved.js

@@ -1,9 +1,8 @@
 export default (client, member, channel = {}) => {
-    client.dispatchEvent({
-      channel,
-      cid: channel.cid,
-      member,
-      type: 'member.removed',
-    });
-  };
-  
+  client.dispatchEvent({
+    channel,
+    cid: channel.cid,
+    member,
+    type: 'member.removed',
+  });
+};

package/src/mock-builders/event/memberUpdated.js

@@ -1,9 +1,8 @@
 export default (client, member, channel = {}) => {
-    client.dispatchEvent({
-      channel,
-      cid: channel.cid,
-      member,
-      type: 'member.updated',
-    });
-  };
-  
+  client.dispatchEvent({
+    channel,
+    cid: channel.cid,
+    member,
+    type: 'member.updated',
+  });
+};

package/src/mock-builders/event/reactionDeleted.js

@@ -1,10 +1,9 @@
 export default (client, reaction, message, channel = {}) => {
-    client.dispatchEvent({
-      channel,
-      cid: channel.cid,
-      message,
-      reaction,
-      type: 'reaction.deleted',
-    });
-  };
-  
+  client.dispatchEvent({
+    channel,
+    cid: channel.cid,
+    message,
+    reaction,
+    type: 'reaction.deleted',
+  });
+};

package/src/mock-builders/event/reactionNew.js

@@ -1,10 +1,9 @@
 export default (client, reaction, message, channel = {}) => {
-    client.dispatchEvent({
-      channel,
-      cid: channel.cid,
-      message,
-      reaction,
-      type: 'reaction.new',
-    });
-  };
-  
+  client.dispatchEvent({
+    channel,
+    cid: channel.cid,
+    message,
+    reaction,
+    type: 'reaction.new',
+  });
+};

package/src/mock-builders/event/reactionUpdated.js

@@ -1,10 +1,9 @@
 export default (client, reaction, message, channel = {}) => {
-    client.dispatchEvent({
-      channel,
-      cid: channel.cid,
-      message,
-      reaction,
-      type: 'reaction.updated',
-    });
-  };
-  
+  client.dispatchEvent({
+    channel,
+    cid: channel.cid,
+    message,
+    reaction,
+    type: 'reaction.updated',
+  });
+};

package/src/store/sqlite-utils/appendWhereCluase.ts

@@ -12,8 +12,10 @@ export const appendWhereClause = <T extends keyof Schema>(
 
   for (const key in whereCondition) {
     const value: unknown = whereCondition[key];
+    if (value === undefined) continue;
+
     if (Array.isArray(value)) {
-      if (!value || value.length === 0) continue;
+      if (value.length === 0) continue;
       const questionMarks = Array(Object.keys(value).length).fill('?').join(',');
       whereClause.push(`${key} in (${questionMarks})`);
       whereParams.push(...value);

package/src/version.json

@@ -1,3 +1,3 @@
 {
-  "version": "5.0.0-offline-support.0"
+  "version": "5.0.0-offline-support.3"
 }