stream-chat-react-native-core 9.0.0-beta.27 → 9.0.0-beta.28

package/src/components/UIComponents/__tests__/BottomSheetModal.utils.test.ts

@@ -0,0 +1,111 @@
+import {
+  BOTTOM_SHEET_HANDLE_TOTAL_HEIGHT,
+  getBottomSheetBaseHeight,
+  getBottomSheetSnapPointTranslateY,
+  getBottomSheetSnapPoints,
+  getBottomSheetTopSnapIndex,
+} from '../BottomSheetModal.utils';
+
+describe('BottomSheetModal.utils', () => {
+  it('caps fixed bottom sheet height by maxHeight', () => {
+    expect(
+      getBottomSheetBaseHeight({
+        contentHeight: undefined,
+        enableDynamicSizing: false,
+        height: 500,
+        maxHeight: 420,
+      }),
+    ).toBe(420);
+  });
+
+  it('uses measured content height plus handle and safe area when dynamic sizing is enabled', () => {
+    expect(
+      getBottomSheetBaseHeight({
+        contentHeight: 120,
+        enableDynamicSizing: true,
+        height: 400,
+        maxHeight: 500,
+      }),
+    ).toBe(120 + BOTTOM_SHEET_HANDLE_TOTAL_HEIGHT);
+  });
+
+  it('caps dynamic content height by the provided height', () => {
+    expect(
+      getBottomSheetBaseHeight({
+        contentHeight: 500,
+        enableDynamicSizing: true,
+        height: 300,
+        maxHeight: 600,
+      }),
+    ).toBe(300);
+  });
+
+  it('keeps the expanded snap point when the sheet is shorter than maxHeight', () => {
+    expect(
+      getBottomSheetSnapPoints({
+        baseHeight: 280,
+        maxHeight: 640,
+      }),
+    ).toEqual([280, 640]);
+  });
+
+  it('returns two snap points for fixed sizing when maxHeight exceeds baseHeight', () => {
+    expect(
+      getBottomSheetSnapPoints({
+        baseHeight: 280,
+        maxHeight: 640,
+      }),
+    ).toEqual([280, 640]);
+  });
+
+  it('returns a single snap point when the sheet is already at maxHeight', () => {
+    expect(
+      getBottomSheetSnapPoints({
+        baseHeight: 640,
+        maxHeight: 640,
+      }),
+    ).toEqual([640]);
+  });
+
+  it('returns the correct top snap index', () => {
+    expect(
+      getBottomSheetTopSnapIndex({
+        baseHeight: 280,
+        maxHeight: 640,
+      }),
+    ).toBe(1);
+
+    expect(
+      getBottomSheetTopSnapIndex({
+        baseHeight: 640,
+        maxHeight: 640,
+      }),
+    ).toBe(0);
+  });
+
+  it('returns the correct translateY for each snap point', () => {
+    expect(
+      getBottomSheetSnapPointTranslateY({
+        baseHeight: 280,
+        maxHeight: 640,
+        snapIndex: 0,
+      }),
+    ).toBe(360);
+
+    expect(
+      getBottomSheetSnapPointTranslateY({
+        baseHeight: 280,
+        maxHeight: 640,
+        snapIndex: 1,
+      }),
+    ).toBe(0);
+
+    expect(
+      getBottomSheetSnapPointTranslateY({
+        baseHeight: 640,
+        maxHeight: 640,
+        snapIndex: 0,
+      }),
+    ).toBe(0);
+  });
+});

package/src/components/ui/Avatar/ChannelAvatar.tsx

@@ -58,7 +58,11 @@ export const ChannelAvatar = (props: ChannelAvatarProps) => {
 
   if (usersWithoutSelf.length > 1) {
     return (
-      <UserAvatarGroup size='xl' users={usersForGroup} showOnlineIndicator={showOnlineIndicator} />
+      <UserAvatarGroup
+        size={size}
+        users={usersForGroup}
+        showOnlineIndicator={showOnlineIndicator}
+      />
     );
   } else {
     return (

package/src/contexts/bottomSheetContext/BottomSheetContext.tsx

@@ -8,6 +8,7 @@ import { isTestEnvironment } from '../utils/isTestEnvironment';
 export type BottomSheetContextValue = {
   close: (closeAnimationFinishedCallback?: () => void) => void;
   currentSnapIndex: SharedValue<number>;
+  topSnapIndex: SharedValue<number>;
 };
 
 export const BottomSheetContext = React.createContext(

package/src/contexts/messageComposerContext/MessageComposerContext.tsx

@@ -8,7 +8,7 @@ import {
 } from './MessageComposerAPIContext';
 
 import { ChannelProps } from '../../components';
-import { useStableCallback } from '../../hooks';
+import { useStableCallback } from '../../hooks/useStableCallback';
 import { useCreateMessageComposer } from '../messageInputContext/hooks/useCreateMessageComposer';
 import { ThreadContextValue } from '../threadContext/ThreadContext';
 import { DEFAULT_BASE_CONTEXT_VALUE } from '../utils/defaultBaseContextValue';

package/src/contexts/messageContext/MessageContext.tsx

@@ -4,7 +4,7 @@ import type { View } from 'react-native';
 import type { Attachment, LocalMessage } from 'stream-chat';
 
 import type { ActionHandler } from '../../components/Attachment/Attachment';
-import { ReactionSummary } from '../../components/Message/hooks/useProcessReactions';
+import type { ReactionSummary } from '../../components/Message/hooks/useProcessReactions';
 import type {
   MessagePressableHandlerPayload,
   PressableHandlerPayload,
@@ -15,7 +15,7 @@ import type { MessageContentType } from '../../contexts/messagesContext/Messages
 import type { DeepPartial } from '../../contexts/themeContext/ThemeContext';
 import type { Theme } from '../../contexts/themeContext/utils/theme';
 
-import { MessageComposerAPIContextValue } from '../messageComposerContext/MessageComposerAPIContext';
+import type { MessageComposerAPIContextValue } from '../messageComposerContext/MessageComposerAPIContext';
 import { DEFAULT_BASE_CONTEXT_VALUE } from '../utils/defaultBaseContextValue';
 
 export type Alignment = 'right' | 'left';
@@ -40,6 +40,8 @@ export type MessageContextValue = {
   groupStyles: GroupType[];
   /** Handler for actions. Actions in combination with attachments can be used to build [commands](https://getstream.io/chat/docs/#channel_commands). */
   handleAction: ActionHandler;
+  /** Whether or not any message attachment exposes actions. */
+  hasAttachmentActions: boolean;
   handleToggleReaction: (reactionType: string) => Promise<void>;
   /** Whether or not message has reactions */
   hasReactions: boolean;

package/src/hooks/messagePreview/useMessagePreviewText.tsx

@@ -35,7 +35,6 @@ export const useMessagePreviewText = ({
   const onlyAudio = audios?.length === attachmentsLength;
   const onlyVoiceRecordings =
     voiceRecordings?.length && voiceRecordings?.length === attachmentsLength;
-
   if (message?.type === 'deleted') {
     return 'Message deleted';
   }
@@ -55,8 +54,12 @@ export const useMessagePreviewText = ({
     return 'Location';
   }
 
+  if (giphys?.length) {
+    return 'Giphy';
+  }
+
   if (message?.text) {
-    return message?.text;
+    return message.text;
   }
 
   if (onlyImages) {
@@ -91,10 +94,6 @@ export const useMessagePreviewText = ({
     }
   }
 
-  if (giphys?.length) {
-    return 'Giphy';
-  }
-
   if (onlyFiles && files?.length === 1) {
     return files?.[0]?.title;
   }

package/src/version.json

@@ -1,3 +1,3 @@
 {
-  "version": "9.0.0-beta.27"
+  "version": "9.0.0-beta.28"
 }