stream-chat-react-native-core 5.39.5 → 5.40.0-rc.2

package/src/components/Attachment/utils/buildGallery/buildGallery.ts

@@ -8,6 +8,10 @@ import { buildThumbnailGrid } from './buildThumbnailGrid';
 
 import type { GallerySizeAndThumbnailGrid, GallerySizeConfig } from './types';
 
+import {
+  chatConfigContextDefaultvalue,
+  ChatConfigContextValue,
+} from '../../../../contexts/chatConfigContext/ChatConfigContext';
 import type { DefaultStreamChatGenerics } from '../../../../types/types';
 
 /**
@@ -30,14 +34,16 @@ export function buildGallery<
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   images,
+  resizableCDNHosts = chatConfigContextDefaultvalue.resizableCDNHosts,
   sizeConfig,
-}: {
+}: Pick<ChatConfigContextValue, 'resizableCDNHosts'> & {
   images: Attachment<StreamChatGenerics>[];
   sizeConfig: GallerySizeConfig;
 }): GallerySizeAndThumbnailGrid {
   if (images.length === 1) {
     return buildGalleryOfSingleImage({
       image: images[0],
+      resizableCDNHosts,
       sizeConfig,
     });
   }
@@ -45,6 +51,7 @@ export function buildGallery<
   if (images.length === 2) {
     return buildGalleryOfTwoImages({
       images,
+      resizableCDNHosts,
       sizeConfig,
     });
   }
@@ -52,6 +59,7 @@ export function buildGallery<
   if (images.length === 3) {
     return buildGalleryOfThreeImages({
       images,
+      resizableCDNHosts,
       sizeConfig,
     });
   }
@@ -72,6 +80,7 @@ export function buildGallery<
     ],
     images: images.slice(0, 4),
     invertedDirections: true,
+    resizableCDNHosts,
     sizeConfig,
   });
 }

package/src/components/Attachment/utils/buildGallery/buildGalleryOfSingleImage.ts

@@ -4,6 +4,7 @@ import { buildThumbnail } from './buildThumbnail';
 
 import type { GallerySizeAndThumbnailGrid, GallerySizeConfig } from './types';
 
+import { ChatConfigContextValue } from '../../../../contexts/chatConfigContext/ChatConfigContext';
 import type { DefaultStreamChatGenerics } from '../../../../types/types';
 import { getAspectRatio } from '../getAspectRatio';
 
@@ -67,8 +68,9 @@ export function buildGalleryOfSingleImage<
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   image,
+  resizableCDNHosts,
   sizeConfig,
-}: {
+}: Pick<ChatConfigContextValue, 'resizableCDNHosts'> & {
   image: Attachment<StreamChatGenerics>;
   sizeConfig: GallerySizeConfig;
 }): GallerySizeAndThumbnailGrid {
@@ -79,6 +81,7 @@ export function buildGalleryOfSingleImage<
 
   const thumbnail = buildThumbnail({
     image,
+    resizableCDNHosts,
     ...container,
   });
 

package/src/components/Attachment/utils/buildGallery/buildGalleryOfThreeImages.ts

@@ -4,6 +4,7 @@ import { buildThumbnailGrid } from './buildThumbnailGrid';
 
 import type { GallerySizeAndThumbnailGrid, GallerySizeConfig } from './types';
 
+import { ChatConfigContextValue } from '../../../../contexts/chatConfigContext/ChatConfigContext';
 import type { DefaultStreamChatGenerics } from '../../../../types/types';
 import { getAspectRatio } from '../getAspectRatio';
 
@@ -23,8 +24,9 @@ export function buildGalleryOfThreeImages<
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   images,
+  resizableCDNHosts,
   sizeConfig,
-}: {
+}: Pick<ChatConfigContextValue, 'resizableCDNHosts'> & {
   images: Attachment<StreamChatGenerics>[];
   sizeConfig: GallerySizeConfig;
 }): GallerySizeAndThumbnailGrid {
@@ -77,6 +79,7 @@ export function buildGalleryOfThreeImages<
       grid: [[1], [1, 1]],
       images: landscapeImage ? moveToFront(images, landscapeImage) : images,
       invertedDirections: true,
+      resizableCDNHosts,
       sizeConfig,
     });
   } else {
@@ -93,6 +96,7 @@ export function buildGalleryOfThreeImages<
       grid: [[1], [1, 1]],
       images: portraitImage ? moveToFront(images, portraitImage) : images,
       invertedDirections: false,
+      resizableCDNHosts,
       sizeConfig,
     });
   }

package/src/components/Attachment/utils/buildGallery/buildGalleryOfTwoImages.ts

@@ -4,6 +4,7 @@ import { buildThumbnailGrid } from './buildThumbnailGrid';
 
 import type { GallerySizeAndThumbnailGrid, GallerySizeConfig } from './types';
 
+import { ChatConfigContextValue } from '../../../../contexts/chatConfigContext/ChatConfigContext';
 import type { DefaultStreamChatGenerics } from '../../../../types/types';
 import { getAspectRatio } from '../getAspectRatio';
 
@@ -11,8 +12,9 @@ export function buildGalleryOfTwoImages<
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   images,
+  resizableCDNHosts,
   sizeConfig,
-}: {
+}: Pick<ChatConfigContextValue, 'resizableCDNHosts'> & {
   images: Attachment<StreamChatGenerics>[];
   sizeConfig: GallerySizeConfig;
 }): GallerySizeAndThumbnailGrid {
@@ -36,6 +38,7 @@ export function buildGalleryOfTwoImages<
       grid: [[1], [1]],
       images,
       invertedDirections: true,
+      resizableCDNHosts,
       sizeConfig,
     });
   }
@@ -53,6 +56,7 @@ export function buildGalleryOfTwoImages<
       grid: [[1, 1]],
       images,
       invertedDirections: true,
+      resizableCDNHosts,
       sizeConfig,
     });
   }
@@ -61,6 +65,7 @@ export function buildGalleryOfTwoImages<
     grid: [[2, 1]],
     images: isLandscape1 ? images : images.reverse(),
     invertedDirections: true,
+    resizableCDNHosts,
     sizeConfig,
   });
 }

package/src/components/Attachment/utils/buildGallery/buildThumbnail.ts

@@ -4,24 +4,30 @@ import type { Attachment } from 'stream-chat';
 
 import type { Thumbnail } from './types';
 
+import { ChatConfigContextValue } from '../../../../contexts/chatConfigContext/ChatConfigContext';
 import type { DefaultStreamChatGenerics } from '../../../../types/types';
 
 import { getResizedImageUrl } from '../../../../utils/getResizedImageUrl';
 import { getUrlOfImageAttachment } from '../../../../utils/getUrlOfImageAttachment';
 
+export type BuildThumbnailProps<
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
+> = Pick<ChatConfigContextValue, 'resizableCDNHosts'> & {
+  height: number;
+  image: Attachment<StreamChatGenerics>;
+  width: number;
+  resizeMode?: ImageResizeMode;
+};
+
 export function buildThumbnail<
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   height,
   image,
+  resizableCDNHosts,
   resizeMode,
   width,
-}: {
-  height: number;
-  image: Attachment<StreamChatGenerics>;
-  width: number;
-  resizeMode?: ImageResizeMode;
-}): Thumbnail {
+}: BuildThumbnailProps<StreamChatGenerics>): Thumbnail {
   const { original_height: originalImageHeight, original_width: originalImageWidth } = image;
 
   // Only resize if the original image is larger than the thumbnail container size.
@@ -41,6 +47,7 @@ export function buildThumbnail<
     url: shouldResize
       ? getResizedImageUrl({
           height,
+          resizableCDNHosts,
           url: imageUrl,
           width,
         })

package/src/components/Attachment/utils/buildGallery/buildThumbnailGrid.ts

@@ -3,6 +3,8 @@ import type { Attachment } from 'stream-chat';
 import { buildThumbnail } from './buildThumbnail';
 import type { GallerySizeAndThumbnailGrid, GallerySizeConfig, ThumbnailGrid } from './types';
 
+import { ChatConfigContextValue } from '../../../../contexts/chatConfigContext/ChatConfigContext';
+
 import type { DefaultStreamChatGenerics } from '../../../../types/types';
 
 /**
@@ -139,8 +141,9 @@ export function buildThumbnailGrid<
   grid,
   images,
   invertedDirections = false,
+  resizableCDNHosts,
   sizeConfig,
-}: {
+}: Pick<ChatConfigContextValue, 'resizableCDNHosts'> & {
   grid: number[][];
   images: Attachment<StreamChatGenerics>[];
   invertedDirections: boolean;
@@ -167,6 +170,7 @@ export function buildThumbnailGrid<
       const thumbnail = buildThumbnail({
         height: tHeight,
         image: currentImage,
+        resizableCDNHosts,
         resizeMode: 'cover',
         width: tWidth,
       });

package/src/components/AttachmentPicker/components/AttachmentPickerBottomSheetHandle.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { StyleSheet, View, ViewStyle } from 'react-native';
-import Animated, { useAnimatedStyle } from 'react-native-reanimated';
+import Animated, { SharedValue, useAnimatedStyle } from 'react-native-reanimated';
 
 import { useTheme } from '../../../contexts/themeContext/ThemeContext';
 
@@ -18,7 +18,7 @@ const styles = StyleSheet.create({
 });
 
 type Props = {
-  animatedIndex: Animated.SharedValue<number>;
+  animatedIndex: SharedValue<number>;
 };
 
 export const AttachmentPickerBottomSheetHandle = ({ animatedIndex }: Props) => {

package/src/components/AttachmentPicker/components/AttachmentPickerItem.tsx

@@ -5,9 +5,9 @@ import { Alert, ImageBackground, Platform, StyleSheet, Text, View } from 'react-
 import { TouchableOpacity } from '@gorhom/bottom-sheet';
 import { lookup } from 'mime-types';
 
-import { useTranslationContext } from '../../../contexts';
 import { AttachmentPickerContextValue } from '../../../contexts/attachmentPickerContext/AttachmentPickerContext';
 import { useTheme } from '../../../contexts/themeContext/ThemeContext';
+import { useTranslationContext } from '../../../contexts/translationContext/TranslationContext';
 import { useViewport } from '../../../hooks/useViewport';
 import { Recorder } from '../../../icons';
 import { getLocalAssetUri } from '../../../native';

package/src/components/AutoCompleteInput/AutoCompleteSuggestionList.tsx

@@ -1,5 +1,6 @@
 import React, { useMemo, useState } from 'react';
 import {
+  FlatList,
   LayoutChangeEvent,
   Pressable,
   PressableProps,
@@ -19,7 +20,6 @@ import {
   useSuggestionsContext,
 } from '../../contexts/suggestionsContext/SuggestionsContext';
 import { useTheme } from '../../contexts/themeContext/ThemeContext';
-import { FlatList } from '../../native';
 import type { DefaultStreamChatGenerics } from '../../types/types';
 
 const AUTO_COMPLETE_SUGGESTION_LIST_HEADER_HEIGHT = 50;

package/src/components/Avatar/Avatar.tsx

@@ -10,6 +10,7 @@ import {
 } from 'react-native';
 import Svg, { Circle, CircleProps } from 'react-native-svg';
 
+import { useChatConfigContext } from '../../contexts/chatConfigContext/ChatConfigContext';
 import { useTheme } from '../../contexts/themeContext/ThemeContext';
 import { useLoadingImage } from '../../hooks/useLoadingImage';
 import { getResizedImageUrl } from '../../utils/getResizedImageUrl';
@@ -72,6 +73,7 @@ export const Avatar = (props: AvatarProps) => {
     size,
     testID,
   } = props;
+  const { resizableCDNHosts } = useChatConfigContext();
   const {
     theme: {
       avatar: { container, image, presenceIndicator, presenceIndicatorContainer },
@@ -120,6 +122,7 @@ export const Avatar = (props: AvatarProps) => {
                       }`
                   : getResizedImageUrl({
                       height: size,
+                      resizableCDNHosts,
                       url: imageProp,
                       width: size,
                     }),

package/src/components/Avatar/GroupAvatar.tsx

@@ -1,9 +1,11 @@
 import React from 'react';
 import { Image, ImageProps, StyleProp, StyleSheet, View, ViewStyle } from 'react-native';
 
+import { useChatConfigContext } from '../../contexts/chatConfigContext/ChatConfigContext';
 import { useTheme } from '../../contexts/themeContext/ThemeContext';
 import { useLoadingImage } from '../../hooks/useLoadingImage';
 import { getResizedImageUrl } from '../../utils/getResizedImageUrl';
+
 const randomImageBaseUrl = 'https://getstream.io/random_png/';
 const randomSvgBaseUrl = 'https://getstream.io/random_svg/';
 const streamCDN = 'stream-io-cdn.com';
@@ -39,6 +41,7 @@ export type GroupAvatarProps = {
  */
 export const GroupAvatar = (props: GroupAvatarProps) => {
   const { containerStyle, ImageComponent = Image, images, names, size, testID } = props;
+  const { resizableCDNHosts } = useChatConfigContext();
   const {
     theme: {
       groupAvatar: { container, image },
@@ -149,6 +152,7 @@ export const GroupAvatar = (props: GroupAvatarProps) => {
                         }`
                     : getResizedImageUrl({
                         height,
+                        resizableCDNHosts,
                         url,
                         width,
                       }),