stream-chat-react-native-core 4.1.2 → 4.1.3

package/src/components/ChannelList/hooks/listeners/__tests__/useChannelUpdated.test.tsx

@@ -0,0 +1,82 @@
+import React, { useState } from 'react';
+import { Text } from 'react-native';
+
+import { act } from 'react-test-renderer';
+
+import { render, waitFor } from '@testing-library/react-native';
+import type { Channel, ChannelResponse, Event, StreamChat } from 'stream-chat';
+
+import { ChatContext, useChannelUpdated } from '../../../../../index';
+
+describe('useChannelUpdated', () => {
+  it("defaults to the channels own_capabilities if the event doesn't include it", async () => {
+    let eventHanler: (event: Event) => void;
+    const mockChannel = {
+      cid: 'channeltype:123abc',
+      data: {
+        own_capabilities: {
+          send_messages: true,
+        },
+      },
+    } as unknown as Channel;
+
+    const mockEvent = {
+      channel: {
+        cid: mockChannel.cid,
+      } as ChannelResponse,
+      type: 'channel.updated' as Event['type'],
+    };
+
+    const mockClient = {
+      off: jest.fn(),
+      on: jest.fn().mockImplementation((_eventName: string, handler: (event: Event) => void) => {
+        eventHanler = handler;
+      }),
+    } as unknown as StreamChat;
+
+    const TestComponent = () => {
+      const [channels, setChannels] = useState<Channel[]>([mockChannel]);
+
+      useChannelUpdated({ setChannels });
+
+      if (
+        channels[0].data?.own_capabilities &&
+        Object.keys(channels[0].data?.own_capabilities as { [key: string]: boolean }).includes(
+          'send_messages',
+        )
+      ) {
+        return <Text>Send messages enabled</Text>;
+      }
+
+      return <Text>Send messages NOT enabled</Text>;
+    };
+
+    const { getByText } = await waitFor(() =>
+      render(
+        <ChatContext.Provider
+          value={{
+            client: mockClient,
+            connectionRecovering: false,
+            isOnline: true,
+            mutedUsers: [],
+            setActiveChannel: () => null,
+          }}
+        >
+          <TestComponent />
+        </ChatContext.Provider>,
+      ),
+    );
+
+    await waitFor(() => {
+      expect(getByText('Send messages enabled')).toBeTruthy();
+    });
+
+    act(() => {
+      eventHanler(mockEvent);
+    });
+
+    await waitFor(() => {
+      expect(getByText('Send messages enabled')).toBeTruthy();
+    });
+  });
+});

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

@@ -33,8 +33,14 @@ export const useChannelUpdated = <
             (channel) => channel.cid === (event.cid || event.channel?.cid),
           );
           if (index >= 0 && event.channel) {
-            channels[index].data = event.channel;
+            channels[index].data = {
+              ...event.channel,
+              hidden: event.channel?.hidden ?? channels[index].data?.hidden,
+              own_capabilities:
+                event.channel?.own_capabilities ?? channels[index].data?.own_capabilities,
+            };
           }
+
           return [...channels];
         });
       }

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

@@ -61,6 +61,7 @@ export const usePaginatedChannels = <
 
     const hasUpdatedData =
       queryType === 'loadChannels' ||
+      queryType === 'refresh' ||
       [
         JSON.stringify(filtersRef.current) !== JSON.stringify(filters),
         JSON.stringify(sortRef.current) !== JSON.stringify(sort),

package/src/components/MessageOverlay/MessageOverlay.tsx

@@ -100,8 +100,8 @@ export type MessageOverlayPropsWithContext<
     | 'message'
     | 'messageReactions'
     | 'messageTextNumberOfLines'
-    | 'overlayOpacity'
   > & {
+    overlayOpacity: Animated.SharedValue<number>;
     showScreen?: Animated.SharedValue<number>;
   };
 

package/src/contexts/overlayContext/OverlayContext.tsx

@@ -1,5 +1,4 @@
 import React, { useContext } from 'react';
-import type Animated from 'react-native-reanimated';
 
 import type { BottomSheetMethods } from '@gorhom/bottom-sheet/lib/typescript/types';
 
@@ -53,7 +52,6 @@ export type OverlayProviderProps<
     >
   > &
   Pick<OverlayContextValue, 'translucentStatusBar'> & {
-    overlayOpacity: Animated.SharedValue<number>;
     closePicker?: (ref: React.RefObject<BottomSheetMethods>) => void;
     error?: boolean | Error;
     /** https://github.com/GetStream/stream-chat-react-native/wiki/Internationalization-(i18n) */

package/src/version.json

@@ -1,3 +1,3 @@
 {
-  "version": "4.1.2"
+  "version": "4.1.3"
 }