@amityco/ulta-ui-kit 2.0.6 → 3.0.0-beta01

package/dist/index.d.ts

@@ -1,13 +1,31 @@
-import React, { ReactNode, RefObject } from 'react';
+import React, { FC, ReactNode } from 'react';
 import * as styled_components_dist_types from 'styled-components/dist/types';
 import * as styled_components from 'styled-components';
+import { FeedSourceEnum } from '@amityco/ts-sdk';
 
 type AmityReactionType = {
     name: string;
     image: string;
 };
 
-type ThemeValue = {
+type IconConfiguration = {
+    icon?: string;
+    image?: string;
+};
+type TextConfiguration = {
+    text?: string;
+};
+type CustomConfiguration = {
+    [key: string]: string | undefined | boolean | Array<string> | number | Record<string, unknown>;
+};
+type ThemeConfiguration = {
+    preferred_theme?: 'light' | 'dark' | 'default';
+    theme?: {
+        light?: Partial<Theme['light']>;
+        dark?: Partial<Theme['dark']>;
+    };
+};
+type ConfigurableThemeValue = {
     primary_color: string;
     secondary_color: string;
     secondary_shade1_color: string;
@@ -25,16 +43,25 @@ type ThemeValue = {
     base_inverse_color: string;
 };
 type Theme = {
-    light: ThemeValue;
-    dark: ThemeValue;
+    light: ConfigurableThemeValue;
+    dark: ConfigurableThemeValue;
 };
-type ThemeConfiguration = {
-    preferred_theme?: 'light' | 'dark' | 'default';
-    theme?: {
-        light?: Partial<Theme['light']>;
-        dark?: Partial<Theme['dark']>;
+type GetConfigReturnValue = IconConfiguration & TextConfiguration & ThemeConfiguration & CustomConfiguration;
+type DefaultConfig = {
+    preferred_theme: 'light' | 'dark' | 'default';
+    theme: {
+        light: Theme['light'];
+        dark: Theme['dark'];
+    };
+    excludes: string[];
+    customizations?: {
+        [key: string]: GetConfigReturnValue;
     };
 };
+
+type NetworkConfig = {
+    config: DefaultConfig;
+};
 interface Config {
     preferred_theme?: 'light' | 'dark' | 'default';
     theme?: {
@@ -44,19 +71,25 @@ interface Config {
     excludes?: string[];
     message_reactions?: AmityReactionType[];
     customizations?: {
-        [key: string]: IconConfiguration & TextConfiguration & ThemeConfiguration & CustomConfiguration;
+        [key: string]: GetConfigReturnValue;
     };
 }
-type IconConfiguration = {
-    icon?: string;
-    image?: string;
-};
-type TextConfiguration = {
-    text?: string;
-};
-type CustomConfiguration = {
-    [key: string]: string | undefined | boolean | Array<string> | number | Record<string, unknown>;
-};
+
+interface PostDetailPageProps {
+    id: string;
+    hideTarget?: boolean;
+    category?: AmityPostCategory;
+    commentId?: string;
+    parentId?: string;
+    posts?: Amity.Post<'clip' | 'video'>[];
+    selectedReplyComment?: Amity.Comment;
+    showReplyCommentAt?: string;
+    keyword?: string;
+}
+interface GoToPostDetailPageParams extends Omit<PostDetailPageProps, 'id'> {
+    postId: string;
+}
+declare function PostDetailPage({ id, hideTarget, category, commentId, parentId, posts, selectedReplyComment, showReplyCommentAt, keyword, }: PostDetailPageProps): React.JSX.Element | null;
 
 declare enum AmityPostContentComponentStyle {
     FEED = "feed",
@@ -71,8 +104,9 @@ declare enum AmityPostCategory {
 }
 interface PostContentProps {
     post: Amity.Post;
-    onClick?: () => void;
+    onClick?: (context?: Pick<PostDetailPageProps, 'commentId' | 'selectedReplyComment' | 'parentId' | 'showReplyCommentAt'>) => void;
     onPostDeleted?: (post: Amity.Post) => void;
+    onPollPostDeleted?: (post: Amity.Post) => void;
     style: AmityPostContentComponentStyle;
     category: AmityPostCategory;
     hideMenu?: boolean;
@@ -82,8 +116,9 @@ interface PostContentProps {
     isSearchPost?: boolean;
     keyword?: string;
     isGlobalFeaturePost?: boolean;
+    className?: string;
 }
-declare const PostContent: ({ pageId, post: initialPost, onClick, onPostDeleted, category, hideMenu, hideTarget, style, disabledContent, isSearchPost, keyword, isGlobalFeaturePost, }: PostContentProps) => React.JSX.Element;
+declare const PostContent: ({ pageId, post, onClick, onPostDeleted, onPollPostDeleted, category, hideMenu, hideTarget, style, disabledContent, isSearchPost, keyword, isGlobalFeaturePost, className, }: PostContentProps) => React.JSX.Element;
 
 type MemberCommunitySetup = {
     userId: string;
@@ -93,6 +128,15 @@ declare enum AmityCommunitySetupPageMode {
     CREATE = "create",
     EDIT = "edit"
 }
+interface CommunitySetupEditOptions {
+    mode: AmityCommunitySetupPageMode.EDIT;
+    community: Amity.Community;
+}
+interface CommunitySetupCreateOptions {
+    mode: AmityCommunitySetupPageMode.CREATE;
+}
+type CommunitySetupPageProps = CommunitySetupCreateOptions | CommunitySetupEditOptions;
+declare const CommunitySetupPage: (props: CommunitySetupPageProps) => React.JSX.Element;
 
 declare enum Mode {
     CREATE = "create",
@@ -101,12 +145,14 @@ declare enum Mode {
 interface AmityPostComposerEditOptions {
     mode: Mode.EDIT;
     post: Amity.Post;
+    isClipPost?: boolean;
 }
 interface AmityPostComposerCreateOptions {
     mode: Mode.CREATE;
     targetId: string | null;
     targetType: 'community' | 'user';
     community?: Amity.Community;
+    isClipPost?: boolean;
 }
 type PostComposerPageProps = AmityPostComposerCreateOptions | AmityPostComposerEditOptions;
 declare function PostComposerPage(props: PostComposerPageProps): React.JSX.Element;
@@ -115,6 +161,11 @@ declare const enum UserRelationshipPageTabs {
     FOLLOWING = "following",
     FOLLOWER = "followers"
 }
+type UserRelationshipPageProps = {
+    userId: string;
+    selectedTab: UserRelationshipPageTabs;
+};
+declare const UserRelationshipPage: FC<UserRelationshipPageProps>;
 
 interface PageBehavior {
     AmityStoryViewPageBehavior?: {
@@ -125,13 +176,15 @@ interface PageBehavior {
         closeAction?(): void;
     };
     onClickHyperLink?(): void;
-    AmitySocialHomePageBehavior?: Record<string, unknown>;
-    AmityGlobalFeedComponentBehavior?: {
-        goToPostDetailPage?: (context: {
-            postId: string;
-            hideTarget?: boolean;
-            category?: AmityPostCategory;
+    AmitySocialHomePageBehavior?: {
+        goToNotificationTrayPage?: () => void;
+        goToClipFeedPage?: (context: {
+            currentPostId?: string;
+            postIndex?: number;
         }) => void;
+    };
+    AmityGlobalFeedComponentBehavior?: {
+        goToPostDetailPage?: (context: GoToPostDetailPageParams) => void;
         goToViewStoryPage?: (context: {
             targetId: string;
             targetType: Amity.StoryTargetType;
@@ -142,7 +195,17 @@ interface PageBehavior {
             mode: AmityCommunitySetupPageMode;
         }): void;
     };
-    AmityPostDetailPageBehavior?: Record<string, unknown>;
+    AmityPostDetailPageBehavior?: {
+        goToClipFeedPage?: (context: {
+            currentPostId?: string;
+            postIndex?: number;
+            targetType?: 'community' | 'user';
+            targetId?: string;
+        }) => void;
+        goToSocialGlobalSearchPage?: (context: {
+            keyword: string;
+        }) => void;
+    };
     AmityPostContentComponentBehavior?: {
         goToCommunityProfilePage?: (context: {
             communityId: string;
@@ -153,9 +216,17 @@ interface PageBehavior {
         goToPostComposerPage?: (context: {
             mode: Mode.EDIT;
             post: Amity.Post;
+            isClipPost?: boolean;
+        }) => void;
+    };
+    AmitySocialGlobalSearchPageBehavior?: {
+        goToPostDetailPage?: (context: {
+            postId: string;
+            hideTarget?: boolean;
+            category?: AmityPostCategory;
+            keyword?: string;
         }) => void;
     };
-    AmitySocialGlobalSearchPageBehavior?: Record<string, unknown>;
     AmityCommunitySearchResultComponentBehavior?: {
         goToCommunityProfilePage?: (context: {
             communityId: string;
@@ -168,6 +239,9 @@ interface PageBehavior {
     };
     AmityCreatePostMenuComponentBehavior?: {
         goToSelectPostTargetPage?(): void;
+        goToSelectClipPostTargetPage?(context: {
+            isClipPost: boolean;
+        }): void;
         goToStoryTargetSelectionPage?(): void;
         goToSelectPollPostTargetPage?(): void;
     };
@@ -178,6 +252,11 @@ interface PageBehavior {
             targetType: 'community' | 'user';
             community?: Amity.Community;
         }) => void;
+        goToDraftClipPage?: (context: {
+            targetId: string | null;
+            targetType: 'community' | 'user';
+            community?: Amity.Community;
+        }) => void;
     };
     AmityStoryTargetSelectionPage?: {
         goToStoryCreationPage?(context: {
@@ -203,12 +282,9 @@ interface PageBehavior {
             targetType: 'community' | 'user';
             community?: Amity.Community;
             post?: Amity.Post;
+            isClipPost?: boolean;
         }): void;
-        goToPostDetailPage?(context: {
-            postId: string;
-            hideTarget?: boolean;
-            category?: AmityPostCategory;
-        }): void;
+        goToPostDetailPage?(context: GoToPostDetailPageParams): void;
         goToStoryCreationPage?(context: {
             targetId: string | null;
             targetType: Amity.StoryTargetType;
@@ -237,7 +313,22 @@ interface PageBehavior {
         goToPollPostComposerPage?(context: {
             targetId: string | null;
             targetType: 'community' | 'user';
+            pollType?: 'text' | 'image';
+        }): void;
+        goToPendingRequestPage?(context: {
+            community: Amity.Community;
+        }): void;
+        goToDraftClipPage?(context: {
+            targetId: string | null;
+            targetType: 'community' | 'user';
+            community?: Amity.Community;
         }): void;
+        goToClipFeedPage?: (context: {
+            currentPostId?: string;
+            postIndex?: number;
+            targetType?: 'community' | 'user';
+            targetId?: string;
+        }) => void;
     };
     AmitySocialHomeTopNavigationComponentBehavior?: {
         goToCreateCommunityPage?(context: {
@@ -253,6 +344,10 @@ interface PageBehavior {
             communityId?: string;
             onAddedAction?: (userId: string[]) => void;
         }): void;
+        goToInviteMemberPage?(context: {
+            communityId?: string;
+            onSubmit?: (userId: string[]) => void;
+        }): void;
     };
     AmityCommunitySettingPageBehavior?: {
         goToEditCommunityPage?(context: {
@@ -262,6 +357,9 @@ interface PageBehavior {
         goToMembershipPage?(context: {
             community: Amity.Community;
         }): void;
+        goToPendingInvitationPage?(context: {
+            community: Amity.Community;
+        }): void;
         goToPostPermissionPage?(context: {
             community: Amity.Community;
         }): void;
@@ -270,7 +368,7 @@ interface PageBehavior {
         }): void;
         goToSocialHomePage?(): void;
     };
-    AmityCommunityMembershipPage?: {
+    AmityCommunityMembershipPageBehavior?: {
         goToAddMemberPage?(context: {
             members?: MemberCommunitySetup[];
             communityId?: string;
@@ -279,11 +377,23 @@ interface PageBehavior {
         goToUserProfilePage?: (context: {
             userId: string;
         }) => void;
+        goToInviteMemberPage?(context: {
+            communityId?: string;
+            onSubmit?: (userId: string[]) => void;
+        }): void;
+    };
+    AmityCommunityPendingInvitationPageBehavior?: {
+        goToUserProfilePage?: (context: {
+            userId: string;
+        }) => void;
+    };
+    AmityCommunityInviteMemberPageBehavior?: {
+        goToUserProfilePage?: (context: {
+            userId: string;
+        }) => void;
     };
     AmityUserFeedComponentBehavior?: {
-        goToPostDetailPage?(context: {
-            postId: string;
-        }): void;
+        goToPostDetailPage?(context: GoToPostDetailPageParams): void;
     };
     AmityUserProfilePageBehavior?: {
         goToEditUserPage?(context: {
@@ -292,26 +402,38 @@ interface PageBehavior {
         goToBlockedUsersPage?(): void;
         goToPostComposerPage?(context: {
             userId: string;
+            isClipPost?: boolean;
+        }): void;
+        goToDraftClipPage?(context: {
+            targetId: string | null;
+            targetType: 'community' | 'user';
+            community?: Amity.Community;
         }): void;
+        goToClipFeedPage?: (context: {
+            currentPostId?: string;
+            postIndex?: number;
+            targetType?: 'community' | 'user';
+            targetId?: string;
+        }) => void;
     };
-    AmityUserProfileHeaderComponentBehavior: {
+    AmityUserProfileHeaderComponentBehavior?: {
         goToUserRelationshipPage?(context: {
             userId: string;
             selectedTab: UserRelationshipPageTabs;
         }): void;
         goToPendingFollowRequestPage?(): void;
     };
-    AmityUserRelationshipPageBehavior: {
+    AmityUserRelationshipPageBehavior?: {
         goToUserProfilePage?(context: {
             userId: string;
         }): void;
     };
-    AmityUserPendingFollowRequestsPageBehavior: {
+    AmityUserPendingFollowRequestsPageBehavior?: {
         goToUserProfilePage?(context: {
             userId: string;
         }): void;
     };
-    AmityBlockedUsersPageBehavior: {
+    AmityBlockedUsersPageBehavior?: {
         goToUserProfilePage?(context: {
             userId: string;
         }): void;
@@ -320,6 +442,37 @@ interface PageBehavior {
         goToPollPostComposerPage?(context: {
             targetId: string | null;
             targetType: 'community' | 'user';
+            pollType?: 'text' | 'image';
+        }): void;
+    };
+    AmityNotificationTrayPageBehavior?: {
+        goToCommunityProfilePage?(context: {
+            communityId: string;
+        }): void;
+        goToPostDetailPage?(context: GoToPostDetailPageParams): void;
+        goToUserProfilePage?(context: {
+            userId: string;
+        }): void;
+    };
+    AmityDraftClipPageBehavior?: {
+        goToPostComposerPage?(context: {
+            mode: Mode.CREATE;
+            targetId: string | null;
+            targetType: 'community' | 'user';
+            community?: Amity.Community;
+            isClipPost?: boolean;
+        }): void;
+    };
+    AmityClipFeedPageBehavior?: {
+        goToSelectClipPostTargetPage?(context: {
+            isClipPost: boolean;
+        }): void;
+        goToPostDetailPage?(context: GoToPostDetailPageParams): void;
+        goToUserProfilePage?(context: {
+            userId: string;
+        }): void;
+        goToCommunityProfilePage?(context: {
+            communityId: string;
         }): void;
     };
 }
@@ -333,6 +486,7 @@ interface UltaConfigContextProps {
     termsAndConditionsUrl: string;
     allowUpdateDisplayName?: boolean;
     defaultTab?: 'explore' | 'newsfeed';
+    contactSupportUrl: string;
     deeplink?: {
         origin?: string;
         groupQueryString?: string;
@@ -348,6 +502,7 @@ interface AmityUIKitProviderProps {
     apiEndpoint?: {
         http?: string;
         mqtt?: string;
+        upload?: string;
     };
     userId: string;
     displayName?: string;
@@ -378,6 +533,8 @@ interface AmityUIKitProviderProps {
     configs?: AmityUIKitConfig;
     ultaConfig: UltaConfigContextProps;
     onRouteChange?: (route: string) => void;
+    seoOptimizationEnabled?: boolean;
+    syncNetworkConfig?: boolean;
 }
 declare const AmityUIKitProvider: React.FC<AmityUIKitProviderProps>;
 
@@ -409,6 +566,11 @@ declare const ChatApplication: ({ membershipFilter, defaultChannelId, onMemberSe
     }) => void) | undefined;
 }) => React.JSX.Element;
 
+type PageRendererProps = {
+    children: React.JSX.Element;
+};
+declare const PageRenderer: ({ children }: PageRendererProps) => React.JSX.Element | null;
+
 declare const addChatMembers: (channelId: string, userIds: string[]) => Promise<boolean>;
 
 declare const removeChatMembers: (channelId: string, userIds: string[]) => Promise<boolean>;
@@ -575,6 +737,8 @@ declare class AmityUIKitManager {
     private onConnectionStatusChange?;
     private onConnected?;
     private onDisconnected?;
+    private globalBannedUnsubscribe?;
+    private onGlobalBanned?;
     /**
      * Private constructor to prevent direct instantiation.
      */
@@ -590,6 +754,7 @@ declare class AmityUIKitManager {
             http?: string;
             mqtt?: string;
         };
+        seoOptimizationEnabled?: boolean;
     }): void;
     /**
      * Registers a device with the Amity SDK and handles the login process.
@@ -601,7 +766,7 @@ declare class AmityUIKitManager {
      * @param onConnected - The callback function to be called when connected.
      * @param onDisconnected - The callback function to be called when disconnected.
      */
-    static registerDevice(userId: string, sessionHandler: SessionHandler, displayName?: string, authToken?: string, onConnectionStatusChange?: (state: Amity.SessionStates) => void, onConnected?: () => void, onDisconnected?: () => void): Promise<void>;
+    static registerDevice(userId: string, sessionHandler: SessionHandler, displayName?: string, authToken?: string, onConnectionStatusChange?: (state: Amity.SessionStates) => void, onConnected?: () => void, onDisconnected?: () => void, onGlobalBanned?: (payload: Amity.UserPayload) => void): Promise<void>;
     /**
      * Sets the AmityClient instance to be used by the AmityUIKitManager.
      * This method is useful when sharing the AmityClient instance between different parts of the application.
@@ -629,6 +794,7 @@ declare class AmityUIKitManager {
      * @returns True if the client is connected, false otherwise.
      */
     isClientConnected(): boolean;
+    static syncNetworkConfig(): Promise<NetworkConfig>;
 }
 
 interface ChatHeaderProps {
@@ -651,14 +817,14 @@ type ComposeActionTypes = {
     clearReplyMessage?: () => void;
     clearMention?: () => void;
 };
+
 interface MessageComposerProps {
     channel: Amity.Channel;
-    composeAction: ComposeActionTypes;
-    suggestionRef?: RefObject<HTMLDivElement>;
+    composeAction?: ComposeActionTypes;
     disabled?: boolean;
     pageId?: string;
 }
-declare const MessageComposer: ({ pageId, channel, composeAction: { replyMessage, mentionMessage, clearReplyMessage, clearMention }, }: MessageComposerProps) => React.JSX.Element;
+declare const MessageComposer: ({ pageId, channel, composeAction }: MessageComposerProps) => React.JSX.Element;
 
 declare const MessageReactionPreview: ({ message, onClick, }: {
     message: Amity.Message;
@@ -702,7 +868,7 @@ interface ReactionListProps {
 interface LiveChatProps {
     channelId: Amity.Channel['channelId'];
 }
-declare const LiveChat: ({ channelId }: LiveChatProps) => React.JSX.Element;
+declare const LiveChat: ({ channelId }: LiveChatProps) => React.JSX.Element | null;
 
 type AmityStoryMediaType = {
     type: 'image';
@@ -759,20 +925,62 @@ declare const ViewStoryPage: React.FC<AmityViewStoryPageProps>;
 
 declare function StoryTargetSelectionPage(): React.JSX.Element;
 
-declare function SocialHomePage(): React.JSX.Element;
+declare enum HomePageTab {
+    Newsfeed = "Newsfeed",
+    Explore = "Explore",
+    Profile = "Profile",
+    MyCommunities = "My communities",
+    Clips = "Clips"
+}
+
+declare function SocialHomePage({ activeTab: initialActiveTab }: {
+    activeTab?: HomePageTab;
+}): React.JSX.Element;
 
-declare function SelectPostTargetPage(): React.JSX.Element;
+declare function SelectPostTargetPage({ isClipPost }: {
+    isClipPost?: boolean;
+}): React.JSX.Element;
 
 declare function MyCommunitiesSearchPage(): React.JSX.Element;
 
-declare function SocialGlobalSearchPage(): React.JSX.Element;
+declare function SocialGlobalSearchPage({ keyword }: {
+    keyword?: string;
+}): React.JSX.Element;
 
-interface PostDetailPageProps {
-    id: string;
-    hideTarget?: boolean;
-    category?: AmityPostCategory;
+type UserProfilePageProps = {
+    userId: string;
+    isShowBackButton?: boolean;
+};
+declare const UserProfilePage: React.FC<UserProfilePageProps>;
+
+interface EditUserProfilePageProps {
+    userId: string;
+}
+declare const EditUserProfilePage: React.FC<EditUserProfilePageProps>;
+
+declare const BlockedUserPage: () => React.JSX.Element;
+
+declare const UserPendingFollowRequestPage: () => React.JSX.Element;
+
+interface CommunityAddCategoryPageProps {
+    category?: Amity.Category[];
+}
+declare const CommunityAddCategoryPage: ({ category }: CommunityAddCategoryPageProps) => React.JSX.Element;
+
+interface CommunityAddMemberPageProps {
+    member?: MemberCommunitySetup[];
+    communityId?: string;
+    closePopup?: () => void;
+    onAddedAction?: (userId: string[]) => void;
 }
-declare function PostDetailPage({ id, hideTarget, category }: PostDetailPageProps): React.JSX.Element;
+declare const CommunityAddMemberPage: ({ member, closePopup, communityId, onAddedAction, }: CommunityAddMemberPageProps) => React.JSX.Element;
+
+type CommunityInviteMemberPageProps = {
+    communityId?: string;
+    users?: Amity.User[];
+    onSubmit?: (userId: string[]) => void;
+};
+declare const CommunityInviteMemberPage: (props: CommunityInviteMemberPageProps) => React.JSX.Element;
 
 interface CommunityProfileProps {
     communityId: string;
@@ -780,16 +988,79 @@ interface CommunityProfileProps {
 }
 declare const CommunityProfilePage: React.FC<CommunityProfileProps>;
 
-type UserProfilePageProps = {
-    userId: string;
-    isShowBackButton?: boolean;
+type CommunitySettingPageProps = {
+    community: Amity.Community;
 };
-declare const UserProfilePage: React.FC<UserProfilePageProps>;
+declare const CommunitySettingPage: ({ community }: CommunitySettingPageProps) => React.JSX.Element;
 
-interface EditUserProfilePageProps {
-    userId: string;
+type CommunityPostPermissionPageProps = {
+    community: Amity.Community;
+};
+declare const CommunityPostPermissionPage: ({ community }: CommunityPostPermissionPageProps) => React.JSX.Element;
+
+type CommunityStorySettingPageProps = {
+    community: Amity.Community;
+};
+declare const CommunityStorySettingPage: ({ community }: CommunityStorySettingPageProps) => React.JSX.Element;
+
+type PendingPostsPageProps = {
+    communityId: string;
+};
+declare const PendingPostsPage: ({ communityId }: PendingPostsPageProps) => React.JSX.Element;
+
+type CommunityMembershipPageProps = {
+    community: Amity.Community;
+};
+declare const CommunityMembershipPage: ({ community }: CommunityMembershipPageProps) => React.JSX.Element;
+
+type CommunityPendingInvitationPageProps = {
+    community: Amity.Community;
+};
+declare function CommunityPendingInvitationPage(props: CommunityPendingInvitationPageProps): React.JSX.Element;
+
+type PollPostComposerPageProps = {
+    targetId: string | null;
+    targetType: 'community' | 'user';
+    pollType?: 'text' | 'image';
+};
+declare const PollPostComposerPage: ({ targetId, targetType, pollType, }: PollPostComposerPageProps) => React.JSX.Element;
+
+declare function PollTargetSelectionPage(): React.JSX.Element;
+
+declare function AllCategoriesPage(): React.JSX.Element;
+
+interface CommunitiesByCategoryPageProps {
+    categoryId: string;
 }
-declare const EditUserProfilePage: React.FC<EditUserProfilePageProps>;
+declare function CommunitiesByCategoryPage({ categoryId }: CommunitiesByCategoryPageProps): React.JSX.Element;
+
+type LiveStreamPlayerPageProps = {
+    post: Amity.Post;
+    goToDetailPage?: (context?: GoToPostDetailPageParams) => void;
+};
+declare function LiveStreamPlayerPage({ post, goToDetailPage }: LiveStreamPlayerPageProps): React.JSX.Element;
+
+declare function LivestreamTerminatedPage(): React.JSX.Element;
+
+type PendingRequestPageProps = {
+    community: Amity.Community;
+};
+declare const PendingRequestPage: ({ community }: PendingRequestPageProps) => React.JSX.Element | null;
+
+type DraftClipPageProps = {
+    targetId: string | null;
+    targetType: 'community' | 'user';
+    community?: Amity.Community;
+};
+declare const DraftClipPage: ({ targetId, targetType, community }: DraftClipPageProps) => React.JSX.Element;
+
+type ClipFeedPageProps = {
+    currentPostId?: string;
+    postIndex?: number;
+    targetType?: 'community' | 'user';
+    targetId?: string;
+};
+declare const ClipFeedPage: ({ currentPostId, postIndex, targetType, targetId, }: ClipFeedPageProps) => React.JSX.Element;
 
 type CommentTrayProps = {
     pageId?: string;
@@ -822,20 +1093,22 @@ interface MediaAttachmentProps {
     isVisibleCamera: boolean;
     isVisibleImage: boolean;
     isVisibleVideo: boolean;
-    onVideoFileChange?: (files: File[]) => void;
-    onImageFileChange?: (files: File[]) => void;
+    totalMedia?: number;
+    onVideoFileChange?: (files: File[], fileType?: string) => void;
+    onImageFileChange?: (files: File[], fileType?: string) => void;
 }
-declare function MediaAttachment({ pageId, uploadLoading, isVisibleCamera, isVisibleImage, isVisibleVideo, onVideoFileChange, onImageFileChange, }: MediaAttachmentProps): React.JSX.Element | null;
+declare function MediaAttachment({ pageId, uploadLoading, isVisibleCamera, isVisibleImage, isVisibleVideo, totalMedia, onVideoFileChange, onImageFileChange, }: MediaAttachmentProps): React.JSX.Element | null;
 
 interface DetailedMediaAttachmentProps {
     pageId: string;
     isVisibleCamera: boolean;
     isVisibleImage: boolean;
     isVisibleVideo: boolean;
+    totalMedia?: number;
     onVideoFileChange?: (files: File[]) => void;
     onImageFileChange?: (files: File[]) => void;
 }
-declare function DetailedMediaAttachment({ pageId, isVisibleCamera, isVisibleImage, isVisibleVideo, onVideoFileChange, onImageFileChange, }: DetailedMediaAttachmentProps): React.JSX.Element | null;
+declare function DetailedMediaAttachment({ pageId, isVisibleCamera, isVisibleImage, isVisibleVideo, totalMedia, onVideoFileChange, onImageFileChange, }: DetailedMediaAttachmentProps): React.JSX.Element | null;
 
 type UserSearchResultProps = {
     pageId?: string;
@@ -862,9 +1135,11 @@ declare const CommunitySearchResult: ({ isLoading, onLoadMore, pageId, onClosePo
 type TopSearchBarProps = {
     pageId?: string;
     onFocus?: () => void;
+    hasCancelButton?: boolean;
     search: (keyword: string) => void;
+    initialValue?: string;
 };
-declare function TopSearchBar({ pageId, search, onFocus }: TopSearchBarProps): React.JSX.Element | null;
+declare function TopSearchBar({ pageId, search, onFocus, hasCancelButton, initialValue, }: TopSearchBarProps): React.JSX.Element | null;
 
 interface MyCommunitiesProps {
     pageId?: string;
@@ -876,11 +1151,12 @@ interface GlobalFeedProps {
     isLoading: boolean;
     componentId?: string;
     items: Array<Amity.Post | Amity.Ad>;
+    globalFeaturedPosts?: Array<Amity.PinnedPost>;
+    isGlobalFeaturedPostsLoading?: boolean;
     onFeedReachBottom: () => void;
-    globalFeaturedPosts: Amity.Post[];
     onPostDeleted?: (post: Amity.Post) => void;
 }
-declare const GlobalFeed: ({ pageId, componentId, items, isLoading, onFeedReachBottom, onPostDeleted, globalFeaturedPosts, }: GlobalFeedProps) => React.JSX.Element;
+declare const GlobalFeed: ({ pageId, componentId, items, isLoading, globalFeaturedPosts, isGlobalFeaturedPostsLoading, onFeedReachBottom, onPostDeleted, }: GlobalFeedProps) => React.JSX.Element;
 
 interface EmptyNewsfeedProps {
     pageId?: string;
@@ -892,13 +1168,6 @@ type NewsfeedProps = {
 };
 declare const Newsfeed: ({ pageId }: NewsfeedProps) => React.JSX.Element;
 
-declare enum HomePageTab {
-    Newsfeed = "Newsfeed",
-    Explore = "Explore",
-    Profile = "Profile",
-    MyCommunities = "My communities"
-}
-
 interface TopNavigationProps {
     pageId?: string;
     selectedTab?: HomePageTab;
@@ -925,4 +1194,92 @@ interface CommunityPinnedPostProps {
 }
 declare const CommunityPinnedPost: ({ communityId }: CommunityPinnedPostProps) => React.JSX.Element;
 
-export { _default$1 as AmityAvatar, CommentTray as AmityCommentTrayComponent, CommunityFeed as AmityCommunityFeedComponent, CommunityHeader as AmityCommunityHeaderComponent, CommunityPinnedPost as AmityCommunityPinnedPostComponent, CommunityProfilePage as AmityCommunityProfilePage, CommunitySearchResult as AmityCommunitySearchResultComponent, CreatePostMenu as AmityCreatePostMenuComponent, DetailedMediaAttachment as AmityDetailedMediaAttachmentComponent, AmityDraftStoryPage, EditUserProfilePage as AmityEditUserProfilePage, EmptyNewsfeed as AmityEmptyNewsFeedComponent, CommentText as AmityExpandableText, GlobalFeed as AmityGlobalFeedComponent, ChatHeader as AmityLiveChatHeader, MessageComposer as AmityLiveChatMessageComposeBar, MessageList as AmityLiveChatMessageList, MessageQuickReaction as AmityLiveChatMessageQuickReaction, MessageReactionPicker as AmityLiveChatMessageReactionPicker, MessageReactionPreview as AmityLiveChatMessageReactionPreview, LiveChat as AmityLiveChatPage, MediaAttachment as AmityMediaAttachmentComponent, type MessageActionType as AmityMessageActionType, MyCommunities as AmityMyCommunitiesComponent, MyCommunitiesSearchPage as AmityMyCommunitiesSearchPage, Newsfeed as AmityNewsFeedComponent, PostComposerPage as AmityPostComposerPage, PostContainer as AmityPostContainer, PostContent as AmityPostContentComponent, PostDetailPage as AmityPostDetailPage, _default as AmityPostEngagementBar, SelectPostTargetPage as AmityPostTargetSelectionPage, ReactionList as AmityReactionListComponent, type ReactionListProps as AmityReactionListProps, SocialGlobalSearchPage as AmitySocialGlobalSearchPage, SocialHomePage as AmitySocialHomePage, HomePageTab as AmitySocialHomePageTab, TopNavigation as AmitySocialHomeTopNavigationComponent, StoryPreview as AmityStoryPreview, StoryPreviewThumbnail as AmityStoryPreviewThumbnail, StoryTab as AmityStoryTabComponent, StoryTargetSelectionPage as AmityStoryTargetSelectionPage, TopSearchBar as AmityTopSearchBarComponent, AmityUIKitManager, ChatApplication as AmityUiKitChat, _default$2 as AmityUiKitFeed, AmityUIKitProvider as AmityUiKitProvider, Application as AmityUiKitSocial, UserProfilePage as AmityUserProfilePage, UserSearchResult as AmityUserSearchResultComponent, ViewStoryPage as AmityViewStoryPage, addChatMembers as amityAddChatMembers, removeChatMembers as amityRemoveChatMembers, useNavigation as useAmityNavigation, useSDK as useAmitySDK, useUser as useAmityUser };
+type CommunityImageFeedProps = {
+    pageId?: string;
+    communityId: string;
+};
+declare const CommunityImageFeed: ({ pageId, communityId }: CommunityImageFeedProps) => React.JSX.Element | null;
+
+type CommunityVideoFeedProps = {
+    pageId?: string;
+    communityId: string;
+};
+declare const CommunityVideoFeed: ({ pageId, communityId }: CommunityVideoFeedProps) => React.JSX.Element | null;
+
+type PendingPostContentProps = {
+    pageId?: string;
+    post?: Amity.Post;
+    canReviewCommunityPosts?: boolean;
+    refresh?: () => void;
+};
+declare const PendingPostContent: ({ pageId, post: initialPost, canReviewCommunityPosts, refresh, }: PendingPostContentProps) => React.JSX.Element | null;
+
+interface UserProfileHeaderProps {
+    user?: Amity.User | null;
+    pageId?: string;
+    menuOptions?: React.ReactNode | null;
+    isShowBackButton?: boolean;
+}
+declare const UserProfileHeader: React.FC<UserProfileHeaderProps>;
+
+interface UserFeedProps {
+    userId: string;
+    pageId?: string;
+    feedSources?: FeedSourceEnum[];
+    followStatus?: Amity.FollowStatus['status'] | null;
+}
+declare const UserFeed: ({ pageId, userId, feedSources, followStatus }: UserFeedProps) => React.JSX.Element;
+
+interface UserImageFeedProps {
+    userId: string;
+    pageId?: string;
+    feedSources?: FeedSourceEnum[];
+    followStatus?: Amity.FollowStatus['status'] | null;
+}
+declare const UserImageFeed: ({ pageId, userId, feedSources, followStatus, }: UserImageFeedProps) => React.JSX.Element;
+
+interface UserVideoFeedProps {
+    userId: string;
+    pageId?: string;
+    feedSources?: FeedSourceEnum[];
+    followStatus?: Amity.FollowStatus['status'] | null;
+}
+declare const UserVideoFeed: ({ pageId, userId, feedSources, followStatus, }: UserVideoFeedProps) => React.JSX.Element;
+
+type ExploreProps = {
+    pageId?: string;
+};
+declare const Explore: ({ pageId }: ExploreProps) => React.JSX.Element;
+
+type InvitationBannerProps = {
+    pageId?: string;
+    community: Amity.Community;
+    removeInvitation?: () => void;
+    invitation?: Amity.Invitation;
+};
+declare function InvitationBanner({ community, pageId, removeInvitation, invitation: $invitation, }: InvitationBannerProps): React.JSX.Element;
+
+type InvitationSectionProps = {
+    pageId?: string;
+    onClose?: () => void;
+    invitations: Amity.Invitation[];
+};
+declare const InvitationSection: ({ onClose, pageId, invitations, }: InvitationSectionProps) => React.JSX.Element | null;
+
+type PendingPostListProps = {
+    pageId?: string;
+    reviewingPosts: Amity.Post[];
+    canReviewCommunityPosts?: boolean;
+    refresh?: () => void;
+};
+declare const PendingPostList: ({ pageId, reviewingPosts, canReviewCommunityPosts, refresh, }: PendingPostListProps) => React.JSX.Element;
+
+type JoinRequestContentProps = {
+    pageId?: string;
+    joinRequests: Amity.JoinRequest[] | null;
+    isLoading: boolean;
+    refresh?: () => void;
+};
+declare const JoinRequestContent: ({ pageId, joinRequests, isLoading, refresh, }: JoinRequestContentProps) => React.JSX.Element;
+
+export { AllCategoriesPage as AmityAllCategoriesPage, _default$1 as AmityAvatar, BlockedUserPage as AmityBlockedUserPage, ClipFeedPage as AmityClipFeedPage, CommentTray as AmityCommentTrayComponent, CommunitiesByCategoryPage as AmityCommunitiesByCategoryPage, CommunityAddCategoryPage as AmityCommunityAddCategoryPage, CommunityAddMemberPage as AmityCommunityAddMemberPage, CommunityFeed as AmityCommunityFeedComponent, CommunityHeader as AmityCommunityHeaderComponent, CommunityImageFeed as AmityCommunityImageFeedComponent, CommunityInviteMemberPage as AmityCommunityInviteMemberPage, CommunityMembershipPage as AmityCommunityMembershipPage, CommunityPendingInvitationPage as AmityCommunityPendingInvitationPage, CommunityPinnedPost as AmityCommunityPinnedPostComponent, CommunityPostPermissionPage as AmityCommunityPostPermissionPage, CommunityProfilePage as AmityCommunityProfilePage, CommunitySearchResult as AmityCommunitySearchResultComponent, CommunitySettingPage as AmityCommunitySettingPage, CommunitySetupPage as AmityCommunitySetupPage, AmityCommunitySetupPageMode, CommunityStorySettingPage as AmityCommunityStorySettingPage, CommunityVideoFeed as AmityCommunityVideoFeedComponent, CreatePostMenu as AmityCreatePostMenuComponent, DetailedMediaAttachment as AmityDetailedMediaAttachmentComponent, DraftClipPage as AmityDraftClipPage, AmityDraftStoryPage, EditUserProfilePage as AmityEditUserProfilePage, EmptyNewsfeed as AmityEmptyNewsFeedComponent, CommentText as AmityExpandableText, Explore as AmityExploreComponent, GlobalFeed as AmityGlobalFeedComponent, InvitationBanner as AmityInvitationBannerComponent, InvitationSection as AmityInvitationSectionComponent, JoinRequestContent as AmityJoinRequestContentComponent, ChatHeader as AmityLiveChatHeader, MessageComposer as AmityLiveChatMessageComposeBar, MessageList as AmityLiveChatMessageList, MessageQuickReaction as AmityLiveChatMessageQuickReaction, MessageReactionPicker as AmityLiveChatMessageReactionPicker, MessageReactionPreview as AmityLiveChatMessageReactionPreview, LiveChat as AmityLiveChatPage, LiveStreamPlayerPage as AmityLiveStreamPlayerPage, LivestreamTerminatedPage as AmityLivestreamTerminatedPage, MediaAttachment as AmityMediaAttachmentComponent, type MessageActionType as AmityMessageActionType, MyCommunities as AmityMyCommunitiesComponent, MyCommunitiesSearchPage as AmityMyCommunitiesSearchPage, Newsfeed as AmityNewsFeedComponent, PageRenderer as AmityPageRenderer, PendingPostContent as AmityPendingPostContentComponent, PendingPostList as AmityPendingPostListComponent, PendingPostsPage as AmityPendingPostsPage, PendingRequestPage as AmityPendingRequestPage, PollPostComposerPage as AmityPollPostComposerPage, PollTargetSelectionPage as AmityPollTargetSelectionPage, PostComposerPage as AmityPostComposerPage, PostContainer as AmityPostContainer, PostContent as AmityPostContentComponent, PostDetailPage as AmityPostDetailPage, _default as AmityPostEngagementBar, SelectPostTargetPage as AmityPostTargetSelectionPage, ReactionList as AmityReactionListComponent, type ReactionListProps as AmityReactionListProps, SocialGlobalSearchPage as AmitySocialGlobalSearchPage, SocialHomePage as AmitySocialHomePage, HomePageTab as AmitySocialHomePageTab, TopNavigation as AmitySocialHomeTopNavigationComponent, StoryPreview as AmityStoryPreview, StoryPreviewThumbnail as AmityStoryPreviewThumbnail, StoryTab as AmityStoryTabComponent, StoryTargetSelectionPage as AmityStoryTargetSelectionPage, TopSearchBar as AmityTopSearchBarComponent, AmityUIKitManager, ChatApplication as AmityUiKitChat, _default$2 as AmityUiKitFeed, AmityUIKitProvider as AmityUiKitProvider, Application as AmityUiKitSocial, UserFeed as AmityUserFeedComponent, UserImageFeed as AmityUserImageFeedComponent, UserPendingFollowRequestPage as AmityUserPendingFollowRequestPage, UserProfileHeader as AmityUserProfileHeaderComponent, UserProfilePage as AmityUserProfilePage, UserRelationshipPage as AmityUserRelationshipPage, UserRelationshipPageTabs as AmityUserRelationshipPageTabs, UserSearchResult as AmityUserSearchResultComponent, UserVideoFeed as AmityUserVideoFeedComponent, ViewStoryPage as AmityViewStoryPage, addChatMembers as amityAddChatMembers, removeChatMembers as amityRemoveChatMembers, useNavigation as useAmityNavigation, useSDK as useAmitySDK, useUser as useAmityUser };