@amityco/react-native-social-uikit 4.0.0-df1703f8.0 → 4.0.0-e0eb8745.0

package/src/social/hooks/useCustomRankingGlobalFeed.ts

@@ -50,14 +50,21 @@ export const useCustomRankingGlobalFeed = ({
     getItemId: (item) => (item as Amity.Post).postId.toString(),
   });
 
+  const hasInitialDataRef = useRef(false);
+
   const fetchCustomRanking = useCallback(() => {
     if (!isConnected) return null;
 
+    hasInitialDataRef.current = false;
+
     return FeedRepository.getGlobalFeed(
       { limit: globalFeedPageLimit },
       ({ data, loading: isLoading, error: $error, onNextPage }) => {
         if (isLoading) {
-          setFetching(true);
+          // Only show loading state on initial fetch, not on pagination
+          if (!hasInitialDataRef.current) {
+            setFetching(true);
+          }
           return;
         }
 
@@ -76,6 +83,7 @@ export const useCustomRankingGlobalFeed = ({
             InteractionManager.runAfterInteractions(() => {
               dispatch(setNewGlobalFeed(filtered));
               setFetching(false);
+              hasInitialDataRef.current = true;
               interactionHandleRef.current = null;
             });
         } else {
@@ -102,6 +110,7 @@ export const useCustomRankingGlobalFeed = ({
     interactionHandleRef.current?.cancel();
     interactionHandleRef.current = null;
     onNextPageRef.current = null;
+    hasInitialDataRef.current = false;
 
     unsubscribeRef.current = fetchCustomRanking();
   }, [fetchCustomRanking]);

package/src/social/hooks/useFile.ts

@@ -30,7 +30,7 @@ export const useFile = () => {
           : defaultAvatarUri;
       const newImageUrl =
         FileRepository.fileUrlWithSize(file.data.fileUrl, imageSize) ??
-        defaultAvatarUri;
+        (type === 'community' ? defaultCommunityAvatarUri : defaultAvatarUri);
       return newImageUrl;
     },
     []

package/src/social/hooks/useGlobalBehavior.ts

@@ -0,0 +1,39 @@
+import { useCallback } from 'react';
+import useAuth from '../../core/hooks/useAuth';
+import { useBehaviour } from '../providers/BehaviourProvider';
+import { useToast } from '../../core/stores/slices/toastSlice';
+import { VISITOR_USER_ACTION_TOAST } from '../../core/constants';
+
+const TOAST_DURATION = 3000;
+
+/**
+ * Mirrors the Web UIKit's useGlobalBehavior: gate a restricted action behind
+ * the visitor/bot check. For signed-in users the default behaviour runs; for
+ * visitors the AmityGlobalBehavior.handleVisitorUserAction override is
+ * called when provided, otherwise a "create an account or sign in" toast is
+ * shown.
+ */
+export const useGlobalBehavior = () => {
+  const { isVisitorOrBot } = useAuth();
+  const { AmityGlobalBehavior } = useBehaviour();
+  const { showToast } = useToast();
+
+  const handleGlobalBehavior = useCallback(
+    ({ defaultBehavior }: { defaultBehavior?: () => void }) => {
+      if (isVisitorOrBot) {
+        if (AmityGlobalBehavior?.handleVisitorUserAction) {
+          return AmityGlobalBehavior.handleVisitorUserAction();
+        }
+        return showToast({
+          message: VISITOR_USER_ACTION_TOAST,
+          type: 'informative',
+          duration: TOAST_DURATION,
+        });
+      }
+      return defaultBehavior?.();
+    },
+    [isVisitorOrBot, AmityGlobalBehavior, showToast]
+  );
+
+  return { handleGlobalBehavior, isVisitorOrBot };
+};

package/src/social/hooks/useMention/index.tsx

@@ -1,11 +1,14 @@
-import { useState, useEffect } from 'react';
+import { useState } from 'react';
 import SearchItem from '../../components/SearchItem';
 import { TSearchItem } from '..';
-import { TriggersConfig, useMentions } from 'react-native-controlled-mentions';
+import {
+  PatternsConfig,
+  TriggersConfig,
+  useMentions,
+} from 'react-native-controlled-mentions';
 import { useStyles } from './styles';
 import {
   FlatList,
-  Keyboard,
   StyleProp,
   TextInput,
   TextInputProps,
@@ -13,13 +16,14 @@ import {
 } from 'react-native';
 import useSearch from '../useSearch';
 import { IMentionPosition } from '../../../core/types';
-
 type UseMentionProps = {
   value: string;
   communityId?: string;
   onChange: (value: string) => void;
   setMentionPosition: (position: IMentionPosition) => void;
   setMentionUsers: (user: TSearchItem) => void;
+  isMentionLimitReached?: boolean;
+  onMentionLimitReached?: () => void;
 };
 
 type RenderSuggestionsProps = {
@@ -34,8 +38,10 @@ function useMention({
   communityId,
   setMentionUsers,
   setMentionPosition,
+  isMentionLimitReached,
+  onMentionLimitReached,
 }: UseMentionProps) {
-  const { styles } = useStyles();
+  const { styles, theme } = useStyles();
   const [cursorIndex, setCursorIndex] = useState(0);
 
   const triggersConfig: TriggersConfig<'mention'> = {
@@ -46,10 +52,28 @@ function useMention({
     },
   };
 
+  // Highlight URLs while typing in the TextInput.
+  //
+  // Rules for react-native-controlled-mentions patternsConfig:
+  //  1. The regex MUST have exactly ONE capturing group — the library uses
+  //     String.split(regex) and expects the matched text at odd indices.
+  //  2. textStyle must be a plain object (not a StyleSheet ID) so the library
+  //     can pass it directly as a style prop to its internal Text component.
+  const patternsConfig: PatternsConfig = {
+    url: {
+      pattern:
+        /(?<![a-zA-Z0-9_])((?:https?|ftp):\/\/(?:[a-zA-Z0-9.\-]+|[\d.]+)(?::\d{1,5})?(?:\/(?:[^\s<>|()]*(?:\([^\s<>|()]*\)[^\s<>|()]*)*)*)?(?<![.])(?![^\s]*\()|mailto:[a-zA-Z0-9._%+\-]+@[a-zA-Z0-9.\-]+\.[a-zA-Z]{2,}|www\.[a-zA-Z0-9][-a-zA-Z0-9.]*\.[a-zA-Z]{2,}(?:\/(?:[^\s<>|()]*(?:\([^\s<>|()]*\)[^\s<>|()]*)*)*)?(?<![.])(?![^\s]*\())/gi,
+      textStyle: {
+        color: theme.colors.primary,
+      },
+    },
+  };
+
   const { textInputProps, triggers } = useMentions({
     value,
     onChange,
     triggersConfig,
+    patternsConfig,
     onSelectionChange: (selection) => setCursorIndex(selection.start),
   });
 
@@ -72,6 +96,8 @@ function useMention({
         communityId={communityId}
         setMentionUsers={setMentionUsers}
         setMentionPosition={setMentionPosition}
+        isMentionLimitReached={isMentionLimitReached}
+        onMentionLimitReached={onMentionLimitReached}
       />
     );
   };
@@ -91,6 +117,8 @@ type SuggestionsProps = {
   communityId?: string;
   setMentionUsers: (user: TSearchItem) => void;
   setMentionPosition: (position: IMentionPosition) => void;
+  isMentionLimitReached?: boolean;
+  onMentionLimitReached?: () => void;
 };
 
 const Suggestions = ({
@@ -102,11 +130,12 @@ const Suggestions = ({
   communityId,
   setMentionUsers,
   setMentionPosition,
+  isMentionLimitReached,
+  onMentionLimitReached,
 }: SuggestionsProps) => {
   const { styles } = useStyles();
-  const [keyboardHeight, setKeyboardHeight] = useState(0);
 
-  const keyword = triggers?.mention?.keyword || '';
+  const keyword = triggers?.mention?.keyword;
 
   const { searchResult, getNextPage } = useSearch(keyword, communityId);
 
@@ -122,24 +151,7 @@ const Suggestions = ({
     setMentionPosition(position);
   };
 
-  useEffect(() => {
-    const keyboardDidShowListener = Keyboard.addListener(
-      'keyboardWillShow',
-      (event) => setKeyboardHeight(event.endCoordinates.height)
-    );
-
-    const keyboardDidHideListener = Keyboard.addListener(
-      'keyboardWillHide',
-      () => setKeyboardHeight(0)
-    );
-
-    return () => {
-      keyboardDidShowListener.remove();
-      keyboardDidHideListener.remove();
-    };
-  }, []);
-
-  if (!keyword) return null;
+  if (keyword == null) return null;
 
   return (
     <FlatList
@@ -149,11 +161,14 @@ const Suggestions = ({
       keyboardShouldPersistTaps="handled"
       showsVerticalScrollIndicator={false}
       onEndReached={() => getNextPage?.()}
-      contentContainerStyle={styles.mentionSuggestionContentContainer}
+      contentContainerStyle={
+        type === 'comment' && styles.mentionSuggestionContentContainer
+      }
       style={[
         type === 'post' && styles.postMentionSuggestionContainer,
         type === 'comment' && styles.commentMentionContainer,
-        { height: 54 * searchResult.length, bottom: bottom + keyboardHeight },
+        { height: 56 * searchResult.length },
+        type === 'comment' && { bottom: bottom },
         style && style,
       ]}
       renderItem={({ item }: { item: TSearchItem }) => {
@@ -162,6 +177,10 @@ const Suggestions = ({
             target={item}
             userProfileNavigateEnabled={false}
             onPress={() => {
+              if (isMentionLimitReached) {
+                onMentionLimitReached?.();
+                return;
+              }
               triggers?.mention?.onSelect(item);
               onSelectUserMention(item);
             }}

package/src/social/hooks/useMention/styles.ts

@@ -9,20 +9,21 @@ export const useStyles = () => {
     mention: {
       color: theme.colors.primary,
     },
+    link: {
+      color: theme.colors.primary,
+    },
     postMentionSuggestionContainer: {
       left: 0,
       right: 0,
       zIndex: 100,
-      maxHeight: 168,
+      maxHeight: 56 * 6,
       overflow: 'scroll',
-      position: 'absolute',
       backgroundColor: 'white',
     },
     commentMentionContainer: {
       left: 0,
       right: 0,
-      bottom: 0,
-      maxHeight: 300,
+      maxHeight: 56 * 3,
       position: 'absolute',
       overflow: 'scroll',
       backgroundColor: 'white',

package/src/social/hooks/usePaginator.ts

@@ -137,7 +137,13 @@ export const usePaginatorCore = <T>({
         .slice(0, topIndex)
         .map((item) => [item]);
 
-      const prevItems = [...newestItems, ...prevItemWithAds];
+      const prevItemWithAdsIds = new Set(
+        prevItemWithAds.map((item) => getItemId(item[0]))
+      );
+      const dedupedNewestItems = newestItems.filter(
+        (item) => !prevItemWithAdsIds.has(getItemId(item[0]))
+      );
+      const prevItems = [...dedupedNewestItems, ...prevItemWithAds];
 
       // filteredNewItems is the newest items in the next page that are not in prevItems
       const filteredNewItems = filterNewItems(newItems, topIndex, prevItems);
@@ -169,14 +175,24 @@ export const usePaginatorCore = <T>({
 
       const newItemsWithAds = [...prevItems, ...suffixItems];
 
-      updateItemWithAds(newItemsWithAds);
+      const seenPostIds = new Set<string>();
+      const dedupedItemsWithAds = newItemsWithAds.filter((tuple) => {
+        const id = getItemId(tuple[0]);
+        if (seenPostIds.has(id)) return false;
+        seenPostIds.add(id);
+        return true;
+      });
 
-      if (newItemsWithAds.length === 0) {
+      updateItemWithAds(dedupedItemsWithAds);
+
+      if (dedupedItemsWithAds.length === 0) {
         setCurrentAdIndex(0);
         setCurrentIndex(0);
       }
 
-      const result = newItemsWithAds.flatMap((item) => item).filter(Boolean);
+      const result = dedupedItemsWithAds
+        .flatMap((item) => item)
+        .filter(Boolean);
       return result;
     } else if (frequency?.type === 'time-window') {
       const newItemIds = new Set(newItems.map((item) => getItemId(item)));
@@ -187,7 +203,13 @@ export const usePaginatorCore = <T>({
         .slice(0, topIndex)
         .map((item) => [item]);
 
-      const prevItems = [...newestItems, ...prevItemWithAds];
+      const twPrevItemWithAdsIds = new Set(
+        prevItemWithAds.map((item) => getItemId(item[0]))
+      );
+      const twDedupedNewestItems = newestItems.filter(
+        (item) => !twPrevItemWithAdsIds.has(getItemId(item[0]))
+      );
+      const prevItems = [...twDedupedNewestItems, ...prevItemWithAds];
       const filteredNewItems = filterNewItems(newItems, topIndex, prevItems);
       const suffixItems: Array<ItemWithAd<T>> = filteredNewItems.map(
         (newItem, index) => {
@@ -208,11 +230,21 @@ export const usePaginatorCore = <T>({
 
       setHasAppenedFirstRoundAds(true);
 
-      const newItemsWithAds = [...prevItems, ...suffixItems];
+      const seenTwPostIds = new Set<string>();
+      const dedupedTwItemsWithAds = [...prevItems, ...suffixItems].filter(
+        (tuple) => {
+          const id = getItemId(tuple[0]);
+          if (seenTwPostIds.has(id)) return false;
+          seenTwPostIds.add(id);
+          return true;
+        }
+      );
 
-      updateItemWithAds(newItemsWithAds);
+      updateItemWithAds(dedupedTwItemsWithAds);
 
-      const result = newItemsWithAds.flatMap((item) => item).filter(Boolean);
+      const result = dedupedTwItemsWithAds
+        .flatMap((item) => item)
+        .filter(Boolean);
       return result;
     }
     return newItems;

package/src/social/hooks/usePoll.ts

@@ -2,6 +2,11 @@ import { useEffect, useMemo, useState } from 'react';
 import { PollRepository } from '@amityco/ts-sdk-react-native';
 import { useToast } from '../../core/stores/slices/toastSlice';
 
+const POLL_ERROR = {
+  POLL_CLOSED: 'Poll was closed',
+  POLL_NOT_FOUND: 'Poll not found',
+} as const;
+
 export const usePoll = (pollId: string) => {
   const [poll, setPoll] = useState<Amity.Poll | undefined>(undefined);
   const [isAuthorSeeingResults, setIsAuthorSeeingResults] = useState(false);
@@ -30,11 +35,33 @@ export const usePoll = (pollId: string) => {
     });
   }, [pollId]);
 
+  const handlePollError = (error: Error) => {
+    if (error?.message?.includes(POLL_ERROR.POLL_CLOSED)) {
+      showToast({ type: 'informative', message: 'Poll ended.' });
+    } else if (error?.message?.includes(POLL_ERROR.POLL_NOT_FOUND)) {
+      showToast({
+        type: 'informative',
+        message: 'This poll is no longer available.',
+      });
+    } else {
+      showToast({ type: 'failed', message: 'Oops, something went wrong.' });
+    }
+  };
+
   const votePoll = async (answerIds: string[]) => {
     try {
       await PollRepository.votePoll(pollId, answerIds);
     } catch (error) {
-      showToast({ type: 'failed', message: 'Oops, something went wrong.' });
+      handlePollError(error as Error);
+    }
+  };
+
+  const unvotePoll = async () => {
+    try {
+      await PollRepository.unvotePoll(pollId);
+      showToast({ type: 'success', message: 'Vote removed.' });
+    } catch (error) {
+      handlePollError(error as Error);
     }
   };
 
@@ -42,6 +69,7 @@ export const usePoll = (pollId: string) => {
     poll,
     loading,
     votePoll,
+    unvotePoll,
     totalVotes,
     isPollClosed,
     isAlreadyVoted,

package/src/social/hooks/usePostPermission.ts

@@ -5,31 +5,33 @@ import {
 import { useEffect, useState } from 'react';
 import { isModerator } from '../utils/permissions';
 import useAuth from '../../core/hooks/useAuth';
+import { MemberRoles } from '../../core/constants';
 
 type UsePostPermissionParams = {
   community?: Amity.Community;
 };
 
 export function usePostPermission({ community }: UsePostPermissionParams) {
-  const { client } = useAuth();
+  const { client, isVisitorOrBot } = useAuth();
   const [hasPostPermission, setHasPostPermission] = useState(false);
 
   const isOnlyAdminCanPost =
     community?.postSetting === CommunityPostSettings.ONLY_ADMIN_CAN_POST;
 
   useEffect(() => {
+    if (isVisitorOrBot) return;
     if (!community?.communityId || !client?.userId) return;
 
-    CommunityRepository.Membership.searchMembers(
+    CommunityRepository.Membership.getMembers(
       {
         communityId: community.communityId,
-        search: client.userId,
-        limit: 1,
-        memberships: ['member'],
-        includeDeleted: false,
+        limit: 20,
+        roles: [MemberRoles.ADMIN, MemberRoles.COMMUNITY_MODERATOR],
       },
       ({ data }) => {
-        const userRoles = data[0]?.roles ?? [];
+        const userRoles = data.find(
+          (member) => member.userId === client.userId
+        )?.roles;
         setHasPostPermission(
           isOnlyAdminCanPost ? isModerator(userRoles) : !!community?.isJoined
         );
@@ -40,6 +42,7 @@ export function usePostPermission({ community }: UsePostPermissionParams) {
     client?.userId,
     isOnlyAdminCanPost,
     community?.isJoined,
+    isVisitorOrBot,
   ]);
 
   return hasPostPermission;

package/src/social/hooks/useSearch.ts

@@ -10,8 +10,10 @@ export type TSearchItem = Amity.User &
   ISearchItem &
   Amity.Membership<'community'> & { name: string; id: string };
 
+const MIN_SEARCH_LENGTH = 3;
+
 const useSearch = (
-  searchText: string | null,
+  searchText: string | undefined | null,
   privateCommunityId: string = ''
 ) => {
   const onNextPageRef = useRef<(() => void) | undefined | null>(null);
@@ -21,7 +23,7 @@ const useSearch = (
       return CommunityRepository.Membership.searchMembers(
         {
           communityId: privateCommunityId,
-          search: text,
+          ...(text ? { search: text } : {}),
           limit: 5,
           sortBy: 'firstCreated',
           memberships: ['member'],
@@ -44,12 +46,33 @@ const useSearch = (
     [privateCommunityId]
   );
 
+  const getAllUsers = useCallback(() => {
+    return UserRepository.getUsers(
+      { limit: 5 },
+      ({ data, error, hasNextPage, onNextPage }) => {
+        if (error) return null;
+        hasNextPage
+          ? (onNextPageRef.current = onNextPage)
+          : (onNextPageRef.current = null);
+        const mappedSearchData = data.map((item) => {
+          return {
+            ...item,
+            name: item.displayName,
+            id: item.userId,
+          };
+        }) as TSearchItem[];
+        setSearchResult(mappedSearchData);
+      }
+    );
+  }, []);
+
   const searchAllUsers = useCallback((text: string) => {
     return UserRepository.searchUserByDisplayName(
       {
         displayName: text,
         limit: 5,
         searchBy: [SearchUsersByEnum.DISPLAY_NAME],
+        matchType: UserRepository.AmityUserSearchMatchType.PARTIAL,
       },
       ({ data, error, hasNextPage, onNextPage }) => {
         if (error) return null;
@@ -69,10 +92,34 @@ const useSearch = (
   }, []);
 
   useEffect(() => {
-    if (privateCommunityId) return searchPrivateCommunityMember(searchText);
-    if (!searchText) return setSearchResult([]);
-    return searchAllUsers(searchText);
+    if (searchText == null) {
+      onNextPageRef.current = null;
+      setSearchResult([]);
+      return () => {};
+    }
+
+    // Treat 1–2 character queries as empty: show all users without filtering.
+    // Only send a search query once the user has typed at least MIN_SEARCH_LENGTH chars.
+    const effectiveText =
+      searchText.length > 0 && searchText.length < MIN_SEARCH_LENGTH
+        ? ''
+        : searchText;
+
+    let unsubscribe: (() => void) | undefined;
+
+    if (privateCommunityId) {
+      unsubscribe = searchPrivateCommunityMember(effectiveText) ?? undefined;
+    } else if (!effectiveText) {
+      unsubscribe = getAllUsers() ?? undefined;
+    } else {
+      unsubscribe = searchAllUsers(effectiveText) ?? undefined;
+    }
+
+    return () => {
+      unsubscribe?.();
+    };
   }, [
+    getAllUsers,
     privateCommunityId,
     searchAllUsers,
     searchPrivateCommunityMember,

package/src/social/hooks/useStoryPermission.ts

@@ -1,26 +1,22 @@
 import useAuth from '../../core/hooks/useAuth';
 import { useUser } from './useUser';
 import useSocialSettings from '../../core/hooks/useSocialSettings';
-import {
-  isAdmin,
-  isModerator,
-  checkStoryPermission,
-} from '../utils/permissions';
+import { checkStoryPermission, isAdmin } from '../utils/permissions';
 
 export function useStoryPermission(communityId?: string) {
-  const { client } = useAuth();
+  const { client, isVisitorOrBot } = useAuth();
   const { socialSettings } = useSocialSettings();
   const user = useUser(client?.userId || '');
 
   const isGlobalAdmin = isAdmin(user?.roles);
-  const isModeratorUser = isModerator(user?.roles);
 
-  const hasStoryPermission = !communityId
-    ? socialSettings?.story?.allowAllUserToCreateStory
-    : socialSettings?.story?.allowAllUserToCreateStory ||
-      isGlobalAdmin ||
-      isModeratorUser ||
-      checkStoryPermission(client, communityId);
+  const hasStoryPermission =
+    !isVisitorOrBot &&
+    (!communityId
+      ? socialSettings?.story?.allowAllUserToCreateStory
+      : socialSettings?.story?.allowAllUserToCreateStory ||
+        isGlobalAdmin ||
+        checkStoryPermission(client, communityId));
 
-  return hasStoryPermission;
+  return { hasStoryPermission };
 }

package/src/social/index.tsx

@@ -2,6 +2,7 @@ export { default as AmityCreateStoryPage } from './features/story/Create';
 export { default as AmityDraftStoryPage } from './features/story/Draft/Draft';
 export { default as AmityViewStoryPage } from './features/story/View/View';
 export { default as AmitySocialHomePage } from './screens/SocialHomePage';
+export { VisitorUsageLimit } from './screens/VisitorUsageLimit';
 export { default as AmitySocialGlobalSearchPage } from './screens/SocialGlobalSearch';
 export { default as AmityPostDetailPage } from './features/post/Detail';
 export { default as AmityPostTargetSelectionPage } from './features/post/TargetSelection';
@@ -22,6 +23,7 @@ export { default as AmityLivestreamPlayerPage } from './features/livestream/Play
 export {
   UserRelationshipScreen as AmityUserRelationshipPage,
   EditUserScreen as AmityEditUserProfilePage,
+  CreateUserProfileScreen as AmityCreateProfilePage,
   UserProfileScreen as AmityUserProfilePage,
   BlockedUsersScreen as AmityBlockedUsersPage,
   UserPendingFollowRequests as AmityUserPendingFollowRequestsPage,
@@ -46,11 +48,11 @@ export { default as AmityCommunitySettingPage } from './features/community/Setti
 export { default as AmityCommunityMembershipPage } from './features/community/Membership';
 export { default as AmityCommunityPostPermissionPage } from './features/community/PostPermission';
 export { default as AmityCommunityStorySettingPage } from './features/community/StorySetting';
-export { default as AmityCommunityNotificationSettingPage } from './features/community/NotificationSetting';
-export { default as AmityCommunityPostsNotificationSettingPage } from './features/community/PostsNotificationSetting';
-export { default as AmityCommunityCommentsNotificationSettingPage } from './features/community/CommentsNotificationSetting';
-export { default as AmityCommunityStoriesNotificationSettingPage } from './features/community/StoriesNotificationSetting';
-export { default as AmityCommunityLivestreamsNotificationSettingPage } from './features/community/LivestreamsNotificationSetting';
+export { NotificationSetting as AmityCommunityNotificationSettingPage } from './features/community/NotificationSetting';
+export { PostsNotificationSetting as AmityCommunityPostsNotificationSettingPage } from './features/community/PostsNotificationSetting';
+export { CommentsNotificationSetting as AmityCommunityCommentsNotificationSettingPage } from './features/community/CommentsNotificationSetting';
+export { StoriesNotificationSetting as AmityCommunityStoriesNotificationSettingPage } from './features/community/StoriesNotificationSetting';
+export { LivestreamsNotificationSetting as AmityCommunityLivestreamsNotificationSettingPage } from './features/community/LivestreamsNotificationSetting';
 
 // Components
 export { default as AmityStoryTabComponent } from './features/story/components/Tab/Tab';

package/src/social/providers/BehaviourProvider.tsx

@@ -14,6 +14,7 @@ export const BehaviourProvider = ({
 }: IBehavioudProviderProps) => {
   const defaultBehaviour = useMemo(
     () => ({
+      AmityGlobalBehavior: {},
       AmitySocialHomePageBehaviour: {},
       AmityGlobalFeedComponentBehavior: {},
       AmityPostContentComponentBehavior: {},

package/src/social/screens/CommunityCommentsNotificationSetting/index.tsx

@@ -1,22 +1,13 @@
 import { RouteProp, useRoute } from '@react-navigation/native';
 import { RootStackParamList } from '../../../core/routes/RouteParamList';
-import { NativeStackScreenProps } from '@react-navigation/native-stack';
-import CommentsNotificationSetting from '../../features/community/CommentsNotificationSetting';
+import { CommentsNotificationSetting } from '../../features/community/CommentsNotificationSetting';
 
-type CommunityCommentsNotificationSettingProps = NativeStackScreenProps<
-  RootStackParamList,
-  'CommunityCommentsNotificationSetting'
->;
-
-function CommunityCommentsNotificationSetting(
-  _: CommunityCommentsNotificationSettingProps
-) {
+export function CommunityCommentsNotificationSettingScreen() {
   const route =
     useRoute<
       RouteProp<RootStackParamList, 'CommunityCommentsNotificationSetting'>
     >();
+  const { community } = route.params;
 
-  return <CommentsNotificationSetting community={route?.params?.community} />;
+  return <CommentsNotificationSetting community={community} />;
 }
-
-export default CommunityCommentsNotificationSetting;