@amityco/react-native-social-uikit 4.0.0-130c66f.0 → 4.0.0-3dd1feab.0

package/src/snippet/AmityCreatePostMenuComponent.tsx

@@ -7,7 +7,7 @@
 import {
   AmityCreatePostMenuComponent,
   AmityUiKitProvider,
-} from 'amity-react-native-social-ui-kit';
+} from '@amityco/react-native-social-uikit';
 import React from 'react';
 import config from '../../uikit.config.json';
 <AmityUiKitProvider

package/src/snippet/AmityDetailedMediaAttachmentComponent.tsx

@@ -8,7 +8,7 @@ import {
   AmityDetailedMediaAttachmentComponent,
   AmityUiKitProvider,
   mediaAttachment,
-} from 'amity-react-native-social-ui-kit';
+} from '@amityco/react-native-social-uikit';
 import React from 'react';
 import config from '../../uikit.config.json';
 <AmityUiKitProvider

package/src/snippet/AmityEmptyNewsFeedComponent.tsx

@@ -7,7 +7,7 @@
 import {
   AmityEmptyNewsFeedComponent,
   AmityUiKitProvider,
-} from 'amity-react-native-social-ui-kit';
+} from '@amityco/react-native-social-uikit';
 import React from 'react';
 import config from '../../uikit.config.json';
 <AmityUiKitProvider

package/src/snippet/AmityGlobalFeedComponent.tsx

@@ -7,7 +7,7 @@
 import {
   AmityGlobalFeedComponent,
   AmityUiKitProvider,
-} from 'amity-react-native-social-ui-kit';
+} from '@amityco/react-native-social-uikit';
 import React from 'react';
 import config from '../../uikit.config.json';
 <AmityUiKitProvider

package/src/snippet/AmityMediaAttachmentComponent.tsx

@@ -8,7 +8,7 @@ import {
   AmityMediaAttachmentComponent,
   AmityUiKitProvider,
   mediaAttachment,
-} from 'amity-react-native-social-ui-kit';
+} from '@amityco/react-native-social-uikit';
 import React from 'react';
 import config from '../../uikit.config.json';
 <AmityUiKitProvider

package/src/snippet/AmityMyCommunitiesComponent.tsx

@@ -7,7 +7,7 @@
 import {
   AmityMyCommunitiesComponent,
   AmityUiKitProvider,
-} from 'amity-react-native-social-ui-kit';
+} from '@amityco/react-native-social-uikit';
 import React from 'react';
 import config from '../../uikit.config.json';
 <AmityUiKitProvider

package/src/snippet/AmityMyCommunitiesSearchPage.tsx

@@ -7,7 +7,7 @@
 import {
   AmityMyCommunitiesSearchPage,
   AmityUiKitProvider,
-} from 'amity-react-native-social-ui-kit';
+} from '@amityco/react-native-social-uikit';
 import React from 'react';
 import config from '../../uikit.config.json';
 <AmityUiKitProvider

package/src/snippet/AmityNewsFeedComponent.tsx

@@ -7,7 +7,7 @@
 import {
   AmityNewsFeedComponent,
   AmityUiKitProvider,
-} from 'amity-react-native-social-ui-kit';
+} from '@amityco/react-native-social-uikit';
 import React from 'react';
 import config from '../../uikit.config.json';
 <AmityUiKitProvider

package/src/snippet/AmityPostComposerPage.tsx

@@ -8,7 +8,7 @@ import {
   AmityPostComposerPage,
   AmityUiKitProvider,
   AmityPostComposerMode,
-} from 'amity-react-native-social-ui-kit';
+} from '@amityco/react-native-social-uikit';
 import React from 'react';
 import config from '../../uikit.config.json';
 <AmityUiKitProvider

package/src/snippet/AmityPostContentComponent.tsx

@@ -7,7 +7,7 @@
 import {
   AmityPostContentComponent,
   AmityUiKitProvider,
-} from 'amity-react-native-social-ui-kit';
+} from '@amityco/react-native-social-uikit';
 import React from 'react';
 import config from '../../uikit.config.json';
 <AmityUiKitProvider

package/src/snippet/AmityPostDetailPage.tsx

@@ -7,7 +7,7 @@
 import {
   AmityPostDetailPage,
   AmityUiKitProvider,
-} from 'amity-react-native-social-ui-kit';
+} from '@amityco/react-native-social-uikit';
 import React from 'react';
 import config from '../../uikit.config.json';
 <AmityUiKitProvider

package/src/snippet/AmityPostTargetSelectionPage.tsx

@@ -8,7 +8,7 @@ import {
   AmityPostTargetSelectionPage,
   AmityUiKitProvider,
   AmityPostTargetSelectionPageType,
-} from 'amity-react-native-social-ui-kit';
+} from '@amityco/react-native-social-uikit';
 import React from 'react';
 import config from '../../uikit.config.json';
 <AmityUiKitProvider

package/src/snippet/AmityReactionListComponent.tsx

@@ -7,7 +7,7 @@
 import {
   AmityReactionListComponent,
   AmityUiKitProvider,
-} from 'amity-react-native-social-ui-kit';
+} from '@amityco/react-native-social-uikit';
 import React from 'react';
 import config from '../../uikit.config.json';
 <AmityUiKitProvider

package/src/snippet/AmitySocialGlobalSearchPage.tsx

@@ -7,7 +7,7 @@
 import {
   AmitySocialGlobalSearchPage,
   AmityUiKitProvider,
-} from 'amity-react-native-social-ui-kit';
+} from '@amityco/react-native-social-uikit';
 import React from 'react';
 import config from '../../uikit.config.json';
 <AmityUiKitProvider

package/src/snippet/AmitySocialHomePage.tsx

@@ -7,7 +7,7 @@
 import {
   AmitySocialHomePage,
   AmityUiKitProvider,
-} from 'amity-react-native-social-ui-kit';
+} from '@amityco/react-native-social-uikit';
 import React from 'react';
 import config from '../../uikit.config.json';
 <AmityUiKitProvider

package/src/snippet/AmitySocialHomeTopNavigationComponent.tsx

@@ -7,7 +7,7 @@
 import {
   AmitySocialHomeTopNavigationComponent,
   AmityUiKitProvider,
-} from 'amity-react-native-social-ui-kit';
+} from '@amityco/react-native-social-uikit';
 import React from 'react';
 import config from '../../uikit.config.json';
 <AmityUiKitProvider

package/src/snippet/AmityStoryTargetSelectionPage.tsx

@@ -7,7 +7,7 @@
 import {
   AmityStoryTargetSelectionPage,
   AmityUiKitProvider,
-} from 'amity-react-native-social-ui-kit';
+} from '@amityco/react-native-social-uikit';
 import React from 'react';
 import config from '../../uikit.config.json';
 <AmityUiKitProvider

package/src/snippet/AmityTopSearchBarComponent.tsx

@@ -7,7 +7,7 @@
 import {
   AmityTopSearchBarComponent,
   AmityUiKitProvider,
-} from 'amity-react-native-social-ui-kit';
+} from '@amityco/react-native-social-uikit';
 import React from 'react';
 import config from '../../uikit.config.json';
 import { TabName } from '../v4/enum';

package/src/snippet/AmityUserSearchResultComponent.tsx

@@ -7,7 +7,7 @@
 import {
   AmityUserSearchResultComponent,
   AmityUiKitProvider,
-} from 'amity-react-native-social-ui-kit';
+} from '@amityco/react-native-social-uikit';
 import React from 'react';
 import config from '../../uikit.config.json';
 <AmityUiKitProvider

package/src/v4/PublicApi/Components/AmityCommunityFeedComponent/AmityCommunityFeedComponent.tsx

@@ -209,8 +209,8 @@ const AmityCommunityFeedComponent = forwardRef<
         isPinnedPost(item)
           ? item.post.postId
           : isAmityAd(item)
-            ? item.adId.toString() + index
-            : item.postId.toString() + '_' + index
+          ? item.adId.toString() + index
+          : item.postId.toString() + '_' + index
       }
       extraData={itemWithAds}
     />

package/src/v4/PublicApi/Components/AmityCommunityProfileTabComponent/AmityCommunityProfileTabComponent.tsx

@@ -28,107 +28,107 @@ const AmityCommunityProfileTabComponent: FC<
   currentTab,
   onTabChange,
 }) => {
-    const elementId = ElementID.community_profile_tab;
+  const elementId = ElementID.community_profile_tab;
 
-    const { themeStyles, accessibilityId } = useAmityElement({
-      pageId,
-      componentId,
-      elementId,
-    });
+  const { themeStyles, accessibilityId } = useAmityElement({
+    pageId,
+    componentId,
+    elementId,
+  });
 
-    const styles = StyleSheet.create({
-      container: {
-        backgroundColor: themeStyles?.colors.background,
-        flexDirection: 'row',
-        width: '100%',
-        paddingHorizontal: 16,
-        justifyContent: 'space-between',
-        borderBottomColor: themeStyles?.colors.baseShade4,
-        borderBottomWidth: 1,
-      },
-    });
+  const styles = StyleSheet.create({
+    container: {
+      backgroundColor: themeStyles?.colors.background,
+      flexDirection: 'row',
+      width: '100%',
+      paddingHorizontal: 16,
+      justifyContent: 'space-between',
+      borderBottomColor: themeStyles?.colors.baseShade4,
+      borderBottomWidth: 1,
+    },
+  });
 
-    const getActiveColor = useCallback(
-      (isActive: boolean) => {
-        return isActive
-          ? themeStyles?.colors.base
-          : themeStyles?.colors.baseShade2;
-      },
-      [themeStyles]
-    );
+  const getActiveColor = useCallback(
+    (isActive: boolean) => {
+      return isActive
+        ? themeStyles?.colors.base
+        : themeStyles?.colors.baseShade2;
+    },
+    [themeStyles]
+  );
 
-    return (
-      <View
-        style={styles.container}
-        testID={accessibilityId}
-        accessibilityLabel={accessibilityId}
+  return (
+    <View
+      style={styles.container}
+      testID={accessibilityId}
+      accessibilityLabel={accessibilityId}
+    >
+      <Pressable
+        onPress={() => onTabChange(CommunityProfileTab.community_feed)}
       >
-        <Pressable
-          onPress={() => onTabChange(CommunityProfileTab.community_feed)}
-        >
-          <IconTab
-            themeStyles={themeStyles}
-            icon={
-              <SvgXml
-                xml={feed(
-                  getActiveColor(
-                    currentTab === CommunityProfileTab.community_feed
-                  )
-                )}
-              />
-            }
-            isActive={currentTab === CommunityProfileTab.community_feed}
-          />
-        </Pressable>
-        <Pressable onPress={() => onTabChange(CommunityProfileTab.community_pin)}>
-          <IconTab
-            themeStyles={themeStyles}
-            icon={
-              <SvgXml
-                xml={pin(
-                  getActiveColor(currentTab === CommunityProfileTab.community_pin)
-                )}
-              />
-            }
-            isActive={currentTab === CommunityProfileTab.community_pin}
-          />
-        </Pressable>
-        <Pressable
-          onPress={() => onTabChange(CommunityProfileTab.community_image_feed)}
-        >
-          <IconTab
-            themeStyles={themeStyles}
-            icon={
-              <SvgXml
-                xml={image(
-                  getActiveColor(
-                    currentTab === CommunityProfileTab.community_image_feed
-                  )
-                )}
-              />
-            }
-            isActive={currentTab === CommunityProfileTab.community_image_feed}
-          />
-        </Pressable>
-        <Pressable
-          onPress={() => onTabChange(CommunityProfileTab.community_video_feed)}
-        >
-          <IconTab
-            themeStyles={themeStyles}
-            icon={
-              <SvgXml
-                xml={video(
-                  getActiveColor(
-                    currentTab === CommunityProfileTab.community_video_feed
-                  )
-                )}
-              />
-            }
-            isActive={currentTab === CommunityProfileTab.community_video_feed}
-          />
-        </Pressable>
-      </View>
-    );
-  };
+        <IconTab
+          themeStyles={themeStyles}
+          icon={
+            <SvgXml
+              xml={feed(
+                getActiveColor(
+                  currentTab === CommunityProfileTab.community_feed
+                )
+              )}
+            />
+          }
+          isActive={currentTab === CommunityProfileTab.community_feed}
+        />
+      </Pressable>
+      <Pressable onPress={() => onTabChange(CommunityProfileTab.community_pin)}>
+        <IconTab
+          themeStyles={themeStyles}
+          icon={
+            <SvgXml
+              xml={pin(
+                getActiveColor(currentTab === CommunityProfileTab.community_pin)
+              )}
+            />
+          }
+          isActive={currentTab === CommunityProfileTab.community_pin}
+        />
+      </Pressable>
+      <Pressable
+        onPress={() => onTabChange(CommunityProfileTab.community_image_feed)}
+      >
+        <IconTab
+          themeStyles={themeStyles}
+          icon={
+            <SvgXml
+              xml={image(
+                getActiveColor(
+                  currentTab === CommunityProfileTab.community_image_feed
+                )
+              )}
+            />
+          }
+          isActive={currentTab === CommunityProfileTab.community_image_feed}
+        />
+      </Pressable>
+      <Pressable
+        onPress={() => onTabChange(CommunityProfileTab.community_video_feed)}
+      >
+        <IconTab
+          themeStyles={themeStyles}
+          icon={
+            <SvgXml
+              xml={video(
+                getActiveColor(
+                  currentTab === CommunityProfileTab.community_video_feed
+                )
+              )}
+            />
+          }
+          isActive={currentTab === CommunityProfileTab.community_video_feed}
+        />
+      </Pressable>
+    </View>
+  );
+};
 
 export default memo(AmityCommunityProfileTabComponent);

package/src/v4/PublicApi/Components/AmityGlobalFeedComponent/AmityGlobalFeedComponent.tsx

@@ -1,5 +1,5 @@
 import React, { FC, memo, useCallback, useRef, useState } from 'react';
-import { FlatList } from 'react-native';
+import { FlatList, View } from 'react-native';
 
 import { RefreshControl } from 'react-native';
 import AmityPostContentComponent from '../AmityPostContentComponent/AmityPostContentComponent';
@@ -20,6 +20,7 @@ import Divider from '../../../component/Divider';
 type AmityGlobalFeedComponentType = {
   pageId?: PageID;
   isShowStoryTab?: boolean;
+  GlobalFeedHeaderComponent?: React.ReactElement;
 };
 
 export const globalFeedPageLimit = 20;
@@ -27,6 +28,7 @@ export const globalFeedPageLimit = 20;
 const AmityGlobalFeedComponent: FC<AmityGlobalFeedComponentType> = ({
   pageId,
   isShowStoryTab = true,
+  GlobalFeedHeaderComponent,
 }) => {
   const { itemWithAds, refresh, loading, onNextPage } =
     useCustomRankingGlobalFeed();
@@ -100,12 +102,15 @@ const AmityGlobalFeedComponent: FC<AmityGlobalFeedComponentType> = ({
       }
       keyboardShouldPersistTaps="handled"
       ListHeaderComponent={
-        !refreshing &&
-        !loading &&
-        isShowStoryTab && (
-          <AmityStoryTabComponent
-            type={AmityStoryTabComponentEnum.globalFeed}
-          />
+        !refreshing && !loading && isShowStoryTab ? (
+          <View>
+            {GlobalFeedHeaderComponent}
+            <AmityStoryTabComponent
+              type={AmityStoryTabComponentEnum.globalFeed}
+            />
+          </View>
+        ) : (
+          GlobalFeedHeaderComponent
         )
       }
       viewabilityConfig={{ viewAreaCoveragePercentThreshold: 60 }}

package/src/v4/PublicApi/Components/AmityPostContentComponent/AmityPostContentComponent.tsx

@@ -158,8 +158,6 @@ const AmityPostContentComponent: FC<AmityPostContentComponentProps> = ({
     });
   };
 
-  if (post?.structureType === 'liveStream') return null;
-
   return (
     <View>
       {(category === AmityPostCategory.ANNOUNCEMENT ||

package/src/v4/PublicApi/Components/AmityReactionListComponent/AmityReactionListComponent.tsx

@@ -74,10 +74,10 @@ const AmityReactionListComponent: FC<AmityReactionListComponentType> = ({
         selectedReactionIndex === 0
           ? allReactionList
           : selectedReactionIndex === 1
-            ? likeReactionList
-            : selectedReactionIndex === 2
-              ? loveReactionList
-              : null;
+          ? likeReactionList
+          : selectedReactionIndex === 2
+          ? loveReactionList
+          : null;
       if (currentUsers?.length > 0) {
         const userList = currentUsers.map((item) => item.userId);
         try {
@@ -95,7 +95,7 @@ const AmityReactionListComponent: FC<AmityReactionListComponentType> = ({
       }
     })();
 
-    return () => { };
+    return () => {};
   }, [
     allReactionList,
     likeReactionList,
@@ -231,10 +231,10 @@ const AmityReactionListComponent: FC<AmityReactionListComponentType> = ({
         {loading
           ? renderContentLoading()
           : hasError
-            ? errorContent()
-            : reactors
-              ? renderReactionList()
-              : null}
+          ? errorContent()
+          : reactors
+          ? renderReactionList()
+          : null}
       </View>
     </Modal>
   );

package/src/v4/PublicApi/Pages/AmityLivestreamPostTargetSelectionPage/AmityLivestreamPostTargetSelectionPage.tsx

@@ -37,10 +37,16 @@ const AmityLivestreamPostTargetSelectionPage = () => {
     navigation.navigate('CreateLivestream', context);
   };
 
+  const onClickClose = () => {
+    if (AmityLivestreamPostTargetSelectionPageBehavior?.onClickClose) {
+      AmityLivestreamPostTargetSelectionPageBehavior.onClickClose();
+    }
+  };
   return (
     <TargetSelectionPage
       onSelectFeed={onSelectFeed}
       pageId={PageID.livestream_post_target_selection_page}
+      onClickClose={onClickClose}
     />
   );
 };

package/src/v4/PublicApi/Pages/AmityPollTargetSelectionPage/AmityPollTargetSelectionPage.tsx

@@ -28,11 +28,16 @@ const AmityPollTargetSelectionPage = () => {
     }
     navigation.navigate('PollPostComposer', context);
   };
-
+  const onClickClose = () => {
+    if (AmityPollTargetSelectionPageBehavior?.onClickClose) {
+      AmityPollTargetSelectionPageBehavior.onClickClose();
+    }
+  };
   return (
     <TargetSelectionPage
       onSelectFeed={onSelectFeed}
       pageId={PageID.select_poll_target_page}
+      onClickClose={onClickClose}
     />
   );
 };