@sendbird/uikit-react-native 3.7.4 → 3.7.6

package/src/components/FileViewer/FileViewerContent.tsx

@@ -131,7 +131,7 @@ const ZoomableImageView = ({
 
 const styles = createStyleSheet({
   container: {
-    zIndex: -1,
+    zIndex: 0,
     flex: 1,
     alignItems: 'center',
     justifyContent: 'center',

package/src/components/FileViewer/FileViewerFooter.tsx

@@ -48,6 +48,7 @@ const FileViewerFooter = ({ bottomInset, deleteShown, onPressDelete, onPressDown
 
 const styles = createStyleSheet({
   container: {
+    zIndex: 1,
     position: 'absolute',
     left: 0,
     right: 0,

package/src/components/FileViewer/FileViewerHeader.tsx

@@ -58,6 +58,7 @@ const FileViewerHeader = ({ headerShown = true, topInset, onClose, subtitle, tit
 
 const styles = createStyleSheet({
   container: {
+    zIndex: 1,
     top: 0,
     left: 0,
     right: 0,

package/src/components/ReactionAddons/BottomSheetReactionAddon.tsx

@@ -47,7 +47,10 @@ const BottomSheetReactionAddon = ({ onClose, message, channel }: Props) => {
         const reacted = currentUserIdx > -1;
 
         const onPress = async () => {
-          const action = reacted ? channel.deleteReaction : channel.addReaction;
+          const action = (message: BaseMessage, key: string) => {
+            return reacted ? channel.deleteReaction(message, key) : channel.addReaction(message, key);
+          };
+
           await action(message, key)
             .catch((error) => {
               Logger.warn('Failed to reaction', error);

package/src/components/ReactionBottomSheets/ReactionListBottomSheet.tsx

@@ -2,6 +2,7 @@ import React from 'react';
 import { FlatList, Pressable, View, useWindowDimensions } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 
+import type { BaseMessage } from '@sendbird/chat/message';
 import { Image, Modal, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
 import { Logger } from '@sendbird/uikit-utils';
 
@@ -56,7 +57,10 @@ const ReactionListBottomSheet = ({ visible, onClose, onDismiss, reactionCtx, cha
                   key={key}
                   onPress={async () => {
                     if (message && channel) {
-                      const action = reacted ? channel.deleteReaction : channel.addReaction;
+                      const action = (message: BaseMessage, key: string) => {
+                        return reacted ? channel.deleteReaction(message, key) : channel.addReaction(message, key);
+                      };
+
                       action(message, key).catch((error) => {
                         Logger.warn('Failed to reaction', error);
                       });

package/src/domain/groupChannel/component/GroupChannelMessageList.tsx

@@ -75,7 +75,7 @@ const GroupChannelMessageList = (props: GroupChannelProps['MessageList']) => {
   });
 
   useEffect(() => {
-    return subscribe(({ type }) => {
+    return subscribe(({ type, data }) => {
       switch (type) {
         case 'TYPING_BUBBLE_RENDERED':
         case 'MESSAGES_RECEIVED': {
@@ -84,6 +84,22 @@ const GroupChannelMessageList = (props: GroupChannelProps['MessageList']) => {
           }
           break;
         }
+        case 'MESSAGES_UPDATED': {
+          const lastMessage = props.channel.lastMessage;
+          const [updatedMessage] = data.messages;
+
+          const lastMessageUpdated =
+            updatedMessage && lastMessage && lastMessage.messageId === updatedMessage.messageId;
+
+          const isMaybeStreaming = props.channel.hasAiBot && lastMessageUpdated;
+
+          if (isMaybeStreaming) {
+            scrollToBottom(false);
+          } else if (!props.scrolledAwayFromBottom && lastMessageUpdated) {
+            scrollToBottom(true);
+          }
+          break;
+        }
         case 'MESSAGE_SENT_SUCCESS':
         case 'MESSAGE_SENT_PENDING': {
           scrollToBottom(false);

package/src/domain/groupChannelThread/component/GroupChannelThreadMessageList.tsx

@@ -69,7 +69,7 @@ const GroupChannelThreadMessageList = (props: GroupChannelThreadProps['MessageLi
   });
 
   useEffect(() => {
-    return subscribe(({ type }) => {
+    return subscribe(({ type, data }) => {
       switch (type) {
         case 'TYPING_BUBBLE_RENDERED':
         case 'MESSAGES_RECEIVED': {
@@ -78,6 +78,21 @@ const GroupChannelThreadMessageList = (props: GroupChannelThreadProps['MessageLi
           }
           break;
         }
+        case 'MESSAGES_UPDATED': {
+          const lastMessage = props.channel.lastMessage;
+          const [updatedMessage] = data.messages;
+
+          const lastMessageUpdated =
+            updatedMessage && lastMessage && lastMessage.messageId === updatedMessage.messageId;
+          const isMaybeStreaming = props.channel.hasAiBot && lastMessageUpdated;
+
+          if (isMaybeStreaming) {
+            scrollToBottom(false);
+          } else if (!props.scrolledAwayFromBottom && lastMessageUpdated) {
+            scrollToBottom(true);
+          }
+          break;
+        }
         case 'MESSAGE_SENT_SUCCESS':
         case 'MESSAGE_SENT_PENDING': {
           scrollToBottom(false);

package/src/hooks/usePushTokenRegistration.ts

@@ -21,8 +21,8 @@ const usePushTokenRegistration = () => {
         default: (token: string) => sdk.unregisterFCMPushTokenForCurrentUser(token),
       }),
       Platform.select({
-        ios: notificationService.getAPNSToken,
-        default: notificationService.getFCMToken,
+        ios: () => notificationService.getAPNSToken(),
+        default: () => notificationService.getFCMToken(),
       }),
     ];
   });

package/src/platform/createFileService.native.ts

@@ -31,11 +31,7 @@ function getAndroidStoragePermissionsByAPILevel(permissionModule: typeof Permiss
   if (Platform.OS !== 'android') return [];
 
   if (Platform.Version > 32) {
-    return [
-      permissionModule.PERMISSIONS.ANDROID.READ_MEDIA_AUDIO,
-      permissionModule.PERMISSIONS.ANDROID.READ_MEDIA_IMAGES,
-      permissionModule.PERMISSIONS.ANDROID.READ_MEDIA_VIDEO,
-    ];
+    return [];
   }
 
   if (Platform.Version > 28) {

package/src/platform/createPlayerService.native.tsx

@@ -58,14 +58,15 @@ const createNativePlayerService = ({ audioRecorderModule, permissionModule }: Mo
 
     public requestPermission = async (): Promise<boolean> => {
       if (Platform.OS === 'android') {
-        const { READ_MEDIA_AUDIO, READ_EXTERNAL_STORAGE } = permissionModule.PERMISSIONS.ANDROID;
-        const permission = Platform.Version > 32 ? READ_MEDIA_AUDIO : READ_EXTERNAL_STORAGE;
+        if (Platform.Version > 32) return true;
 
-        const status = await permissionModule.check(permission);
+        const { READ_EXTERNAL_STORAGE } = permissionModule.PERMISSIONS.ANDROID;
+
+        const status = await permissionModule.check(READ_EXTERNAL_STORAGE);
         if (status === 'granted') {
           return true;
         } else {
-          const status = await permissionModule.request(permission);
+          const status = await permissionModule.request(READ_EXTERNAL_STORAGE);
           return status === 'granted';
         }
       } else {

package/src/version.ts

@@ -1,2 +1,2 @@
-const VERSION = '3.7.4';
+const VERSION = '3.7.6';
 export default VERSION;