stream-chat-react-native-core 4.7.0-beta.1 → 4.7.0-beta.4

package/src/components/Chat/hooks/useIsOnline.ts

@@ -13,7 +13,7 @@ import type { DefaultStreamChatGenerics } from '../../../types/types';
 /**
  * Disconnect the websocket connection when app goes to background,
  * and reconnect when app comes to foreground.
- * We do this to make sure, user receives push notifications when app is in the background.
+ * We do this to make sure the user receives push notifications when app is in the background.
  * You can't receive push notification until you have active websocket connection.
  */
 export const useIsOnline = <
@@ -25,10 +25,10 @@ export const useIsOnline = <
   const [isOnline, setIsOnline] = useState(true);
   const [connectionRecovering, setConnectionRecovering] = useState(false);
   const isMounted = useIsMountedRef();
-  const clientExits = !!client;
+  const clientExists = !!client;
 
   const onBackground = useCallback(() => {
-    if (!closeConnectionOnBackground) return;
+    if (!closeConnectionOnBackground || !clientExists) return;
 
     for (const cid in client.activeChannels) {
       const channel = client.activeChannels[cid];
@@ -37,13 +37,13 @@ export const useIsOnline = <
 
     client.closeConnection();
     setIsOnline(false);
-  }, [closeConnectionOnBackground, client]);
+  }, [closeConnectionOnBackground, client, clientExists]);
 
   const onForeground = useCallback(() => {
-    if (!closeConnectionOnBackground) return;
+    if (!closeConnectionOnBackground || !clientExists) return;
 
     client.openConnection();
-  }, [closeConnectionOnBackground, client]);
+  }, [closeConnectionOnBackground, client, clientExists]);
 
   useAppStateListener(onForeground, onBackground);
 
@@ -101,7 +101,7 @@ export const useIsOnline = <
       chatListeners.forEach((listener) => listener.unsubscribe?.());
       unsubscribeNetInfo?.();
     };
-  }, [clientExits]);
+  }, [clientExists]);
 
   return { connectionRecovering, isOnline };
 };

package/src/components/Message/Message.tsx

@@ -53,15 +53,13 @@ import {
 import type { MessageActionListItemProps } from '../MessageOverlay/MessageActionListItem';
 
 export type TouchableEmitter =
-  | 'card'
   | 'fileAttachment'
   | 'gallery'
   | 'giphy'
   | 'message'
   | 'messageContent'
   | 'messageReplies'
-  | 'reactionList'
-  | 'textLink';
+  | 'reactionList';
 
 export type TextMentionTouchableHandlerPayload<
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
@@ -70,21 +68,27 @@ export type TextMentionTouchableHandlerPayload<
   additionalInfo?: { user?: UserResponse<StreamChatGenerics> };
 };
 
+export type UrlTouchableHandlerPayload = {
+  emitter: 'textLink' | 'card';
+  additionalInfo?: { url?: string };
+};
+
 export type TouchableHandlerPayload = {
   defaultHandler?: () => void;
   event?: GestureResponderEvent;
 } & (
   | {
-      additionalInfo?: Record<string, unknown>;
       emitter?: TouchableEmitter;
     }
   | TextMentionTouchableHandlerPayload
+  | UrlTouchableHandlerPayload
 );
 
 export type MessageTouchableHandlerPayload<
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = TouchableHandlerPayload & {
   actionHandlers?: MessageActionHandlers;
+  additionalInfo?: Record<string, unknown>;
   message?: MessageType<StreamChatGenerics>;
 };
 

package/src/components/Message/MessageSimple/utils/renderText.tsx

@@ -161,10 +161,14 @@ export const renderText = <
   };
 
   const link: ReactNodeOutput = (node, output, { ...state }) => {
+    const url = node.target;
     const onPress = (event: GestureResponderEvent) => {
       if (!preventPress && onPressParam) {
         onPressParam({
-          defaultHandler: () => onLink(node.target),
+          additionalInfo: { url },
+          defaultHandler: () => {
+            onLink(url);
+          },
           emitter: 'textLink',
           event,
         });
@@ -174,6 +178,7 @@ export const renderText = <
     const onLongPress = (event: GestureResponderEvent) => {
       if (!preventPress && onLongPressParam) {
         onLongPressParam({
+          additionalInfo: { url },
           emitter: 'textLink',
           event,
         });

package/src/components/Reply/Reply.tsx

@@ -203,7 +203,9 @@ const ReplyWithContext = <
             />
           ) : null
         ) : null}
-        {messageType === 'video' ? <VideoThumbnail style={[styles.videoAttachment]} /> : null}
+        {messageType === 'video' && !lastAttachment.og_scrape_url ? (
+          <VideoThumbnail style={[styles.videoAttachment]} />
+        ) : null}
         <MessageTextContainer<StreamChatGenerics>
           markdownStyles={
             quotedMessage.deleted_at

package/src/contexts/messageInputContext/MessageInputContext.tsx

@@ -665,6 +665,8 @@ export const MessageInputProvider = <
         attachments.push({
           fallback: image.file.name,
           image_url: image.url,
+          original_height: image.height,
+          original_width: image.width,
           type: 'image',
         } as Attachment<StreamChatGenerics>);
       }
@@ -686,6 +688,15 @@ export const MessageInputProvider = <
             image_url: file.url,
             type: 'image',
           } as Attachment<StreamChatGenerics>);
+        } else if (file.file.type?.startsWith('audio/')) {
+          attachments.push({
+            asset_url: file.url,
+            duration: file.file.duration,
+            file_size: file.file.size,
+            mime_type: file.file.type,
+            title: file.file.name,
+            type: 'audio',
+          } as Attachment<StreamChatGenerics>);
         } else if (file.file.type?.startsWith('video/')) {
           attachments.push({
             asset_url: file.url,

package/src/version.json

@@ -1,3 +1,3 @@
 {
-  "version": "4.7.0-beta.1"
+  "version": "4.7.0-beta.4"
 }