@amityco/react-native-social-uikit 4.0.0-03e2bf8.0

package/lib/module/v4/PublicApi/Components/AmityPostContentComponent/AmityPostContentComponent.js

@@ -0,0 +1,215 @@
+import React, { memo, useEffect, useState } from 'react';
+import { View, Text, TouchableOpacity, Pressable } from 'react-native';
+import { SvgXml } from 'react-native-svg';
+import { arrowForward } from '../../../../svg/svg-xml-list';
+import { useStyles } from './styles';
+import { getCommunityById } from '../../../../providers/Social/communities-sdk';
+import { useNavigation } from '@react-navigation/native';
+import { useTheme } from 'react-native-paper';
+import { ComponentID, ElementID, PageID } from '../../../enum';
+import AvatarElement from '../../Elements/CommonElements/AvatarElement';
+import { useAmityComponent, useIsCommunityModerator } from '../../../hook';
+import ModeratorBadgeElement from '../../Elements/ModeratorBadgeElement/ModeratorBadgeElement';
+import AmityPostEngagementActionsComponent from '../AmityPostEngagementActionsComponent/AmityPostEngagementActionsComponent';
+import { AmityPostCategory, AmityPostContentComponentStyleEnum } from '../../../enum/AmityPostContentComponentStyle';
+import TimestampElement from '../../Elements/TimestampElement/TimestampElement';
+import { useBehaviour } from '../../../providers/BehaviourProvider';
+import PostContent from '../../../component/PostContent';
+import { PostMenu } from '../../../component/PostMenu';
+import PinBadge from '../../../../v4/elements/PinBadge';
+import AnnouncementBadge from '../../../../v4/elements/AnnouncementBadge';
+import { Typography } from '../../../../v4/component/Typography/Typography';
+const AmityPostContentComponent = ({
+  pageId = PageID.WildCardPage,
+  post,
+  showedAllOptions,
+  AmityPostContentComponentStyle = AmityPostContentComponentStyleEnum.detail,
+  isCommunityNameShown = true,
+  category = AmityPostCategory.GENERAL
+}) => {
+  const theme = useTheme();
+  const {
+    AmityPostContentComponentBehavior,
+    AmityGlobalFeedComponentBehavior,
+    AmityCommunityProfilePageBehavior
+  } = useBehaviour();
+  const componentId = ComponentID.post_content;
+  const {
+    accessibilityId,
+    themeStyles
+  } = useAmityComponent({
+    pageId: pageId,
+    componentId: componentId
+  });
+  const styles = useStyles(themeStyles);
+  const [textPost, setTextPost] = useState('');
+  const [communityData, setCommunityData] = useState(null);
+  const navigation = useNavigation();
+  const [mentionPositionArr, setMentionsPositionArr] = useState([]);
+  const {
+    postId,
+    data,
+    myReactions = [],
+    reactions: reactionCount,
+    createdAt,
+    creator,
+    targetType,
+    targetId,
+    children = [],
+    editedAt,
+    metadata
+  } = post ?? {};
+  const mentionPosition = metadata === null || metadata === void 0 ? void 0 : metadata.mentioned;
+  const {
+    isCommunityModerator
+  } = useIsCommunityModerator({
+    communityId: targetType === 'community' && targetId,
+    userId: creator === null || creator === void 0 ? void 0 : creator.userId
+  });
+  useEffect(() => {
+    if (mentionPosition) {
+      setMentionsPositionArr(mentionPosition);
+    }
+  }, [mentionPosition]);
+  useEffect(() => {
+    setTextPost(data === null || data === void 0 ? void 0 : data.text);
+    if (targetType === 'community' && targetId) {
+      getCommunityInfo(targetId);
+    }
+  }, [data, myReactions, reactionCount === null || reactionCount === void 0 ? void 0 : reactionCount.like, targetId, targetType]);
+  async function getCommunityInfo(id) {
+    const {
+      data: community
+    } = await getCommunityById(id);
+    if (community.error) return;
+    if (!community.loading) {
+      setCommunityData(community === null || community === void 0 ? void 0 : community.data);
+    }
+  }
+  const handleDisplayNamePress = () => {
+    if (!(creator !== null && creator !== void 0 && creator.userId)) return null;
+    if (AmityPostContentComponentBehavior !== null && AmityPostContentComponentBehavior !== void 0 && AmityPostContentComponentBehavior.goToUserProfilePage) {
+      return AmityPostContentComponentBehavior.goToUserProfilePage({
+        userId: creator.userId
+      });
+    }
+    return navigation.navigate('UserProfile', {
+      userId: creator.userId
+    });
+  };
+  const handleCommunityNamePress = () => {
+    if (targetType !== 'community' || !targetId) return null;
+    if (AmityPostContentComponentBehavior !== null && AmityPostContentComponentBehavior !== void 0 && AmityPostContentComponentBehavior.goToCommunityProfilePage) {
+      return AmityPostContentComponentBehavior.goToCommunityProfilePage({
+        communityId: targetId,
+        communityName: communityData === null || communityData === void 0 ? void 0 : communityData.displayName
+      });
+    }
+    return navigation.navigate('CommunityProfilePage', {
+      communityId: targetId
+    });
+  };
+  const onPressPost = () => {
+    if (AmityGlobalFeedComponentBehavior.goToPostDetailPage) {
+      return AmityGlobalFeedComponentBehavior.goToPostDetailPage(postId);
+    }
+    if (AmityCommunityProfilePageBehavior.goToPostDetailPage) {
+      return AmityCommunityProfilePageBehavior.goToPostDetailPage(postId);
+    }
+    return navigation.navigate('PostDetail', {
+      postId: postId,
+      category: category
+    });
+  };
+  if ((post === null || post === void 0 ? void 0 : post.structureType) === 'liveStream') return null;
+  return /*#__PURE__*/React.createElement(View, null, (category === AmityPostCategory.ANNOUNCEMENT || category === AmityPostCategory.PIN_AND_ANNOUNCEMENT) && /*#__PURE__*/React.createElement(View, {
+    style: styles.featuredBadgeContainer
+  }, /*#__PURE__*/React.createElement(AnnouncementBadge, {
+    componentId: ComponentID.post_content
+  })), /*#__PURE__*/React.createElement(View, {
+    key: postId,
+    style: styles.postWrap,
+    testID: accessibilityId,
+    accessibilityLabel: accessibilityId
+  }, /*#__PURE__*/React.createElement(Pressable, {
+    style: styles.headerSection,
+    onPress: onPressPost
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.user
+  }, /*#__PURE__*/React.createElement(AvatarElement, {
+    style: styles.avatar,
+    avatarId: creator === null || creator === void 0 ? void 0 : creator.avatarFileId,
+    pageID: pageId,
+    elementID: ElementID.WildCardElement,
+    componentID: componentId
+  }), /*#__PURE__*/React.createElement(View, {
+    style: styles.fillSpace
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.headerRow
+  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: targetType === 'community' ? styles.headerTextContainer : {},
+    onPress: handleDisplayNamePress
+  }, /*#__PURE__*/React.createElement(Typography.BodyBold, {
+    ellipsizeMode: "tail",
+    numberOfLines: 1,
+    style: styles.headerText
+  }, creator === null || creator === void 0 ? void 0 : creator.displayName)), (communityData === null || communityData === void 0 ? void 0 : communityData.displayName) && isCommunityNameShown && /*#__PURE__*/React.createElement(View, {
+    style: styles.communityNameContainer
+  }, /*#__PURE__*/React.createElement(SvgXml, {
+    style: styles.arrow,
+    xml: arrowForward(theme.colors.baseShade1),
+    width: "8",
+    height: "8"
+  }), /*#__PURE__*/React.createElement(TouchableOpacity, {
+    onPress: handleCommunityNamePress,
+    style: styles.fillSpace
+  }, /*#__PURE__*/React.createElement(Typography.BodyBold, {
+    ellipsizeMode: "tail",
+    numberOfLines: 1,
+    style: styles.headerText
+  }, communityData === null || communityData === void 0 ? void 0 : communityData.displayName)))), /*#__PURE__*/React.createElement(View, {
+    style: styles.timeRow
+  }, isCommunityModerator && /*#__PURE__*/React.createElement(View, {
+    style: styles.row
+  }, /*#__PURE__*/React.createElement(ModeratorBadgeElement, {
+    pageID: pageId,
+    componentID: componentId,
+    communityId: targetType === 'community' && targetId,
+    userId: creator === null || creator === void 0 ? void 0 : creator.userId
+  }), /*#__PURE__*/React.createElement(Text, {
+    style: styles.dot
+  }, "\xB7")), /*#__PURE__*/React.createElement(TimestampElement, {
+    createdAt: createdAt,
+    style: styles.headerTextTime,
+    componentID: componentId
+  }), editedAt !== createdAt && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, {
+    style: styles.dot
+  }, "\xB7"), /*#__PURE__*/React.createElement(Text, {
+    style: styles.headerTextTime
+  }, "Edited"))))), (category === AmityPostCategory.PIN || category === AmityPostCategory.PIN_AND_ANNOUNCEMENT) && /*#__PURE__*/React.createElement(PinBadge, {
+    componentId: ComponentID.post_content
+  }), AmityPostContentComponentStyle === AmityPostContentComponentStyleEnum.feed && /*#__PURE__*/React.createElement(PostMenu, {
+    post: post,
+    pageId: pageId,
+    componentId: componentId
+  })), /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(View, {
+    style: styles.bodySection
+  }, /*#__PURE__*/React.createElement(PostContent, {
+    post: post,
+    textPost: textPost,
+    childrenPosts: children,
+    onPressPost: onPressPost,
+    showedAllOptions: showedAllOptions,
+    mentionPositionArr: mentionPositionArr,
+    disabledPoll: (communityData === null || communityData === void 0 ? void 0 : communityData.isPublic) && !(communityData !== null && communityData !== void 0 && communityData.isJoined)
+  })), /*#__PURE__*/React.createElement(AmityPostEngagementActionsComponent, {
+    pageId: pageId,
+    componentId: componentId,
+    AmityPostContentComponentStyle: AmityPostContentComponentStyle,
+    targetType: targetType,
+    targetId: targetId,
+    postId: postId
+  }))));
+};
+export default /*#__PURE__*/memo(AmityPostContentComponent);
+//# sourceMappingURL=AmityPostContentComponent.js.map

package/lib/module/v4/PublicApi/Components/AmityPostContentComponent/AmityPostContentComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useEffect","useState","View","Text","TouchableOpacity","Pressable","SvgXml","arrowForward","useStyles","getCommunityById","useNavigation","useTheme","ComponentID","ElementID","PageID","AvatarElement","useAmityComponent","useIsCommunityModerator","ModeratorBadgeElement","AmityPostEngagementActionsComponent","AmityPostCategory","AmityPostContentComponentStyleEnum","TimestampElement","useBehaviour","PostContent","PostMenu","PinBadge","AnnouncementBadge","Typography","AmityPostContentComponent","pageId","WildCardPage","post","showedAllOptions","AmityPostContentComponentStyle","detail","isCommunityNameShown","category","GENERAL","theme","AmityPostContentComponentBehavior","AmityGlobalFeedComponentBehavior","AmityCommunityProfilePageBehavior","componentId","post_content","accessibilityId","themeStyles","styles","textPost","setTextPost","communityData","setCommunityData","navigation","mentionPositionArr","setMentionsPositionArr","postId","data","myReactions","reactions","reactionCount","createdAt","creator","targetType","targetId","children","editedAt","metadata","mentionPosition","mentioned","isCommunityModerator","communityId","userId","text","getCommunityInfo","like","id","community","error","loading","handleDisplayNamePress","goToUserProfilePage","navigate","handleCommunityNamePress","goToCommunityProfilePage","communityName","displayName","onPressPost","goToPostDetailPage","structureType","createElement","ANNOUNCEMENT","PIN_AND_ANNOUNCEMENT","style","featuredBadgeContainer","key","postWrap","testID","accessibilityLabel","headerSection","onPress","user","avatar","avatarId","avatarFileId","pageID","elementID","WildCardElement","componentID","fillSpace","headerRow","headerTextContainer","BodyBold","ellipsizeMode","numberOfLines","headerText","communityNameContainer","arrow","xml","colors","baseShade1","width","height","timeRow","row","dot","headerTextTime","Fragment","PIN","feed","bodySection","childrenPosts","disabledPoll","isPublic","isJoined"],"sourceRoot":"../../../../../../src","sources":["v4/PublicApi/Components/AmityPostContentComponent/AmityPostContentComponent.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/v4/PublicApi/Components/AmityPostContentComponent/styles.js

@@ -0,0 +1,226 @@
+import { StyleSheet } from 'react-native';
+export const useStyles = theme => {
+  const styles = StyleSheet.create({
+    postWrap: {
+      backgroundColor: theme.colors.background,
+      paddingTop: 8,
+      paddingHorizontal: 16
+    },
+    featuredBadgeContainer: {
+      paddingTop: 8
+    },
+    headerSection: {
+      flexDirection: 'row',
+      justifyContent: 'space-between',
+      alignItems: 'center',
+      gap: 4
+    },
+    communityNameContainer: {
+      flex: 1,
+      flexDirection: 'row',
+      alignItems: 'center'
+    },
+    fillSpace: {
+      flex: 1
+    },
+    headerTextContainer: {
+      maxWidth: '60%'
+    },
+    headerText: {
+      color: theme.colors.base
+    },
+    user: {
+      paddingVertical: 8,
+      flexDirection: 'row',
+      flex: 1
+    },
+    headerTextTime: {
+      fontSize: 13,
+      fontWeight: '400',
+      color: theme.colors.baseShade1,
+      marginVertical: 4
+    },
+    bodySection: {
+      justifyContent: 'center',
+      paddingVertical: 4,
+      minHeight: 45
+    },
+    countSection: {
+      marginVertical: 8,
+      flexDirection: 'row',
+      justifyContent: 'space-between'
+    },
+    likeCountText: {
+      fontSize: 13,
+      color: theme.colors.baseShade2
+    },
+    commentCountText: {
+      fontSize: 13,
+      color: theme.colors.baseShade2
+    },
+    bodyText: {
+      fontSize: 15,
+      fontStyle: 'normal',
+      fontWeight: '400',
+      marginBottom: 8,
+      color: theme.colors.base
+    },
+    actionSection: {
+      borderTopColor: theme.colors.baseShade4,
+      borderTopWidth: 1,
+      flexDirection: 'row',
+      marginTop: 8,
+      marginBottom: 4,
+      paddingVertical: 8
+    },
+    likeBtn: {
+      flexDirection: 'row',
+      paddingRight: 6,
+      paddingVertical: 12
+    },
+    commentBtn: {
+      flexDirection: 'row',
+      paddingHorizontal: 10,
+      paddingVertical: 12
+    },
+    btnText: {
+      color: theme.colors.baseShade2,
+      fontSize: 15,
+      fontWeight: '600',
+      marginHorizontal: 4
+    },
+    avatar: {
+      width: 40,
+      height: 40,
+      borderRadius: 72,
+      marginRight: 12,
+      backgroundColor: '#D9E5FC',
+      alignItems: 'center',
+      justifyContent: 'center'
+    },
+    likedText: {
+      color: theme.colors.primary,
+      fontSize: 15,
+      fontWeight: '600',
+      marginHorizontal: 4
+    },
+    headerRow: {
+      flexDirection: 'row',
+      flex: 1
+    },
+    arrow: {
+      marginHorizontal: 8
+    },
+    imageLargePost: {
+      height: 350,
+      borderRadius: 6,
+      resizeMode: 'cover'
+    },
+    imageMediumLargePost: {
+      height: 235,
+      borderRadius: 6
+    },
+    imageMediumPost: {
+      height: 182,
+      borderRadius: 6
+    },
+    imageSmallPost: {
+      height: 120,
+      borderRadius: 6
+    },
+    imageMarginRight: {
+      marginRight: 2
+    },
+    imageMarginLeft: {
+      marginLeft: 2
+    },
+    imageMarginTop: {
+      marginTop: 2
+    },
+    imageMarginBottom: {
+      marginBottom: 2
+    },
+    imagesWrap: {
+      display: 'flex',
+      flex: 6,
+      marginTop: 12,
+      marginBottom: 4,
+      width: '100%'
+    },
+    row: {
+      flexDirection: 'row',
+      alignItems: 'center'
+    },
+    col2: {
+      flex: 2
+    },
+    col3: {
+      flex: 3
+    },
+    col6: {
+      flex: 6
+    },
+    overlay: {
+      ...StyleSheet.absoluteFillObject,
+      backgroundColor: 'rgba(0, 0, 0, 0.4)',
+      justifyContent: 'center',
+      alignItems: 'center',
+      borderRadius: 6,
+      marginTop: 2,
+      marginLeft: 2
+    },
+    overlayText: {
+      color: 'white',
+      fontSize: 20,
+      fontWeight: 'bold'
+    },
+    container: {
+      flex: 1,
+      position: 'absolute',
+      top: 0,
+      bottom: 0,
+      left: 0,
+      right: 0,
+      backgroundColor: 'rgba(0, 0, 0, 0.5)',
+      justifyContent: 'center',
+      alignItems: 'center'
+    },
+    playButton: {
+      width: 100,
+      height: 100,
+      borderRadius: 50,
+      position: 'absolute',
+      top: '50%',
+      left: '50%',
+      transform: [{
+        translateX: -25
+      }, {
+        translateY: -25
+      }],
+      zIndex: 1
+    },
+    videoContainer: {
+      flex: 1,
+      backgroundColor: '#fff',
+      alignItems: 'center',
+      justifyContent: 'center'
+    },
+    video: {
+      alignSelf: 'center',
+      width: 320,
+      height: 200
+    },
+    timeRow: {
+      marginTop: 4,
+      flexDirection: 'row',
+      alignItems: 'center'
+    },
+    dot: {
+      color: theme.colors.baseShade1,
+      fontWeight: '900',
+      paddingHorizontal: 5
+    }
+  });
+  return styles;
+};
+//# sourceMappingURL=styles.js.map

package/lib/module/v4/PublicApi/Components/AmityPostContentComponent/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useStyles","theme","styles","create","postWrap","backgroundColor","colors","background","paddingTop","paddingHorizontal","featuredBadgeContainer","headerSection","flexDirection","justifyContent","alignItems","gap","communityNameContainer","flex","fillSpace","headerTextContainer","maxWidth","headerText","color","base","user","paddingVertical","headerTextTime","fontSize","fontWeight","baseShade1","marginVertical","bodySection","minHeight","countSection","likeCountText","baseShade2","commentCountText","bodyText","fontStyle","marginBottom","actionSection","borderTopColor","baseShade4","borderTopWidth","marginTop","likeBtn","paddingRight","commentBtn","btnText","marginHorizontal","avatar","width","height","borderRadius","marginRight","likedText","primary","headerRow","arrow","imageLargePost","resizeMode","imageMediumLargePost","imageMediumPost","imageSmallPost","imageMarginRight","imageMarginLeft","marginLeft","imageMarginTop","imageMarginBottom","imagesWrap","display","row","col2","col3","col6","overlay","absoluteFillObject","overlayText","container","position","top","bottom","left","right","playButton","transform","translateX","translateY","zIndex","videoContainer","video","alignSelf","timeRow","dot"],"sourceRoot":"../../../../../../src","sources":["v4/PublicApi/Components/AmityPostContentComponent/styles.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/v4/PublicApi/Components/AmityPostEngagementActionsComponent/AmityPostEngagementActionsComponent.js

@@ -0,0 +1,43 @@
+import React, { memo, useEffect, useState } from 'react';
+import { AmityPostContentComponentStyleEnum } from '../../../enum/AmityPostContentComponentStyle';
+import { AmityPostEngagementActionsSubComponent } from './Components';
+import { CommunityRepository } from '@amityco/ts-sdk-react-native';
+import { ComponentID, PageID } from '../../../enum';
+const AmityPostEngagementActionsComponent = ({
+  AmityPostContentComponentStyle = AmityPostContentComponentStyleEnum.detail,
+  targetId,
+  targetType,
+  postId,
+  pageId = PageID.WildCardPage,
+  componentId = ComponentID.WildCardComponent
+}) => {
+  const [communityData, setCommunityData] = useState(null);
+  useEffect(() => {
+    if (targetType === 'community' && targetId) {
+      CommunityRepository.getCommunity(targetId, ({
+        data,
+        error,
+        loading
+      }) => {
+        if (!error && !loading) {
+          setCommunityData(data);
+        }
+      });
+    }
+  }, [targetId, targetType]);
+  if (AmityPostContentComponentStyle === AmityPostContentComponentStyleEnum.feed) return /*#__PURE__*/React.createElement(AmityPostEngagementActionsSubComponent.FeedStyle, {
+    community: communityData,
+    pageId: pageId,
+    componentId: componentId,
+    postId: postId
+  });
+  if (AmityPostContentComponentStyle === AmityPostContentComponentStyleEnum.detail) return /*#__PURE__*/React.createElement(AmityPostEngagementActionsSubComponent.DetailStyle, {
+    community: communityData,
+    postId: postId,
+    pageId: pageId,
+    componentId: componentId
+  });
+  return null;
+};
+export default /*#__PURE__*/memo(AmityPostEngagementActionsComponent);
+//# sourceMappingURL=AmityPostEngagementActionsComponent.js.map

package/lib/module/v4/PublicApi/Components/AmityPostEngagementActionsComponent/AmityPostEngagementActionsComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useEffect","useState","AmityPostContentComponentStyleEnum","AmityPostEngagementActionsSubComponent","CommunityRepository","ComponentID","PageID","AmityPostEngagementActionsComponent","AmityPostContentComponentStyle","detail","targetId","targetType","postId","pageId","WildCardPage","componentId","WildCardComponent","communityData","setCommunityData","getCommunity","data","error","loading","feed","createElement","FeedStyle","community","DetailStyle"],"sourceRoot":"../../../../../../src","sources":["v4/PublicApi/Components/AmityPostEngagementActionsComponent/AmityPostEngagementActionsComponent.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAQC,IAAI,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC5D,SAASC,kCAAkC,QAAQ,8CAA8C;AACjG,SAASC,sCAAsC,QAAQ,cAAc;AAErE,SAASC,mBAAmB,QAAQ,8BAA8B;AAClE,SAASC,WAAW,EAAEC,MAAM,QAAQ,eAAe;AAWnD,MAAMC,mCAEL,GAAGA,CAAC;EACHC,8BAA8B,GAAGN,kCAAkC,CAACO,MAAM;EAC1EC,QAAQ;EACRC,UAAU;EACVC,MAAM;EACNC,MAAM,GAAGP,MAAM,CAACQ,YAAY;EAC5BC,WAAW,GAAGV,WAAW,CAACW;AAC5B,CAAC,KAAK;EACJ,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAGjB,QAAQ,CAAkB,IAAI,CAAC;EAEzED,SAAS,CAAC,MAAM;IACd,IAAIW,UAAU,KAAK,WAAW,IAAID,QAAQ,EAAE;MAC1CN,mBAAmB,CAACe,YAAY,CAACT,QAAQ,EAAE,CAAC;QAAEU,IAAI;QAAEC,KAAK;QAAEC;MAAQ,CAAC,KAAK;QACvE,IAAI,CAACD,KAAK,IAAI,CAACC,OAAO,EAAE;UACtBJ,gBAAgB,CAACE,IAAI,CAAC;QACxB;MACF,CAAC,CAAC;IACJ;EACF,CAAC,EAAE,CAACV,QAAQ,EAAEC,UAAU,CAAC,CAAC;EAE1B,IACEH,8BAA8B,KAAKN,kCAAkC,CAACqB,IAAI,EAE1E,oBACEzB,KAAA,CAAA0B,aAAA,CAACrB,sCAAsC,CAACsB,SAAS;IAC/CC,SAAS,EAAET,aAAc;IACzBJ,MAAM,EAAEA,MAAO;IACfE,WAAW,EAAEA,WAAY;IACzBH,MAAM,EAAEA;EAAO,CAChB,CAAC;EAEN,IACEJ,8BAA8B,KAAKN,kCAAkC,CAACO,MAAM,EAE5E,oBACEX,KAAA,CAAA0B,aAAA,CAACrB,sCAAsC,CAACwB,WAAW;IACjDD,SAAS,EAAET,aAAc;IACzBL,MAAM,EAAEA,MAAO;IACfC,MAAM,EAAEA,MAAO;IACfE,WAAW,EAAEA;EAAY,CAC1B,CAAC;EAEN,OAAO,IAAI;AACb,CAAC;AAED,4BAAehB,IAAI,CAACQ,mCAAmC,CAAC","ignoreList":[]}

package/lib/module/v4/PublicApi/Components/AmityPostEngagementActionsComponent/Components/DetailStyle.js

@@ -0,0 +1,143 @@
+import { Text, TouchableOpacity, View } from 'react-native';
+import React, { memo, useState, useCallback, useEffect } from 'react';
+import { PostRepository, SubscriptionLevels, getPostTopic, subscribeTopic } from '@amityco/ts-sdk-react-native';
+import { useStyles } from './styles';
+import { useAmityComponent } from '../../../../hook';
+import { PageID, ComponentID } from '../../../../enum';
+import { SvgXml } from 'react-native-svg';
+import { likeReaction } from '../../../../../svg/svg-xml-list';
+import { addPostReaction, removePostReaction } from '../../../../../providers/Social/feed-sdk';
+import LikeButtonIconElement from '../../../Elements/LikeButtonIconElement/LikeButtonIconElement';
+import CommentButtonIconElement from '../../../Elements/CommentButtonIconElement/CommentButtonIconElement';
+import AmityReactionListComponent from '../../AmityReactionListComponent/AmityReactionListComponent';
+import { formatNumber } from '../../../../../util/numberUtil';
+const DetailStyle = ({
+  community,
+  postId,
+  componentId,
+  pageId
+}) => {
+  const {
+    themeStyles
+  } = useAmityComponent({
+    pageId: PageID.post_detail_page,
+    componentId: ComponentID.post_content
+  });
+  const styles = useStyles(themeStyles);
+  const [postData, setPostData] = useState(null);
+  const [isLike, setIsLike] = useState(false);
+  const [totalReactions, setTotalReactions] = useState(0);
+  const [isReactionListVisible, setIsReactionListVisible] = useState(false);
+  useEffect(() => {
+    if (!postId) return null;
+    let unsubscribe;
+    const unsub = PostRepository.getPost(postId, ({
+      error,
+      loading,
+      data
+    }) => {
+      if (!error && !loading) {
+        var _data$myReactions;
+        unsubscribe = subscribeTopic(getPostTopic(data, SubscriptionLevels.POST));
+        setPostData(data);
+        setTotalReactions(data.reactionsCount);
+        setIsLike(((_data$myReactions = data.myReactions) === null || _data$myReactions === void 0 ? void 0 : _data$myReactions.length) > 0);
+      }
+    });
+    return () => {
+      unsub();
+      unsubscribe && unsubscribe();
+    };
+  }, [postId]);
+  const renderLikeText = useCallback(likeNumber => {
+    if (likeNumber === 1) return 'like';
+    return 'likes';
+  }, []);
+  const renderCommentText = useCallback(commentNumber => {
+    if (commentNumber === 1) return 'comment';
+    return 'comments';
+  }, []);
+  const addReactionToPost = useCallback(async () => {
+    try {
+      if (isLike) {
+        setIsLike(false);
+        setTotalReactions(prev => prev - 1);
+        await removePostReaction(postId, 'like');
+      } else {
+        setIsLike(true);
+        setTotalReactions(prev => prev + 1);
+        await addPostReaction(postId, 'like');
+      }
+    } catch (error) {
+      console.log(error);
+    }
+  }, [isLike, postId]);
+  const onClickReactions = useCallback(() => {
+    setIsReactionListVisible(true);
+  }, []);
+  if (community && community.isJoined === false) {
+    return /*#__PURE__*/React.createElement(View, {
+      style: styles.actionSection
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: styles.btnText
+    }, "Join community to interact with all posts"));
+  }
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
+    style: styles.countSection
+  }, totalReactions ? /*#__PURE__*/React.createElement(View, {
+    style: styles.row
+  }, /*#__PURE__*/React.createElement(SvgXml, {
+    width: "20",
+    style: {
+      marginRight: 4
+    },
+    height: "16",
+    xml: likeReaction(themeStyles.colors.background)
+  }), /*#__PURE__*/React.createElement(Text, {
+    style: styles.likeCountText,
+    onPress: onClickReactions
+  }, formatNumber(totalReactions), " ", renderLikeText(totalReactions))) : /*#__PURE__*/React.createElement(Text, {
+    style: styles.likeCountText,
+    onPress: onClickReactions
+  }, formatNumber(totalReactions), " ", renderLikeText(totalReactions)), /*#__PURE__*/React.createElement(Text, {
+    style: styles.commentCountText
+  }, formatNumber(postData === null || postData === void 0 ? void 0 : postData.commentsCount), ' ', renderCommentText(postData === null || postData === void 0 ? void 0 : postData.commentsCount))), /*#__PURE__*/React.createElement(View, {
+    style: [styles.actionSection, styles.detailActionSection]
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.row
+  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+    onPress: addReactionToPost,
+    style: styles.likeBtn
+  }, isLike ? /*#__PURE__*/React.createElement(SvgXml, {
+    xml: likeReaction(themeStyles.colors.background),
+    width: "20",
+    height: "16"
+  }) : /*#__PURE__*/React.createElement(LikeButtonIconElement, {
+    pageID: pageId,
+    componentID: componentId,
+    width: 20,
+    height: 20,
+    resizeMode: "contain"
+  }), /*#__PURE__*/React.createElement(Text, {
+    style: isLike ? styles.likedText : styles.btnText
+  }, "Like")), /*#__PURE__*/React.createElement(View, {
+    style: styles.commentBtn
+  }, /*#__PURE__*/React.createElement(CommentButtonIconElement, {
+    pageID: pageId,
+    componentID: componentId,
+    width: 20,
+    height: 20,
+    resizeMode: "contain"
+  }), /*#__PURE__*/React.createElement(Text, {
+    style: styles.btnText
+  }, "Comment"))), /*#__PURE__*/React.createElement(View, {
+    style: styles.commentBtn
+  }), isReactionListVisible && /*#__PURE__*/React.createElement(AmityReactionListComponent, {
+    referenceId: postId,
+    referenceType: "post",
+    isModalVisible: isReactionListVisible,
+    onCloseModal: () => setIsReactionListVisible(false)
+  })));
+};
+export default /*#__PURE__*/memo(DetailStyle);
+//# sourceMappingURL=DetailStyle.js.map