@sendbird/uikit-react-native 3.7.3 → 3.7.5

package/src/components/ChannelThreadMessageList/index.tsx

@@ -37,6 +37,7 @@ import {
   useSendbirdChat,
   useUserProfile,
 } from '../../hooks/useContext';
+import SBUUtils from '../../libs/SBUUtils';
 import { ReactionAddons } from '../ReactionAddons';
 import ThreadChatFlatList from '../ThreadChatFlatList';
 
@@ -249,8 +250,11 @@ const useCreateMessagePressActions = <T extends SendbirdGroupChannel | SendbirdO
       const fileType = getFileType(message.type || getFileExtension(message.name));
       if (['image', 'video', 'audio'].includes(fileType)) {
         onPressMediaMessage?.(message, () => onDeleteMessage(message), getAvailableUriFromFileMessage(message));
+        handlers.onOpenFileURL?.(message.url);
+      } else {
+        const openFile = handlers.onOpenFileURL ?? SBUUtils.openURL;
+        openFile(message.url);
       }
-      handlers.onOpenFileURL(message.url);
     }
   };
 

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/GroupChannelMessageRenderer/index.tsx

@@ -279,7 +279,7 @@ const GroupChannelMessageRenderer: GroupChannelProps['Fragment']['renderMessage'
             onUnsubscribeStatus={voiceMessageStatusManager.unsubscribe}
             onUnmount={() => {
               if (isVoiceMessage(message) && playerService.uri === message.url) {
-                resetPlayer();
+                resetPlayer().catch((_) => {});
               }
             }}
             {...messageProps}

package/src/components/ReactionAddons/BottomSheetReactionAddon.tsx

@@ -5,7 +5,7 @@ import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import type { BaseMessage } from '@sendbird/chat/message';
 import { useChannelHandler } from '@sendbird/uikit-chat-hooks';
 import { Icon, Image, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
-import { SendbirdBaseChannel, SendbirdBaseMessage, useUniqHandlerId } from '@sendbird/uikit-utils';
+import { Logger, SendbirdBaseChannel, SendbirdBaseMessage, useUniqHandlerId } from '@sendbird/uikit-utils';
 
 import { UNKNOWN_USER_ID } from '../../constants';
 import { useReaction, useSendbirdChat } from '../../hooks/useContext';
@@ -46,10 +46,18 @@ const BottomSheetReactionAddon = ({ onClose, message, channel }: Props) => {
         const currentUserIdx = reactionUserIds.indexOf(currentUser?.userId ?? UNKNOWN_USER_ID);
         const reacted = currentUserIdx > -1;
 
-        const onPress = () => {
-          if (reacted) channel.deleteReaction(message, key);
-          else channel.addReaction(message, key);
-          onClose();
+        const onPress = async () => {
+          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);
+            })
+            .finally(() => {
+              onClose();
+            });
         };
 
         return (

package/src/components/ReactionBottomSheets/ReactionListBottomSheet.tsx

@@ -2,7 +2,9 @@ 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';
 
 import { UNKNOWN_USER_ID } from '../../constants';
 import type { ReactionBottomSheetProps } from './index';
@@ -53,12 +55,17 @@ const ReactionListBottomSheet = ({ visible, onClose, onDismiss, reactionCtx, cha
               <View style={styles.emojiItem}>
                 <Pressable
                   key={key}
-                  onPress={() => {
+                  onPress={async () => {
                     if (message && channel) {
-                      if (reacted) channel.deleteReaction(message, key);
-                      else channel.addReaction(message, key);
+                      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);
+                      });
                     }
-                    onClose();
+                    await onClose();
                   }}
                   style={({ pressed }) => [
                     styles.button,

package/src/components/ThreadParentMessageRenderer/index.tsx

@@ -178,7 +178,7 @@ const ThreadParentMessageRenderer = (props: ThreadParentMessageRendererProps) =>
           durationMetaArrayKey={VOICE_MESSAGE_META_ARRAY_DURATION_KEY}
           onUnmount={() => {
             if (isVoiceMessage(parentMessage) && playerService.uri === parentMessage.url) {
-              resetPlayer();
+              resetPlayer().catch((_) => {});
             }
           }}
           {...messageProps}

package/src/containers/SendbirdUIKitContainer.tsx

@@ -219,7 +219,6 @@ const SendbirdUIKitContainer = (props: SendbirdUIKitContainerProps) => {
 
   const sbuHandlers: SBUHandlers = {
     onOpenURL: SBUUtils.openURL,
-    onOpenFileURL: SBUUtils.openURL,
     ...handlers,
   };
 

package/src/contexts/PlatformServiceCtx.tsx

@@ -31,7 +31,8 @@ export const PlatformServiceProvider = ({ children, voiceMessageConfig, ...servi
 
   useAppState('change', (state) => {
     if (state !== 'active') {
-      Promise.allSettled([services.playerService.reset(), services.recorderService.reset()]);
+      services.playerService.reset().catch(() => {});
+      services.recorderService.reset().catch(() => {});
     }
   });
 

package/src/contexts/SBUHandlersCtx.tsx

@@ -14,7 +14,7 @@ export interface SBUHandlers {
    * Note that this function is also called redundantly
    * when `onPressMediaMessage` handler is triggered by clicking on media messages containing images, videos, or audio.
    */
-  onOpenFileURL: (url: string) => void;
+  onOpenFileURL?: (url: string) => void;
 }
 
 type Props = React.PropsWithChildren<SBUHandlers>;

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

@@ -40,7 +40,7 @@ const GroupChannelMessageList = (props: GroupChannelProps['MessageList']) => {
           if (focusAnimated) {
             props.onUpdateSearchItem({ startingPoint: createdAt });
           }
-          props.onResetMessageListWithStartingPoint(createdAt);
+          props.onResetMessageListWithStartingPoint(createdAt).catch((_) => {});
         } else {
           return false;
         }
@@ -54,7 +54,7 @@ const GroupChannelMessageList = (props: GroupChannelProps['MessageList']) => {
       props.onUpdateSearchItem(undefined);
       props.onScrolledAwayFromBottom(false);
 
-      await props.onResetMessageList();
+      await props.onResetMessageList().catch((_) => {});
       props.onScrolledAwayFromBottom(false);
       lazyScrollToBottom({ animated });
     } else {
@@ -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/groupChannelSettings/component/GroupChannelSettingsMenu.tsx

@@ -47,10 +47,14 @@ const GroupChannelSettingsMenu = ({
   }
 
   const toggleNotification = async () => {
-    if (channel.myPushTriggerOption === 'off') {
-      await channel.setMyPushTriggerOption(PushTriggerOption.DEFAULT);
-    } else {
-      await channel.setMyPushTriggerOption(PushTriggerOption.OFF);
+    try {
+      if (channel.myPushTriggerOption === 'off') {
+        await channel.setMyPushTriggerOption(PushTriggerOption.DEFAULT);
+      } else {
+        await channel.setMyPushTriggerOption(PushTriggerOption.OFF);
+      }
+    } catch (error) {
+      Logger.warn('Failed to toggle notification', error);
     }
   };
 

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

@@ -33,7 +33,7 @@ const GroupChannelThreadMessageList = (props: GroupChannelThreadProps['MessageLi
     if (props.hasNext()) {
       props.onScrolledAwayFromBottom(false);
 
-      await props.onResetMessageList();
+      await props.onResetMessageList().catch((_) => {});
       props.onScrolledAwayFromBottom(false);
       lazyScrollToBottom({ animated });
     } else {
@@ -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/domain/groupChannelThread/component/GroupChannelThreadParentMessageInfo.tsx

@@ -31,6 +31,7 @@ import ThreadParentMessageRenderer, {
   ThreadParentMessageRendererProps,
 } from '../../../components/ThreadParentMessageRenderer';
 import { useLocalization, usePlatformService, useSBUHandlers, useSendbirdChat } from '../../../hooks/useContext';
+import SBUUtils from '../../../libs/SBUUtils';
 import { GroupChannelThreadContexts } from '../module/moduleContext';
 import type { GroupChannelThreadProps } from '../types';
 import { ReactionAddons } from './../../../components/ReactionAddons';
@@ -224,9 +225,12 @@ const useCreateMessagePressActions = ({
     if (message.isFileMessage()) {
       const fileType = getFileType(message.type || getFileExtension(message.name));
       if (['image', 'video', 'audio'].includes(fileType)) {
-        onPressMediaMessage?.(message, () => onDeleteMessage?.(message), getAvailableUriFromFileMessage(message));
+        onPressMediaMessage?.(message, () => onDeleteMessage(message), getAvailableUriFromFileMessage(message));
+        handlers.onOpenFileURL?.(message.url);
+      } else {
+        const openFile = handlers.onOpenFileURL ?? SBUUtils.openURL;
+        openFile(message.url);
       }
-      handlers.onOpenFileURL(message.url);
     }
   };
 
@@ -239,7 +243,7 @@ const useCreateMessagePressActions = ({
           text: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE_CONFIRM_OK,
           style: 'destructive',
           onPress: () => {
-            onDeleteMessage?.(message).catch(onDeleteFailure);
+            onDeleteMessage(message).catch(onDeleteFailure);
           },
         },
       ],

package/src/fragments/createGroupChannelFragment.tsx

@@ -116,8 +116,9 @@ const createGroupChannelFragment = (initModule?: Partial<GroupChannelModule>): G
       startingPoint: internalSearchItem?.startingPoint,
     });
 
-    const onBlurFragment = () => {
-      return Promise.allSettled([playerService.reset(), recorderService.reset()]);
+    const onBlurFragment = async () => {
+      await playerService.reset().catch(() => {});
+      await recorderService.reset().catch(() => {});
     };
     const _onPressHeaderLeft = useFreshCallback(async () => {
       voiceMessageStatusManager.clear();

package/src/fragments/createGroupChannelThreadFragment.tsx

@@ -103,8 +103,9 @@ const createGroupChannelThreadFragment = (
       startingPoint,
     });
 
-    const onBlurFragment = () => {
-      return Promise.allSettled([playerService.reset(), recorderService.reset()]);
+    const onBlurFragment = async () => {
+      await playerService.reset().catch(() => {});
+      await recorderService.reset().catch(() => {});
     };
     const _onPressHeaderLeft = useFreshCallback(async () => {
       await onBlurFragment();

package/src/hooks/useConnection.ts

@@ -52,7 +52,10 @@ const useConnection = () => {
           });
         }
 
-        await Promise.allSettled([initEmoji(sdk, emojiManager), initDashboardConfigs(sdk)]);
+        await Promise.all([
+          initEmoji(sdk, emojiManager).catch(() => Logger.info('[useConnection]', 'initEmoji failure')),
+          initDashboardConfigs(sdk).catch(() => Logger.info('[useConnection]', 'initDashboardConfigs failure')),
+        ]);
 
         Logger.debug('[useConnection]', 'connected! (online)');
         setCurrentUser(user);
@@ -67,7 +70,10 @@ const useConnection = () => {
             Logger.warn('[useConnection]', 'clear cached-data');
             await sdk.clearCachedData().catch((e) => Logger.warn('[useConnection]', 'clear cached-data failure', e));
           } else if (sdk.currentUser) {
-            await Promise.allSettled([initEmoji(sdk, emojiManager), initDashboardConfigs(sdk)]);
+            await Promise.all([
+              initEmoji(sdk, emojiManager).catch(() => Logger.info('[useConnection]', 'initEmoji failure')),
+              initDashboardConfigs(sdk).catch(() => Logger.info('[useConnection]', 'initDashboardConfigs failure')),
+            ]);
 
             Logger.debug('[useConnection]', 'connected! (offline)');
             setCurrentUser(sdk.currentUser);

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(),
       }),
     ];
   });
@@ -44,9 +44,23 @@ const usePushTokenRegistration = () => {
     // Register token
     const token = await getToken();
     if (token) {
-      Logger.log('[usePushTokenRegistration]', 'registered token:', token);
-      await registerToken(token);
+      try {
+        await registerToken(token);
+        Logger.log('[usePushTokenRegistration]', 'registered token:', token);
+      } catch (error) {
+        Logger.error('[usePushTokenRegistration]', 'failed to register token:', error);
+      }
     }
+
+    // Remove listener
+    refreshListener.current = notificationService.onTokenRefresh(async (token) => {
+      try {
+        await registerToken(token);
+        Logger.log('[usePushTokenRegistration]', 'registered token:', token);
+      } catch (error) {
+        Logger.error('[usePushTokenRegistration]', 'failed to register token:', error);
+      }
+    });
   });
 
   const unregisterPushTokenForCurrentUser = useFreshCallback(async () => {
@@ -56,8 +70,12 @@ const usePushTokenRegistration = () => {
     // Unregister token
     const token = await getToken();
     if (token) {
-      await unregisterToken(token);
-      Logger.log('[usePushTokenRegistration]', 'unregistered token:', token);
+      try {
+        await unregisterToken(token);
+        Logger.log('[usePushTokenRegistration]', 'unregistered token:', token);
+      } catch (error) {
+        Logger.error('[usePushTokenRegistration]', 'failed to unregister token:', error);
+      }
     }
   });
 

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) {
@@ -63,7 +59,7 @@ const createNativeFileService = ({
 }): FileServiceInterface => {
   const cameraPermissions: Permission[] = Platform.select({
     ios: [permissionModule.PERMISSIONS.IOS.CAMERA, permissionModule.PERMISSIONS.IOS.MICROPHONE],
-    android: [permissionModule.PERMISSIONS.ANDROID.CAMERA],
+    android: [],
     default: [],
   });
   const mediaLibraryPermissions: Permission[] = Platform.select({

package/src/platform/createPlayerService.expo.tsx

@@ -1,6 +1,6 @@
 import type * as ExpoAV from 'expo-av';
 
-import { matchesOneOf } from '@sendbird/uikit-utils';
+import { Logger, matchesOneOf } from '@sendbird/uikit-utils';
 
 import expoPermissionGranted from '../utils/expoPermissionGranted';
 import type { PlayerServiceInterface, Unsubscribe } from './types';
@@ -28,10 +28,16 @@ const createExpoPlayerService = ({ avModule }: Modules): PlayerServiceInterface
     };
 
     private setListener = () => {
-      sound.setProgressUpdateIntervalAsync(100);
+      sound.setProgressUpdateIntervalAsync(100).catch((error) => {
+        Logger.warn('[PlayerService.Expo] Failed to set progress update interval', error);
+      });
       sound.setOnPlaybackStatusUpdate((status) => {
         if (status.isLoaded) {
-          if (status.didJustFinish) this.stop();
+          if (status.didJustFinish) {
+            this.stop().catch((error) => {
+              Logger.warn('[PlayerService.Expo] Failed to stop in OnPlaybackStatusUpdate', error);
+            });
+          }
           if (status.isPlaying) {
             this.playbackSubscribers.forEach((callback) => {
               callback({

package/src/platform/createPlayerService.native.tsx

@@ -2,7 +2,7 @@ import { Platform } from 'react-native';
 import type * as RNAudioRecorder from 'react-native-audio-recorder-player';
 import * as Permissions from 'react-native-permissions';
 
-import { matchesOneOf, sleep } from '@sendbird/uikit-utils';
+import { Logger, matchesOneOf, sleep } from '@sendbird/uikit-utils';
 
 import type { PlayerServiceInterface, Unsubscribe } from './types';
 
@@ -23,7 +23,9 @@ const createNativePlayerService = ({ audioRecorderModule, permissionModule }: Mo
     private readonly stateSubscribers = new Set<StateListener>();
 
     constructor() {
-      module.setSubscriptionDuration(0.1);
+      module.setSubscriptionDuration(0.1).catch((error) => {
+        Logger.warn('[PlayerService.Native] Failed to set subscription duration', error);
+      });
     }
 
     private setState = (state: PlayerServiceInterface['state']) => {
@@ -34,10 +36,14 @@ const createNativePlayerService = ({ audioRecorderModule, permissionModule }: Mo
     };
 
     private setListener = () => {
-      module.addPlayBackListener((data) => {
+      module.addPlayBackListener(async (data) => {
         const stopped = data.currentPosition >= data.duration;
 
-        if (stopped) this.stop();
+        if (stopped) {
+          this.stop().catch((error) => {
+            Logger.warn('[PlayerService.Native] Failed to stop in PlayBackListener', error);
+          });
+        }
         if (this.state === 'playing') {
           this.playbackSubscribers.forEach((callback) => {
             callback({ currentTime: data.currentPosition, duration: data.duration, stopped });
@@ -52,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 { READ_EXTERNAL_STORAGE } = permissionModule.PERMISSIONS.ANDROID;
 
-        const status = await permissionModule.check(permission);
+        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/platform/createRecorderService.native.tsx

@@ -3,7 +3,7 @@ import * as RNAudioRecorder from 'react-native-audio-recorder-player';
 import * as Permissions from 'react-native-permissions';
 import { Permission } from 'react-native-permissions/src/types';
 
-import { matchesOneOf, sleep } from '@sendbird/uikit-utils';
+import { Logger, matchesOneOf, sleep } from '@sendbird/uikit-utils';
 
 import VoiceMessageConfig from '../libs/VoiceMessageConfig';
 import nativePermissionGranted from '../utils/nativePermissionGranted';
@@ -64,11 +64,17 @@ const createNativeRecorderService = ({ audioRecorderModule, permissionModule }:
     });
 
     constructor() {
-      module.setSubscriptionDuration(0.1);
+      module.setSubscriptionDuration(0.1).catch((error) => {
+        Logger.warn('[RecorderService.Native] Failed to set subscription duration', error);
+      });
       module.addRecordBackListener((data) => {
         const completed = data.currentPosition >= this.options.maxDuration;
 
-        if (completed) this.stop();
+        if (completed) {
+          this.stop().catch((error) => {
+            Logger.warn('[RecorderService.Native] Failed to stop in RecordBackListener', error);
+          });
+        }
         if (this.state === 'recording') {
           this.recordingSubscribers.forEach((callback) => {
             callback({ currentTime: data.currentPosition, completed });

package/src/version.ts

@@ -1,2 +1,2 @@
-const VERSION = '3.7.3';
+const VERSION = '3.7.5';
 export default VERSION;