@amityco/react-native-social-uikit 4.0.0-130c66f.0 → 4.0.0-354a3a5.0

package/src/screens/CategorytList/index.tsx

@@ -1,12 +1,6 @@
 import { CategoryRepository } from '@amityco/ts-sdk-react-native';
 import React, { useEffect, useState, useRef } from 'react';
-import {
-  FlatList,
-  View,
-  Text,
-  Image,
-  TouchableOpacity,
-} from 'react-native';
+import { FlatList, View, Text, Image, TouchableOpacity } from 'react-native';
 import { useStyles } from './styles';
 import CloseButton from '../../components/BackButton';
 import useAuth from '../../hooks/useAuth';
@@ -14,11 +8,11 @@ import useAuth from '../../hooks/useAuth';
 export default function CategoryList({ navigation }: any) {
   const { apiRegion } = useAuth();
 
-  const [categoryObject, setCategoryObject] = useState<Amity.LiveCollection<Amity.Category>>();
+  const [categoryObject, setCategoryObject] =
+    useState<Amity.LiveCollection<Amity.Category>>();
   const { data: categoryArr = [], onNextPage } = categoryObject ?? {};
   const styles = useStyles();
 
-
   const onEndReachedCalledDuringMomentumRef = useRef(true);
   React.useLayoutEffect(() => {
     navigation.setOptions({
@@ -41,7 +35,7 @@ export default function CategoryList({ navigation }: any) {
         unsubscribe();
       } catch (error) {
         console.error('Failed to load categories:', error);
-      } 
+      }
     };
     loadCategories();
   }, []);
@@ -71,10 +65,9 @@ export default function CategoryList({ navigation }: any) {
     );
   };
 
-
-  const handleEndReached=()=>{
-    onNextPage && onNextPage()
-  }
+  const handleEndReached = () => {
+    onNextPage && onNextPage();
+  };
 
   return (
     <View style={styles.container}>

package/src/snippet/AmityCommunitySearchResultComponent.tsx

@@ -7,7 +7,7 @@
 import {
   AmityCommunitySearchResultComponent,
   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/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/svg/svg-xml-list.ts

@@ -429,3 +429,9 @@ export const infoIcon = (
 ): string => `<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M8 2.25006C4.25 2.25006 1.25 5.28131 1.25 9.00006C1.25 12.7501 4.25 15.7501 8 15.7501C11.7188 15.7501 14.75 12.7501 14.75 9.00006C14.75 5.28131 11.6875 2.25006 8 2.25006ZM8 1.25006C12.25 1.25006 15.75 4.75006 15.75 9.00006C15.75 13.2813 12.25 16.7501 8 16.7501C3.71875 16.7501 0.25 13.2813 0.25 9.00006C0.25 4.75006 3.71875 1.25006 8 1.25006ZM6.875 12.0001H7.25V8.25006H6.875C6.65625 8.25006 6.5 8.09381 6.5 7.87506V7.62506C6.5 7.43756 6.65625 7.25006 6.875 7.25006H8.375C8.5625 7.25006 8.75 7.43756 8.75 7.62506V12.0001H9.125C9.3125 12.0001 9.5 12.1876 9.5 12.3751V12.6251C9.5 12.8438 9.3125 13.0001 9.125 13.0001H6.875C6.65625 13.0001 6.5 12.8438 6.5 12.6251V12.3751C6.5 12.1876 6.65625 12.0001 6.875 12.0001ZM8 4.50006C8.53125 4.50006 9 4.96881 9 5.50006C9 6.06256 8.53125 6.50006 8 6.50006C7.4375 6.50006 7 6.06256 7 5.50006C7 4.96881 7.4375 4.50006 8 4.50006Z" fill="${color}"/>
 </svg>`;
+export const errorIcon = (
+  color: string = '#fff'
+): string => `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="8" cy="8" r="7.25" fill="#FA4D30" stroke="#fff" strokeWidth="1.5"></circle>
+<path d="M9.25 10.75C9.25 11.453 8.687 12 8 12c-.703 0-1.25-.547-1.25-1.25 0-.688.547-1.25 1.25-1.25.688 0 1.25.563 1.25 1.25zM6.89 4.406A.378.378 0 017.267 4h1.453c.219 0 .39.188.375.406l-.203 4.25A.387.387 0 018.516 9H7.469a.387.387 0 01-.375-.344l-.203-4.25z" fill="${color}"/>
+</svg>`;

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}
     />
   );
 };