@amityco/react-native-social-uikit 4.1.1-fdf83f6b.0 → 4.2.0

package/lib/module/social/elements/PostMediaElement/PostMediaElement.js

@@ -0,0 +1,335 @@
+import { useEffect, useMemo, useRef, useState } from 'react';
+import { Animated, Image, Pressable, ScrollView, useWindowDimensions, View } from 'react-native';
+import { SvgXml } from 'react-native-svg';
+import { FileRepository } from '@amityco/ts-sdk-react-native';
+import { Typography } from '../../../core/components/Typography/Typography';
+import useAuth from '../../../core/hooks/useAuth';
+import { videoControlIcon, brokenImageIcon } from '../../../core/assets/icons/xml';
+import { getFrameRatio, getVideoDisplayDims, FRAME_RATIO_VALUE, DEFAULT_FRAME_RATIO } from '../../utils/getFrameRatio';
+import { getIndicatorConfig } from '../../utils/getIndicatorConfig';
+import { ImageSizeState } from '../../enums/imageSizeState';
+import { useUIKitSelector } from '../../../core/stores/store';
+import { useStyles } from './styles';
+function isMediaPost(post) {
+  return post.dataType === 'image' || post.dataType === 'video';
+}
+function getAttachmentRatio(post) {
+  if (!post) return DEFAULT_FRAME_RATIO;
+  if (post.dataType === 'image') {
+    const image = post.getImageInfo();
+    return getFrameRatio(image === null || image === void 0 ? void 0 : image.getWidth(), image === null || image === void 0 ? void 0 : image.getHeight());
+  }
+  const video = post.getVideoInfo();
+  const {
+    width,
+    height
+  } = getVideoDisplayDims({
+    width: video === null || video === void 0 ? void 0 : video.getWidth(),
+    height: video === null || video === void 0 ? void 0 : video.getHeight(),
+    rotation: video === null || video === void 0 ? void 0 : video.getRotation()
+  });
+  return getFrameRatio(width, height);
+}
+export function PostMediaElement({
+  posts,
+  onImageClick,
+  onVideoClick,
+  controlsRef,
+  loading = false
+}) {
+  const styles = useStyles();
+  const {
+    width: screenWidth
+  } = useWindowDimensions();
+  const [current, setCurrent] = useState(0);
+  const [trackWidth, setTrackWidth] = useState(0);
+  const scrollRef = useRef(null);
+  const mediaPosts = useMemo(() => (posts ?? []).filter(isMediaPost), [posts]);
+  const ratio = useMemo(() => getAttachmentRatio(mediaPosts[0]), [mediaPosts]);
+
+  // A reload starts the carousel over. It cannot be left to unmounting: the
+  // feed keys its items by post id, so a reload reuses this instance and both
+  // `current` and the ScrollView's own offset would otherwise survive it,
+  // leaving the viewer on whichever frame they had reached before.
+  const feedReloadToken = useUIKitSelector(state => state.ui.feedReloadToken);
+  useEffect(() => {
+    var _scrollRef$current;
+    setCurrent(0);
+    (_scrollRef$current = scrollRef.current) === null || _scrollRef$current === void 0 || _scrollRef$current.scrollTo({
+      x: 0,
+      animated: false
+    });
+  }, [feedReloadToken]);
+
+  // An edit that removes frames must not leave the carousel pointing past the
+  // end of what is left. The feed reuses this instance across the edit, so both
+  // `current` and the ScrollView's own offset outlive the frame they referred
+  // to: the counter read "4/3" over an empty frame, and the indicator drew no
+  // active dot at all because no page matched the index.
+  const frameCount = mediaPosts.length;
+  useEffect(() => {
+    var _scrollRef$current2;
+    const lastIndex = Math.max(0, frameCount - 1);
+    if (current <= lastIndex) return;
+    setCurrent(lastIndex);
+    (_scrollRef$current2 = scrollRef.current) === null || _scrollRef$current2 === void 0 || _scrollRef$current2.scrollTo({
+      x: lastIndex * (trackWidth || screenWidth),
+      animated: false
+    });
+  }, [frameCount, current, trackWidth, screenWidth]);
+  if (mediaPosts.length === 0) {
+    if (!loading) return null;
+    // Loading placeholder: a full-bleed frame in the base-shade4 colour, so the
+    // media area doesn't flash blank before the child posts resolve.
+    return /*#__PURE__*/React.createElement(View, {
+      style: styles.postMedia
+    }, /*#__PURE__*/React.createElement(View, {
+      style: styles.postMedia__track
+    }, /*#__PURE__*/React.createElement(View, {
+      style: [styles.postMedia__frame, {
+        aspectRatio: FRAME_RATIO_VALUE[DEFAULT_FRAME_RATIO]
+      }]
+    })));
+  }
+  const total = mediaPosts.length;
+  const isCarousel = total > 1;
+  const aspectRatio = FRAME_RATIO_VALUE[ratio];
+  // The carousel is full-bleed (screen width); use that immediately so the
+  // ScrollView renders without waiting for onLayout — otherwise there is an
+  // empty block between the placeholder and the first frame.
+  const slideWidth = trackWidth || screenWidth;
+  const handleFrameClick = index => {
+    const post = mediaPosts[index];
+    if (post.dataType === 'image') onImageClick(index);else onVideoClick(index);
+  };
+  const onLayout = event => {
+    const width = event.nativeEvent.layout.width;
+    if (width && width !== trackWidth) setTrackWidth(width);
+  };
+  const onMomentumScrollEnd = event => {
+    if (!slideWidth) return;
+    const nextIndex = Math.round(event.nativeEvent.contentOffset.x / slideWidth);
+    if (nextIndex !== current) setCurrent(nextIndex);
+  };
+  if (controlsRef) {
+    controlsRef.current = {
+      slideTo: index => {
+        var _scrollRef$current3;
+        (_scrollRef$current3 = scrollRef.current) === null || _scrollRef$current3 === void 0 || _scrollRef$current3.scrollTo({
+          x: index * slideWidth,
+          animated: false
+        });
+        setCurrent(index);
+      }
+    };
+  }
+  if (!isCarousel) {
+    return /*#__PURE__*/React.createElement(View, {
+      style: styles.postMedia
+    }, /*#__PURE__*/React.createElement(View, {
+      style: styles.postMedia__track,
+      onLayout: onLayout
+    }, /*#__PURE__*/React.createElement(MediaFrame, {
+      post: mediaPosts[0],
+      aspectRatio: aspectRatio,
+      onPress: () => handleFrameClick(0)
+    })));
+  }
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.postMedia
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.postMedia__track,
+    onLayout: onLayout
+  }, /*#__PURE__*/React.createElement(ScrollView, {
+    ref: scrollRef,
+    horizontal: true,
+    pagingEnabled: true,
+    showsHorizontalScrollIndicator: false,
+    onMomentumScrollEnd: onMomentumScrollEnd,
+    scrollEventThrottle: 16,
+    decelerationRate: "fast"
+  }, mediaPosts.map((post, index) => /*#__PURE__*/React.createElement(View, {
+    key: post.postId,
+    style: [styles.postMedia__slide, {
+      width: slideWidth
+    }]
+  }, /*#__PURE__*/React.createElement(MediaFrame, {
+    post: post,
+    aspectRatio: aspectRatio,
+    onPress: () => handleFrameClick(index)
+  })))), /*#__PURE__*/React.createElement(PositionCounter, {
+    current: current,
+    total: total
+  })), /*#__PURE__*/React.createElement(PaginationIndicator, {
+    current: current,
+    total: total
+  }));
+}
+function PaginationIndicator({
+  current,
+  total
+}) {
+  const styles = useStyles();
+  const {
+    dots
+  } = getIndicatorConfig(current, total);
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.postMedia__indicator
+  }, dots.map(dot => dot.state === 'edge' ? /*#__PURE__*/React.createElement(EdgeDot, {
+    key: dot.key,
+    side: dot.side
+  }) : /*#__PURE__*/React.createElement(View, {
+    key: dot.key,
+    style: styles.postMedia__dotSlot
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [styles.postMedia__dot, dot.state === 'active' ? styles.postMedia__dotActive : styles.postMedia__dotInactive]
+  }))));
+}
+
+// The strip keeps a constant width (fixed-width slots, always 6 elements), so
+// an edge dot only needs to slide in from its own side over 300ms when it
+// first appears (REQ-013b).
+function EdgeDot({
+  side
+}) {
+  const styles = useStyles();
+  const anim = useRef(new Animated.Value(0)).current;
+  useEffect(() => {
+    const animation = Animated.timing(anim, {
+      toValue: 1,
+      duration: 300,
+      useNativeDriver: true
+    });
+    animation.start();
+    return () => animation.stop();
+  }, [anim]);
+  const translateX = anim.interpolate({
+    inputRange: [0, 1],
+    outputRange: [side === 'left' ? -6 : 6, 0]
+  });
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.postMedia__dotSlot
+  }, /*#__PURE__*/React.createElement(Animated.View, {
+    style: [styles.postMedia__dot, styles.postMedia__dotEdge, {
+      opacity: anim,
+      transform: [{
+        translateX
+      }]
+    }]
+  }));
+}
+function PositionCounter({
+  current,
+  total
+}) {
+  const styles = useStyles();
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.postMedia__counter
+  }, /*#__PURE__*/React.createElement(Typography.Body, {
+    style: styles.postMedia__counterLabel
+  }, current + 1, "/", total));
+}
+function MediaFrame({
+  post,
+  aspectRatio,
+  onPress
+}) {
+  const styles = useStyles();
+  return /*#__PURE__*/React.createElement(Pressable, {
+    onPress: onPress,
+    style: [styles.postMedia__frame, {
+      aspectRatio
+    }]
+  }, post.dataType === 'image' ? /*#__PURE__*/React.createElement(ImageMedia, {
+    post: post
+  }) : /*#__PURE__*/React.createElement(VideoMedia, {
+    post: post
+  }));
+}
+function ImageMedia({
+  post
+}) {
+  var _post$getImageInfo;
+  const styles = useStyles();
+  const {
+    apiRegion
+  } = useAuth();
+  const fileId = (_post$getImageInfo = post.getImageInfo()) === null || _post$getImageInfo === void 0 ? void 0 : _post$getImageInfo.fileId;
+  const url = fileId ? `https://api.${apiRegion}.amity.co/api/v3/files/${fileId}/download?size=large` : undefined;
+  // Keyed to the url rather than a bare boolean, so replacing the image retries
+  // the load instead of staying broken for the session (see VideoMedia).
+  const [brokenUrl, setBrokenUrl] = useState();
+  if (!url || brokenUrl === url) return /*#__PURE__*/React.createElement(BrokenFrame, null);
+  return /*#__PURE__*/React.createElement(Image, {
+    style: styles.postMedia__media,
+    source: {
+      uri: url
+    },
+    resizeMode: "cover",
+    onError: () => setBrokenUrl(url)
+  });
+}
+function VideoMedia({
+  post
+}) {
+  var _post$getVideoThumbna, _post$data, _localThumbnails$find;
+  const styles = useStyles();
+
+  // Resolve the thumbnail through the SDK's linked file object rather than
+  // building a download url from `data.thumbnailFileId`. The file behind that
+  // id does not exist until the server finishes transcoding, so a url built
+  // from the id alone is well-formed and still 404s — which is what rendered a
+  // broken-image icon on every just-created video post. The file object is the
+  // honest signal: it is absent until the thumbnail actually exists. Mirrors
+  // web's useImage/useFile.
+  const thumbnail = (_post$getVideoThumbna = post.getVideoThumbnailInfo) === null || _post$getVideoThumbna === void 0 ? void 0 : _post$getVideoThumbna.call(post);
+  const serverUrl = thumbnail !== null && thumbnail !== void 0 && thumbnail.fileUrl ? FileRepository.fileUrlWithSize(thumbnail.fileUrl, ImageSizeState.large) : undefined;
+
+  // While the server has none, borrow the frame the composer decoded when this
+  // video was picked, matched on the original video's fileId (web parity:
+  // VideoContent falls back to LayoutProvider's videoThumbnail the same way).
+  const localThumbnails = useUIKitSelector(state => state.localVideoThumbnail.videos);
+  const originalFileId = (_post$data = post.data) === null || _post$data === void 0 || (_post$data = _post$data.videoFileId) === null || _post$data === void 0 ? void 0 : _post$data.original;
+  const localUrl = serverUrl ? undefined : (_localThumbnails$find = localThumbnails.find(({
+    fileId
+  }) => fileId === originalFileId)) === null || _localThumbnails$find === void 0 ? void 0 : _localThumbnails$find.thumbnailUrl;
+  const url = serverUrl ?? localUrl;
+
+  // Keyed to the url, not a bare boolean: the url changes when the real
+  // thumbnail lands, and a latched flag would keep the frame broken for the
+  // rest of the session.
+  const [brokenUrl, setBrokenUrl] = useState();
+  const playButton = /*#__PURE__*/React.createElement(View, {
+    style: styles.postMedia__playButton
+  }, /*#__PURE__*/React.createElement(SvgXml, {
+    xml: videoControlIcon,
+    width: "40",
+    height: "40"
+  }));
+
+  // Nothing to show yet, from either source: still a normal state for a new
+  // post, so keep the play affordance rather than flagging it broken.
+  if (!url) return /*#__PURE__*/React.createElement(View, {
+    style: styles.postMedia__pending
+  }, playButton);
+  if (brokenUrl === url) return /*#__PURE__*/React.createElement(BrokenFrame, null);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Image, {
+    style: styles.postMedia__media,
+    source: {
+      uri: url
+    },
+    resizeMode: "cover",
+    onError: () => setBrokenUrl(url)
+  }), playButton);
+}
+function BrokenFrame() {
+  const styles = useStyles();
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.postMedia__broken
+  }, /*#__PURE__*/React.createElement(SvgXml, {
+    xml: brokenImageIcon(),
+    width: 32,
+    height: 32
+  }));
+}
+//# sourceMappingURL=PostMediaElement.js.map

package/lib/module/social/elements/PostMediaElement/PostMediaElement.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useMemo","useRef","useState","Animated","Image","Pressable","ScrollView","useWindowDimensions","View","SvgXml","FileRepository","Typography","useAuth","videoControlIcon","brokenImageIcon","getFrameRatio","getVideoDisplayDims","FRAME_RATIO_VALUE","DEFAULT_FRAME_RATIO","getIndicatorConfig","ImageSizeState","useUIKitSelector","useStyles","isMediaPost","post","dataType","getAttachmentRatio","image","getImageInfo","getWidth","getHeight","video","getVideoInfo","width","height","rotation","getRotation","PostMediaElement","posts","onImageClick","onVideoClick","controlsRef","loading","styles","screenWidth","current","setCurrent","trackWidth","setTrackWidth","scrollRef","mediaPosts","filter","ratio","feedReloadToken","state","ui","_scrollRef$current","scrollTo","x","animated","frameCount","length","_scrollRef$current2","lastIndex","Math","max","React","createElement","style","postMedia","postMedia__track","postMedia__frame","aspectRatio","total","isCarousel","slideWidth","handleFrameClick","index","onLayout","event","nativeEvent","layout","onMomentumScrollEnd","nextIndex","round","contentOffset","slideTo","_scrollRef$current3","MediaFrame","onPress","ref","horizontal","pagingEnabled","showsHorizontalScrollIndicator","scrollEventThrottle","decelerationRate","map","key","postId","postMedia__slide","PositionCounter","PaginationIndicator","dots","postMedia__indicator","dot","EdgeDot","side","postMedia__dotSlot","postMedia__dot","postMedia__dotActive","postMedia__dotInactive","anim","Value","animation","timing","toValue","duration","useNativeDriver","start","stop","translateX","interpolate","inputRange","outputRange","postMedia__dotEdge","opacity","transform","postMedia__counter","Body","postMedia__counterLabel","ImageMedia","VideoMedia","_post$getImageInfo","apiRegion","fileId","url","undefined","brokenUrl","setBrokenUrl","BrokenFrame","postMedia__media","source","uri","resizeMode","onError","_post$getVideoThumbna","_post$data","_localThumbnails$find","thumbnail","getVideoThumbnailInfo","call","serverUrl","fileUrl","fileUrlWithSize","large","localThumbnails","localVideoThumbnail","videos","originalFileId","data","videoFileId","original","localUrl","find","thumbnailUrl","playButton","postMedia__playButton","xml","postMedia__pending","Fragment","postMedia__broken"],"sourceRoot":"../../../../../src","sources":["social/elements/PostMediaElement/PostMediaElement.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/social/elements/PostMediaElement/index.js

@@ -0,0 +1,2 @@
+export { PostMediaElement } from './PostMediaElement';
+//# sourceMappingURL=index.js.map

package/lib/module/social/elements/PostMediaElement/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["PostMediaElement"],"sourceRoot":"../../../../../src","sources":["social/elements/PostMediaElement/index.tsx"],"mappings":"AAAA,SAASA,gBAAgB,QAAQ,oBAAoB","ignoreList":[]}

package/lib/module/social/elements/PostMediaElement/styles.js

@@ -0,0 +1,117 @@
+import { StyleSheet } from 'react-native';
+import { useTheme } from 'react-native-paper';
+// Values map 1:1 from web PR #1830 PostMediaElement.module.css (1rem = 16dp).
+// Colors resolve through theme tokens (web CSS variables), never hardcoded.
+export const useStyles = () => {
+  const theme = useTheme();
+  const styles = StyleSheet.create({
+    postMedia: {
+      // Full-bleed: cancel the post card's 16px horizontal padding so the media
+      // spans the full card width (web PR #1830/#1834: width calc(100% + 2rem),
+      // margin-left/right -1rem).
+      marginHorizontal: -16,
+      paddingVertical: 8 // web: padding 0.5rem 0
+    },
+    postMedia__track: {
+      position: 'relative',
+      width: '100%'
+    },
+    postMedia__slide: {
+      // width is set dynamically to the measured track width so paging aligns
+    },
+    postMedia__frame: {
+      width: '100%',
+      overflow: 'hidden',
+      // web: no border-radius; background var(--asc-color-base-shade4)
+      backgroundColor: theme.colors.baseShade4
+    },
+    postMedia__media: {
+      width: '100%',
+      height: '100%'
+    },
+    postMedia__playButton: {
+      position: 'absolute',
+      top: '50%',
+      left: '50%',
+      // web: 2.5rem (40dp), centred via translate(-50%, -50%)
+      width: 40,
+      height: 40,
+      transform: [{
+        translateX: -20
+      }, {
+        translateY: -20
+      }],
+      zIndex: 1
+    },
+    postMedia__broken: {
+      flex: 1,
+      alignItems: 'center',
+      justifyContent: 'center',
+      backgroundColor: theme.colors.baseShade4
+    },
+    // A video whose thumbnail the server has not produced yet: same plain
+    // container as the broken frame, but it carries the play button instead of
+    // the broken-image glyph.
+    postMedia__pending: {
+      flex: 1,
+      backgroundColor: theme.colors.baseShade4
+    },
+    postMedia__counter: {
+      position: 'absolute',
+      top: 8,
+      // web: 0.5rem
+      right: 8,
+      // web: 0.5rem
+      alignItems: 'center',
+      justifyContent: 'center',
+      paddingVertical: 6,
+      // web: 0.375rem
+      paddingHorizontal: 12,
+      // web: 0.75rem
+      borderRadius: 999,
+      // web: --asc-border-radius-full
+      backgroundColor: 'rgba(0,0,0,0.5)' // web: --asc-color-transparent-black (#00000080)
+    },
+    postMedia__counterLabel: {
+      color: '#FFFFFF' // web: var(--asc-color-white)
+    },
+    postMedia__indicator: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'center',
+      gap: 4,
+      // web: gap 0.25rem
+      height: 6,
+      // web: height 0.375rem
+      marginTop: 12 // web: parent .postMedia column gap 0.75rem
+    },
+    postMedia__dotSlot: {
+      alignItems: 'center',
+      justifyContent: 'center',
+      width: 6,
+      // web: 0.375rem
+      height: 6 // web: 0.375rem
+    },
+    postMedia__dot: {
+      borderRadius: 999,
+      // web: border-radius 50%
+      backgroundColor: theme.colors.baseShade4 // inactive/edge: base-shade4
+    },
+    postMedia__dotActive: {
+      width: 6,
+      height: 6,
+      backgroundColor: theme.colors.base // web: var(--asc-color-base-default)
+    },
+    postMedia__dotInactive: {
+      width: 6,
+      height: 6
+    },
+    postMedia__dotEdge: {
+      width: 3,
+      // web: 0.1875rem
+      height: 3
+    }
+  });
+  return styles;
+};
+//# sourceMappingURL=styles.js.map

package/lib/module/social/elements/PostMediaElement/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useTheme","useStyles","theme","styles","create","postMedia","marginHorizontal","paddingVertical","postMedia__track","position","width","postMedia__slide","postMedia__frame","overflow","backgroundColor","colors","baseShade4","postMedia__media","height","postMedia__playButton","top","left","transform","translateX","translateY","zIndex","postMedia__broken","flex","alignItems","justifyContent","postMedia__pending","postMedia__counter","right","paddingHorizontal","borderRadius","postMedia__counterLabel","color","postMedia__indicator","flexDirection","gap","marginTop","postMedia__dotSlot","postMedia__dot","postMedia__dotActive","base","postMedia__dotInactive","postMedia__dotEdge"],"sourceRoot":"../../../../../src","sources":["social/elements/PostMediaElement/styles.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/social/features/community/PendingRequest/components/PendingPostList/PendingPostList.js

@@ -17,7 +17,7 @@ import { usePostCollection } from '../../../../../hooks/collections/post/usePost
 import ActionButton from '../../../../../elements/ActionButton';
 import { usePendingPostQuery } from '../../../../../hooks/usePendingPostQuery';
 import { BrandBadge } from '../../../../../elements/BrandBadge';
-import { isModerator, useUser } from '../../../../../hooks';
+import { useCommunityPermission } from '../../../../../hooks';
 import { SvgXml } from 'react-native-svg';
 import { Title } from '../../../../../elements';
 import PostFeedSkeleton from '../../../../../components/PostFeedSkeleton';
@@ -50,8 +50,14 @@ const usePendingPostList = ({
       limit: 20
     }
   });
-  const currentUser = useUser(client.userId || '');
-  const isCommunityModerator = isModerator(currentUser === null || currentUser === void 0 ? void 0 : currentUser.roles);
+
+  // Reviewing a community's posts is a property of the membership, not of the
+  // user: a moderator of one community carries no moderator role on their own
+  // user object, so reading the user's roles hid the accept/decline buttons
+  // from every moderator who was not also a network-wide admin.
+  const {
+    canReviewCommunityPosts
+  } = useCommunityPermission(community.communityId);
   useEffect(() => {
     onPendingPostCountChange === null || onPendingPostCountChange === void 0 || onPendingPostCountChange(collection.data.length);
   }, [collection.data.length, onPendingPostCountChange]);
@@ -82,7 +88,7 @@ const usePendingPostList = ({
     renderDivider,
     openBottomSheet,
     handleDeletePost,
-    isCommunityModerator
+    canReviewCommunityPosts
   };
 };
 const PendingPostList = ({
@@ -100,7 +106,7 @@ const PendingPostList = ({
     renderDivider,
     openBottomSheet,
     handleDeletePost,
-    isCommunityModerator
+    canReviewCommunityPosts
   } = usePendingPostList({
     community,
     onPendingPostCountChange
@@ -200,7 +206,7 @@ const PendingPostList = ({
         childrenPosts: item.children,
         textPost: (_item$data = item.data) === null || _item$data === void 0 ? void 0 : _item$data.text,
         mentionPositionArr: (item === null || item === void 0 || (_item$metadata = item.metadata) === null || _item$metadata === void 0 ? void 0 : _item$metadata.mentioned) ?? []
-      })), isCommunityModerator && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
+      })), canReviewCommunityPosts && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
         style: styles.divider
       }), /*#__PURE__*/React.createElement(View, {
         style: styles.actionContainer

package/lib/module/social/features/community/PendingRequest/components/PendingPostList/PendingPostList.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useStyles","Alert","FlatList","TouchableOpacity","View","Typography","Avatar","useNavigation","Timestamp","ComponentID","ElementID","PageID","MenuButton","useAuth","useBottomSheet","firework","trash","MenuAction","PostContent","FormDescription","usePostCollection","ActionButton","usePendingPostQuery","BrandBadge","isModerator","useUser","SvgXml","Title","PostFeedSkeleton","usePendingPostList","community","onPendingPostCountChange","styles","theme","client","openBottomSheet","closeBottomSheet","navigation","deletePost","approvePost","declinePost","collection","params","targetType","targetId","communityId","feedType","limit","currentUser","userId","isCommunityModerator","roles","data","length","handleDeletePost","postId","alert","text","style","onPress","renderDivider","React","createElement","separator","PendingPostList","container","labelContainer","pageId","pending_request_page","componentId","pending_post_list","elementId","posts_tab_description","isLoading","scrollContainer","keyExtractor","item","ItemSeparatorComponent","showsVerticalScrollIndicator","contentContainerStyle","pendingPostListContainer","ListFooterComponent","isFetchingNextPage","ListEmptyComponent","emptyContainer","width","height","xml","color","colors","secondaryShade4","emptyTitle","onEndReached","_collection$fetchNext","hasNextPage","fetchNextPage","call","renderItem","_item$creator","_item$creator2","_item$creator3","_item$creator4","_item$creator6","_item$creator7","_item$creator8","_item$creator9","_item$data","_item$metadata","pendingPostContainer","pendingPostCreatorContainer","User","userName","creator","displayName","imageStyle","pendingPostAvatar","uri","avatar","fileUrl","shouldRedirectToUserProfile","userNameContainer","displayNameRow","displayNameTouchable","_item$creator5","navigate","BodyBold","colorBase","numberOfLines","ellipsizeMode","isBrand","timestamp","createdAt","testID","content","danger","label","iconProps","accessibilityLabel","pendingPostContentContainer","post","disabledPoll","showedAllOptions","childrenPosts","children","textPost","mentionPositionArr","metadata","mentioned","Fragment","divider","actionContainer","fullWidth","post_accept_button","type","post_decline_button"],"sourceRoot":"../../../../../../../../src","sources":["social/features/community/PendingRequest/components/PendingPostList/PendingPostList.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useEffect","useStyles","Alert","FlatList","TouchableOpacity","View","Typography","Avatar","useNavigation","Timestamp","ComponentID","ElementID","PageID","MenuButton","useAuth","useBottomSheet","firework","trash","MenuAction","PostContent","FormDescription","usePostCollection","ActionButton","usePendingPostQuery","BrandBadge","useCommunityPermission","SvgXml","Title","PostFeedSkeleton","usePendingPostList","community","onPendingPostCountChange","styles","theme","client","openBottomSheet","closeBottomSheet","navigation","deletePost","approvePost","declinePost","collection","params","targetType","targetId","communityId","feedType","limit","canReviewCommunityPosts","data","length","handleDeletePost","postId","alert","text","style","onPress","renderDivider","React","createElement","separator","PendingPostList","container","labelContainer","pageId","pending_request_page","componentId","pending_post_list","elementId","posts_tab_description","isLoading","scrollContainer","keyExtractor","item","ItemSeparatorComponent","showsVerticalScrollIndicator","contentContainerStyle","pendingPostListContainer","ListFooterComponent","isFetchingNextPage","ListEmptyComponent","emptyContainer","width","height","xml","color","colors","secondaryShade4","emptyTitle","onEndReached","_collection$fetchNext","hasNextPage","fetchNextPage","call","renderItem","_item$creator","_item$creator2","_item$creator3","_item$creator4","_item$creator6","_item$creator7","_item$creator8","_item$creator9","_item$data","_item$metadata","pendingPostContainer","pendingPostCreatorContainer","User","userName","creator","displayName","userId","imageStyle","pendingPostAvatar","uri","avatar","fileUrl","shouldRedirectToUserProfile","userNameContainer","displayNameRow","displayNameTouchable","_item$creator5","navigate","BodyBold","colorBase","numberOfLines","ellipsizeMode","isBrand","timestamp","createdAt","testID","content","danger","label","iconProps","accessibilityLabel","pendingPostContentContainer","post","disabledPoll","showedAllOptions","childrenPosts","children","textPost","mentionPositionArr","metadata","mentioned","Fragment","divider","actionContainer","fullWidth","post_accept_button","type","post_decline_button"],"sourceRoot":"../../../../../../../../src","sources":["social/features/community/PendingRequest/components/PendingPostList/PendingPostList.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/social/features/feed/components/NewsFeed/NewsFeed.js

@@ -1,5 +1,6 @@
-import { memo } from 'react';
+import { memo, useCallback } from 'react';
 import { View } from 'react-native';
+import { useFocusEffect } from '@react-navigation/native';
 import { ComponentID, PageID } from '../../../../enums/enumUIKitID';
 import AmityGlobalFeedComponent from '../GlobalFeed/GlobalFeed';
 import { useStyles } from './styles';
@@ -7,6 +8,8 @@ import { useAmityComponent } from '../../../../hooks';
 import { useCustomRankingGlobalFeed } from '../../../../hooks/useCustomRankingGlobalFeed';
 import NewsFeedLoadingComponent from '../../../../components/NewsFeedLoadingComponent/NewsFeedLoadingComponent';
 import { AmityEmptyNewsFeedComponent } from '../../../..';
+import uiSlice from '../../../../../core/stores/slices/uiSlice';
+import { useUIKitDispatch } from '../../../../../core/stores/store';
 const AmityNewsFeedComponent = ({
   pageId = PageID.WildCardPage,
   onPressExploreCommunity
@@ -27,6 +30,17 @@ const AmityNewsFeedComponent = ({
     loading,
     onNextPage
   } = useCustomRankingGlobalFeed();
+  const dispatch = useUIKitDispatch();
+  const {
+    markFeedReloaded
+  } = uiSlice.actions;
+
+  // Coming back to the feed is a reload as far as the viewer is concerned, but
+  // the screen is never unmounted, so nothing here re-runs on its own. Say so
+  // explicitly, the same way pull-to-refresh does.
+  useFocusEffect(useCallback(() => {
+    dispatch(markFeedReloaded());
+  }, [dispatch, markFeedReloaded]));
   if (isExcluded) return null;
   if (loading && !(globalFeedPosts !== null && globalFeedPosts !== void 0 && globalFeedPosts.length) || !itemWithAds && globalFeedPosts !== null && globalFeedPosts !== void 0 && globalFeedPosts.length) return /*#__PURE__*/React.createElement(NewsFeedLoadingComponent, null);
   if (!loading && !(globalFeedPosts !== null && globalFeedPosts !== void 0 && globalFeedPosts.length)) return /*#__PURE__*/React.createElement(AmityEmptyNewsFeedComponent, {