Release/v1.17.0

.github/workflows/branch-check.yml

@@ -4,6 +4,7 @@ on:
   pull_request:
     branches:
       - master
+      - main
 
 jobs:
   validate-source-branch:

likeminds-feed-reactnative-integration/components/LMCommentItem/index.tsx

@@ -21,13 +21,14 @@ import { LMCommentViewData } from "../../models";
 import { styles } from "./styles";
 import decode from "../../utils/decodeMentions";
 import { timeStamp } from "../../utils";
-import { useAppSelector } from "../../store/store";
+import { useAppDispatch, useAppSelector } from "../../store/store";
 import { MemberRightsEnum } from "../../enums/MemberRightsEnum";
 import STYLES from "../../constants/Styles";
 import { usePostDetailContext } from "../../context";
 import { CommunityConfigs } from "../../communityConfigs";
 import pluralizeOrCapitalize from "../../utils/variables";
 import { WordAction } from "../../enums/Variables";
+import { clearComments } from "../../store/actions/postDetail";
 const LMCommentItem = React.memo(
   ({
     likeIconButton,
@@ -60,8 +61,11 @@ const LMCommentItem = React.memo(
       comment?.likesCount
     );
     const [repliesArray, setRepliesArray] = useState<LMCommentViewData[]>([]);
-    const [replyPageNumber, setReplyPageNumber] = useState(2);
+    const [haveFirstPageReplies, setHaveFirstPageReplies] = useState(false);
+    const [repliesLoading, setRepliesLoading] = useState(false);
+    const [replyPageNumber, setReplyPageNumber] = useState(1);
     const customLikeIcon = likeIconButton?.icon;
+    const [hasRepliesPaginationEnded, setHasRepliesPaginationEnded] = useState(false);
     const loggedInUserMemberRights = useAppSelector(
       (state) => state.login.memberRights
     );
@@ -70,6 +74,7 @@ const LMCommentItem = React.memo(
     );
     const memberData = useAppSelector((state) => state.login.member);
     const isCM = memberData?.state === STATE_ADMIN;
+    const dispatch = useAppDispatch();
 
     // this handles the show more functionality
     const onTextLayout = (event) => {
@@ -79,13 +84,11 @@ const LMCommentItem = React.memo(
       }
     };
 
-    const {setCommentOnFocus} = usePostDetailContext()
+    const {setCommentOnFocus, commentOnFocus} = usePostDetailContext();
 
     useEffect(() => {
       if (isRepliesVisible) {
         setShowReplies(true);
-        onTapReplies &&
-          onTapReplies((data: Array<LMCommentViewData>) => setRepliesArray(data), "");
       }
     }, [isRepliesVisible]);
 
@@ -136,6 +139,12 @@ const LMCommentItem = React.memo(
     };
 
     const handleReplies = () => {
+      if (showReplies) {
+        setHasRepliesPaginationEnded(false);
+        setReplyPageNumber(1);
+        setHaveFirstPageReplies(false);
+        dispatch(clearComments(comment?.id))
+      }
       setShowReplies(!showReplies);
     };
 
@@ -353,10 +362,13 @@ const LMCommentItem = React.memo(
                       ))}
                     <LMButton
                       onTap={() => {
-                        onTapReplies
+                        onTapReplies && !showReplies
                           ? (onTapReplies(
-                              (data: Array<LMCommentViewData>) =>
-                                setRepliesArray(data),
+                              (data: Array<LMCommentViewData>) => {
+                                setRepliesArray(data);
+                                setReplyPageNumber(replyPageNumber + 1)
+                                setHaveFirstPageReplies(true);
+                              },
                               ""
                             ),
                             handleReplies())
@@ -437,10 +449,10 @@ const LMCommentItem = React.memo(
         {/* replies section */}
         {showReplies && comment.repliesCount > 0 && (
           <View style={styles.repliesView}>
-            {repliesArray && (
+            {comment?.replies && (
               <FlatList
                 keyboardShouldPersistTaps={"handled"}
-                data={repliesArray}
+                data={comment?.replies ?? []}
                 renderItem={({ item }: any) => {
                   return (
                     <>
@@ -464,22 +476,29 @@ const LMCommentItem = React.memo(
                     </>
                   );
                 }}
-                // ListFooterComponentStyle={{}}
                 ListFooterComponent={
                   <>
-                    {repliesArray.length > 0 ? (
+                    {comment?.replies.length > 0 ? (
                       <>
-                        {comment.repliesCount > repliesArray.length && (
+                        {comment.repliesCount > comment?.replies.length && !hasRepliesPaginationEnded && (
                           <View style={styles.showMoreView}>
                             <LMButton
                               onTap={
-                                onTapViewMore
+                                onTapViewMore && !repliesLoading
                                   ? () => {
-                                      setReplyPageNumber(replyPageNumber + 1);
+                                      setRepliesLoading(true);
                                       onTapViewMore(
-                                        replyPageNumber,
-                                        (data: Array<LMCommentViewData>) =>
+                                        haveFirstPageReplies ? replyPageNumber : 1,
+                                        (data: Array<LMCommentViewData>, hasPaginationEnded?: boolean) => {
+                                          setHaveFirstPageReplies(true);
                                           setRepliesArray(data)
+                                          setRepliesLoading(false);
+                                          setReplyPageNumber(replyPageNumber + 1);
+                                          if (hasPaginationEnded) {
+                                            setHasRepliesPaginationEnded(hasPaginationEnded)
+                                          }
+                                        },
+                                        haveFirstPageReplies
                                       );
                                     }
                                   : () => null
@@ -501,7 +520,7 @@ const LMCommentItem = React.memo(
                               buttonStyle={styles.viewMoreButton}
                             />
                             <Text style={styles.commentPageNumberText}>
-                              {repliesArray.length} of {comment.repliesCount}
+                              {comment?.replies?.length} of {comment.repliesCount}
                             </Text>
                           </View>
                         )}

likeminds-feed-reactnative-integration/components/LMCommentItem/types.ts

@@ -8,7 +8,8 @@ export interface LMCommentProps {
   likeTextButton?: LMButtonProps; // custom like text button
   onTapViewMore?: (
     page: number,
-    data: (repliesArray: Array<LMCommentViewData>) => void
+    data: (repliesArray: Array<LMCommentViewData>) => void,
+    haveFirstPageReplies?: boolean
   ) => void; // callback function to be executed on click of view more replies
   commentMaxLines?: number; // maximun lines of comment to be shown
   menuIcon?: LMButtonProps; // custom menu icon button

likeminds-feed-reactnative-integration/components/LMCreatePost/LMCreatePostHeader.tsx

@@ -32,6 +32,7 @@ import pluralizeOrCapitalize from "../../utils/variables";
 import { WordAction } from "../../enums/Variables";
 import useDebounceCallback from "../../hooks/useDebounceCallback"
 import LMLoader from "../../components/LMLoader";
+import { AttachmentType } from "@likeminds.community/feed-rn";
 
 const LMCreatePostHeader = () => {
   const dispatch = useAppDispatch();
@@ -84,7 +85,7 @@ const LMCreatePostHeader = () => {
       const map: Map<string | undefined, string | undefined> = new Map();
       const taggedUsers: any = userTaggingDecoder(postContentText);
 
-      const ogTags = formattedLinkAttachments[0]?.attachmentMeta?.ogTags;
+      const ogTags = formattedLinkAttachments[0]?.metaData?.ogTags;
 
       // To fire user tagged analytics event
       if (taggedUsers?.length > 0) {
@@ -109,12 +110,12 @@ const LMCreatePostHeader = () => {
       let videoCount = 0;
       let documentCount = 0;
       for (let i = 0; i < allAttachment.length; i++) {
-        if (allAttachment[i].attachmentType === IMAGE_ATTACHMENT_TYPE) {
+        if (allAttachment[i].type === AttachmentType.IMAGE) {
           imageCount++;
-        } else if (allAttachment[i].attachmentType === VIDEO_ATTACHMENT_TYPE) {
+        } else if (allAttachment[i].type === AttachmentType.VIDEO) {
           videoCount++;
         } else if (
-          allAttachment[i].attachmentType === DOCUMENT_ATTACHMENT_TYPE
+          allAttachment[i].type === AttachmentType.DOCUMENT
         ) {
           documentCount++;
         }
@@ -255,7 +256,7 @@ const LMCreatePostHeader = () => {
                       ? styles.enabledOpacity
                       : styles.disabledOpacity
               }
-              onPress={debouncedHandleOnPress}
+              onPress={handleOnPress}
             >
               {customCreatePostScreenHeader?.rightComponent ? (
                 customCreatePostScreenHeader?.rightComponent

likeminds-feed-reactnative-integration/components/LMCreatePost/LMCreatePostMedia.tsx

@@ -25,6 +25,7 @@ import {
 } from "../../constants/Strings";
 import { styles } from "../../screens/createPost/styles";
 import { LMButton } from "../../uiComponents";
+import { AttachmentType } from "@likeminds.community/feed-rn";
 
 const LMCreatePostMedia = () => {
   const postListStyle = STYLES.$POST_LIST_STYLE;
@@ -96,7 +97,7 @@ const LMCreatePostMedia = () => {
           >
             <LMPostPollView
               item={{
-                ...formattedPollAttachments[0]?.attachmentMeta,
+                ...formattedPollAttachments[0]?.metaData,
                 disabled: true,
               }}
               post={post}
@@ -134,11 +135,11 @@ const LMCreatePostMedia = () => {
           ) : (
             <>
               {/* single image selected section */}
-              {formattedMediaAttachments[0]?.attachmentType ===
-                IMAGE_ATTACHMENT_TYPE && (
+              {formattedMediaAttachments[0]?.type ===
+                AttachmentType.IMAGE && (
                 <LMImage
                   {...postMediaStyle?.image}
-                  imageUrl={`${formattedMediaAttachments[0]?.attachmentMeta.url}`}
+                  imageUrl={`${formattedMediaAttachments[0]?.metaData?.url}`}
                   showCancel={
                     postMediaStyle?.image?.showCancel != undefined
                       ? postMediaStyle?.image?.showCancel
@@ -153,11 +154,11 @@ const LMCreatePostMedia = () => {
                 />
               )}
               {/* single video selected section  */}
-              {formattedMediaAttachments[0]?.attachmentType ===
-                VIDEO_ATTACHMENT_TYPE && (
+              {formattedMediaAttachments[0]?.type ===
+                AttachmentType.VIDEO && (
                 <LMCreatePostVideo
                   {...postMediaStyle?.video}
-                  videoUrl={`${formattedMediaAttachments[0]?.attachmentMeta.url}`}
+                  videoUrl={`${formattedMediaAttachments[0]?.metaData?.url}`}
                   showCancel={
                     postMediaStyle?.video?.showCancel != undefined
                       ? postMediaStyle?.video?.showCancel

likeminds-feed-reactnative-integration/components/LMMedia/LMCarousel/index.tsx

@@ -17,7 +17,9 @@ import {
   SET_FLOW_TO_CAROUSEL_SCREEN,
   STATUS_BAR_STYLE,
 } from "../../../store/types/types";
+import {AttachmentType} from "@likeminds.community/feed-rn"
 import { CAROUSEL_SCREEN } from "../../../constants/screenNames";
+import Layout from "../../../constants/Layout";
 
 const LMCarousel = React.memo(
   ({
@@ -49,6 +51,30 @@ const LMCarousel = React.memo(
       }
     };
 
+    // this functions calculates the max height among all the attachments in the carousel
+    const getMaxHeightOfAttachments = () => {
+      if (!post?.attachments?.length) return 0;
+
+      const screenWidth = Layout.window.width
+
+      // Map over attachments and compute scaled heights
+      const scaledHeights = post?.attachments?.map(item => {
+        const meta = item?.metaData;
+        const width = meta?.width;
+        const height = meta?.height;
+
+        if (!width || !height) return 0;
+
+        // Determine desired aspect ratio (portrait vs landscape)
+        const desiredAspectRatio = width > height ? 1.91 : 0.8;
+        return screenWidth * (1 / desiredAspectRatio);
+      });
+
+      let max = Math.max(...scaledHeights);
+
+      return max > 0 ? max : 500
+    };
+
     return (
       <SwiperFlatList
         autoplay={lastItem ? true : false}
@@ -64,7 +90,7 @@ const LMCarousel = React.memo(
             setLastItem(false);
           }
         }}
-        style={StyleSheet.flatten([styles.swiperView, carouselStyle])}
+        style={StyleSheet.flatten([styles.swiperView, carouselStyle, {minHeight: getMaxHeightOfAttachments()}])}
         // handling custom style of pagination container
         paginationStyle={StyleSheet.flatten([
           styles.paginationView,
@@ -89,7 +115,7 @@ const LMCarousel = React.memo(
         renderItem={({ item, index }) => (
           <View style={styles.swiperListMediaContainer} onStartShouldSetResponder={() => true}>
             {/* this section render image */}
-            {item?.attachmentType === IMAGE_ATTACHMENT_TYPE && (
+            {item?.type === AttachmentType.IMAGE && (
               <Pressable
                 onPress={() => {
                   navigation.navigate(CAROUSEL_SCREEN, {
@@ -107,9 +133,9 @@ const LMCarousel = React.memo(
                 }}
               >
                 <LMImage
-                  imageUrl={item?.attachmentMeta?.url}
-                  width={imageItem?.width}
-                  height={imageItem?.height}
+                  imageUrl={item?.metaData?.url}
+                  width={item?.metaData?.width}
+                  height={item?.metaData?.height}
                   imageStyle={imageItem?.imageStyle}
                   boxFit={imageItem?.boxFit}
                   boxStyle={imageItem?.boxStyle}
@@ -131,7 +157,7 @@ const LMCarousel = React.memo(
               </Pressable>
             )}
             {/* this section render video */}
-            {item?.attachmentType === VIDEO_ATTACHMENT_TYPE && (
+            {item?.type === AttachmentType.VIDEO && (
               <Pressable
                 onPress={() => {
                   navigation.navigate(CAROUSEL_SCREEN, {
@@ -151,9 +177,9 @@ const LMCarousel = React.memo(
                 }}
               >
                 <LMVideo
-                  videoUrl={item?.attachmentMeta?.url}
-                  height={videoItem?.height}
-                  width={videoItem?.width}
+                  videoUrl={item?.metaData?.url}
+                  height={item?.metaData?.height}
+                  width={item?.metaData?.width}
                   videoStyle={videoItem?.videoStyle}
                   boxFit={videoItem?.boxFit}
                   boxStyle={videoItem?.boxStyle}
@@ -183,7 +209,7 @@ const LMCarousel = React.memo(
                   videoInFeed={videoItem?.videoInFeed}
                   videoInCarousel={true}
                   currentVideoInCarousel={
-                    attachments[activeIndex]?.attachmentMeta?.url
+                    attachments[activeIndex]?.metaData?.url
                   }
                   postId={videoItem?.postId}
                   showMuteUnmute={true}