stream-chat-react-native-core 9.6.2-beta.3 → 9.6.2-beta.5

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

@@ -85,7 +85,7 @@ export const Avatar = (props: AvatarProps) => {
 
 const useStyles = () => {
   const {
-    theme: { semantics },
+    theme: { avatar, semantics },
   } = useTheme();
   const { borderCoreOpacitySubtle } = semantics;
   return useMemo(
@@ -94,15 +94,19 @@ const useStyles = () => {
         border: {
           borderColor: borderCoreOpacitySubtle,
           borderWidth: 1,
+          ...avatar.border,
         },
         container: {
           alignItems: 'center',
           borderRadius: primitives.radiusMax,
           justifyContent: 'center',
           overflow: 'hidden',
+          ...avatar.container,
+        },
+        image: {
+          ...avatar.image,
         },
-        image: {},
       }),
-    [borderCoreOpacitySubtle],
+    [avatar.border, avatar.container, avatar.image, borderCoreOpacitySubtle],
   );
 };

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

@@ -11,7 +11,6 @@ import { UserAvatar, UserAvatarProps } from './UserAvatar';
 
 import { useTheme } from '../../../contexts/themeContext/ThemeContext';
 import { PeopleIcon } from '../../../icons/users';
-import { primitives } from '../../../theme';
 import { BadgeCount, BadgeCountProps, OnlineIndicator, OnlineIndicatorProps } from '../Badge';
 
 export type AvatarGroupProps = {
@@ -217,7 +216,6 @@ const useUserAvatarGroupStyles = () => {
         userAvatarWrapper: {
           borderWidth: 2,
           borderColor: semantics.borderCoreInverse,
-          borderRadius: primitives.radiusMax,
         },
         onlineIndicatorWrapper: {
           position: 'absolute',

package/src/components/ui/index.ts

@@ -2,3 +2,6 @@ export * from './Avatar';
 export * from './VideoPlayIndicator';
 export * from './Button';
 export * from './Badge';
+export * from './Input/Input';
+export * from './SpeedSettingsButton';
+export * from './GiphyChip';

package/src/contexts/attachmentPickerContext/AttachmentPickerContext.tsx

@@ -22,7 +22,7 @@ export type AttachmentPickerContextValue = Pick<
 > & {
   /**
    * `bottomInset` determine the height of the `AttachmentPicker` and the underlying shift to the `MessageList` when it is opened.
-   * This can also be set via the `setBottomInset` function provided by the `useAttachmentPickerContext` hook.
+   * This can be set via the `bottomInset` prop on the `Channel` component.
    *
    * Please check [OverlayProvider](https://github.com/GetStream/stream-chat-react-native/wiki/Cookbook-v3.0#overlayprovider) section in Cookbook
    * for more details.

package/src/contexts/channelsContext/ChannelsContext.tsx

@@ -69,7 +69,7 @@ export type ChannelsContextValue = {
    */
   maxUnreadCount: number;
   /**
-   * Number of skeletons that should show when loading. Default: 6
+   * Number of skeletons that should show when loading. Default: 8
    */
   numberOfSkeletons: number;
   /**

package/src/contexts/pollContext/pollContext.tsx

@@ -29,7 +29,7 @@ export const usePollContext = () => {
 
   if (contextValue === DEFAULT_BASE_CONTEXT_VALUE && !isTestEnvironment()) {
     throw new Error(
-      'The useCreatePollContext hook was called outside of the PollContext provider. Make sure you have configured the Poll component correctly - https://getstream.io/chat/docs/sdk/reactnative/basics/hello_stream_chat/#channel',
+      'The usePollContext hook was called outside of the PollContext provider. Make sure you have configured the Poll component correctly - https://getstream.io/chat/docs/sdk/reactnative/basics/hello_stream_chat/#channel',
     );
   }
 

package/src/contexts/themeContext/utils/theme.ts

@@ -5,7 +5,6 @@ import {
   type TextStyle,
   type ViewStyle,
 } from 'react-native';
-import type { CircleProps } from 'react-native-svg';
 
 import type { IconProps } from '../../../icons/utils/base';
 import { primitives, lightSemantics, darkSemantics } from '../../../theme';
@@ -139,11 +138,9 @@ export type Theme = {
     speedChangeButtonText: TextStyle;
   };
   avatar: {
-    BASE_AVATAR_SIZE: number;
+    border: ViewStyle;
     container: ViewStyle;
     image: ImageStyle;
-    presenceIndicator: CircleProps;
-    presenceIndicatorContainer: ViewStyle;
   };
   avatarStack: {
     userAvatarWrapper: ViewStyle;
@@ -967,6 +964,8 @@ export type Theme = {
     reactionListItemWrapper: {
       wrapper: ViewStyle;
       container: ViewStyle;
+      containerSelected: ViewStyle;
+      containerPressed: ViewStyle;
     };
     reactionListTop: {
       container: ViewStyle;
@@ -1256,20 +1255,9 @@ export const defaultTheme: Theme = {
     speedChangeButtonText: {},
   },
   avatar: {
-    BASE_AVATAR_SIZE,
+    border: {},
     container: {},
-    image: {
-      borderRadius: 16,
-      height: 32,
-      width: 32,
-    },
-    presenceIndicator: {
-      cx: 6,
-      cy: 6,
-      r: 5,
-      strokeWidth: 2,
-    },
-    presenceIndicatorContainer: {},
+    image: {},
   },
   avatarStack: {
     userAvatarWrapper: {},
@@ -2062,6 +2050,8 @@ export const defaultTheme: Theme = {
     reactionListItemWrapper: {
       wrapper: {},
       container: {},
+      containerSelected: {},
+      containerPressed: {},
     },
     reactionListTop: {
       container: {},

package/src/version.json

@@ -1,3 +1,3 @@
 {
-  "version": "9.6.2-beta.3"
+  "version": "9.6.2-beta.5"
 }