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

package/lib/module/v4/component/PostAdComponent/PostAdHeader.js

@@ -0,0 +1,51 @@
+import React, { memo } from 'react';
+import { View, Text } from 'react-native';
+import { useStyles } from './styles';
+import AvatarElement from '../../PublicApi/Elements/CommonElements/AvatarElement';
+import { useAmityComponent } from '../../hook';
+import { ComponentID, ElementID } from '../../enum';
+import { star } from '../../../svg/svg-xml-list';
+import { SvgXml } from 'react-native-svg';
+import { defaultAdAvatarUri } from '../../assets';
+const PostAdHeader = ({
+  advertiser,
+  pageId
+}) => {
+  const componentId = ComponentID.post_content;
+  const {
+    accessibilityId,
+    themeStyles
+  } = useAmityComponent({
+    pageId: pageId,
+    componentId
+  });
+  const styles = useStyles(themeStyles);
+  if (!advertiser) return null;
+  return /*#__PURE__*/React.createElement(View, {
+    testID: accessibilityId,
+    style: styles.header
+  }, /*#__PURE__*/React.createElement(AvatarElement, {
+    style: styles.avatar,
+    avatarId: advertiser === null || advertiser === void 0 ? void 0 : advertiser.avatarFileId,
+    pageID: pageId,
+    elementID: ElementID.WildCardElement,
+    componentID: componentId,
+    defaultAvatar: defaultAdAvatarUri
+  }), /*#__PURE__*/React.createElement(View, {
+    style: styles.headerRightSection
+  }, /*#__PURE__*/React.createElement(Text, {
+    numberOfLines: 1,
+    style: styles.headerText
+  }, advertiser === null || advertiser === void 0 ? void 0 : advertiser.name), /*#__PURE__*/React.createElement(View, {
+    style: styles.adBadge
+  }, /*#__PURE__*/React.createElement(SvgXml, {
+    style: styles.adBadgeIcon,
+    xml: star(),
+    width: "12",
+    height: "12"
+  }), /*#__PURE__*/React.createElement(Text, {
+    style: styles.adBadgeContent
+  }, "Sponsored"))));
+};
+export default /*#__PURE__*/memo(PostAdHeader);
+//# sourceMappingURL=PostAdHeader.js.map

package/lib/module/v4/component/PostAdComponent/PostAdHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","View","Text","useStyles","AvatarElement","useAmityComponent","ComponentID","ElementID","star","SvgXml","defaultAdAvatarUri","PostAdHeader","advertiser","pageId","componentId","post_content","accessibilityId","themeStyles","styles","createElement","testID","style","header","avatar","avatarId","avatarFileId","pageID","elementID","WildCardElement","componentID","defaultAvatar","headerRightSection","numberOfLines","headerText","name","adBadge","adBadgeIcon","xml","width","height","adBadgeContent"],"sourceRoot":"../../../../../src","sources":["v4/component/PostAdComponent/PostAdHeader.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAQC,IAAI,QAAQ,OAAO;AACvC,SAASC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AAEzC,SAASC,SAAS,QAAQ,UAAU;AACpC,OAAOC,aAAa,MAAM,uDAAuD;AACjF,SAASC,iBAAiB,QAAQ,YAAY;AAC9C,SAAiBC,WAAW,EAAEC,SAAS,QAAQ,YAAY;AAC3D,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,kBAAkB,QAAQ,cAAc;AAOjD,MAAMC,YAAkC,GAAGA,CAAC;EAAEC,UAAU;EAAEC;AAAO,CAAC,KAAK;EACrE,MAAMC,WAAW,GAAGR,WAAW,CAACS,YAAY;EAC5C,MAAM;IAAEC,eAAe;IAAEC;EAAY,CAAC,GAAGZ,iBAAiB,CAAC;IACzDQ,MAAM,EAAEA,MAAM;IACdC;EACF,CAAC,CAAC;EACF,MAAMI,MAAM,GAAGf,SAAS,CAACc,WAAW,CAAC;EAErC,IAAI,CAACL,UAAU,EAAE,OAAO,IAAI;EAE5B,oBACEb,KAAA,CAAAoB,aAAA,CAAClB,IAAI;IAACmB,MAAM,EAAEJ,eAAgB;IAACK,KAAK,EAAEH,MAAM,CAACI;EAAO,gBAClDvB,KAAA,CAAAoB,aAAA,CAACf,aAAa;IACZiB,KAAK,EAAEH,MAAM,CAACK,MAAO;IACrBC,QAAQ,EAAEZ,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEa,YAAa;IACnCC,MAAM,EAAEb,MAAO;IACfc,SAAS,EAAEpB,SAAS,CAACqB,eAAgB;IACrCC,WAAW,EAAEf,WAAY;IACzBgB,aAAa,EAAEpB;EAAmB,CACnC,CAAC,eACFX,KAAA,CAAAoB,aAAA,CAAClB,IAAI;IAACoB,KAAK,EAAEH,MAAM,CAACa;EAAmB,gBACrChC,KAAA,CAAAoB,aAAA,CAACjB,IAAI;IAAC8B,aAAa,EAAE,CAAE;IAACX,KAAK,EAAEH,MAAM,CAACe;EAAW,GAC9CrB,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEsB,IACT,CAAC,eACPnC,KAAA,CAAAoB,aAAA,CAAClB,IAAI;IAACoB,KAAK,EAAEH,MAAM,CAACiB;EAAQ,gBAC1BpC,KAAA,CAAAoB,aAAA,CAACV,MAAM;IACLY,KAAK,EAAEH,MAAM,CAACkB,WAAY;IAC1BC,GAAG,EAAE7B,IAAI,CAAC,CAAE;IACZ8B,KAAK,EAAC,IAAI;IACVC,MAAM,EAAC;EAAI,CACZ,CAAC,eACFxC,KAAA,CAAAoB,aAAA,CAACjB,IAAI;IAACmB,KAAK,EAAEH,MAAM,CAACsB;EAAe,GAAC,WAAe,CAC/C,CACF,CACF,CAAC;AAEX,CAAC;AAED,4BAAexC,IAAI,CAACW,YAAY,CAAC","ignoreList":[]}

package/lib/module/v4/component/PostAdComponent/styles.js

@@ -0,0 +1,110 @@
+import { StyleSheet } from 'react-native';
+import { hexToRgba } from '../../../util/colorUtil';
+export const useStyles = theme => {
+  const styles = StyleSheet.create({
+    container: {
+      backgroundColor: theme.colors.background,
+      marginTop: 8,
+      paddingHorizontal: 16,
+      paddingTop: 4,
+      width: '100%'
+    },
+    infoIcon: {
+      position: 'absolute',
+      top: 4,
+      right: 4
+    },
+    header: {
+      gap: 12,
+      flexDirection: 'row',
+      alignItems: 'center'
+    },
+    headerRightSection: {
+      flex: 1,
+      marginRight: 12
+    },
+    adBadge: {
+      flexDirection: 'row',
+      gap: 2,
+      backgroundColor: hexToRgba(theme.colors.baseShade1, 0.5),
+      fontSize: 11,
+      borderRadius: 20,
+      paddingLeft: 4,
+      paddingRight: 6,
+      alignItems: 'center',
+      alignSelf: 'flex-start'
+    },
+    adBadgeIcon: {
+      width: 16,
+      height: 16,
+      color: 'white'
+    },
+    adBadgeContent: {
+      color: 'white',
+      lineHeight: 18
+    },
+    headerText: {
+      fontWeight: '600',
+      fontSize: 15,
+      color: theme.colors.base,
+      lineHeight: 20
+    },
+    avatar: {
+      height: 32,
+      width: 32,
+      borderRadius: 16
+    },
+    textContent: {
+      color: theme.colors.base,
+      fontSize: 15,
+      lineHeight: 20,
+      marginVertical: 8
+    },
+    image: {
+      width: '100%',
+      height: 'auto',
+      aspectRatio: 1,
+      borderRadius: 8,
+      marginVertical: 8
+    },
+    footer: {
+      backgroundColor: theme.colors.backgroundShade1,
+      marginHorizontal: -16,
+      paddingHorizontal: 11.11,
+      paddingVertical: 8.33,
+      display: 'flex',
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 7
+    },
+    footerTextWrap: {
+      flex: 1
+    },
+    footerDescription: {
+      fontSize: 11,
+      color: theme.colors.baseShade1,
+      lineHeight: 18
+    },
+    footerHeadline: {
+      fontSize: 13,
+      fontWeight: '600',
+      color: theme.colors.base,
+      lineHeight: 18
+    },
+    callToActionButton: {
+      height: 30,
+      paddingHorizontal: 12,
+      paddingVertical: 6,
+      backgroundColor: theme.colors.primary,
+      borderRadius: 4
+    },
+    callToActionText: {
+      fontSize: 13,
+      fontWeight: '600',
+      color: 'white',
+      lineHeight: 18
+    }
+  });
+  return styles;
+};
+//# sourceMappingURL=styles.js.map

package/lib/module/v4/component/PostAdComponent/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","hexToRgba","useStyles","theme","styles","create","container","backgroundColor","colors","background","marginTop","paddingHorizontal","paddingTop","width","infoIcon","position","top","right","header","gap","flexDirection","alignItems","headerRightSection","flex","marginRight","adBadge","baseShade1","fontSize","borderRadius","paddingLeft","paddingRight","alignSelf","adBadgeIcon","height","color","adBadgeContent","lineHeight","headerText","fontWeight","base","avatar","textContent","marginVertical","image","aspectRatio","footer","backgroundShade1","marginHorizontal","paddingVertical","display","footerTextWrap","footerDescription","footerHeadline","callToActionButton","primary","callToActionText"],"sourceRoot":"../../../../../src","sources":["v4/component/PostAdComponent/styles.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/v4/component/PostContent/index.js

@@ -0,0 +1,280 @@
+import React, { Fragment, useCallback, useEffect, useState } from 'react';
+import { Image, Pressable, Text, TouchableOpacity, TouchableWithoutFeedback, View } from 'react-native';
+import { SvgXml } from 'react-native-svg';
+import { useStyles } from './styles';
+import useAuth from '../../../hooks/useAuth';
+import { getPostById } from '../../../providers/Social/feed-sdk';
+import ImageView from '../../../components/react-native-image-viewing/dist';
+import { useUIKitSelector } from '../../../redux/store';
+import { playBtn } from '../../../svg/svg-xml-list';
+import LivestreamContent from '../LivestreamContent';
+import { LinkPreview } from '../PreviewLink';
+import RenderTextWithMention from '../RenderTextWithMention/RenderTextWithMention';
+import PollContent from '../PollContent';
+const PostContent = ({
+  post,
+  textPost,
+  onPressPost,
+  disabledPoll,
+  childrenPosts,
+  showedAllOptions,
+  mentionPositionArr
+}) => {
+  const {
+    apiRegion
+  } = useAuth();
+  const [imagePosts, setImagePosts] = useState([]);
+  const [videoPosts, setVideoPosts] = useState([]);
+  const [pollIds, setPollIds] = useState([]);
+  const [livestreamId, setLivestreamId] = useState([]);
+  const [imagePostsFullSize, setImagePostsFullSize] = useState([]);
+  const [videoPostsFullSize, setVideoPostsFullSize] = useState([]);
+  const [visibleFullImage, setIsVisibleFullImage] = useState(false);
+  const [imageIndex, setImageIndex] = useState(0);
+  const styles = useStyles();
+  let imageStyle = styles.imageLargePost;
+  let colStyle = styles.col2;
+  const {
+    currentPostdetail
+  } = useUIKitSelector(state => state.postDetail);
+  const {
+    postList: postListGlobal
+  } = useUIKitSelector(state => state.globalFeed);
+  const {
+    postList
+  } = useUIKitSelector(state => state.feed);
+  useEffect(() => {
+    setImagePostsFullSize([]);
+    setVideoPostsFullSize([]);
+    if (imagePosts.length > 0) {
+      const updatedUrls = imagePosts.map(url => {
+        return {
+          uri: url.replace('size=medium', 'size=large')
+        };
+      });
+      setImagePostsFullSize(updatedUrls);
+    }
+    if (videoPosts.length > 0) {
+      const updatedUrls = videoPosts.map(item => {
+        return {
+          uri: `https://api.${apiRegion}.amity.co/api/v3/files/${item === null || item === void 0 ? void 0 : item.thumbnailFileId}/download?size=large`
+        };
+      });
+      setVideoPostsFullSize(updatedUrls);
+    }
+  }, [imagePosts, videoPosts, apiRegion]);
+  const getPostInfo = useCallback(async () => {
+    try {
+      const response = await Promise.all(childrenPosts.map(async id => {
+        const {
+          data: childrenPost
+        } = await getPostById(id);
+        return {
+          dataType: childrenPost === null || childrenPost === void 0 ? void 0 : childrenPost.dataType,
+          data: childrenPost === null || childrenPost === void 0 ? void 0 : childrenPost.data
+        };
+      }));
+      const images = [];
+      const videos = [];
+      const polls = [];
+      const livestreams = [];
+      response.forEach(item => {
+        var _item$data, _item$data2;
+        if ((item === null || item === void 0 ? void 0 : item.dataType) === 'image' && item !== null && item !== void 0 && (_item$data = item.data) !== null && _item$data !== void 0 && _item$data.fileId) {
+          const url = `https://api.${apiRegion}.amity.co/api/v3/files/${item === null || item === void 0 ? void 0 : item.data.fileId}/download?size=medium`;
+          if (!images.includes(url)) {
+            images.push(url);
+          }
+        } else if ((item === null || item === void 0 ? void 0 : item.dataType) === 'video' && item !== null && item !== void 0 && (_item$data2 = item.data) !== null && _item$data2 !== void 0 && _item$data2.videoFileId.original) {
+          const isExisted = videos.some(video => video.videoFileId.original === item.data.videoFileId.original);
+          if (!isExisted) {
+            videos.push(item.data);
+          }
+        } else if ((item === null || item === void 0 ? void 0 : item.dataType) === 'poll') {
+          if (!polls.some(poll => poll.pollId === item.data.pollId)) {
+            polls.push(item.data);
+          }
+        } else if ((item === null || item === void 0 ? void 0 : item.dataType) === 'liveStream') {
+          if (!livestreams.includes(item.data.streamId)) {
+            livestreams.push(item.data.streamId);
+          }
+        }
+      });
+      if (images.length > 0) {
+        setImagePosts(images);
+      }
+      if (videos.length > 0) {
+        setVideoPosts(videos);
+      }
+      if (polls.length > 0) {
+        setPollIds(polls);
+      }
+      if (livestreams.length > 0) {
+        setLivestreamId(livestreams);
+      }
+    } catch (error) {
+      console.log('error: ', error);
+    }
+  }, [apiRegion, childrenPosts]);
+  useEffect(() => {
+    setVideoPosts([]);
+    setImagePosts([]);
+    getPostInfo();
+  }, [childrenPosts, currentPostdetail, postList, postListGlobal, getPostInfo]);
+  function onClickImage(index) {
+    setIsVisibleFullImage(true);
+    setImageIndex(index);
+  }
+  function renderMediaPosts() {
+    const thumbnailFileIds = videoPosts.length > 0 ? videoPosts.map(item => {
+      return `https://api.${apiRegion}.amity.co/api/v3/files/${item === null || item === void 0 ? void 0 : item.thumbnailFileId}/download?size=medium`;
+    }) : [];
+    const mediaPosts = [...imagePosts].length > 0 ? [...imagePosts] : [...thumbnailFileIds];
+    const imageElement = mediaPosts.map((item, index) => {
+      if (mediaPosts.length === 1) {
+        imageStyle = styles.imageLargePost;
+        colStyle = styles.col6;
+      } else if (mediaPosts.length === 2) {
+        colStyle = styles.col3;
+        if (index === 0) {
+          imageStyle = [styles.imageLargePost, styles.imageMarginRight];
+        } else {
+          imageStyle = [styles.imageLargePost, styles.imageMarginLeft];
+        }
+      } else if (mediaPosts.length === 3) {
+        switch (index) {
+          case 0:
+            colStyle = styles.col6;
+            imageStyle = [styles.imageMediumPost, styles.imageMarginBottom];
+            break;
+          case 1:
+            colStyle = styles.col3;
+            imageStyle = [styles.imageMediumPost, styles.imageMarginTop, styles.imageMarginRight];
+            break;
+          case 2:
+            colStyle = styles.col3;
+            imageStyle = [styles.imageMediumPost, styles.imageMarginTop, styles.imageMarginLeft];
+            break;
+          default:
+            break;
+        }
+      } else {
+        switch (index) {
+          case 0:
+            colStyle = styles.col6;
+            imageStyle = [styles.imageMediumLargePost, styles.imageMarginBottom];
+            break;
+          case 1:
+            colStyle = styles.col2;
+            imageStyle = [styles.imageSmallPost, styles.imageMarginTop, styles.imageMarginRight];
+            break;
+          case 2:
+            colStyle = styles.col2;
+            imageStyle = [styles.imageSmallPost, styles.imageMarginTop, styles.imageMarginLeft, styles.imageMarginRight];
+            break;
+          case 3:
+            colStyle = styles.col2;
+            imageStyle = [styles.imageSmallPost, styles.imageMarginTop, styles.imageMarginLeft];
+            break;
+          default:
+            break;
+        }
+      }
+      return /*#__PURE__*/React.createElement(View, {
+        style: colStyle,
+        key: item
+      }, /*#__PURE__*/React.createElement(TouchableWithoutFeedback, {
+        onPress: () => onClickImage(index)
+      }, /*#__PURE__*/React.createElement(View, null, videoPosts.length > 0 && renderPlayButton(), /*#__PURE__*/React.createElement(Image, {
+        style: imageStyle,
+        source: {
+          uri: item
+        }
+      }), index === 3 && imagePosts.length > 4 && /*#__PURE__*/React.createElement(View, {
+        style: styles.overlay
+      }, /*#__PURE__*/React.createElement(Text, {
+        style: styles.overlayText
+      }, `+ ${imagePosts.length - 3}`)))));
+    });
+    if (imageElement.length < 3) {
+      return /*#__PURE__*/React.createElement(View, {
+        style: styles.imagesWrap
+      }, /*#__PURE__*/React.createElement(View, {
+        style: styles.row
+      }, imageElement));
+    } else if (imageElement.length === 3) {
+      return /*#__PURE__*/React.createElement(View, {
+        style: [styles.imagesWrap]
+      }, /*#__PURE__*/React.createElement(View, {
+        style: styles.row
+      }, imageElement.slice(0, 1)), /*#__PURE__*/React.createElement(View, {
+        style: styles.row
+      }, imageElement.slice(1, 3)));
+    } else {
+      return /*#__PURE__*/React.createElement(View, {
+        style: styles.imagesWrap
+      }, /*#__PURE__*/React.createElement(View, {
+        style: styles.row
+      }, imageElement.slice(0, 1)), /*#__PURE__*/React.createElement(View, {
+        style: styles.row
+      }, imageElement.slice(1, 4)));
+    }
+  }
+  function renderPlayButton() {
+    return /*#__PURE__*/React.createElement(View, {
+      style: styles.playButton
+    }, /*#__PURE__*/React.createElement(SvgXml, {
+      xml: playBtn,
+      width: "50",
+      height: "50"
+    }));
+  }
+  function renderImageHeader({
+    imageIndex: imgIndex
+  }) {
+    return /*#__PURE__*/React.createElement(View, {
+      style: styles.headerContainer
+    }, /*#__PURE__*/React.createElement(View, {
+      style: styles.flexWidth
+    }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+      style: styles.closebtnIcon,
+      onPress: () => setIsVisibleFullImage(false)
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: styles.closeBtn
+    }, "X"))), /*#__PURE__*/React.createElement(View, {
+      style: styles.flexWidth
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: styles.header
+    }, imgIndex + 1, "/", imagePostsFullSize.length || videoPostsFullSize.length)), /*#__PURE__*/React.createElement(View, {
+      style: styles.flexWidth
+    }));
+  }
+  return /*#__PURE__*/React.createElement(Fragment, null, livestreamId.length <= 0 && /*#__PURE__*/React.createElement(Pressable, {
+    onPress: onPressPost
+  }, textPost && (childrenPosts === null || childrenPosts === void 0 ? void 0 : childrenPosts.length) === 0 && /*#__PURE__*/React.createElement(LinkPreview, {
+    text: textPost,
+    mentionPositionArr: [...mentionPositionArr]
+  }), textPost && (childrenPosts === null || childrenPosts === void 0 ? void 0 : childrenPosts.length) > 0 && /*#__PURE__*/React.createElement(RenderTextWithMention, {
+    textPost: textPost,
+    mentionPositionArr: [...mentionPositionArr]
+  })), pollIds.length > 0 ? /*#__PURE__*/React.createElement(PollContent, {
+    post: post,
+    pollId: pollIds[0].pollId,
+    disabledPoll: disabledPoll,
+    showedAllOptions: showedAllOptions
+  }) : livestreamId.length > 0 ? /*#__PURE__*/React.createElement(LivestreamContent, {
+    post: post,
+    onPressPost: onPressPost,
+    streamId: livestreamId[0]
+  }) : renderMediaPosts(), /*#__PURE__*/React.createElement(ImageView, {
+    images: imagePostsFullSize.length > 0 ? imagePostsFullSize : videoPostsFullSize,
+    imageIndex: imageIndex,
+    visible: visibleFullImage,
+    onRequestClose: () => setIsVisibleFullImage(false),
+    isVideoButton: videoPosts.length > 0 ? true : false,
+    videoPosts: videoPosts,
+    HeaderComponent: renderImageHeader
+  }));
+};
+export default /*#__PURE__*/React.memo(PostContent);
+//# sourceMappingURL=index.js.map

package/lib/module/v4/component/PostContent/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Fragment","useCallback","useEffect","useState","Image","Pressable","Text","TouchableOpacity","TouchableWithoutFeedback","View","SvgXml","useStyles","useAuth","getPostById","ImageView","useUIKitSelector","playBtn","LivestreamContent","LinkPreview","RenderTextWithMention","PollContent","PostContent","post","textPost","onPressPost","disabledPoll","childrenPosts","showedAllOptions","mentionPositionArr","apiRegion","imagePosts","setImagePosts","videoPosts","setVideoPosts","pollIds","setPollIds","livestreamId","setLivestreamId","imagePostsFullSize","setImagePostsFullSize","videoPostsFullSize","setVideoPostsFullSize","visibleFullImage","setIsVisibleFullImage","imageIndex","setImageIndex","styles","imageStyle","imageLargePost","colStyle","col2","currentPostdetail","state","postDetail","postList","postListGlobal","globalFeed","feed","length","updatedUrls","map","url","uri","replace","item","thumbnailFileId","getPostInfo","response","Promise","all","id","data","childrenPost","dataType","images","videos","polls","livestreams","forEach","_item$data","_item$data2","fileId","includes","push","videoFileId","original","isExisted","some","video","poll","pollId","streamId","error","console","log","onClickImage","index","renderMediaPosts","thumbnailFileIds","mediaPosts","imageElement","col6","col3","imageMarginRight","imageMarginLeft","imageMediumPost","imageMarginBottom","imageMarginTop","imageMediumLargePost","imageSmallPost","createElement","style","key","onPress","renderPlayButton","source","overlay","overlayText","imagesWrap","row","slice","playButton","xml","width","height","renderImageHeader","imgIndex","headerContainer","flexWidth","closebtnIcon","closeBtn","header","text","visible","onRequestClose","isVideoButton","HeaderComponent","memo"],"sourceRoot":"../../../../../src","sources":["v4/component/PostContent/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/v4/component/PostContent/styles.js

@@ -0,0 +1,123 @@
+import { StyleSheet, useWindowDimensions } from 'react-native';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+export const useStyles = () => {
+  const {
+    top
+  } = useSafeAreaInsets();
+  const {
+    width
+  } = useWindowDimensions();
+  const styles = StyleSheet.create({
+    headerContainer: {
+      width,
+      alignItems: 'center',
+      flexDirection: 'row',
+      justifyContent: 'space-between',
+      marginTop: top + 14,
+      paddingHorizontal: 12
+    },
+    closebtnIcon: {
+      backgroundColor: '#ffffff8f',
+      borderRadius: 24,
+      width: 24,
+      height: 24,
+      textAlign: 'center',
+      justifyContent: 'center',
+      alignItems: 'center',
+      textAlignVertical: 'center',
+      overflow: 'hidden'
+    },
+    closeBtn: {
+      fontSize: 18,
+      color: 'black',
+      fontWeight: 'bold'
+    },
+    header: {
+      textAlign: 'center',
+      fontSize: 14,
+      color: 'white',
+      fontWeight: 'bold'
+    },
+    flexWidth: {
+      flex: 1
+    },
+    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'
+    },
+    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'
+    },
+    playButton: {
+      width: 100,
+      height: 100,
+      borderRadius: 50,
+      position: 'absolute',
+      top: '50%',
+      left: '50%',
+      transform: [{
+        translateX: -25
+      }, {
+        translateY: -25
+      }],
+      zIndex: 1
+    }
+  });
+  return styles;
+};
+//# sourceMappingURL=styles.js.map

package/lib/module/v4/component/PostContent/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useWindowDimensions","useSafeAreaInsets","useStyles","top","width","styles","create","headerContainer","alignItems","flexDirection","justifyContent","marginTop","paddingHorizontal","closebtnIcon","backgroundColor","borderRadius","height","textAlign","textAlignVertical","overflow","closeBtn","fontSize","color","fontWeight","header","flexWidth","flex","imageLargePost","resizeMode","imageMediumLargePost","imageMediumPost","imageSmallPost","imageMarginRight","marginRight","imageMarginLeft","marginLeft","imageMarginTop","imageMarginBottom","marginBottom","imagesWrap","display","row","col2","col3","col6","overlay","absoluteFillObject","overlayText","playButton","position","left","transform","translateX","translateY","zIndex"],"sourceRoot":"../../../../../src","sources":["v4/component/PostContent/styles.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/v4/component/PostFeedSkeleton/PostFeedSkeleton.js

@@ -0,0 +1,56 @@
+import React from 'react';
+import { useStyles } from './styles';
+import { View } from 'react-native';
+import ContentLoader, { Circle, Rect } from 'react-content-loader/native';
+function PostFeedSkeleton() {
+  const {
+    styles,
+    theme
+  } = useStyles();
+  return Array.from({
+    length: 3
+  }, (_, index) => /*#__PURE__*/React.createElement(View, {
+    style: [styles.container, index < 2 && styles.divider],
+    key: index
+  }, /*#__PURE__*/React.createElement(ContentLoader, {
+    speed: 1,
+    backgroundColor: theme.colors.baseShade4,
+    foregroundColor: theme.colors.baseShade4
+  }, /*#__PURE__*/React.createElement(Circle, {
+    cx: "16",
+    cy: "16",
+    r: "16"
+  }), /*#__PURE__*/React.createElement(Rect, {
+    x: "40",
+    y: "4",
+    width: "180",
+    height: "8",
+    rx: "3"
+  }), /*#__PURE__*/React.createElement(Rect, {
+    x: "40",
+    y: "20",
+    width: "64",
+    height: "8",
+    rx: "3"
+  }), /*#__PURE__*/React.createElement(Rect, {
+    x: "0",
+    y: "56",
+    width: "240",
+    height: "8",
+    rx: "3"
+  }), /*#__PURE__*/React.createElement(Rect, {
+    x: "0",
+    y: "76",
+    width: "180",
+    height: "8",
+    rx: "3"
+  }), /*#__PURE__*/React.createElement(Rect, {
+    x: "0",
+    y: "96",
+    width: "300",
+    height: "8",
+    rx: "3"
+  }))));
+}
+export default PostFeedSkeleton;
+//# sourceMappingURL=PostFeedSkeleton.js.map