@sendbird/uikit-react-native 3.12.0 → 3.12.2

package/lib/typescript/src/containers/InternalErrorBoundaryContainer.d.ts

@@ -14,6 +14,6 @@ declare class InternalErrorBoundaryContainer extends React.PureComponent<{
     };
     componentDidCatch: (error: Error, errorInfo: ErrorInfo) => void;
     reset: () => void;
-    render: () => string | number | boolean | React.JSX.Element | Iterable<React.ReactNode> | null;
+    render: () => string | number | bigint | boolean | React.JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null;
 }
 export default InternalErrorBoundaryContainer;

package/lib/typescript/src/containers/SendbirdUIKitContainer.d.ts

@@ -14,7 +14,7 @@ import type { StringSet } from '../localization/StringSet.type';
 import type { ClipboardServiceInterface, FileServiceInterface, MediaServiceInterface, NotificationServiceInterface, PlayerServiceInterface, RecorderServiceInterface } from '../platform/types';
 import { ErrorBoundaryProps, LocalCacheStorage } from '../types';
 export declare const SendbirdUIKit: Readonly<{
-    VERSION: "3.12.0";
+    VERSION: "3.12.2";
     PLATFORM: string;
     DEFAULT: {
         AUTO_PUSH_TOKEN_REGISTRATION: boolean;

package/lib/typescript/src/hooks/useMentionTextInput.d.ts

@@ -4,7 +4,7 @@ import type { MentionedUser } from '../types';
 declare const useMentionTextInput: (params: {
     messageToEdit?: SendbirdUserMessage | SendbirdFileMessage;
 }) => {
-    textInputRef: import("react").MutableRefObject<TextInput | undefined>;
+    textInputRef: import("react").RefObject<TextInput | undefined>;
     selection: {
         start: number;
         end: number;

package/lib/typescript/src/libs/MentionManager.d.ts

@@ -45,7 +45,7 @@ declare class MentionManager {
     /**
      * @description Bold @user.nickname
      * */
-    textToMentionedComponents: (text: string, mentionedUsers: MentionedUser[], mentionEnabled: boolean) => string | (string | number | boolean | React.JSX.Element | Iterable<React.ReactNode> | null | undefined)[];
+    textToMentionedComponents: (text: string, mentionedUsers: MentionedUser[], mentionEnabled: boolean) => string | (string | number | bigint | boolean | React.JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null | undefined)[];
     textToMentionedMessageTemplate: (text: string, mentionedUsers: MentionedUser[], mentionEnabled: boolean) => string;
     /**
      * @description Convert @{user.id} template to @user.nickname text and MentionedUser[] array.

package/lib/typescript/src/version.d.ts

@@ -1,2 +1,2 @@
-declare const VERSION = "3.12.0";
+declare const VERSION = "3.12.2";
 export default VERSION;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sendbird/uikit-react-native",
-  "version": "3.12.0",
+  "version": "3.12.2",
   "description": "Sendbird UIKit for React Native: A feature-rich and customizable chat UI kit with messaging, channel management, and user authentication.",
   "keywords": [
     "sendbird",
@@ -69,10 +69,10 @@
   },
   "dependencies": {
     "@openspacelabs/react-native-zoomable-view": "^2.3.0",
-    "@sendbird/uikit-chat-hooks": "3.12.0",
-    "@sendbird/uikit-react-native-foundation": "3.12.0",
+    "@sendbird/uikit-chat-hooks": "3.12.2",
+    "@sendbird/uikit-react-native-foundation": "3.12.2",
     "@sendbird/uikit-tools": "0.0.15",
-    "@sendbird/uikit-utils": "3.12.0"
+    "@sendbird/uikit-utils": "3.12.2"
   },
   "devDependencies": {
     "@bam.tech/react-native-image-resizer": "^3.0.11",
@@ -256,5 +256,5 @@
       ]
     ]
   },
-  "gitHead": "e2f8e3530d9c37e58ee57f88d46b472509714d26"
+  "gitHead": "bea2acef581a062a275f1b8463ebe643bc4276e6"
 }

package/src/components/ChannelMessageList/index.tsx

@@ -526,5 +526,7 @@ const styles = createStyleSheet({
   },
 });
 
-// NOTE: Due to Generic inference is not working on forwardRef, we need to cast it as typeof ChannelMessageList and implicit `ref` prop
-export default React.forwardRef(ChannelMessageList) as typeof ChannelMessageList;
+// NOTE: Due to Generic inference is not working on forwardRef, we need to cast it properly for React 19 compatibility
+export default React.forwardRef(ChannelMessageList) as <T extends SendbirdGroupChannel | SendbirdOpenChannel>(
+  props: ChannelMessageListProps<T>,
+) => React.ReactElement | null;

package/src/components/ChannelThreadMessageList/index.tsx

@@ -409,5 +409,7 @@ const styles = createStyleSheet({
   },
 });
 
-// NOTE: Due to Generic inference is not working on forwardRef, we need to cast it as typeof ChannelMessageList and implicit `ref` prop
-export default React.forwardRef(ChannelThreadMessageList) as typeof ChannelThreadMessageList;
+// NOTE: Due to Generic inference is not working on forwardRef, we need to cast it properly for React 19 compatibility
+export default React.forwardRef(ChannelThreadMessageList) as <T extends SendbirdGroupChannel | SendbirdOpenChannel>(
+  props: ChannelThreadMessageListProps<T>,
+) => React.ReactElement | null;

package/src/components/FileViewer/FileViewerContent.tsx

@@ -89,7 +89,7 @@ const ZoomableImageView = ({
 }) => {
   const { width, height } = useWindowDimensions();
 
-  const imageSize = useRef<{ width: number; height: number }>();
+  const imageSize = useRef<{ width: number; height: number } | undefined>(undefined);
   const [contentSizeProps, setContentSizeProps] = useState<{
     contentWidth: number;
     contentHeight: number;

package/src/components/ReactionBottomSheets/ReactionUserListBottomSheet.tsx

@@ -34,7 +34,7 @@ const ReactionUserListBottomSheet = ({
   const { colors } = useUIKitTheme();
 
   const [tabIndex, setTabIndex] = useState(0);
-  const scrollRef = useRef<ScrollView>();
+  const scrollRef = useRef<ScrollView | undefined>(undefined);
   const tabIndicatorValue = useRef<Array<{ x: number; width: number }>>([]);
   const tabIndicatorAnimated = useRef({ x: new Animated.Value(0), width: new Animated.Value(0) }).current;
   const focusedWithLayoutCalculated = useRef(false);

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

@@ -37,7 +37,7 @@ const GroupChannelMessageList = (props: GroupChannelProps['MessageList']) => {
   const isNewLineExistInChannelRef = useRef(false);
   const scrolledAwayFromBottomRef = useRef(false);
   const [isVisibleUnreadMessageFloating, setIsVisibleUnreadMessageFloating] = useState(false);
-  const viewableMessages = useRef<SendbirdMessage[]>();
+  const viewableMessages = useRef<SendbirdMessage[] | undefined>(undefined);
   const hasUserMarkedAsUnreadRef = useRef(false);
   const [unreadFirstMessage, setUnreadFirstMessage] = useState<SendbirdMessage | undefined>(undefined);
   const pendingBottomReachedRef = useRef<{ timeout: number; timestamp: number } | null>(null);
@@ -216,7 +216,7 @@ const GroupChannelMessageList = (props: GroupChannelProps['MessageList']) => {
     isNewLineExistInChannelRef.current = !!props.isNewLineExistInChannel && !!viewableMessages.current;
   }, [props.isNewLineExistInChannel, viewableMessages.current]);
 
-  const unreadMessagesFloatingPropsRef = useRef<UnreadMessagesFloatingProps>();
+  const unreadMessagesFloatingPropsRef = useRef<UnreadMessagesFloatingProps | undefined>(undefined);
   const updateUnreadMessagesFloatingProps = useFreshCallback(() => {
     const canAutoMarkAsRead =
       !scrolledAwayFromBottomRef.current &&

package/src/fragments/createGroupChannelMembersFragment.tsx

@@ -29,7 +29,7 @@ const createGroupChannelMembersFragment = (
     sortComparator,
     queryCreator = () => channel.createMemberListQuery({ limit: 20 }),
   }) => {
-    const refreshSchedule = useRef<NodeJS.Timeout>();
+    const refreshSchedule = useRef<NodeJS.Timeout | undefined>(undefined);
     const { STRINGS } = useLocalization();
     const { sdk, currentUser } = useSendbirdChat();
     const { openMenu } = useActionMenu();

package/src/fragments/createOpenChannelParticipantsFragment.tsx

@@ -29,7 +29,7 @@ const createOpenChannelParticipantsFragment = (
   }) => {
     const handlerId = useUniqHandlerId('OpenChannelParticipantsFragment');
 
-    const refreshSchedule = useRef<NodeJS.Timeout>();
+    const refreshSchedule = useRef<NodeJS.Timeout | undefined>(undefined);
     const { STRINGS } = useLocalization();
     const { sdk, currentUser } = useSendbirdChat();
     const { openMenu } = useActionMenu();

package/src/hooks/useMentionTextInput.ts

@@ -12,7 +12,7 @@ const useMentionTextInput = (params: { messageToEdit?: SendbirdUserMessage | Sen
   const { mentionManager, sbOptions } = useSendbirdChat();
 
   const mentionedUsersRef = useRef<MentionedUser[]>([]);
-  const textInputRef = useRef<TextInput>();
+  const textInputRef = useRef<TextInput | undefined>(undefined);
 
   const [text, setText] = useState('');
   const [selection, setSelection] = useState({ start: 0, end: 0 });

package/src/hooks/usePushTokenRegistration.ts

@@ -9,7 +9,7 @@ const usePushTokenRegistration = () => {
   const { sdk } = useSendbirdChat();
   const { notificationService } = usePlatformService();
 
-  const refreshListener = useRef<() => void>();
+  const refreshListener = useRef<(() => void) | undefined>(undefined);
   const [registerToken, unregisterToken, getToken] = useIIFE(() => {
     return [
       Platform.select({

package/src/hooks/useVoiceMessageInput.ts

@@ -76,7 +76,7 @@ const useVoiceMessageInput = ({ onSend, onClose }: Props): VoiceMessageInputResu
     duration: 0,
   });
 
-  const recordingPath = useRef<{ recordFilePath: string; uri: string }>();
+  const recordingPath = useRef<{ recordFilePath: string; uri: string } | undefined>(undefined);
   const getVoiceMessageRecordingPath = () => {
     if (!recordingPath.current) throw new Error('No recording path');
     return recordingPath.current;

package/src/platform/createFileService.expo.ts

@@ -29,6 +29,8 @@ const createExpoFileService = ({
   mediaLibraryModule: typeof ExpoMediaLibrary;
   fsModule: typeof ExpoFs;
 }): FileServiceInterface => {
+  const preferredAssetRepresentationMode = imagePickerModule.UIImagePickerPreferredAssetRepresentationMode?.Compatible;
+
   class ExpoFileServiceInterface implements FileServiceInterface {
     async hasCameraPermission(): Promise<boolean> {
       const res = (await imagePickerModule.getCameraPermissionsAsync()) as ExpoPermissionResponse;
@@ -75,6 +77,7 @@ const createExpoFileService = ({
       }
 
       const response = await imagePickerModule.launchCameraAsync({
+        preferredAssetRepresentationMode,
         mediaTypes: (() => {
           switch (options?.mediaType) {
             case 'photo':
@@ -108,6 +111,7 @@ const createExpoFileService = ({
       const selectionLimit = options?.selectionLimit || 1;
       const response = await imagePickerModule.launchImageLibraryAsync({
         selectionLimit,
+        preferredAssetRepresentationMode,
         mediaTypes: (() => {
           switch (options?.mediaType) {
             case 'photo':

package/src/platform/createFileService.native.ts

@@ -110,6 +110,7 @@ const createNativeFileService = ({
       const response = await imagePickerModule.launchCamera({
         presentationStyle: 'fullScreen',
         cameraType: options?.cameraType ?? 'back',
+        assetRepresentationMode: 'compatible',
         mediaType: (() => {
           switch (options?.mediaType) {
             case 'photo':
@@ -151,6 +152,7 @@ const createNativeFileService = ({
       const response = await imagePickerModule.launchImageLibrary({
         presentationStyle: 'fullScreen',
         selectionLimit,
+        assetRepresentationMode: 'compatible',
         mediaType: (() => {
           switch (options?.mediaType) {
             case 'photo':

package/src/utils/expoBackwardUtils.ts

@@ -50,8 +50,8 @@ const expoBackwardUtils = {
     ): Promise<FilePickerResponse[]> {
       if (result.assets) {
         const assets = result.assets || [];
-        const promises = assets.map(({ fileName: name, fileSize: size, type, uri }) =>
-          normalizeFile({ uri, size, name, type }),
+        const promises = assets.map(({ fileName: name, fileSize: size, mimeType, uri }) =>
+          normalizeFile({ uri, size, name, type: mimeType }),
         );
 
         return Promise.all(promises);

package/src/version.ts

@@ -1,2 +1,2 @@
-const VERSION = '3.12.0';
+const VERSION = '3.12.2';
 export default VERSION;