@amityco/react-native-social-uikit 4.0.0-36607be.0 → 4.0.0-3e7b2eb7.0

package/lib/typescript/src/v4/features/feed/elements/CommunityCategory/CommunityCategory.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommunityCategory.d.ts","sourceRoot":"","sources":["../../../../../../../../src/v4/features/feed/elements/CommunityCategory/CommunityCategory.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,WAAW,EAAa,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAElE,KAAK,sBAAsB,GAAG;IAC5B,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,EAChC,YAAY,EACZ,KAAK,EACL,QAAQ,EACR,MAAM,EACN,WAAW,GACZ,EAAE,sBAAsB,qBAwBxB"}

package/lib/typescript/src/v4/features/feed/elements/CommunityCategory/index.d.ts

@@ -0,0 +1,2 @@
+export { CommunityCategory } from './CommunityCategory';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/v4/features/feed/elements/CommunityCategory/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/v4/features/feed/elements/CommunityCategory/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC"}

package/lib/typescript/src/v4/features/feed/elements/CommunityCategory/styles.d.ts

@@ -0,0 +1,17 @@
+import { MyMD3Theme } from 'src/providers/amity-ui-kit-provider';
+export declare const useStyles: () => {
+    styles: {
+        chipContainer: {
+            backgroundColor: string;
+            paddingHorizontal: number;
+            borderRadius: number;
+        };
+        chipText: {
+            fontSize: number;
+            lineHeight: number;
+            color: string;
+        };
+    };
+    theme: MyMD3Theme;
+};
+//# sourceMappingURL=styles.d.ts.map

package/lib/typescript/src/v4/features/feed/elements/CommunityCategory/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../../../../src/v4/features/feed/elements/CommunityCategory/styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AAEjE,eAAO,MAAM,SAAS;;;;;;;;;;;;;;CAerB,CAAC"}

package/lib/typescript/src/v4/features/feed/elements/index.d.ts

@@ -0,0 +1,2 @@
+export * from './CommunityCategory';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/v4/features/feed/elements/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/v4/features/feed/elements/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC"}

package/lib/typescript/src/v4/hook/useAmityGlobalSearchViewModel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAmityGlobalSearchViewModel.d.ts","sourceRoot":"","sources":["../../../../../src/v4/hook/useAmityGlobalSearchViewModel.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAE9C,eAAO,MAAM,6BAA6B,GACxC,aAAa,MAAM,EACnB,YAAY,OAAO;;;+BAGV,IAAI;0BAK+C,IAAI;iCAFvD,IAAI;CA0Ed,CAAC"}
+{"version":3,"file":"useAmityGlobalSearchViewModel.d.ts","sourceRoot":"","sources":["../../../../../src/v4/hook/useAmityGlobalSearchViewModel.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAE9C,eAAO,MAAM,6BAA6B,GACxC,aAAa,MAAM,EACnB,YAAY,OAAO;;;+BAGV,IAAI;0BAK+C,IAAI;iCAFvD,IAAI;CA8Ed,CAAC"}

package/lib/typescript/src/v4/hook/useCustomRankingGlobalFeed.d.ts

@@ -1,10 +1,15 @@
 import { IComment } from '../../components/Social/CommentList';
 export declare const isAmityAd: (item: Amity.Post<any> | Amity.Ad | IComment) => item is Amity.Ad;
-export declare const useCustomRankingGlobalFeed: () => {
+type UseCustomRankingGlobalFeed = {
+    enabled?: boolean;
+};
+export declare const useCustomRankingGlobalFeed: ({ enabled, }?: UseCustomRankingGlobalFeed) => {
     loading: boolean;
     refresh: () => void;
     itemWithAds: (Amity.Post<any> | Amity.Ad)[];
     onNextPage: () => void | null;
     error: boolean;
+    globalFeedPosts: any;
 };
+export {};
 //# sourceMappingURL=useCustomRankingGlobalFeed.d.ts.map

package/lib/typescript/src/v4/hook/useCustomRankingGlobalFeed.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCustomRankingGlobalFeed.d.ts","sourceRoot":"","sources":["../../../../../src/v4/hook/useCustomRankingGlobalFeed.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAG/D,eAAO,MAAM,SAAS,GACpB,MAAM,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,EAAE,GAAG,QAAQ,KAC1C,IAAI,IAAI,KAAK,CAAC,EAEhB,CAAC;AAEF,eAAO,MAAM,0BAA0B;;;;sBAIF,IAAI,GAAG,IAAI;;CA6F/C,CAAC"}
+{"version":3,"file":"useCustomRankingGlobalFeed.d.ts","sourceRoot":"","sources":["../../../../../src/v4/hook/useCustomRankingGlobalFeed.ts"],"names":[],"mappings":"AAcA,OAAO,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAG/D,eAAO,MAAM,SAAS,GACpB,MAAM,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,EAAE,GAAG,QAAQ,KAC1C,IAAI,IAAI,KAAK,CAAC,EAEhB,CAAC;AAEF,KAAK,0BAA0B,GAAG;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,0BAA0B,GAAI,eAExC,0BAA+B;;;;sBAIG,IAAI,GAAG,IAAI;;;CA4F/C,CAAC"}

package/lib/typescript/src/v4/hook/usePaginator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePaginator.d.ts","sourceRoot":"","sources":["../../../../../src/v4/hook/usePaginator.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,gBAAgB,GAAI,CAAC,EAAE,gFAMjC;IACD,SAAS,EAAE,KAAK,CAAC,WAAW,CAAC;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAC/B,4BAA4B,EAAE,CAAC,OAAO,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC,CAAC;CACnE;oCA2MwC,CAAC,EAAE,KAAG,KAAK,CAAC,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC;;;CAmBjE,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,CAAC,EAAE,QAAQ;IACzC,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,SAAS,EAAE,KAAK,CAAC,WAAW,CAAC;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;;;CAoCA,CAAC"}
+{"version":3,"file":"usePaginator.d.ts","sourceRoot":"","sources":["../../../../../src/v4/hook/usePaginator.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,gBAAgB,GAAI,CAAC,EAAE,gFAMjC;IACD,SAAS,EAAE,KAAK,CAAC,WAAW,CAAC;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAC/B,4BAA4B,EAAE,CAAC,OAAO,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC,CAAC;CACnE;oCA0OwC,CAAC,EAAE,KAAG,KAAK,CAAC,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC;;;CAmBjE,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,CAAC,EAAE,QAAQ;IACzC,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,SAAS,EAAE,KAAK,CAAC,WAAW,CAAC;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;;;CAmCA,CAAC"}

package/lib/typescript/src/v4/hook/usePendingPostQuery.d.ts

@@ -1,42 +1,5 @@
 export declare const usePendingPostQuery: () => {
-    deletePost: import("@tanstack/react-query").UseMutateFunction<{
-        postId: string;
-        postedUserId: Amity.RawUser["userId"];
-        parentId: Amity.RawPost["postId"];
-        parentPostId: Amity.RawPost["postId"];
-        targetType: Amity.PostTargetType;
-        targetId: string;
-        feedId: Amity.Feed["feedId"];
-        children: Amity.RawPost["postId"][];
-        comments: Amity.InternalComment["commentId"][];
-        commentsCount: number;
-        hasFlaggedChildren: false;
-        hasFlaggedComment: false;
-        editedAt: Amity.timestamp;
-        metadata?: Record<string, any>;
-        flagCount: number;
-        hashFlag: {
-            bits: number;
-            hashes: number;
-            hash: string;
-        } | null;
-        tags?: string[];
-        createdAt: Amity.timestamp;
-        updatedAt?: Amity.timestamp;
-        isDeleted?: boolean;
-        path: string;
-        impression: number;
-        reach: number;
-        reactionsCount: number;
-        reactions: Record<string, number>;
-        myReactions?: string[];
-        hashtags?: string[];
-        structureType: Amity.PostStructureType;
-        eventId?: string;
-        links?: Amity.Link[];
-    } & Amity.Content<any> & Amity.Mentionable<"user"> & {
-        feedType?: "reviewing" | "published";
-    } & Amity.PostLinkObject, Error, string, unknown>;
+    deletePost: import("@tanstack/react-query").UseMutateFunction<Omit<Amity.InternalPost<any>, "productTags"> & Amity.PostLinkObject, Error, string, unknown>;
     approvePost: import("@tanstack/react-query").UseMutateFunction<{
         data: Amity.Post<any>;
     } & {

package/lib/typescript/src/v4/hook/usePendingPostQuery.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePendingPostQuery.d.ts","sourceRoot":"","sources":["../../../../../src/v4/hook/usePendingPostQuery.ts"],"names":[],"mappings":"AAoBA,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0D/B,CAAC"}
+{"version":3,"file":"usePendingPostQuery.d.ts","sourceRoot":"","sources":["../../../../../src/v4/hook/usePendingPostQuery.ts"],"names":[],"mappings":"AAoBA,eAAO,MAAM,mBAAmB;;;;;;;;;;;;CA0D/B,CAAC"}

package/lib/typescript/src/v4/hook/usePoll.d.ts

@@ -1,5 +1,5 @@
 export declare const usePoll: (pollId: string) => {
-    poll: Amity.RawPoll;
+    poll: Amity.Poll;
     loading: boolean;
     votePoll: (answerIds: string[]) => Promise<void>;
     totalVotes: number;

package/lib/typescript/src/v4/hook/usePostPermission.d.ts

@@ -0,0 +1,6 @@
+type UsePostPermissionParams = {
+    community?: Amity.Community;
+};
+export declare function usePostPermission({ community }: UsePostPermissionParams): boolean;
+export {};
+//# sourceMappingURL=usePostPermission.d.ts.map

package/lib/typescript/src/v4/hook/usePostPermission.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePostPermission.d.ts","sourceRoot":"","sources":["../../../../../src/v4/hook/usePostPermission.ts"],"names":[],"mappings":"AAQA,KAAK,uBAAuB,GAAG;IAC7B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,EAAE,SAAS,EAAE,EAAE,uBAAuB,WAiCvE"}

package/lib/typescript/src/v4/hook/useSearch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSearch.d.ts","sourceRoot":"","sources":["../../../../../src/v4/hook/useSearch.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAE1D,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC,IAAI,GAClC,WAAW,GACX,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,CAAC;AAE/D,QAAA,MAAM,SAAS,GACb,YAAY,MAAM,GAAG,IAAI,EACzB,qBAAoB,MAAW;;uBAEK,IAAI;CA8DzC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"useSearch.d.ts","sourceRoot":"","sources":["../../../../../src/v4/hook/useSearch.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAE1D,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC,IAAI,GAClC,WAAW,GACX,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,CAAC;AAE/D,QAAA,MAAM,SAAS,GACb,YAAY,MAAM,GAAG,IAAI,EACzB,qBAAoB,MAAW;;uBAEK,IAAI;CAkEzC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/typescript/src/v4/routes/AmityPageRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AmityPageRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/v4/routes/AmityPageRenderer.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA+D/B,UAAU,iBAAiB;IACzB,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;CAC7B;AACD,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAE,QAAQ,EAAE,EAAE,iBAAiB,qBA0SnE"}
+{"version":3,"file":"AmityPageRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/v4/routes/AmityPageRenderer.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgE/B,UAAU,iBAAiB;IACzB,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;CAC7B;AACD,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAE,QAAQ,EAAE,EAAE,iBAAiB,qBA+SnE"}

package/lib/typescript/src/v4/routes/AmitySocialUIKitV4Navigator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AmitySocialUIKitV4Navigator.d.ts","sourceRoot":"","sources":["../../../../../src/v4/routes/AmitySocialUIKitV4Navigator.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgE/B,MAAM,CAAC,OAAO,UAAU,2BAA2B,sBA8SlD"}
+{"version":3,"file":"AmitySocialUIKitV4Navigator.d.ts","sourceRoot":"","sources":["../../../../../src/v4/routes/AmitySocialUIKitV4Navigator.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgE/B,MAAM,CAAC,OAAO,UAAU,2BAA2B,sBA+SlD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@amityco/react-native-social-uikit",
-  "version": "4.0.0-36607be.0",
+  "version": "4.0.0-3e7b2eb7.0",
   "description": "Social UIKit",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -57,7 +57,7 @@
     "registry": "https://registry.npmjs.org/"
   },
   "devDependencies": {
-    "@amityco/ts-sdk-react-native": "7.13.0",
+    "@amityco/ts-sdk-react-native": "^7.17.0",
     "@babel/plugin-transform-export-namespace-from": "^7.27.1",
     "@commitlint/config-conventional": "^17.0.2",
     "@evilmartians/lefthook": "^1.2.2",
@@ -116,7 +116,7 @@
     "@types/react": "18.2.37"
   },
   "peerDependencies": {
-    "@amityco/ts-sdk-react-native": "7.13.0",
+    "@amityco/ts-sdk-react-native": "^7.17.0",
     "@livekit/react-native": "^2.9.6",
     "@livekit/react-native-webrtc": "^137.0.2",
     "@react-native-async-storage/async-storage": "^1.19.3",

package/src/components/AddMembersModal/index.tsx

@@ -1,4 +1,7 @@
-import { UserRepository } from '@amityco/ts-sdk-react-native';
+import {
+  SearchUsersByEnum,
+  UserRepository,
+} from '@amityco/ts-sdk-react-native';
 import React, { useEffect, useState, useRef, useCallback } from 'react';
 import {
   TouchableOpacity,
@@ -54,7 +57,11 @@ const AddMembersModal = ({
   const queryAccounts = useCallback(
     (text: string = '') => {
       const unsubscribe = UserRepository.searchUserByDisplayName(
-        { displayName: text, limit: 20 },
+        {
+          displayName: text,
+          limit: 20,
+          searchBy: [SearchUsersByEnum.DISPLAY_NAME],
+        },
         ({ data, onNextPage }) => {
           userNextPageRef.current = onNextPage;
           setSectionedGroupUserList(null);

package/src/components/Social/PostList/index.tsx

@@ -415,11 +415,16 @@ export default function PostList({
     <View key={postId} style={styles.postWrap}>
       <View style={styles.headerSection}>
         <View style={styles.user}>
-          {user?.avatarFileId ? (
+          {user?.avatarCustomUrl ? (
+            <Image
+              style={styles.avatar as ImageStyle}
+              source={{ uri: user.avatarCustomUrl }}
+            />
+          ) : user?.avatarFileId ? (
             <Image
               style={styles.avatar as ImageStyle}
               source={{
-                uri: `https://api.${apiRegion}.amity.co/api/v3/files/${user?.avatarFileId}/download`,
+                uri: `https://api.${apiRegion}.amity.co/api/v3/files/${user.avatarFileId}/download`,
               }}
             />
           ) : (

package/src/hooks/useSearch.ts

@@ -1,5 +1,6 @@
 import {
   CommunityRepository,
+  SearchUsersByEnum,
   UserRepository,
 } from '@amityco/ts-sdk-react-native';
 import { useCallback, useEffect, useState, useRef } from 'react';
@@ -45,7 +46,11 @@ const useSearch = (
 
   const searchAllUsers = useCallback((text: string) => {
     return UserRepository.searchUserByDisplayName(
-      { displayName: text, limit: 5 },
+      {
+        displayName: text,
+        limit: 5,
+        searchBy: [SearchUsersByEnum.DISPLAY_NAME],
+      },
       ({ data, error, hasNextPage, onNextPage }) => {
         if (error) return null;
         hasNextPage

package/src/redux/slices/globalfeedSlice.ts

@@ -21,23 +21,28 @@ const globalFeedSlice = createSlice({
   initialState,
   reducers: {
     setNewGlobalFeed: (state, action: PayloadAction<Amity.Post<any>[]>) => {
-      state.postList = [...action.payload];
+      const seen = new Set<string>();
+      state.postList = action.payload.filter((post) => {
+        if (seen.has(post.postId)) return false;
+        seen.add(post.postId);
+        return true;
+      });
     },
     updateGlobalFeed: (state, action: PayloadAction<Amity.Post<any>[]>) => {
-      const getUniqueArrayById = (arr: (Amity.Post<any> | Amity.Ad)[]) => {
-        const uniqueIds = new Set(
-          state.postList.map((post) =>
-            isAmityAd(post) ? post.adId : post.postId
-          )
-        );
-        return arr.filter(
-          (post) => !uniqueIds.has(isAmityAd(post) ? post.adId : post.postId)
-        );
-      };
-      state.postList = [
-        ...state.postList,
-        ...getUniqueArrayById(action.payload),
-      ];
+      const uniqueIds = new Set(
+        state.postList.map((post) =>
+          isAmityAd(post) ? post.adId : post.postId
+        )
+      );
+      const newUnique: (Amity.Post<any> | Amity.Ad)[] = [];
+      for (const post of action.payload) {
+        const id = isAmityAd(post) ? post.adId : post.postId;
+        if (!uniqueIds.has(id)) {
+          uniqueIds.add(id);
+          newUnique.push(post);
+        }
+      }
+      state.postList = [...state.postList, ...newUnique];
     },
     setPaginationData: (
       state,
@@ -46,7 +51,12 @@ const globalFeedSlice = createSlice({
       state.paginationData = action.payload;
     },
     addPostToGlobalFeed: (state, action: PayloadAction<Amity.Post<any>>) => {
-      state.postList = [action.payload, ...state.postList];
+      const alreadyExists = state.postList.some(
+        (item) => !isAmityAd(item) && item.postId === action.payload.postId
+      );
+      if (!alreadyExists) {
+        state.postList = [action.payload, ...state.postList];
+      }
     },
     updateByPostId: (
       state,

package/src/screens/CommunitySearch/index.tsx

@@ -15,6 +15,7 @@ import { useNavigation } from '@react-navigation/native';
 import CustomTab from '../../components/CustomTab';
 import {
   CommunityRepository,
+  SearchUsersByEnum,
   UserRepository,
 } from '@amityco/ts-sdk-react-native';
 import type { ISearchItem } from '../../components/SearchItem';
@@ -83,7 +84,11 @@ export default function CommunitySearch() {
   const searchAccounts = (text: string = '') => {
     if (text.length > 2) {
       const unsubscribe = UserRepository.searchUserByDisplayName(
-        { displayName: text, limit: 20 },
+        {
+          displayName: text,
+          limit: 20,
+          searchBy: [SearchUsersByEnum.DISPLAY_NAME],
+        },
         (data) => {
           setUsersObject(data);
         }

package/src/snippet/AmityGlobalFeedComponent.tsx

@@ -25,6 +25,11 @@ import config from '../../uikit.config.json';
     },
   }}
 >
-  <AmityGlobalFeedComponent />
+  <AmityGlobalFeedComponent
+    itemWithAds={[]}
+    refresh={() => Promise.resolve()}
+    loading={false}
+    onNextPage={() => null}
+  />
 </AmityUiKitProvider>;
 /* end_sample_code */

package/src/types/user.interface.ts

@@ -11,4 +11,5 @@ export interface UserInterface {
   userId: string;
   displayName: string;
   avatarFileId: string;
+  avatarCustomUrl?: string;
 }

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

@@ -11,7 +11,6 @@ import CommunityCover from '../../../elements/CommunityCover/CommunityCover';
 import CommunityPrivateBadge from '../../../elements/CommunityPrivateBadge/CommunityPrivateBadge';
 import CommunityName from '../../../elements/CommunityName/CommunityName';
 import CommunityVerifyBadge from '../../../elements/CommunityVerifyBadge/CommunityVerifyBadge';
-import CommunityCategory from '../../../elements/CommunityCatetory/CommunityCategory';
 import CommunityDescription from '../../../elements/CommunityDescription/CommunityDescription';
 import CommunityInfo from '../../../elements/CommunityInfo/CommunityInfo';
 import CommunityJoinButtonElement from '../../../elements/CommunityJoinButtonElement/CommunityJoinButtonElement';
@@ -24,6 +23,7 @@ import { useNavigation } from '@react-navigation/native';
 import { NativeStackNavigationProp } from '@react-navigation/native-stack';
 import { RootStackParamList } from '../../../../v4/routes/RouteParamList';
 import { Client } from '@amityco/ts-sdk-react-native';
+import { CommunityCategories } from '../../../../v4/features/feed/components';
 
 export interface AmityCommunityHeaderRef {
   height: number;
@@ -135,10 +135,10 @@ const AmityCommunityHeaderComponent: FC<AmityCommunityHeaderComponentProps> = ({
               <CommunityVerifyBadge pageId={pageId} componentId={componentId} />
             )}
           </View>
-          <CommunityCategory
+          <CommunityCategories
             pageId={pageId}
             componentId={componentId}
-            categoryIds={community.categoryIds}
+            categories={community.categories}
             allVisible={true}
             style={styles.categoryWrap}
           />

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

@@ -1,4 +1,4 @@
-import React, { FC, memo, useCallback, useRef, useState } from 'react';
+import React, { FC, memo, useCallback, useMemo, useRef, useState } from 'react';
 import { FlatList, View } from 'react-native';
 
 import { RefreshControl } from 'react-native';
@@ -10,10 +10,7 @@ import AmityStoryTabComponent from '../AmityStoryTabComponent/AmityStoryTabCompo
 import { AmityStoryTabComponentEnum } from '../../types';
 import { usePostImpression } from '../../../../v4/hook/usePostImpression';
 import { useStyle } from './styles';
-import {
-  isAmityAd,
-  useCustomRankingGlobalFeed,
-} from '../../../hook/useCustomRankingGlobalFeed';
+import { isAmityAd } from '../../../hook/useCustomRankingGlobalFeed';
 import PostAdComponent from '../../../component/PostAdComponent/PostAdComponent';
 import Divider from '../../../component/Divider';
 
@@ -21,6 +18,10 @@ type AmityGlobalFeedComponentType = {
   pageId?: PageID;
   isShowStoryTab?: boolean;
   GlobalFeedHeaderComponent?: React.ReactElement;
+  itemWithAds: (Amity.Post | Amity.Ad)[] | undefined;
+  refresh: () => void;
+  loading: boolean;
+  onNextPage: (() => void) | null;
 };
 
 export const globalFeedPageLimit = 20;
@@ -29,9 +30,11 @@ const AmityGlobalFeedComponent: FC<AmityGlobalFeedComponentType> = ({
   pageId,
   isShowStoryTab = true,
   GlobalFeedHeaderComponent,
+  itemWithAds,
+  refresh,
+  loading,
+  onNextPage,
 }) => {
-  const { itemWithAds, refresh, loading, onNextPage } =
-    useCustomRankingGlobalFeed();
   const componentId = ComponentID.global_feed_component;
   const { isExcluded, themeStyles, accessibilityId } = useAmityComponent({
     pageId,
@@ -59,6 +62,24 @@ const AmityGlobalFeedComponent: FC<AmityGlobalFeedComponentType> = ({
     )
   );
 
+  const viewabilityConfig = useRef({
+    viewAreaCoveragePercentThreshold: 60,
+  }).current;
+
+  const listHeaderComponent = useMemo(() => {
+    if (isShowStoryTab) {
+      return (
+        <View>
+          {GlobalFeedHeaderComponent}
+          <AmityStoryTabComponent
+            type={AmityStoryTabComponentEnum.globalFeed}
+          />
+        </View>
+      );
+    }
+    return GlobalFeedHeaderComponent || null;
+  }, [isShowStoryTab, GlobalFeedHeaderComponent]);
+
   if (isExcluded) return null;
 
   return (
@@ -86,8 +107,9 @@ const AmityGlobalFeedComponent: FC<AmityGlobalFeedComponentType> = ({
         );
       }}
       keyExtractor={(item, index) =>
-        (isAmityAd(item) ? item.adId.toString() : item.postId.toString()) +
-        `_${index}`
+        isAmityAd(item)
+          ? item.adId.toString() + '_' + index
+          : item.postId.toString() + '_' + index
       }
       onEndReachedThreshold={0.5}
       onEndReached={handleLoadMore}
@@ -101,19 +123,8 @@ const AmityGlobalFeedComponent: FC<AmityGlobalFeedComponentType> = ({
         />
       }
       keyboardShouldPersistTaps="handled"
-      ListHeaderComponent={
-        !refreshing && !loading && isShowStoryTab ? (
-          <View>
-            {GlobalFeedHeaderComponent}
-            <AmityStoryTabComponent
-              type={AmityStoryTabComponentEnum.globalFeed}
-            />
-          </View>
-        ) : (
-          GlobalFeedHeaderComponent
-        )
-      }
-      viewabilityConfig={{ viewAreaCoveragePercentThreshold: 60 }}
+      ListHeaderComponent={listHeaderComponent}
+      viewabilityConfig={viewabilityConfig}
       onViewableItemsChanged={handleViewChange}
       extraData={itemWithAds}
     />

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

@@ -5,23 +5,42 @@ import AmityGlobalFeedComponent from '../AmityGlobalFeedComponent/AmityGlobalFee
 import { useStyles } from './styles';
 import Divider from '../../../component/Divider';
 import { useAmityComponent } from '../../../hook';
+import { useCustomRankingGlobalFeed } from '../../../hook/useCustomRankingGlobalFeed';
+import NewsFeedLoadingComponent from '../../../component/NewsFeedLoadingComponent/NewsFeedLoadingComponent';
+import AmityEmptyNewsFeedComponent from '../AmityEmptyNewsFeedComponent/AmityEmptyNewsFeedComponent';
 
 type AmityNewsFeedComponentType = {
   pageId?: PageID;
+  onPressExploreCommunity?: () => void;
 };
 
 const AmityNewsFeedComponent: FC<AmityNewsFeedComponentType> = ({
   pageId = PageID.WildCardPage,
+  onPressExploreCommunity,
 }) => {
+  const styles = useStyles();
   const componentId = ComponentID.newsfeed_component;
   const { themeStyles, accessibilityId, isExcluded } = useAmityComponent({
     pageId,
     componentId,
   });
 
-  const styles = useStyles();
+  const { itemWithAds, refresh, globalFeedPosts, loading, onNextPage } =
+    useCustomRankingGlobalFeed();
+
   if (isExcluded) return null;
 
+  if (loading || (globalFeedPosts?.length > 0 && !itemWithAds?.length))
+    return <NewsFeedLoadingComponent />;
+
+  if (!loading && !globalFeedPosts?.length)
+    return (
+      <AmityEmptyNewsFeedComponent
+        pageId={pageId}
+        onPressExploreCommunity={onPressExploreCommunity}
+      />
+    );
+
   return (
     <View
       style={styles.container}
@@ -29,7 +48,13 @@ const AmityNewsFeedComponent: FC<AmityNewsFeedComponentType> = ({
       accessibilityLabel={accessibilityId}
     >
       <Divider themeStyles={themeStyles} />
-      <AmityGlobalFeedComponent pageId={pageId} />
+      <AmityGlobalFeedComponent
+        pageId={pageId}
+        itemWithAds={itemWithAds}
+        refresh={refresh}
+        loading={loading}
+        onNextPage={onNextPage}
+      />
     </View>
   );
 };

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

@@ -8,7 +8,6 @@ import React, {
   useCallback,
 } from 'react';
 import { UserInterface, IMentionPosition } from '../../../../types';
-import { getAmityUser } from '../../../../providers/user-provider';
 import { CommentRepository } from '@amityco/ts-sdk-react-native';
 import CommentListItem from './CommentListItem/CommentListItem';
 import { deleteCommentById } from '../../../../providers/Social/comment-sdk';
@@ -91,9 +90,9 @@ const AmityPostCommentComponent: FC<AmityPostCommentComponentType> = ({
         referenceType: postType,
         limit: commentListLimit,
       },
-      async ({ loading, data, hasNextPage, onNextPage }) => {
+      ({ loading, data, hasNextPage, onNextPage }) => {
         if (!loading) {
-          data && data.length > 0 && (await queryComment(data));
+          queryComment(data);
           onNextPageRef.current = hasNextPage ? onNextPage : null;
           setTimeout(() => {
             setIsLoading(false);
@@ -102,42 +101,37 @@ const AmityPostCommentComponent: FC<AmityPostCommentComponentType> = ({
       }
     );
     return () => {
-      setCommentList([]);
       unsubComment();
     };
   }, [postId, postType]);
 
-  const queryComment = async (comments: Amity.InternalComment[]) => {
-    const formattedCommentList = await Promise.all(
-      comments.map(async (item: Amity.Comment) => {
-        const { userObject } = await getAmityUser(item.userId);
-        let formattedUserObject: UserInterface;
-
-        formattedUserObject = {
-          userId: userObject.data.userId,
-          displayName: userObject.data.displayName,
-          avatarFileId: userObject.data.avatarFileId,
-        };
-
-        return {
-          targetType: item.targetType,
-          targetId: item.targetId,
-          commentId: item.commentId,
-          data: item.data as Record<string, any>,
-          dataType: item?.dataType || 'text',
-          myReactions: item.myReactions as string[],
-          reactions: item.reactions as Record<string, number>,
-          user: formattedUserObject as UserInterface,
-          updatedAt: item.updatedAt,
-          editedAt: item.editedAt,
-          createdAt: item.createdAt,
-          childrenComment: item.children,
-          childrenNumber: item.childrenNumber,
-          referenceId: item.referenceId,
-          mentionPosition: item?.metadata?.mentioned ?? [],
-        };
-      })
-    );
+  const queryComment = (comments: Amity.InternalComment[]) => {
+    const formattedCommentList = comments.map((item: Amity.Comment) => {
+      const formattedUserObject = {
+        userId: item.creator?.userId,
+        displayName: item.creator?.displayName,
+        avatarFileId: item.creator?.avatarFileId,
+        avatarCustomUrl: item.creator?.avatarCustomUrl,
+      };
+
+      return {
+        targetType: item.targetType,
+        targetId: item.targetId,
+        commentId: item.commentId,
+        data: item.data as Record<string, any>,
+        dataType: item?.dataType || 'text',
+        myReactions: item.myReactions as string[],
+        reactions: item.reactions as Record<string, number>,
+        user: formattedUserObject as UserInterface,
+        updatedAt: item.updatedAt,
+        editedAt: item.editedAt,
+        createdAt: item.createdAt,
+        childrenComment: item.children,
+        childrenNumber: item.childrenNumber,
+        referenceId: item.referenceId,
+        mentionPosition: item?.metadata?.mentioned ?? [],
+      };
+    });
     setCommentList([...formattedCommentList]);
   };