Merge branch 'v6.0.0' of github.com:GetStream/stream-chat-react-native into mark-as-unread

Author: khushal87

examples/ExpoMessaging/app.json

@@ -47,17 +47,6 @@
         {
           "microphonePermission": "$(PRODUCT_NAME) would like to use your microphone for voice recording."
         }
-      ],
-      [
-        "expo-build-properties",
-        {
-          "android": {
-            "newArchEnabled": true
-          },
-          "ios": {
-            "newArchEnabled": true
-          }
-        }
       ]
     ]
   }

package/src/components/Attachment/Gallery.tsx

@@ -458,7 +458,7 @@ const GalleryImageThumbnail = <
               setLoadingImage(false);
               setLoadingImageError(true);
             }}
-            onLoadEnd={() => setLoadingImage(false)}
+            onLoadEnd={() => setTimeout(() => setLoadingImage(false), 0)}
             onLoadStart={() => setLoadingImage(true)}
             resizeMode={thumbnail.resizeMode}
             style={[

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

@@ -170,8 +170,6 @@ const AttachmentImage = (props: AttachmentImageProps) => {
     }
   };
 
-  console.log('URIS: IMG:  ', uri, originalUri);
-
   return (
     <TouchableOpacity onPress={onPressImage}>
       <ImageBackground

package/src/components/AttachmentPicker/components/AttachmentPickerSelectionBar.tsx

@@ -1,13 +1,11 @@
 import React from 'react';
 import { StyleSheet, TouchableOpacity, View } from 'react-native';
 
-import {
-  useChannelContext,
-  useMessagesContext,
-  useOwnCapabilitiesContext,
-} from '../../../contexts';
 import { useAttachmentPickerContext } from '../../../contexts/attachmentPickerContext/AttachmentPickerContext';
+import { useChannelContext } from '../../../contexts/channelContext/ChannelContext';
 import { useMessageInputContext } from '../../../contexts/messageInputContext/MessageInputContext';
+import { useMessagesContext } from '../../../contexts/messagesContext/MessagesContext';
+import { useOwnCapabilitiesContext } from '../../../contexts/ownCapabilitiesContext/OwnCapabilitiesContext';
 import { useTheme } from '../../../contexts/themeContext/ThemeContext';
 
 const styles = StyleSheet.create({

package/src/components/ImageGallery/hooks/useAnimatedGalleryStyle.tsx

@@ -72,12 +72,12 @@ export const useAnimatedGalleryStyle = ({
         { scaleX: -1 },
         { translateY: yScaleOffset },
         {
-          translateX: -translateX.value - xScaleOffset,
+          translateX: -xScaleOffset,
         },
         { scale: oneEighth },
       ],
     };
-  }, []);
+  }, [index]);
 
   return [animatedGalleryStyle, animatedStyles];
 };

package/src/components/Poll/CreatePollContent.tsx

@@ -1,5 +1,5 @@
 import React, { useCallback, useEffect, useState } from 'react';
-import { StyleSheet, Switch, Text, TextInput, TouchableOpacity, View } from 'react-native';
+import { Pressable, StyleSheet, Switch, Text, TextInput, View } from 'react-native';
 
 import { ScrollView } from 'react-native-gesture-handler';
 import { useSharedValue } from 'react-native-reanimated';
@@ -94,7 +94,7 @@ export const CreatePollContent = () => {
     <>
       <View style={[styles.headerContainer, { backgroundColor: white }, headerContainer]}>
         <PollModalHeader onPress={() => closePollCreationDialog?.()} title={t('Create Poll')} />
-        <TouchableOpacity
+        <Pressable
           disabled={!isPollValid}
           onPress={() => {
             const currentPollOptions = Object.assign({}, pollOptions);
@@ -120,15 +120,15 @@ export const CreatePollContent = () => {
                 : {}),
             });
           }}
-          style={[styles.sendButton, sendButton]}
+          style={({ pressed }) => [{ opacity: pressed ? 0.5 : 1 }, styles.sendButton, sendButton]}
         >
           <SendPoll
             height={24}
             pathFill={isPollValid ? '#005DFF' : '#B4BBBA'}
             viewBox='0 0 24 24'
             width={24}
           />
-        </TouchableOpacity>
+        </Pressable>
       </View>
       <ScrollView
         contentContainerStyle={{ paddingBottom: 70 }}

package/src/components/Poll/Poll.tsx

@@ -3,15 +3,7 @@ import { StyleSheet, Text, View } from 'react-native';
 
 import { PollOption as PollOptionClass } from 'stream-chat';
 
-import {
-  AddCommentButton,
-  EndVoteButton,
-  PollOption,
-  ShowAllCommentsButton,
-  ShowAllOptionsButton,
-  SuggestOptionButton,
-  ViewResultsButton,
-} from './components';
+import { PollButtons, PollOption } from './components';
 
 import { usePollState } from './hooks/usePollState';
 
@@ -34,17 +26,6 @@ export type PollContentProps = {
   PollHeader?: React.ComponentType;
 };
 
-export const PollButtons = () => (
-  <>
-    <ShowAllOptionsButton />
-    <ShowAllCommentsButton />
-    <SuggestOptionButton />
-    <AddCommentButton />
-    <ViewResultsButton />
-    <EndVoteButton />
-  </>
-);
-
 export const PollHeader = () => {
   const { t } = useTranslationContext();
   const { enforceUniqueVote, isClosed, maxVotesAllowed, name } = usePollState();