stream-chat-react-native-core 9.0.0-beta.26 → 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/components/ui/Button/hooks/useButtonStyles.ts

@@ -79,7 +79,7 @@ export const useButtonStyles = ({ variant, type }: ButtonStylesConfig) => {
         borderColor: semantics.buttonSecondaryBorder,
         disabledForegroundColor: semantics.textDisabled,
         disabledBackgroundColor: undefined,
-        disabledBorderColor: semantics.buttonSecondaryBorder,
+        disabledBorderColor: semantics.borderUtilityDisabled,
       },
       secondaryGhost: {
         foregroundColor: semantics.buttonSecondaryText,

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/contexts/themeContext/utils/theme.ts

@@ -107,6 +107,7 @@ export type Theme = {
     bottomSheetContentContainer: ViewStyle;
     durationText: TextStyle;
     content: {
+      actionContainer: ViewStyle;
       container: ViewStyle;
       infoContainer: ViewStyle;
       text: TextStyle;
@@ -1030,6 +1031,7 @@ export const defaultTheme: Theme = {
     bottomSheetContentContainer: {},
     durationText: {},
     content: {
+      actionContainer: {},
       container: {},
       infoContainer: {},
       text: {},

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/i18n/en.json

@@ -164,8 +164,9 @@
   "Change in Settings": "Change in Settings",
   "Create a poll and let everyone vote": "Create a poll and let everyone vote",
   "Open Camera": "Open Camera",
-  "Pick a document to share it with everyone": "Pick a document to share it with everyone",
-  "Pick document": "Pick document",
+  "Open Files": "Open Files",
+  "Select files to share": "Select files to share",
+  "Take a photo and share": "Take a photo and share",
   "Take a video and share": "Take a video and share",
   "You have not granted access to your camera": "You have not granted access to your camera",
   "{{count}} Reactions_many": "{{count}} Reactions",

package/src/i18n/es.json

@@ -164,8 +164,9 @@
   "Change in Settings": "Cambiar en Ajustes",
   "Create a poll and let everyone vote": "Crea una encuesta y deja que todos voten",
   "Open Camera": "Abrir camara",
-  "Pick a document to share it with everyone": "Elige un documento para compartirlo con todos",
-  "Pick document": "Elegir documento",
+  "Open Files": "Abrir archivos",
+  "Select files to share": "Selecciona archivos para compartir",
+  "Take a photo and share": "Toma una foto y compártela",
   "Take a video and share": "Graba un video y compártelo",
   "You have not granted access to your camera": "No has concedido acceso a tu camara",
   "{{count}} Reactions_many": "{{count}} reacciones",

package/src/i18n/fr.json

@@ -164,8 +164,9 @@
   "Change in Settings": "Changer dans Réglages",
   "Create a poll and let everyone vote": "Créez un sondage et laissez tout le monde voter",
   "Open Camera": "Ouvrir la caméra",
-  "Pick a document to share it with everyone": "Choisissez un document pour le partager avec tout le monde",
-  "Pick document": "Choisir un document",
+  "Open Files": "Ouvrir les fichiers",
+  "Select files to share": "Sélectionnez des fichiers à partager",
+  "Take a photo and share": "Prenez une photo et partagez-la",
   "Take a video and share": "Prenez une vidéo et partagez-la",
   "You have not granted access to your camera": "Vous n'avez pas accordé l'accès à votre caméra",
   "{{count}} Reactions_many": "{{count}} réactions",

package/src/i18n/he.json

@@ -164,8 +164,9 @@
   "Change in Settings": "שנה בהגדרות",
   "Create a poll and let everyone vote": "צור סקר ותן לכולם להצביע",
   "Open Camera": "פתח מצלמה",
-  "Pick a document to share it with everyone": "בחר מסמך כדי לשתף אותו עם כולם",
-  "Pick document": "בחר מסמך",
+  "Open Files": "פתח קבצים",
+  "Select files to share": "בחר קבצים לשיתוף",
+  "Take a photo and share": "צלם תמונה ושתף",
   "Take a video and share": "צלם וידאו ושתף",
   "You have not granted access to your camera": "לא הענקת גישה למצלמה שלך",
   "{{count}} Reactions_many": "{{count}} תגובות",

package/src/i18n/hi.json

@@ -164,8 +164,9 @@
   "Change in Settings": "सेटिंग्स में बदलें",
   "Create a poll and let everyone vote": "पोल बनाएँ और सभी को वोट करने दें",
   "Open Camera": "कैमरा खोलें",
-  "Pick a document to share it with everyone": "सभी के साथ साझा करने के लिए एक दस्तावेज़ चुनें",
-  "Pick document": "दस्तावेज़ चुनें",
+  "Open Files": "फ़ाइलें खोलें",
+  "Select files to share": "साझा करने के लिए फ़ाइलें चुनें",
+  "Take a photo and share": "एक फ़ोटो लें और साझा करें",
   "Take a video and share": "वीडियो लें और साझा करें",
   "You have not granted access to your camera": "आपने अपने कैमरे के लिए अनुमति नहीं दी है",
   "{{count}} Reactions_many": "{{count}} प्रतिक्रियाएँ",

package/src/i18n/it.json

@@ -164,8 +164,9 @@
   "Change in Settings": "Cambia in Impostazioni",
   "Create a poll and let everyone vote": "Crea un sondaggio e lascia che tutti votino",
   "Open Camera": "Apri fotocamera",
-  "Pick a document to share it with everyone": "Scegli un documento da condividere con tutti",
-  "Pick document": "Scegli documento",
+  "Open Files": "Apri file",
+  "Select files to share": "Seleziona file da condividere",
+  "Take a photo and share": "Scatta una foto e condividila",
   "Take a video and share": "Registra un video e condividilo",
   "You have not granted access to your camera": "Non hai concesso l’accesso alla fotocamera",
   "{{count}} Reactions_many": "{{count}} reazioni",

package/src/i18n/ja.json

@@ -164,8 +164,9 @@
   "Change in Settings": "設定で変更",
   "Create a poll and let everyone vote": "投票を作成してみんなに投票してもらう",
   "Open Camera": "カメラを開く",
-  "Pick a document to share it with everyone": "みんなと共有するドキュメントを選択",
-  "Pick document": "ドキュメントを選択",
+  "Open Files": "ファイルを開く",
+  "Select files to share": "共有するファイルを選択",
+  "Take a photo and share": "写真を撮って共有",
   "Take a video and share": "動画を撮影して共有",
   "You have not granted access to your camera": "カメラへのアクセスが許可されていません",
   "{{count}} Reactions_many": "{{count}}件のリアクション",

package/src/i18n/ko.json

@@ -164,8 +164,9 @@
   "Change in Settings": "설정에서 변경",
   "Create a poll and let everyone vote": "투표를 만들어 모두가 투표하게 하세요",
   "Open Camera": "카메라 열기",
-  "Pick a document to share it with everyone": "모두와 공유할 문서를 선택하세요",
-  "Pick document": "문서 선택",
+  "Open Files": "파일 열기",
+  "Select files to share": "공유할 파일 선택",
+  "Take a photo and share": "사진을 찍고 공유",
   "Take a video and share": "동영상을 촬영하고 공유",
   "You have not granted access to your camera": "카메라 접근 권한이 없습니다",
   "{{count}} Reactions_many": "{{count}}개의 반응",

package/src/i18n/nl.json

@@ -164,8 +164,9 @@
   "Change in Settings": "Wijzigen in Instellingen",
   "Create a poll and let everyone vote": "Maak een peiling en laat iedereen stemmen",
   "Open Camera": "Camera openen",
-  "Pick a document to share it with everyone": "Kies een document om het met iedereen te delen",
-  "Pick document": "Document kiezen",
+  "Open Files": "Bestanden openen",
+  "Select files to share": "Selecteer bestanden om te delen",
+  "Take a photo and share": "Maak een foto en deel deze",
   "Take a video and share": "Maak een video en deel deze",
   "You have not granted access to your camera": "Je hebt geen toegang tot je camera verleend",
   "{{count}} Reactions_many": "{{count}} reacties",

package/src/i18n/pt-br.json

@@ -164,8 +164,9 @@
   "Change in Settings": "Alterar nos Ajustes",
   "Create a poll and let everyone vote": "Crie uma enquete e deixe todos votarem",
   "Open Camera": "Abrir camera",
-  "Pick a document to share it with everyone": "Escolha um documento para compartilhar com todos",
-  "Pick document": "Escolher documento",
+  "Open Files": "Abrir arquivos",
+  "Select files to share": "Selecione arquivos para compartilhar",
+  "Take a photo and share": "Tire uma foto e compartilhe",
   "Take a video and share": "Grave um video e compartilhe",
   "You have not granted access to your camera": "Você não concedeu acesso à sua câmera",
   "{{count}} Reactions_many": "{{count}} reações",

package/src/i18n/ru.json

@@ -164,8 +164,9 @@
   "Change in Settings": "Изменить в настройках",
   "Create a poll and let everyone vote": "Создайте опрос и дайте всем проголосовать",
   "Open Camera": "Открыть камеру",
-  "Pick a document to share it with everyone": "Выберите документ, чтобы поделиться им со всеми",
-  "Pick document": "Выбрать документ",
+  "Open Files": "Открыть файлы",
+  "Select files to share": "Выберите файлы для отправки",
+  "Take a photo and share": "Сделайте фото и поделитесь",
   "Take a video and share": "Снимите видео и поделитесь",
   "You have not granted access to your camera": "Вы не предоставили доступ к вашей камере",
   "{{count}} Reactions_many": "{{count}} реакций",

package/src/i18n/tr.json

@@ -164,8 +164,9 @@
   "Change in Settings": "Ayarlar'da değiştir",
   "Create a poll and let everyone vote": "Bir anket oluşturun ve herkesin oy vermesine izin verin",
   "Open Camera": "Kamerayı aç",
-  "Pick a document to share it with everyone": "Herkesle paylaşmak için bir belge seçin",
-  "Pick document": "Belge seç",
+  "Open Files": "Dosyaları aç",
+  "Select files to share": "Paylaşmak için dosyaları seç",
+  "Take a photo and share": "Fotoğraf çek ve paylaş",
   "Take a video and share": "Video çek ve paylaş",
   "You have not granted access to your camera": "Kameranıza erişim izni vermediniz",
   "{{count}} Reactions_many": "{{count}} tepki",

package/src/version.json

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