@sendbird/uikit-react-native 3.7.0 → 3.7.2

package/src/containers/SendbirdUIKitContainer.tsx

@@ -32,6 +32,7 @@ import {
 import { LocalizationContext, LocalizationProvider } from '../contexts/LocalizationCtx';
 import { PlatformServiceProvider } from '../contexts/PlatformServiceCtx';
 import { ReactionProvider } from '../contexts/ReactionCtx';
+import { type SBUHandlers, SBUHandlersProvider } from '../contexts/SBUHandlersCtx';
 import type { ChatRelatedFeaturesInUIKit } from '../contexts/SendbirdChatCtx';
 import { SendbirdChatProvider } from '../contexts/SendbirdChatCtx';
 import { UserProfileProvider } from '../contexts/UserProfileCtx';
@@ -41,6 +42,7 @@ import ImageCompressionConfig from '../libs/ImageCompressionConfig';
 import InternalLocalCacheStorage from '../libs/InternalLocalCacheStorage';
 import MentionConfig, { MentionConfigInterface } from '../libs/MentionConfig';
 import MentionManager from '../libs/MentionManager';
+import SBUUtils from '../libs/SBUUtils';
 import VoiceMessageConfig, { VoiceMessageConfigInterface } from '../libs/VoiceMessageConfig';
 import VoiceMessageStatusManager from '../libs/VoiceMessageStatusManager';
 import StringSetEn from '../localization/StringSet.en';
@@ -131,6 +133,7 @@ export type SendbirdUIKitContainerProps = React.PropsWithChildren<{
     onError?: (props: ErrorBoundaryProps) => void;
     ErrorInfoComponent?: (props: ErrorBoundaryProps) => React.ReactNode;
   };
+  handlers?: Partial<SBUHandlers>;
   toast?: {
     dismissTimeout?: number;
   };
@@ -159,6 +162,7 @@ const SendbirdUIKitContainer = (props: SendbirdUIKitContainerProps) => {
     localization,
     styles,
     errorBoundary,
+    handlers,
     toast,
     userProfile,
     reaction,
@@ -213,85 +217,93 @@ const SendbirdUIKitContainer = (props: SendbirdUIKitContainerProps) => {
     }
   };
 
+  const sbuHandlers: SBUHandlers = {
+    onOpenURL: SBUUtils.openURL,
+    onOpenFileURL: SBUUtils.openURL,
+    ...handlers,
+  };
+
   return (
-    <SafeAreaProvider>
-      <UIKitConfigProvider
-        storage={internalStorage}
-        localConfigs={{
-          common: uikitOptions?.common,
-          groupChannel: {
-            channel: { ...uikitOptions?.groupChannel, enableReactionsSupergroup: undefined },
-            channelList: uikitOptions?.groupChannelList,
-            setting: uikitOptions?.groupChannelSettings,
-          },
-          openChannel: {
-            channel: uikitOptions?.openChannel,
-          },
-        }}
-      >
-        <SendbirdChatProvider
-          sdkInstance={sdkInstance}
-          emojiManager={emojiManager}
-          mentionManager={mentionManager}
-          imageCompressionConfig={imageCompressionConfig}
-          voiceMessageConfig={voiceMessageConfig}
-          voiceMessageStatusManager={voiceMessageStatusManager}
-          enableAutoPushTokenRegistration={
-            chatOptions.enableAutoPushTokenRegistration ?? SendbirdUIKit.DEFAULT.AUTO_PUSH_TOKEN_REGISTRATION
-          }
-          enableUseUserIdForNickname={
-            chatOptions.enableUseUserIdForNickname ?? SendbirdUIKit.DEFAULT.USE_USER_ID_FOR_NICKNAME
-          }
-          enableImageCompression={chatOptions.enableImageCompression ?? SendbirdUIKit.DEFAULT.IMAGE_COMPRESSION}
+    <SBUHandlersProvider {...sbuHandlers}>
+      <SafeAreaProvider>
+        <UIKitConfigProvider
+          storage={internalStorage}
+          localConfigs={{
+            common: uikitOptions?.common,
+            groupChannel: {
+              channel: { ...uikitOptions?.groupChannel, enableReactionsSupergroup: undefined },
+              channelList: uikitOptions?.groupChannelList,
+              setting: uikitOptions?.groupChannelSettings,
+            },
+            openChannel: {
+              channel: uikitOptions?.openChannel,
+            },
+          }}
         >
-          <LocalizationProvider stringSet={defaultStringSet}>
-            <PlatformServiceProvider
-              fileService={platformServices.file}
-              notificationService={platformServices.notification}
-              clipboardService={platformServices.clipboard}
-              mediaService={platformServices.media}
-              playerService={platformServices.player}
-              recorderService={platformServices.recorder}
-              voiceMessageConfig={voiceMessageConfig}
-            >
-              <UIKitThemeProvider theme={styles?.theme ?? LightUIKitTheme}>
-                <HeaderStyleProvider
-                  HeaderComponent={styles?.HeaderComponent ?? Header}
-                  defaultTitleAlign={styles?.defaultHeaderTitleAlign ?? 'left'}
-                  statusBarTranslucent={styles?.statusBarTranslucent ?? true}
-                >
-                  <ToastProvider dismissTimeout={toast?.dismissTimeout}>
-                    <UserProfileProvider {...userProfile} statusBarTranslucent={styles?.statusBarTranslucent ?? true}>
-                      <ReactionProvider {...reaction}>
-                        <LocalizationContext.Consumer>
-                          {(value) => {
-                            const STRINGS = value?.STRINGS || defaultStringSet;
-                            return (
-                              <DialogProvider
-                                defaultLabels={{
-                                  alert: { ok: STRINGS.DIALOG.ALERT_DEFAULT_OK },
-                                  prompt: {
-                                    ok: STRINGS.DIALOG.PROMPT_DEFAULT_OK,
-                                    cancel: STRINGS.DIALOG.PROMPT_DEFAULT_CANCEL,
-                                    placeholder: STRINGS.DIALOG.PROMPT_DEFAULT_PLACEHOLDER,
-                                  },
-                                }}
-                              >
-                                {renderChildren()}
-                              </DialogProvider>
-                            );
-                          }}
-                        </LocalizationContext.Consumer>
-                      </ReactionProvider>
-                    </UserProfileProvider>
-                  </ToastProvider>
-                </HeaderStyleProvider>
-              </UIKitThemeProvider>
-            </PlatformServiceProvider>
-          </LocalizationProvider>
-        </SendbirdChatProvider>
-      </UIKitConfigProvider>
-    </SafeAreaProvider>
+          <SendbirdChatProvider
+            sdkInstance={sdkInstance}
+            emojiManager={emojiManager}
+            mentionManager={mentionManager}
+            imageCompressionConfig={imageCompressionConfig}
+            voiceMessageConfig={voiceMessageConfig}
+            voiceMessageStatusManager={voiceMessageStatusManager}
+            enableAutoPushTokenRegistration={
+              chatOptions.enableAutoPushTokenRegistration ?? SendbirdUIKit.DEFAULT.AUTO_PUSH_TOKEN_REGISTRATION
+            }
+            enableUseUserIdForNickname={
+              chatOptions.enableUseUserIdForNickname ?? SendbirdUIKit.DEFAULT.USE_USER_ID_FOR_NICKNAME
+            }
+            enableImageCompression={chatOptions.enableImageCompression ?? SendbirdUIKit.DEFAULT.IMAGE_COMPRESSION}
+          >
+            <LocalizationProvider stringSet={defaultStringSet}>
+              <PlatformServiceProvider
+                fileService={platformServices.file}
+                notificationService={platformServices.notification}
+                clipboardService={platformServices.clipboard}
+                mediaService={platformServices.media}
+                playerService={platformServices.player}
+                recorderService={platformServices.recorder}
+                voiceMessageConfig={voiceMessageConfig}
+              >
+                <UIKitThemeProvider theme={styles?.theme ?? LightUIKitTheme}>
+                  <HeaderStyleProvider
+                    HeaderComponent={styles?.HeaderComponent ?? Header}
+                    defaultTitleAlign={styles?.defaultHeaderTitleAlign ?? 'left'}
+                    statusBarTranslucent={styles?.statusBarTranslucent ?? true}
+                  >
+                    <ToastProvider dismissTimeout={toast?.dismissTimeout}>
+                      <UserProfileProvider {...userProfile} statusBarTranslucent={styles?.statusBarTranslucent ?? true}>
+                        <ReactionProvider {...reaction}>
+                          <LocalizationContext.Consumer>
+                            {(value) => {
+                              const STRINGS = value?.STRINGS || defaultStringSet;
+                              return (
+                                <DialogProvider
+                                  defaultLabels={{
+                                    alert: { ok: STRINGS.DIALOG.ALERT_DEFAULT_OK },
+                                    prompt: {
+                                      ok: STRINGS.DIALOG.PROMPT_DEFAULT_OK,
+                                      cancel: STRINGS.DIALOG.PROMPT_DEFAULT_CANCEL,
+                                      placeholder: STRINGS.DIALOG.PROMPT_DEFAULT_PLACEHOLDER,
+                                    },
+                                  }}
+                                >
+                                  {renderChildren()}
+                                </DialogProvider>
+                              );
+                            }}
+                          </LocalizationContext.Consumer>
+                        </ReactionProvider>
+                      </UserProfileProvider>
+                    </ToastProvider>
+                  </HeaderStyleProvider>
+                </UIKitThemeProvider>
+              </PlatformServiceProvider>
+            </LocalizationProvider>
+          </SendbirdChatProvider>
+        </UIKitConfigProvider>
+      </SafeAreaProvider>
+    </SBUHandlersProvider>
   );
 };
 

package/src/contexts/SBUHandlersCtx.tsx

@@ -0,0 +1,27 @@
+import React from 'react';
+
+export interface SBUHandlers {
+  /**
+   * Callback function to handle opening a URL.
+   * This is triggered when a URL needs to be opened.
+   */
+  onOpenURL: (url: string) => void;
+
+  /**
+   * Callback function to handle opening a file URL.
+   * This is triggered when a file URL needs to be opened.
+   *
+   * 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;
+}
+
+type Props = React.PropsWithChildren<SBUHandlers>;
+
+export type SBUHandlersContextType = SBUHandlers;
+
+export const SBUHandlersContext = React.createContext<SBUHandlersContextType | null>(null);
+export const SBUHandlersProvider = ({ children, onOpenURL, onOpenFileURL }: Props) => {
+  return <SBUHandlersContext.Provider value={{ onOpenURL, onOpenFileURL }}>{children}</SBUHandlersContext.Provider>;
+};

package/src/contexts/SendbirdChatCtx.tsx

@@ -170,7 +170,7 @@ export const SendbirdChatProvider = ({
 
   useEffect(() => {
     return () => {
-      sdkInstance.disconnect().then(() => _setCurrentUser(undefined));
+      sdkInstance.disconnectWebSocket().then(() => _setCurrentUser(undefined));
     };
   }, [sdkInstance]);
 

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

@@ -30,8 +30,7 @@ import {
 import ThreadParentMessageRenderer, {
   ThreadParentMessageRendererProps,
 } from '../../../components/ThreadParentMessageRenderer';
-import { useLocalization, usePlatformService, useSendbirdChat } from '../../../hooks/useContext';
-import SBUUtils from '../../../libs/SBUUtils';
+import { useLocalization, usePlatformService, useSBUHandlers, useSendbirdChat } from '../../../hooks/useContext';
 import { GroupChannelThreadContexts } from '../module/moduleContext';
 import type { GroupChannelThreadProps } from '../types';
 import { ReactionAddons } from './../../../components/ReactionAddons';
@@ -182,6 +181,7 @@ const useCreateMessagePressActions = ({
   GroupChannelThreadProps['ParentMessageInfo'],
   'channel' | 'currentUserId' | 'onDeleteMessage' | 'onPressMediaMessage'
 > & { onEditMessage: (message: HandleableMessage) => void }): CreateMessagePressActions => {
+  const handlers = useSBUHandlers();
   const { STRINGS } = useLocalization();
   const toast = useToast();
   const { openSheet } = useBottomSheet();
@@ -225,9 +225,8 @@ const useCreateMessagePressActions = ({
       const fileType = getFileType(message.type || getFileExtension(message.name));
       if (['image', 'video', 'audio'].includes(fileType)) {
         onPressMediaMessage?.(message, () => onDeleteMessage?.(message), getAvailableUriFromFileMessage(message));
-      } else {
-        SBUUtils.openURL(message.url);
       }
+      handlers.onOpenFileURL(message.url);
     }
   };
 

package/src/hooks/useContext.ts

@@ -3,9 +3,16 @@ import { useContext } from 'react';
 import { LocalizationContext } from '../contexts/LocalizationCtx';
 import { PlatformServiceContext } from '../contexts/PlatformServiceCtx';
 import { ReactionContext } from '../contexts/ReactionCtx';
+import { SBUHandlersContext } from '../contexts/SBUHandlersCtx';
 import { SendbirdChatContext } from '../contexts/SendbirdChatCtx';
 import { UserProfileContext } from '../contexts/UserProfileCtx';
 
+export const useSBUHandlers = () => {
+  const value = useContext(SBUHandlersContext);
+  if (!value) throw new Error('SBUHandlersContext is not provided');
+  return value;
+};
+
 export const useLocalization = () => {
   const value = useContext(LocalizationContext);
   if (!value) throw new Error('LocalizationContext is not provided');

package/src/version.ts

@@ -1,2 +1,2 @@
-const VERSION = '3.7.0';
+const VERSION = '3.7.2';
 export default VERSION;