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

package/lib/module/v4/screen/CommunitySetting/index.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { useRoute } from '@react-navigation/native';
+import AmityCommunitySettingPage from '../../../v4/PublicApi/Pages/AmityCommunitySettingPage';
+function CommunitySetting(_) {
+  var _route$params;
+  const route = useRoute();
+  return /*#__PURE__*/React.createElement(AmityCommunitySettingPage, {
+    community: route === null || route === void 0 || (_route$params = route.params) === null || _route$params === void 0 ? void 0 : _route$params.community
+  });
+}
+export default CommunitySetting;
+//# sourceMappingURL=index.js.map

package/lib/module/v4/screen/CommunitySetting/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useRoute","AmityCommunitySettingPage","CommunitySetting","_","_route$params","route","createElement","community","params"],"sourceRoot":"../../../../../src","sources":["v4/screen/CommunitySetting/index.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAoBC,QAAQ,QAAQ,0BAA0B;AAG9D,OAAOC,yBAAyB,MAAM,uDAAuD;AAO7F,SAASC,gBAAgBA,CAACC,CAAwB,EAAE;EAAA,IAAAC,aAAA;EAClD,MAAMC,KAAK,GAAGL,QAAQ,CAAoD,CAAC;EAE3E,oBAAOD,KAAA,CAAAO,aAAA,CAACL,yBAAyB;IAACM,SAAS,EAAEF,KAAK,aAALA,KAAK,gBAAAD,aAAA,GAALC,KAAK,CAAEG,MAAM,cAAAJ,aAAA,uBAAbA,aAAA,CAAeG;EAAU,CAAE,CAAC;AAC3E;AAEA,eAAeL,gBAAgB","ignoreList":[]}

package/lib/module/v4/screen/CommunityStoriesNotificationSetting/index.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { useRoute } from '@react-navigation/native';
+import AmityCommunityStoriesNotificationSettingPage from '../../../v4/PublicApi/Pages/AmityCommunityStoriesNotificationSettingPage';
+function CommunityStoriesNotificationSetting(_) {
+  var _route$params;
+  const route = useRoute();
+  return /*#__PURE__*/React.createElement(AmityCommunityStoriesNotificationSettingPage, {
+    community: route === null || route === void 0 || (_route$params = route.params) === null || _route$params === void 0 ? void 0 : _route$params.community
+  });
+}
+export default CommunityStoriesNotificationSetting;
+//# sourceMappingURL=index.js.map

package/lib/module/v4/screen/CommunityStoriesNotificationSetting/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useRoute","AmityCommunityStoriesNotificationSettingPage","CommunityStoriesNotificationSetting","_","_route$params","route","createElement","community","params"],"sourceRoot":"../../../../../src","sources":["v4/screen/CommunityStoriesNotificationSetting/index.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAoBC,QAAQ,QAAQ,0BAA0B;AAG9D,OAAOC,4CAA4C,MAAM,0EAA0E;AAOnI,SAASC,mCAAmCA,CAC1CC,CAA2C,EAC3C;EAAA,IAAAC,aAAA;EACA,MAAMC,KAAK,GACTL,QAAQ,CAEN,CAAC;EAEL,oBACED,KAAA,CAAAO,aAAA,CAACL,4CAA4C;IAC3CM,SAAS,EAAEF,KAAK,aAALA,KAAK,gBAAAD,aAAA,GAALC,KAAK,CAAEG,MAAM,cAAAJ,aAAA,uBAAbA,aAAA,CAAeG;EAAU,CACrC,CAAC;AAEN;AAEA,eAAeL,mCAAmC","ignoreList":[]}

package/lib/module/v4/screen/CommunityStorySetting/index.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { useRoute } from '@react-navigation/native';
+import AmityCommunityStorySettingPage from '../../../v4/PublicApi/Pages/AmityCommunityStorySettingPage';
+function CommunityStorySetting(_) {
+  var _route$params;
+  const route = useRoute();
+  return /*#__PURE__*/React.createElement(AmityCommunityStorySettingPage, {
+    community: route === null || route === void 0 || (_route$params = route.params) === null || _route$params === void 0 ? void 0 : _route$params.community
+  });
+}
+export default CommunityStorySetting;
+//# sourceMappingURL=index.js.map

package/lib/module/v4/screen/CommunityStorySetting/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useRoute","AmityCommunityStorySettingPage","CommunityStorySetting","_","_route$params","route","createElement","community","params"],"sourceRoot":"../../../../../src","sources":["v4/screen/CommunityStorySetting/index.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAoBC,QAAQ,QAAQ,0BAA0B;AAG9D,OAAOC,8BAA8B,MAAM,4DAA4D;AAOvG,SAASC,qBAAqBA,CAACC,CAA6B,EAAE;EAAA,IAAAC,aAAA;EAC5D,MAAMC,KAAK,GACTL,QAAQ,CAAyD,CAAC;EAEpE,oBACED,KAAA,CAAAO,aAAA,CAACL,8BAA8B;IAACM,SAAS,EAAEF,KAAK,aAALA,KAAK,gBAAAD,aAAA,GAALC,KAAK,CAAEG,MAAM,cAAAJ,aAAA,uBAAbA,aAAA,CAAeG;EAAU,CAAE,CAAC;AAE3E;AAEA,eAAeL,qBAAqB","ignoreList":[]}

package/lib/module/v4/screen/CreateCommunity/index.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import AmityCommunitySetupPage, { AmityCommunitySetupPageMode } from '../../PublicApi/Pages/AmityCommunitySetupPage';
+function CreateCommunity(_) {
+  return /*#__PURE__*/React.createElement(AmityCommunitySetupPage, {
+    mode: AmityCommunitySetupPageMode.CREATE
+  });
+}
+export default CreateCommunity;
+//# sourceMappingURL=index.js.map

package/lib/module/v4/screen/CreateCommunity/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","AmityCommunitySetupPage","AmityCommunitySetupPageMode","CreateCommunity","_","createElement","mode","CREATE"],"sourceRoot":"../../../../../src","sources":["v4/screen/CreateCommunity/index.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,uBAAuB,IAC5BC,2BAA2B,QACtB,+CAA+C;AAQtD,SAASC,eAAeA,CAACC,CAAuB,EAAE;EAChD,oBAAOJ,KAAA,CAAAK,aAAA,CAACJ,uBAAuB;IAACK,IAAI,EAAEJ,2BAA2B,CAACK;EAAO,CAAE,CAAC;AAC9E;AAEA,eAAeJ,eAAe","ignoreList":[]}

package/lib/module/v4/screen/CreateLivestream/index.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import AmityCreateLivestreamPage from '../../PublicApi/Pages/AmityCreateLivestreamPage';
+function CreateLivestream({}) {
+  return /*#__PURE__*/React.createElement(AmityCreateLivestreamPage, null);
+}
+export default CreateLivestream;
+//# sourceMappingURL=index.js.map

package/lib/module/v4/screen/CreateLivestream/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","AmityCreateLivestreamPage","CreateLivestream","createElement"],"sourceRoot":"../../../../../src","sources":["v4/screen/CreateLivestream/index.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,yBAAyB,MAAM,iDAAiD;AAQvF,SAASC,gBAAgBA,CAAC,CAAwB,CAAC,EAAE;EACnD,oBAAOF,KAAA,CAAAG,aAAA,CAACF,yBAAyB,MAAE,CAAC;AACtC;AAEA,eAAeC,gBAAgB","ignoreList":[]}

package/lib/module/v4/screen/CreatePost/index.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import AmityPostComposerPage from '../../PublicApi/Pages/AmityPostComposerPage/AmityPostComposerPage';
+import { AmityPostComposerMode } from '../../PublicApi/types';
+const CreatePost = ({
+  route
+}) => {
+  const {
+    community,
+    targetId,
+    targetType
+  } = route.params;
+  return /*#__PURE__*/React.createElement(AmityPostComposerPage, {
+    mode: AmityPostComposerMode.CREATE,
+    targetId: targetId,
+    targetType: targetType,
+    community: community
+  });
+};
+export default CreatePost;
+//# sourceMappingURL=index.js.map

package/lib/module/v4/screen/CreatePost/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","AmityPostComposerPage","AmityPostComposerMode","CreatePost","route","community","targetId","targetType","params","createElement","mode","CREATE"],"sourceRoot":"../../../../../src","sources":["v4/screen/CreatePost/index.tsx"],"mappings":"AACA,OAAOA,KAAK,MAAc,OAAO;AAEjC,OAAOC,qBAAqB,MAAM,mEAAmE;AACrG,SAASC,qBAAqB,QAAQ,uBAAuB;AAI7D,MAAMC,UAA2B,GAAGA,CAAC;EAAEC;AAAM,CAAC,KAAK;EACjD,MAAM;IAAEC,SAAS;IAAEC,QAAQ;IAAEC;EAAW,CAAC,GAAGH,KAAK,CAACI,MAAM;EACxD,oBACER,KAAA,CAAAS,aAAA,CAACR,qBAAqB;IACpBS,IAAI,EAAER,qBAAqB,CAACS,MAAO;IACnCL,QAAQ,EAAEA,QAAS;IACnBC,UAAU,EAAEA,UAAW;IACvBF,SAAS,EAAEA;EAAU,CACtB,CAAC;AAEN,CAAC;AAED,eAAeF,UAAU","ignoreList":[]}

package/lib/module/v4/screen/CreateStory/CreateStoryScreen.js

@@ -0,0 +1,38 @@
+import React from 'react';
+import { useCameraDevice } from 'react-native-vision-camera';
+import { AmityCreateStoryPage } from '../../index';
+import { useRequestPermission } from '../../hook/useCamera';
+import { Alert, Linking } from 'react-native';
+const CreateStoryScreen = ({
+  navigation,
+  route
+}) => {
+  const {
+    targetId,
+    targetType
+  } = route.params;
+  useRequestPermission({
+    onRequestPermissionFailed: () => {
+      Linking.openSettings();
+    },
+    shouldCall: true
+  });
+  const backCamera = useCameraDevice('back');
+  const frontCamera = useCameraDevice('front');
+  if (!frontCamera && !backCamera) {
+    Alert.alert('Camera Error', 'Cannot open camera', [{
+      text: 'Go Back',
+      onPress: () => {
+        navigation.goBack();
+      }
+    }]);
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(AmityCreateStoryPage, {
+    targetId: targetId,
+    targetType: targetType,
+    onCreateStory: () => navigation.goBack()
+  });
+};
+export default CreateStoryScreen;
+//# sourceMappingURL=CreateStoryScreen.js.map

package/lib/module/v4/screen/CreateStory/CreateStoryScreen.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCameraDevice","AmityCreateStoryPage","useRequestPermission","Alert","Linking","CreateStoryScreen","navigation","route","targetId","targetType","params","onRequestPermissionFailed","openSettings","shouldCall","backCamera","frontCamera","alert","text","onPress","goBack","createElement","onCreateStory"],"sourceRoot":"../../../../../src","sources":["v4/screen/CreateStory/CreateStoryScreen.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,QAAQ,4BAA4B;AAC5D,SAASC,oBAAoB,QAAQ,aAAa;AAClD,SAASC,oBAAoB,QAAQ,sBAAsB;AAC3D,SAASC,KAAK,EAAEC,OAAO,QAAQ,cAAc;AAE7C,MAAMC,iBAAiB,GAAGA,CAAC;EAAEC,UAAU;EAAEC;AAAM,CAAC,KAAK;EACnD,MAAM;IAAEC,QAAQ;IAAEC;EAAW,CAAC,GAAGF,KAAK,CAACG,MAGtC;EAEDR,oBAAoB,CAAC;IACnBS,yBAAyB,EAAEA,CAAA,KAAM;MAC/BP,OAAO,CAACQ,YAAY,CAAC,CAAC;IACxB,CAAC;IACDC,UAAU,EAAE;EACd,CAAC,CAAC;EAEF,MAAMC,UAAU,GAAGd,eAAe,CAAC,MAAM,CAAC;EAC1C,MAAMe,WAAW,GAAGf,eAAe,CAAC,OAAO,CAAC;EAE5C,IAAI,CAACe,WAAW,IAAI,CAACD,UAAU,EAAE;IAC/BX,KAAK,CAACa,KAAK,CAAC,cAAc,EAAE,oBAAoB,EAAE,CAChD;MACEC,IAAI,EAAE,SAAS;MACfC,OAAO,EAAEA,CAAA,KAAM;QACbZ,UAAU,CAACa,MAAM,CAAC,CAAC;MACrB;IACF,CAAC,CACF,CAAC;IACF,OAAO,IAAI;EACb;EAEA,oBACEpB,KAAA,CAAAqB,aAAA,CAACnB,oBAAoB;IACnBO,QAAQ,EAAEA,QAAS;IACnBC,UAAU,EAAEA,UAAW;IACvBY,aAAa,EAAEA,CAAA,KAAMf,UAAU,CAACa,MAAM,CAAC;EAAE,CAC1C,CAAC;AAEN,CAAC;AAED,eAAed,iBAAiB","ignoreList":[]}

package/lib/module/v4/screen/EditCommunity/index.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import AmityCommunitySetupPage, { AmityCommunitySetupPageMode } from '../../PublicApi/Pages/AmityCommunitySetupPage';
+import { useRoute } from '@react-navigation/native';
+function EditCommunity(_) {
+  var _route$params;
+  const route = useRoute();
+  return /*#__PURE__*/React.createElement(AmityCommunitySetupPage, {
+    community: route === null || route === void 0 || (_route$params = route.params) === null || _route$params === void 0 ? void 0 : _route$params.community,
+    mode: AmityCommunitySetupPageMode.EDIT
+  });
+}
+export default EditCommunity;
+//# sourceMappingURL=index.js.map

package/lib/module/v4/screen/EditCommunity/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","AmityCommunitySetupPage","AmityCommunitySetupPageMode","useRoute","EditCommunity","_","_route$params","route","createElement","community","params","mode","EDIT"],"sourceRoot":"../../../../../src","sources":["v4/screen/EditCommunity/index.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,uBAAuB,IAC5BC,2BAA2B,QACtB,+CAA+C;AAEtD,SAAoBC,QAAQ,QAAQ,0BAA0B;AAO9D,SAASC,aAAaA,CAACC,CAAqB,EAAE;EAAA,IAAAC,aAAA;EAC5C,MAAMC,KAAK,GAAGJ,QAAQ,CAAiD,CAAC;EACxE,oBACEH,KAAA,CAAAQ,aAAA,CAACP,uBAAuB;IACtBQ,SAAS,EAAEF,KAAK,aAALA,KAAK,gBAAAD,aAAA,GAALC,KAAK,CAAEG,MAAM,cAAAJ,aAAA,uBAAbA,aAAA,CAAeG,SAAU;IACpCE,IAAI,EAAET,2BAA2B,CAACU;EAAK,CACxC,CAAC;AAEN;AAEA,eAAeR,aAAa","ignoreList":[]}

package/lib/module/v4/screen/EditPost/EditPost.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import AmityPostComposerPage from '../../PublicApi/Pages/AmityPostComposerPage/AmityPostComposerPage';
+import { AmityPostComposerMode } from '../../PublicApi/types';
+const EditPost = ({
+  route
+}) => {
+  const {
+    community,
+    post
+  } = route.params;
+  return /*#__PURE__*/React.createElement(AmityPostComposerPage, {
+    mode: AmityPostComposerMode.EDIT,
+    post: post,
+    community: community
+  });
+};
+export default EditPost;
+//# sourceMappingURL=EditPost.js.map

package/lib/module/v4/screen/EditPost/EditPost.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","AmityPostComposerPage","AmityPostComposerMode","EditPost","route","community","post","params","createElement","mode","EDIT"],"sourceRoot":"../../../../../src","sources":["v4/screen/EditPost/EditPost.tsx"],"mappings":"AACA,OAAOA,KAAK,MAAc,OAAO;AAEjC,OAAOC,qBAAqB,MAAM,mEAAmE;AACrG,SAASC,qBAAqB,QAAQ,uBAAuB;AAI7D,MAAMC,QAAuB,GAAGA,CAAC;EAAEC;AAAM,CAAC,KAAK;EAC7C,MAAM;IAAEC,SAAS;IAAEC;EAAK,CAAC,GAAGF,KAAK,CAACG,MAAM;EACxC,oBACEP,KAAA,CAAAQ,aAAA,CAACP,qBAAqB;IACpBQ,IAAI,EAAEP,qBAAqB,CAACQ,IAAK;IACjCJ,IAAI,EAAEA,IAAK;IACXD,SAAS,EAAEA;EAAU,CACtB,CAAC;AAEN,CAAC;AAED,eAAeF,QAAQ","ignoreList":[]}

package/lib/module/v4/screen/Feed/index.js

@@ -0,0 +1,130 @@
+import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useState } from 'react';
+import { FlatList, View } from 'react-native';
+import PostList from '../../../components/Social/PostList';
+import { useStyles } from './styles';
+import { CommunityRepository, PostRepository, SubscriptionLevels, UserRepository, getCommunityTopic, getUserTopic, subscribeTopic } from '@amityco/ts-sdk-react-native';
+import { deletePostById } from '../../../providers/Social/feed-sdk';
+import { amityPostsFormatter } from '../../../util/postDataFormatter';
+import { useFocusEffect } from '@react-navigation/native';
+import { usePaginatorApi } from '../../hook/usePaginator';
+import { usePostImpression } from '../../../v4/hook/usePostImpression';
+import { isAmityAd } from '../../../v4/hook/useCustomRankingGlobalFeed';
+import PostAdComponent from '../../component/PostAdComponent/PostAdComponent';
+const pageLimit = 10;
+function Feed({
+  targetId,
+  targetType
+}, ref) {
+  const styles = useStyles();
+  const [postData, setPostData] = useState([]);
+  const [onNextPage, setOnNextPage] = useState(null);
+  const disposers = useMemo(() => [], []);
+  const {
+    itemWithAds
+  } = usePaginatorApi({
+    items: postData,
+    placement: 'feed',
+    pageSize: pageLimit,
+    getItemId: item => isAmityAd(item) ? item === null || item === void 0 ? void 0 : item.adId.toString() : item === null || item === void 0 ? void 0 : item.postId.toString()
+  });
+  const shouldShowAds = targetType !== 'user';
+  const feedItems = shouldShowAds ? itemWithAds : postData;
+  const {
+    handleViewChange
+  } = usePostImpression(itemWithAds === null || itemWithAds === void 0 ? void 0 : itemWithAds.filter(item => !!(isAmityAd(item) ? item === null || item === void 0 ? void 0 : item.adId : item === null || item === void 0 ? void 0 : item.postId)));
+  let isSubscribed = false;
+  const subscribePostTopic = useCallback((type, id) => {
+    if (isSubscribed) return;
+    if (type === 'user') {
+      let user = {};
+      UserRepository.getUser(id, ({
+        data
+      }) => {
+        user = data;
+      });
+      disposers.push(subscribeTopic(getUserTopic(user, SubscriptionLevels.POST)));
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+      isSubscribed = true;
+      return;
+    }
+    if (type === 'community') {
+      CommunityRepository.getCommunity(id, data => {
+        if (data.data) {
+          disposers.push(subscribeTopic(getCommunityTopic(data.data, SubscriptionLevels.POST)));
+        }
+      });
+    }
+  }, []);
+  useEffect(() => {
+    return () => {
+      disposers.forEach(fn => fn());
+    };
+  }, [disposers]);
+  const handleLoadMore = () => {
+    if (onNextPage) {
+      onNextPage();
+    }
+  };
+  useFocusEffect(useCallback(() => {
+    const unsubscribe = PostRepository.getPosts({
+      targetId,
+      targetType,
+      sortBy: 'lastCreated',
+      limit: 10,
+      feedType: 'published'
+    }, async ({
+      data,
+      error,
+      loading,
+      hasNextPage,
+      onNextPage: nextPage
+    }) => {
+      if (!error && !loading) {
+        const filterData = data.filter(item => {
+          return item.dataType === 'text';
+        });
+        setOnNextPage(hasNextPage ? () => nextPage : null);
+        const formattedPostList = await amityPostsFormatter(filterData);
+        setPostData(formattedPostList);
+        subscribePostTopic(targetType, targetId);
+      }
+    });
+    return () => {
+      unsubscribe();
+    };
+  }, [subscribePostTopic, targetId, targetType]));
+  useImperativeHandle(ref, () => ({
+    handleLoadMore
+  }));
+  const onDeletePost = async postId => {
+    await deletePostById(postId);
+  };
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.feedWrap
+  }, /*#__PURE__*/React.createElement(FlatList, {
+    scrollEnabled: false,
+    data: feedItems ?? [],
+    renderItem: ({
+      item,
+      index
+    }) => {
+      if (isAmityAd(item)) return /*#__PURE__*/React.createElement(PostAdComponent, {
+        ad: item
+      });
+      return /*#__PURE__*/React.createElement(PostList, {
+        onDelete: onDeletePost,
+        postDetail: item,
+        isGlobalfeed: false,
+        postIndex: index
+      });
+    },
+    keyExtractor: (item, index) => isAmityAd(item) ? item.adId.toString() + index : item.postId.toString(),
+    viewabilityConfig: {
+      viewAreaCoveragePercentThreshold: 60
+    },
+    onViewableItemsChanged: handleViewChange,
+    extraData: itemWithAds
+  }));
+}
+export default /*#__PURE__*/forwardRef(Feed);
+//# sourceMappingURL=index.js.map

package/lib/module/v4/screen/Feed/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","useCallback","useEffect","useImperativeHandle","useMemo","useState","FlatList","View","PostList","useStyles","CommunityRepository","PostRepository","SubscriptionLevels","UserRepository","getCommunityTopic","getUserTopic","subscribeTopic","deletePostById","amityPostsFormatter","useFocusEffect","usePaginatorApi","usePostImpression","isAmityAd","PostAdComponent","pageLimit","Feed","targetId","targetType","ref","styles","postData","setPostData","onNextPage","setOnNextPage","disposers","itemWithAds","items","placement","pageSize","getItemId","item","adId","toString","postId","shouldShowAds","feedItems","handleViewChange","filter","isSubscribed","subscribePostTopic","type","id","user","getUser","data","push","POST","getCommunity","forEach","fn","handleLoadMore","unsubscribe","getPosts","sortBy","limit","feedType","error","loading","hasNextPage","nextPage","filterData","dataType","formattedPostList","onDeletePost","createElement","style","feedWrap","scrollEnabled","renderItem","index","ad","onDelete","postDetail","isGlobalfeed","postIndex","keyExtractor","viewabilityConfig","viewAreaCoveragePercentThreshold","onViewableItemsChanged","extraData"],"sourceRoot":"../../../../../src","sources":["v4/screen/Feed/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/v4/screen/Feed/styles.js

@@ -0,0 +1,13 @@
+import { StyleSheet } from 'react-native';
+import { useTheme } from 'react-native-paper';
+export const useStyles = () => {
+  const theme = useTheme();
+  const styles = StyleSheet.create({
+    feedWrap: {
+      backgroundColor: theme.colors.baseShade4,
+      height: '100%'
+    }
+  });
+  return styles;
+};
+//# sourceMappingURL=styles.js.map

package/lib/module/v4/screen/Feed/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useTheme","useStyles","theme","styles","create","feedWrap","backgroundColor","colors","baseShade4","height"],"sourceRoot":"../../../../../src","sources":["v4/screen/Feed/styles.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,oBAAoB;AAG7C,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,KAAK,GAAGF,QAAQ,CAAC,CAAe;EACtC,MAAMG,MAAM,GAAGJ,UAAU,CAACK,MAAM,CAAC;IAC/BC,QAAQ,EAAE;MACRC,eAAe,EAAEJ,KAAK,CAACK,MAAM,CAACC,UAAU;MACxCC,MAAM,EAAE;IACV;EACF,CAAC,CAAC;EAEF,OAAON,MAAM;AACf,CAAC","ignoreList":[]}

package/lib/module/v4/screen/FollowerList/Components/FollowerListItem.js

@@ -0,0 +1,155 @@
+import { Alert, Animated, Image, Modal, Pressable, Text, TouchableOpacity, View } from 'react-native';
+import React, { memo, useCallback, useEffect, useRef, useState } from 'react';
+import { useStyles } from '../styles';
+import { Client, UserRepository, createReport, deleteReport, isReportedByMe } from '@amityco/ts-sdk-react-native';
+import { ImageSizeState } from '../../../enum';
+import { TabName } from '../../../enum/tabNameState';
+import { defaultAvatarUri } from '../../../assets';
+import { useFile } from '../../../hook';
+import { SvgXml } from 'react-native-svg';
+import { threeDots } from '../../../../svg/svg-xml-list';
+import { useTheme } from 'react-native-paper';
+import { useNavigation } from '@react-navigation/native';
+const FollowerListItem = ({
+  userId,
+  currentProfileId,
+  activeTab
+}) => {
+  const {
+    getImage
+  } = useFile();
+  const {
+    userId: myId
+  } = Client.getActiveUser();
+  const isMyProfile = currentProfileId === myId;
+  const isMyId = userId === myId;
+  const isFollowing = activeTab === TabName.Following;
+  const navigation = useNavigation();
+  const theme = useTheme();
+  const styles = useStyles();
+  const slideAnimation = useRef(new Animated.Value(0)).current;
+  const [userData, setUserData] = useState(null);
+  const [avatar, setAvatar] = useState(defaultAvatarUri);
+  const [isVisible, setIsVisible] = useState(false);
+  const [isReported, setIsReported] = useState(false);
+  useEffect(() => {
+    UserRepository.getUser(userId, async ({
+      data,
+      error,
+      loading
+    }) => {
+      if (error) return;
+      if (!loading) {
+        setUserData(data);
+        const userAvatar = await getImage({
+          fileId: data.avatarFileId,
+          imageSize: ImageSizeState.small
+        });
+        setAvatar(userAvatar ?? defaultAvatarUri);
+      }
+    });
+  }, [getImage, userId]);
+  const onPressUserInfo = useCallback(() => {
+    navigation.push('UserProfile', {
+      userId: userId
+    });
+  }, [navigation, userId]);
+  const openModal = () => {
+    setIsVisible(true);
+  };
+  const closeModal = () => {
+    Animated.timing(slideAnimation, {
+      toValue: 0,
+      duration: 100,
+      useNativeDriver: true
+    }).start(() => setIsVisible(false));
+  };
+  const modalStyle = {
+    transform: [{
+      translateY: slideAnimation.interpolate({
+        inputRange: [0, 1],
+        outputRange: [600, 0] // Adjust this value to control the sliding distance
+      })
+    }]
+  };
+  const checkIsReport = useCallback(async () => {
+    const isReport = await isReportedByMe('user', userId);
+    if (isReport) return setIsReported(true);
+    return setIsReported(false);
+  }, [userId]);
+  useEffect(() => {
+    checkIsReport();
+  }, [checkIsReport]);
+  const onPressReport = useCallback(async () => {
+    try {
+      if (isReported) {
+        const reported = await createReport('user', userId);
+        if (reported) return Alert.alert('User is reported');
+      } else {
+        const unreported = await deleteReport('user', userId);
+        if (unreported) return Alert.alert('Report is undone');
+      }
+    } catch (error) {
+      Alert.alert('Error on report action');
+    }
+  }, [isReported, userId]);
+  const onPressRemove = useCallback(async () => {
+    try {
+      const deletedFollower = await UserRepository.Relationship.declineMyFollower(userId);
+      if (deletedFollower) return Alert.alert('Follower is Removed');
+    } catch (error) {
+      Alert.alert('Error on removing follower');
+    }
+  }, [userId]);
+  const onPressUnfollow = useCallback(async () => {
+    try {
+      const unfollowed = await UserRepository.Relationship.unfollow(userId);
+      if (unfollowed) return Alert.alert('User is unfollowed');
+    } catch (error) {
+      Alert.alert('Error on unfollow');
+    }
+  }, [userId]);
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.listItemContainer
+  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: styles.userInfoContainer,
+    onPress: onPressUserInfo
+  }, /*#__PURE__*/React.createElement(Image, {
+    source: {
+      uri: avatar
+    },
+    style: styles.avatar
+  }), /*#__PURE__*/React.createElement(Text, {
+    style: styles.userName,
+    ellipsizeMode: "tail",
+    numberOfLines: 1
+  }, userData === null || userData === void 0 ? void 0 : userData.displayName)), !isMyId && /*#__PURE__*/React.createElement(TouchableOpacity, {
+    onPress: openModal,
+    style: styles.menuBtn
+  }, /*#__PURE__*/React.createElement(SvgXml, {
+    xml: threeDots(theme.colors.base),
+    width: "20",
+    height: "16"
+  })), /*#__PURE__*/React.createElement(Modal, {
+    animationType: "fade",
+    transparent: true,
+    visible: isVisible,
+    onRequestClose: closeModal
+  }, /*#__PURE__*/React.createElement(Pressable, {
+    onPress: closeModal,
+    style: styles.modalContainer
+  }, /*#__PURE__*/React.createElement(Animated.View, {
+    style: [styles.modalContent, modalStyle]
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.report,
+    onPress: onPressReport
+  }, isReported ? 'Report user' : 'Undo Report'), isMyProfile && !isFollowing && /*#__PURE__*/React.createElement(Text, {
+    style: styles.remove,
+    onPress: onPressRemove
+  }, "Remove user"), isMyProfile && isFollowing && /*#__PURE__*/React.createElement(Text, {
+    style: styles.remove,
+    onPress: onPressUnfollow
+  }, "Unfollow user")))));
+};
+export default /*#__PURE__*/memo(FollowerListItem);
+//# sourceMappingURL=FollowerListItem.js.map

package/lib/module/v4/screen/FollowerList/Components/FollowerListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Alert","Animated","Image","Modal","Pressable","Text","TouchableOpacity","View","React","memo","useCallback","useEffect","useRef","useState","useStyles","Client","UserRepository","createReport","deleteReport","isReportedByMe","ImageSizeState","TabName","defaultAvatarUri","useFile","SvgXml","threeDots","useTheme","useNavigation","FollowerListItem","userId","currentProfileId","activeTab","getImage","myId","getActiveUser","isMyProfile","isMyId","isFollowing","Following","navigation","theme","styles","slideAnimation","Value","current","userData","setUserData","avatar","setAvatar","isVisible","setIsVisible","isReported","setIsReported","getUser","data","error","loading","userAvatar","fileId","avatarFileId","imageSize","small","onPressUserInfo","push","openModal","closeModal","timing","toValue","duration","useNativeDriver","start","modalStyle","transform","translateY","interpolate","inputRange","outputRange","checkIsReport","isReport","onPressReport","reported","alert","unreported","onPressRemove","deletedFollower","Relationship","declineMyFollower","onPressUnfollow","unfollowed","unfollow","createElement","style","listItemContainer","userInfoContainer","onPress","source","uri","userName","ellipsizeMode","numberOfLines","displayName","menuBtn","xml","colors","base","width","height","animationType","transparent","visible","onRequestClose","modalContainer","modalContent","report","remove"],"sourceRoot":"../../../../../../src","sources":["v4/screen/FollowerList/Components/FollowerListItem.tsx"],"mappings":"AAAA,SACEA,KAAK,EACLC,QAAQ,EACRC,KAAK,EACLC,KAAK,EACLC,SAAS,EACTC,IAAI,EACJC,gBAAgB,EAChBC,IAAI,QACC,cAAc;AACrB,OAAOC,KAAK,IAEVC,IAAI,EACJC,WAAW,EACXC,SAAS,EACTC,MAAM,EACNC,QAAQ,QACH,OAAO;AACd,SAASC,SAAS,QAAQ,WAAW;AACrC,SACEC,MAAM,EACNC,cAAc,EACdC,YAAY,EACZC,YAAY,EACZC,cAAc,QACT,8BAA8B;AACrC,SAASC,cAAc,QAAQ,eAAe;AAC9C,SAASC,OAAO,QAAQ,4BAA4B;AACpD,SAASC,gBAAgB,QAAQ,iBAAiB;AAClD,SAASC,OAAO,QAAQ,eAAe;AACvC,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,SAAS,QAAQ,8BAA8B;AACxD,SAASC,QAAQ,QAAQ,oBAAoB;AAE7C,SAASC,aAAa,QAAQ,0BAA0B;AAUxD,MAAMC,gBAA0C,GAAGA,CAAC;EAClDC,MAAM;EACNC,gBAAgB;EAChBC;AACF,CAAC,KAAK;EACJ,MAAM;IAAEC;EAAS,CAAC,GAAGT,OAAO,CAAC,CAAC;EAC9B,MAAM;IAAEM,MAAM,EAAEI;EAAK,CAAC,GAAGlB,MAAM,CAACmB,aAAa,CAAC,CAAC;EAC/C,MAAMC,WAAW,GAAGL,gBAAgB,KAAKG,IAAI;EAC7C,MAAMG,MAAM,GAAGP,MAAM,KAAKI,IAAI;EAC9B,MAAMI,WAAW,GAAGN,SAAS,KAAKV,OAAO,CAACiB,SAAS;EACnD,MAAMC,UAAU,GAAGZ,aAAa,CAA0C,CAAC;EAC3E,MAAMa,KAAK,GAAGd,QAAQ,CAAC,CAAe;EACtC,MAAMe,MAAM,GAAG3B,SAAS,CAAC,CAAC;EAC1B,MAAM4B,cAAc,GAAG9B,MAAM,CAAC,IAAIX,QAAQ,CAAC0C,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EAC5D,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAGjC,QAAQ,CAAa,IAAI,CAAC;EAC1D,MAAM,CAACkC,MAAM,EAAEC,SAAS,CAAC,GAAGnC,QAAQ,CAACS,gBAAgB,CAAC;EACtD,MAAM,CAAC2B,SAAS,EAAEC,YAAY,CAAC,GAAGrC,QAAQ,CAAC,KAAK,CAAC;EACjD,MAAM,CAACsC,UAAU,EAAEC,aAAa,CAAC,GAAGvC,QAAQ,CAAC,KAAK,CAAC;EAEnDF,SAAS,CAAC,MAAM;IACdK,cAAc,CAACqC,OAAO,CAACxB,MAAM,EAAE,OAAO;MAAEyB,IAAI;MAAEC,KAAK;MAAEC;IAAQ,CAAC,KAAK;MACjE,IAAID,KAAK,EAAE;MACX,IAAI,CAACC,OAAO,EAAE;QACZV,WAAW,CAACQ,IAAI,CAAC;QACjB,MAAMG,UAAU,GAAG,MAAMzB,QAAQ,CAAC;UAChC0B,MAAM,EAAEJ,IAAI,CAACK,YAAY;UACzBC,SAAS,EAAExC,cAAc,CAACyC;QAC5B,CAAC,CAAC;QACFb,SAAS,CAACS,UAAU,IAAInC,gBAAgB,CAAC;MAC3C;IACF,CAAC,CAAC;EACJ,CAAC,EAAE,CAACU,QAAQ,EAAEH,MAAM,CAAC,CAAC;EAEtB,MAAMiC,eAAe,GAAGpD,WAAW,CAAC,MAAM;IACxC6B,UAAU,CAACwB,IAAI,CAAC,aAAa,EAAE;MAAElC,MAAM,EAAEA;IAAO,CAAC,CAAC;EACpD,CAAC,EAAE,CAACU,UAAU,EAAEV,MAAM,CAAC,CAAC;EAExB,MAAMmC,SAAS,GAAGA,CAAA,KAAM;IACtBd,YAAY,CAAC,IAAI,CAAC;EACpB,CAAC;EAED,MAAMe,UAAU,GAAGA,CAAA,KAAM;IACvBhE,QAAQ,CAACiE,MAAM,CAACxB,cAAc,EAAE;MAC9ByB,OAAO,EAAE,CAAC;MACVC,QAAQ,EAAE,GAAG;MACbC,eAAe,EAAE;IACnB,CAAC,CAAC,CAACC,KAAK,CAAC,MAAMpB,YAAY,CAAC,KAAK,CAAC,CAAC;EACrC,CAAC;EAED,MAAMqB,UAAU,GAAG;IACjBC,SAAS,EAAE,CACT;MACEC,UAAU,EAAE/B,cAAc,CAACgC,WAAW,CAAC;QACrCC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;QAClBC,WAAW,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC,CAAE;MACzB,CAAC;IACH,CAAC;EAEL,CAAC;EAED,MAAMC,aAAa,GAAGnE,WAAW,CAAC,YAAY;IAC5C,MAAMoE,QAAQ,GAAG,MAAM3D,cAAc,CAAC,MAAM,EAAEU,MAAM,CAAC;IACrD,IAAIiD,QAAQ,EAAE,OAAO1B,aAAa,CAAC,IAAI,CAAC;IACxC,OAAOA,aAAa,CAAC,KAAK,CAAC;EAC7B,CAAC,EAAE,CAACvB,MAAM,CAAC,CAAC;EAEZlB,SAAS,CAAC,MAAM;IACdkE,aAAa,CAAC,CAAC;EACjB,CAAC,EAAE,CAACA,aAAa,CAAC,CAAC;EAEnB,MAAME,aAAa,GAAGrE,WAAW,CAAC,YAAY;IAC5C,IAAI;MACF,IAAIyC,UAAU,EAAE;QACd,MAAM6B,QAAQ,GAAG,MAAM/D,YAAY,CAAC,MAAM,EAAEY,MAAM,CAAC;QACnD,IAAImD,QAAQ,EAAE,OAAOhF,KAAK,CAACiF,KAAK,CAAC,kBAAkB,CAAC;MACtD,CAAC,MAAM;QACL,MAAMC,UAAU,GAAG,MAAMhE,YAAY,CAAC,MAAM,EAAEW,MAAM,CAAC;QACrD,IAAIqD,UAAU,EAAE,OAAOlF,KAAK,CAACiF,KAAK,CAAC,kBAAkB,CAAC;MACxD;IACF,CAAC,CAAC,OAAO1B,KAAK,EAAE;MACdvD,KAAK,CAACiF,KAAK,CAAC,wBAAwB,CAAC;IACvC;EACF,CAAC,EAAE,CAAC9B,UAAU,EAAEtB,MAAM,CAAC,CAAC;EAExB,MAAMsD,aAAa,GAAGzE,WAAW,CAAC,YAAY;IAC5C,IAAI;MACF,MAAM0E,eAAe,GACnB,MAAMpE,cAAc,CAACqE,YAAY,CAACC,iBAAiB,CAACzD,MAAM,CAAC;MAC7D,IAAIuD,eAAe,EAAE,OAAOpF,KAAK,CAACiF,KAAK,CAAC,qBAAqB,CAAC;IAChE,CAAC,CAAC,OAAO1B,KAAK,EAAE;MACdvD,KAAK,CAACiF,KAAK,CAAC,4BAA4B,CAAC;IAC3C;EACF,CAAC,EAAE,CAACpD,MAAM,CAAC,CAAC;EAEZ,MAAM0D,eAAe,GAAG7E,WAAW,CAAC,YAAY;IAC9C,IAAI;MACF,MAAM8E,UAAU,GAAG,MAAMxE,cAAc,CAACqE,YAAY,CAACI,QAAQ,CAAC5D,MAAM,CAAC;MACrE,IAAI2D,UAAU,EAAE,OAAOxF,KAAK,CAACiF,KAAK,CAAC,oBAAoB,CAAC;IAC1D,CAAC,CAAC,OAAO1B,KAAK,EAAE;MACdvD,KAAK,CAACiF,KAAK,CAAC,mBAAmB,CAAC;IAClC;EACF,CAAC,EAAE,CAACpD,MAAM,CAAC,CAAC;EAEZ,oBACErB,KAAA,CAAAkF,aAAA,CAACnF,IAAI;IAACoF,KAAK,EAAElD,MAAM,CAACmD;EAAkB,gBACpCpF,KAAA,CAAAkF,aAAA,CAACpF,gBAAgB;IACfqF,KAAK,EAAElD,MAAM,CAACoD,iBAAkB;IAChCC,OAAO,EAAEhC;EAAgB,gBAEzBtD,KAAA,CAAAkF,aAAA,CAACxF,KAAK;IAAC6F,MAAM,EAAE;MAAEC,GAAG,EAAEjD;IAAO,CAAE;IAAC4C,KAAK,EAAElD,MAAM,CAACM;EAAO,CAAE,CAAC,eACxDvC,KAAA,CAAAkF,aAAA,CAACrF,IAAI;IAACsF,KAAK,EAAElD,MAAM,CAACwD,QAAS;IAACC,aAAa,EAAC,MAAM;IAACC,aAAa,EAAE;EAAE,GACjEtD,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAEuD,WACP,CACU,CAAC,EAElB,CAAChE,MAAM,iBACN5B,KAAA,CAAAkF,aAAA,CAACpF,gBAAgB;IAACwF,OAAO,EAAE9B,SAAU;IAAC2B,KAAK,EAAElD,MAAM,CAAC4D;EAAQ,gBAC1D7F,KAAA,CAAAkF,aAAA,CAAClE,MAAM;IAAC8E,GAAG,EAAE7E,SAAS,CAACe,KAAK,CAAC+D,MAAM,CAACC,IAAI,CAAE;IAACC,KAAK,EAAC,IAAI;IAACC,MAAM,EAAC;EAAI,CAAE,CACnD,CACnB,eAEDlG,KAAA,CAAAkF,aAAA,CAACvF,KAAK;IACJwG,aAAa,EAAC,MAAM;IACpBC,WAAW,EAAE,IAAK;IAClBC,OAAO,EAAE5D,SAAU;IACnB6D,cAAc,EAAE7C;EAAW,gBAE3BzD,KAAA,CAAAkF,aAAA,CAACtF,SAAS;IAAC0F,OAAO,EAAE7B,UAAW;IAAC0B,KAAK,EAAElD,MAAM,CAACsE;EAAe,gBAC3DvG,KAAA,CAAAkF,aAAA,CAACzF,QAAQ,CAACM,IAAI;IAACoF,KAAK,EAAE,CAAClD,MAAM,CAACuE,YAAY,EAAEzC,UAAU;EAAE,gBACtD/D,KAAA,CAAAkF,aAAA,CAACrF,IAAI;IAACsF,KAAK,EAAElD,MAAM,CAACwE,MAAO;IAACnB,OAAO,EAAEf;EAAc,GAChD5B,UAAU,GAAG,aAAa,GAAG,aAC1B,CAAC,EACNhB,WAAW,IAAI,CAACE,WAAW,iBAC1B7B,KAAA,CAAAkF,aAAA,CAACrF,IAAI;IAACsF,KAAK,EAAElD,MAAM,CAACyE,MAAO;IAACpB,OAAO,EAAEX;EAAc,GAAC,aAE9C,CACP,EACAhD,WAAW,IAAIE,WAAW,iBACzB7B,KAAA,CAAAkF,aAAA,CAACrF,IAAI;IAACsF,KAAK,EAAElD,MAAM,CAACyE,MAAO;IAACpB,OAAO,EAAEP;EAAgB,GAAC,eAEhD,CAEK,CACN,CACN,CACH,CAAC;AAEX,CAAC;AAED,4BAAe9E,IAAI,CAACmB,gBAAgB,CAAC","ignoreList":[]}

package/lib/module/v4/screen/FollowerList/FollowerList.js

@@ -0,0 +1,101 @@
+import { FlatList, SafeAreaView } from 'react-native';
+import React, { memo, useCallback, useEffect, useRef, useState } from 'react';
+import { useStyles } from './styles';
+import { UserRepository } from '@amityco/ts-sdk-react-native';
+import CustomTab from '../../../components/CustomTab';
+import { TabName } from '../../enum/tabNameState';
+import FollowerListItem from './Components/FollowerListItem';
+const FollowerList = ({
+  route
+}) => {
+  const styles = useStyles();
+  const {
+    userId
+  } = route.params;
+  const onNextFollowerPageRef = useRef(null);
+  const onNextFollowingPageRef = useRef(null);
+  const [activeTab, setActiveTab] = useState(TabName.Following);
+  const [followStatus, setFollowStatus] = useState(null);
+  const [follower, setFollower] = useState(null);
+  const [following, setFollowing] = useState(null);
+  const formatFollowInfo = useCallback((follows, type) => {
+    return follows.map(item => {
+      return {
+        ...item,
+        userId: type === TabName.Following ? item.to : item.from
+      };
+    });
+  }, []);
+  useEffect(() => {
+    const unsubFollower = UserRepository.Relationship.getFollowers({
+      userId: userId,
+      limit: 20,
+      status: 'accepted'
+    }, ({
+      data,
+      error,
+      loading,
+      onNextPage,
+      hasNextPage
+    }) => {
+      if (error) return;
+      if (!loading) {
+        const followInfo = formatFollowInfo(data, TabName.Followers);
+        setFollower(followInfo);
+        onNextFollowerPageRef.current = hasNextPage ? onNextPage : null;
+      }
+    });
+    const unsubFollowing = UserRepository.Relationship.getFollowings({
+      userId: userId,
+      limit: 20,
+      status: 'accepted'
+    }, ({
+      data,
+      error,
+      loading,
+      onNextPage,
+      hasNextPage
+    }) => {
+      if (error) return;
+      if (!loading) {
+        const followInfo = formatFollowInfo(data, TabName.Following);
+        setFollowing(followInfo);
+        onNextFollowingPageRef.current = hasNextPage ? onNextPage : null;
+      }
+    });
+    return () => {
+      unsubFollowing();
+      unsubFollower();
+    };
+  }, [formatFollowInfo, userId]);
+  useEffect(() => {
+    if (activeTab === TabName.Followers) return setFollowStatus(follower);
+    return setFollowStatus(following);
+  }, [activeTab, follower, following]);
+  const renderFollowStatus = ({
+    item
+  }) => {
+    return /*#__PURE__*/React.createElement(FollowerListItem, {
+      userId: item.userId,
+      currentProfileId: userId,
+      activeTab: activeTab
+    });
+  };
+  const onEndReach = useCallback(() => {
+    if (activeTab === TabName.Followers && onNextFollowerPageRef !== null && onNextFollowerPageRef !== void 0 && onNextFollowerPageRef.current) return onNextFollowerPageRef === null || onNextFollowerPageRef === void 0 ? void 0 : onNextFollowerPageRef.current();
+    if (activeTab === TabName.Following && onNextFollowingPageRef !== null && onNextFollowingPageRef !== void 0 && onNextFollowingPageRef.current) return onNextFollowingPageRef === null || onNextFollowingPageRef === void 0 ? void 0 : onNextFollowingPageRef.current();
+  }, [activeTab]);
+  return /*#__PURE__*/React.createElement(SafeAreaView, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(CustomTab, {
+    tabName: [TabName.Following, TabName.Followers],
+    onTabChange: setActiveTab
+  }), /*#__PURE__*/React.createElement(FlatList, {
+    onEndReached: onEndReach,
+    data: followStatus,
+    renderItem: renderFollowStatus,
+    keyExtractor: item => item.userId
+  }));
+};
+export default /*#__PURE__*/memo(FollowerList);
+//# sourceMappingURL=FollowerList.js.map

package/lib/module/v4/screen/FollowerList/FollowerList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["FlatList","SafeAreaView","React","memo","useCallback","useEffect","useRef","useState","useStyles","UserRepository","CustomTab","TabName","FollowerListItem","FollowerList","route","styles","userId","params","onNextFollowerPageRef","onNextFollowingPageRef","activeTab","setActiveTab","Following","followStatus","setFollowStatus","follower","setFollower","following","setFollowing","formatFollowInfo","follows","type","map","item","to","from","unsubFollower","Relationship","getFollowers","limit","status","data","error","loading","onNextPage","hasNextPage","followInfo","Followers","current","unsubFollowing","getFollowings","renderFollowStatus","createElement","currentProfileId","onEndReach","style","container","tabName","onTabChange","onEndReached","renderItem","keyExtractor"],"sourceRoot":"../../../../../src","sources":["v4/screen/FollowerList/FollowerList.tsx"],"mappings":"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","ignoreList":[]}