@amityco/ulta-ui-kit 4.0.0-beta.4 → 4.0.0-beta01

package/dist/index.d.ts

@@ -1,13 +1,32 @@
-import React, { ReactNode, RefObject } from 'react';
+import React, { FC, ReactNode } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as styled_components_dist_types from 'styled-components/dist/types';
 import * as styled_components from 'styled-components';
+import { AnalyticsSourceTypeEnum, 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 +44,31 @@ 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;
+};
+declare const enum UserAccessTypes {
+    ALL = "all",
+    SIGNED_IN_USER_ONLY = "singed_in_user_only",
+    NONE = "none"
+}
+type UserAccess = `${UserAccessTypes}`;
 interface Config {
     preferred_theme?: 'light' | 'dark' | 'default';
     theme?: {
@@ -43,24 +77,43 @@ interface Config {
     };
     excludes?: string[];
     message_reactions?: AmityReactionType[];
+    social_reactions?: AmityReactionType[];
     customizations?: {
-        [key: string]: IconConfiguration & TextConfiguration & ThemeConfiguration & CustomConfiguration;
+        [key: string]: GetConfigReturnValue;
+    };
+    feature_flags?: {
+        post?: {
+            clip?: {
+                can_create: UserAccess;
+                can_view_tab: UserAccess;
+            };
+        };
     };
 }
-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;
+    rootId?: string;
+    parentId?: string;
+    posts?: Amity.Post<'clip' | 'video'>[];
+    selectedReplyComment?: Amity.Comment;
+    showReplyCommentAt?: string;
+    keyword?: string;
+    isFromCommentClick?: boolean;
+    eventCreatorId?: Amity.Event['userId'];
+}
+interface GoToPostDetailPageParams extends Omit<PostDetailPageProps, 'id'> {
+    postId: string;
+}
+declare function PostDetailPage({ id, hideTarget, category, commentId, rootId, parentId, posts, selectedReplyComment, showReplyCommentAt, keyword, isFromCommentClick, eventCreatorId, }: PostDetailPageProps): react_jsx_runtime.JSX.Element | null;
 
 declare enum AmityPostContentComponentStyle {
     FEED = "feed",
-    DETAIL = "detail"
+    DETAIL = "detail",
+    SEARCH = "search"
 }
 declare enum AmityPostCategory {
     GENERAL = "general",
@@ -70,24 +123,201 @@ declare enum AmityPostCategory {
 }
 interface PostContentProps {
     post: Amity.Post;
-    onClick?: () => void;
+    onClick?: (context?: Pick<PostDetailPageProps, 'commentId' | 'selectedReplyComment' | 'parentId' | 'showReplyCommentAt' | 'isFromCommentClick'>) => void;
     onPostDeleted?: (post: Amity.Post) => void;
+    onPollPostDeleted?: (post: Amity.Post) => void;
     style: AmityPostContentComponentStyle;
     category: AmityPostCategory;
     hideMenu?: boolean;
     hideTarget?: boolean;
     pageId?: string;
+    disabledContent?: boolean;
+    isSearchPost?: boolean;
+    keyword?: string;
+    isGlobalFeaturePost?: boolean;
+    className?: string;
+    expandAllContent?: boolean;
+    eventCreatorId?: Amity.Event['userId'];
+}
+declare const PostContent: ({ pageId, post, onClick, onPostDeleted, onPollPostDeleted, category, hideMenu, hideTarget, style, disabledContent, isGlobalFeaturePost, className, keyword, isSearchPost, expandAllContent, eventCreatorId, }: PostContentProps) => react_jsx_runtime.JSX.Element;
+
+declare enum EventSetupMode {
+    CREATE = "create",
+    EDIT = "edit"
+}
+type CreateEventOptions = {
+    targetId: string;
+    targetName: string;
+    mode: EventSetupMode.CREATE;
+};
+type EditEventOptions = {
+    event: Amity.Event;
+    mode: EventSetupMode.EDIT;
+};
+type EventSetupProps = CreateEventOptions | EditEventOptions;
+
+type UpcomingEventsProps = {
+    fromExplore?: boolean;
+};
+
+type EventDetailProps = {
+    eventId: string;
+    pop?: number;
+};
+
+type EventInfoProps = {
+    pageId: string;
+    event: Amity.Event;
+};
+declare function EventInfo({ pageId, event }: EventInfoProps): react_jsx_runtime.JSX.Element | null;
+
+type EventAttendeesProps = {
+    event: Amity.Event;
+};
+
+type CommunityMediaFeedProps = {
+    pageId?: string;
+    communityId: string;
+};
+declare const CommunityMediaFeed: ({ pageId, communityId }: CommunityMediaFeedProps) => react_jsx_runtime.JSX.Element;
+
+type CommunityEventFeedProps = {
+    pageId?: string;
+    communityId: string;
+};
+declare const CommunityEventFeed: ({ pageId, communityId }: CommunityEventFeedProps) => react_jsx_runtime.JSX.Element | null;
+
+interface LivestreamChatMessageComposerProps {
+    channelId?: Amity.Channel['channelId'];
+    disabled?: boolean;
+    pageId?: string;
+    community?: Amity.Community | null;
+    isPendingPost?: boolean;
+    isPlayer?: boolean;
 }
-declare const PostContent: ({ pageId, post: initialPost, onClick, onPostDeleted, category, hideMenu, hideTarget, style, }: PostContentProps) => React.JSX.Element;
+declare const LivestreamChatMessageComposer: ({ pageId, channelId, disabled, community, isPendingPost, isPlayer, }: LivestreamChatMessageComposerProps) => react_jsx_runtime.JSX.Element;
+
+type CreateLivestreamPageProps = {
+    targetType: 'community' | 'user';
+    targetId: string | null;
+    event?: Amity.Event;
+};
+declare function CreateLivestreamPage({ targetType: initialTargetType, targetId: initialTargetId, event, }: CreateLivestreamPageProps): react_jsx_runtime.JSX.Element;
+
+type LiveStreamPlayerPageProps = {
+    post?: Amity.Post;
+    goToDetailPage?: (context?: GoToPostDetailPageParams) => void;
+    roomId?: string;
+};
+declare function LiveStreamPlayerPage({ post, roomId, goToDetailPage }: LiveStreamPlayerPageProps): react_jsx_runtime.JSX.Element;
+
+type SelectedTarget = {
+    targetId: string | null;
+    targetType: Amity.PostTargetType;
+};
+
+declare function LivestreamTargetSelectionPage({ onPressTarget, }: {
+    onPressTarget?: (params: SelectedTarget) => void;
+}): react_jsx_runtime.JSX.Element;
+
+declare function LiveStreamBannedPage(): react_jsx_runtime.JSX.Element;
+
+declare function LivestreamTerminatedPage(): react_jsx_runtime.JSX.Element;
+
+declare function LivestreamUnsupportedPage(): react_jsx_runtime.JSX.Element;
+
+declare const enum DisplayModeEnum {
+    DESKTOP = "desktop",
+    MOBILE = "mobile"
+}
+type DisplayMode = `${DisplayModeEnum}`;
+declare const enum ProductTagListRenderModeEnum {
+    POST = "post",
+    LIVESTREAM = "livestream",
+    IMAGE = "image",
+    VIDEO = "video"
+}
+type ProductTagListRenderMode = `${ProductTagListRenderModeEnum}`;
+declare const enum LayoutVariantEnum {
+    LIST = "list",
+    CARD = "card"
+}
+type LayoutVariant = `${LayoutVariantEnum}`;
+
+type RenderModeEnum = 'livestream' | 'playback';
+
+type ProductTagSelectionMode = 'create' | 'edit' | 'livestream';
+interface ProductTagSelectionProps {
+    selectedProductTags?: Amity.ProductTag[];
+    onTagChanges: (tags: Amity.ProductTag[]) => void;
+    onUpdateProductTags?: (tags: Amity.ProductTag[]) => Promise<Amity.ProductTag[] | undefined> | void;
+    displayMode?: DisplayMode;
+    mode?: ProductTagSelectionMode;
+    onDone?: () => void;
+    onClose?: (selectedProducts?: Amity.ProductTag[], hasChanges?: boolean) => void;
+    pageId?: string;
+    maxCount?: number;
+    isFromManageTagList?: boolean;
+    pinnedProductId?: string;
+    onPinnedProductIdChange?: (pinnedProductId: string | undefined) => void;
+    renderMode?: RenderModeEnum;
+    isShowSearch?: boolean;
+    isHost?: boolean;
+    onRemoveProduct?: (productTag: Amity.ProductTag) => void;
+    remainingLimit?: number;
+    taggedProductIds?: string[];
+}
+declare function ProductTagSelection({ selectedProductTags, onTagChanges, onUpdateProductTags, displayMode, mode, onDone, onClose, pageId, maxCount, isFromManageTagList, pinnedProductId, onPinnedProductIdChange, renderMode, isShowSearch, isHost, onRemoveProduct, remainingLimit, taggedProductIds, }: ProductTagSelectionProps): react_jsx_runtime.JSX.Element | null;
+
+interface ManageProductTagListProps {
+    productTags?: Amity.MediaProductTag[];
+    onProductTagsChange?: (tags: Amity.ProductTag[]) => void;
+    onUpdateProductTags?: (tags: Amity.ProductTag[]) => Promise<Amity.ProductTag[] | undefined> | void;
+    onRemove?: (productTag: Amity.ProductTag) => void;
+    pageId?: string;
+    onClose: (tags: Amity.ProductTag[], pinnedProductId: string) => void;
+    maxCount?: number;
+    pinnedProductId?: string;
+    onPinnedProductIdChange?: (pinnedProductId: string | undefined) => void;
+    isPinning?: boolean;
+    isUnpinning?: boolean;
+    renderMode?: RenderModeEnum;
+    isHost?: boolean;
+    sourceType?: AnalyticsSourceTypeEnum;
+    sourceId: string;
+}
+declare function ManageProductTagList({ productTags: initialProductTags, onProductTagsChange, onUpdateProductTags, onRemove, pageId, onClose, maxCount, pinnedProductId, onPinnedProductIdChange, isPinning, isUnpinning, renderMode, isHost, sourceType, sourceId, }: ManageProductTagListProps): react_jsx_runtime.JSX.Element;
+
+interface ProductTagListProps {
+    pageId?: string;
+    productTags: Amity.ProductTag[];
+    displayMode?: DisplayMode;
+    onClose?: () => void;
+    renderMode?: ProductTagListRenderMode;
+    layout?: LayoutVariant;
+    pinnedProductId?: string;
+    sourceId?: string;
+}
+declare function ProductTagList({ productTags, displayMode, pageId, onClose, renderMode, layout, pinnedProductId, sourceId, }: ProductTagListProps): react_jsx_runtime.JSX.Element | null;
 
 type MemberCommunitySetup = {
     userId: string;
     displayName: string;
+    isBrand: boolean;
 };
 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_runtime.JSX.Element;
 
 declare enum Mode {
     CREATE = "create",
@@ -96,20 +326,33 @@ 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;
+    targetName?: string;
 }
 type PostComposerPageProps = AmityPostComposerCreateOptions | AmityPostComposerEditOptions;
-declare function PostComposerPage(props: PostComposerPageProps): React.JSX.Element;
+declare function PostComposerPage(props: PostComposerPageProps): react_jsx_runtime.JSX.Element;
+
+type UpcomingEventsPageProps = UpcomingEventsProps;
+declare function UpcomingEventsPage({ fromExplore }: UpcomingEventsPageProps): react_jsx_runtime.JSX.Element;
 
 declare const enum UserRelationshipPageTabs {
     FOLLOWING = "following",
     FOLLOWER = "followers"
 }
+type UserRelationshipPageProps = {
+    userId: string;
+    selectedTab: UserRelationshipPageTabs;
+};
+declare const UserRelationshipPage: FC<UserRelationshipPageProps>;
+
+type NotificationAlignment = 'fullscreen' | 'withSidebar' | 'fixed' | 'live-chat' | 'livestreamWithChat';
 
 interface PageBehavior {
     AmityStoryViewPageBehavior?: {
@@ -120,11 +363,15 @@ interface PageBehavior {
         closeAction?(): void;
     };
     onClickHyperLink?(): void;
-    AmitySocialHomePageBehavior?: Record<string, unknown>;
-    AmityGlobalFeedComponentBehavior?: {
-        goToPostDetailPage?: (context: {
-            postId: string;
+    AmitySocialHomePageBehavior?: {
+        goToNotificationTrayPage?: () => void;
+        goToClipFeedPage?: (context: {
+            currentPostId?: string;
+            postIndex?: number;
         }) => void;
+    };
+    AmityGlobalFeedComponentBehavior?: {
+        goToPostDetailPage?: (context: GoToPostDetailPageParams) => void;
         goToViewStoryPage?: (context: {
             targetId: string;
             targetType: Amity.StoryTargetType;
@@ -135,7 +382,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;
@@ -146,9 +403,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;
@@ -161,7 +426,13 @@ interface PageBehavior {
     };
     AmityCreatePostMenuComponentBehavior?: {
         goToSelectPostTargetPage?(): void;
+        goToSelectClipPostTargetPage?(context: {
+            isClipPost: boolean;
+        }): void;
         goToStoryTargetSelectionPage?(): void;
+        goToSelectPollPostTargetPage?(): void;
+        goToLivestreamUnsupportedPage?(): void;
+        goToSelectEventTargetPage?(): void;
     };
     AmityPostTargetSelectionPage?: {
         goToPostComposerPage?: (context: {
@@ -170,6 +441,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: {
@@ -195,12 +471,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;
@@ -226,6 +499,26 @@ interface PageBehavior {
         goToMembershipPage?(context: {
             community: Amity.Community;
         }): void;
+        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;
+        goToEventSetupPage?(context: EventSetupProps): void;
     };
     AmitySocialHomeTopNavigationComponentBehavior?: {
         goToCreateCommunityPage?(context: {
@@ -241,6 +534,10 @@ interface PageBehavior {
             communityId?: string;
             onAddedAction?: (userId: string[]) => void;
         }): void;
+        goToInviteMemberPage?(context: {
+            communityId?: string;
+            onSubmit?: (userId: string[]) => void;
+        }): void;
     };
     AmityCommunitySettingPageBehavior?: {
         goToEditCommunityPage?(context: {
@@ -250,6 +547,9 @@ interface PageBehavior {
         goToMembershipPage?(context: {
             community: Amity.Community;
         }): void;
+        goToPendingInvitationPage?(context: {
+            community: Amity.Community;
+        }): void;
         goToPostPermissionPage?(context: {
             community: Amity.Community;
         }): void;
@@ -258,7 +558,7 @@ interface PageBehavior {
         }): void;
         goToSocialHomePage?(): void;
     };
-    AmityCommunityMembershipPage?: {
+    AmityCommunityMembershipPageBehavior?: {
         goToAddMemberPage?(context: {
             members?: MemberCommunitySetup[];
             communityId?: string;
@@ -267,11 +567,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: {
@@ -280,50 +592,184 @@ 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;
+    };
+    AmityPollTargetSelectionPageBehavior?: {
+        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;
+        goToEventDetailPage?(context: EventDetailProps): void;
+        goToLivestreamPlayerPage?(context: LiveStreamPlayerPageProps): void;
+        goToEditProfilePage?(): 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;
+    };
+    AmityGlobalBehavior?: {
+        handleVisitorUserAction?(context: {
+            alignment: NotificationAlignment;
+        }): void;
+        handleNonMemberAction?(context: {
+            alignment: NotificationAlignment;
+        }): void;
+        handleNonFollowerAction?(context: {
+            alignment: NotificationAlignment;
+        }): void;
+        onPostProductTagClick?(context: {
+            product: Amity.Product;
+        }): void;
+        onLivestreamProductTagClick?(context: {
+            product: Amity.Product;
+        }): void;
+    };
+    AmityEventTargetSelectionPageBehavior?: {
+        goToEventSetupPage?(context: EventSetupProps): void;
+    };
+    AmityMyCommunitiesComponentBehavior?: {
+        goToCommunitySetupPage?(context: {
+            mode: AmityCommunitySetupPageMode;
+        }): void;
+    };
+    AmityExploreEventFeedComponentBehavior?: {
+        goToUpcomingEventsPage?(context: UpcomingEventsPageProps): void;
+    };
+    AmityMyEventFeedComponentBehavior?: {
+        goToUpcomingEventsPage?(context: UpcomingEventsPageProps): void;
+        goToPastEventsPage?(): void;
+    };
+    AmityEventDetailPageBehavior?: {
+        goToCommunityProfilePage?(context: {
+            communityId: string;
+        }): void;
+        goToPostDetailPage?(context: GoToPostDetailPageParams): void;
+        goToEventSetupPage?(context: EventSetupProps): void;
+        goToCreateLivestreamPage?(context: CreateLivestreamPageProps): void;
+        goToPostComposerPage?(context: {
+            mode: Mode.CREATE;
+            targetName?: string;
+            targetId: string | null;
+            targetType: 'community' | 'user';
+            community?: Amity.Community;
+        }): void;
+        goToPollPostComposerPage?(context: {
+            targetId: string | null;
+            targetType: 'community' | 'user';
+            pollType?: 'text' | 'image';
+        }): void;
+        goToEventAttendeesPage?(context: {
+            event: Amity.Event;
+        }): void;
+        goToUserProfilePage?(context: {
+            userId: string;
+        }): void;
+    };
+    AmityEventSetupPageBehavior?: {
+        goToEventDetailPage?(context: EventDetailProps): void;
+    };
+    AmityEventAttendeesPageBehavior?: {
         goToUserProfilePage?(context: {
             userId: string;
         }): void;
     };
 }
 
+type OptionalFeature = 'event' | 'clipFeed' | 'livestream' | 'multipleReaction' | 'addLinkToText';
 interface UltaConfigContextProps {
     faqCommunityId: string;
     newsCommunityId: string;
     privacyAndPolicyUrl: string;
+    faqCommunityIconUrl?: string;
+    newsCommunityIconUrl?: string;
     termsAndConditionsUrl: string;
     allowUpdateDisplayName?: boolean;
     defaultTab?: 'explore' | 'newsfeed';
+    contactSupportUrl: string;
+    enabledFeatures?: OptionalFeature[];
+    deeplink?: {
+        origin?: string;
+        groupQueryString?: string;
+        postQueryString?: string;
+        userQueryString?: string;
+    };
 }
 
 type AmityUIKitConfig = Config;
+type AmityRoute = {
+    route: string;
+    id?: string;
+};
 interface AmityUIKitProviderProps {
     apiKey: string;
     apiRegion: string;
     apiEndpoint?: {
         http?: string;
         mqtt?: string;
+        upload?: string;
     };
-    userId: string;
+    userId?: string;
     displayName?: string;
     postRendererConfig?: any;
     theme?: Record<string, unknown>;
@@ -349,8 +795,19 @@ interface AmityUIKitProviderProps {
     onConnected?: () => void;
     onDisconnected?: () => void;
     getAuthToken?: () => Promise<string>;
+    authSignatureExpiresAt?: string;
+    getAuthSignature?: ({ deviceId, authSignatureExpiresAt, }: {
+        deviceId: string;
+        authSignatureExpiresAt: string;
+    }) => Promise<string>;
+    isBotUser?: boolean;
     configs?: AmityUIKitConfig;
+    activeRoute?: AmityRoute;
     ultaConfig: UltaConfigContextProps;
+    onRouteChange?: (route: string) => void;
+    seoOptimizationEnabled?: boolean;
+    syncNetworkConfig?: boolean;
+    onEmptyNavigationStack?: () => void;
 }
 declare const AmityUIKitProvider: React.FC<AmityUIKitProviderProps>;
 
@@ -365,9 +822,9 @@ interface FeedProps {
     readonly?: boolean;
     isHiddenProfile?: boolean;
 }
-declare const _default$2: React.MemoExoticComponent<(props: FeedProps) => React.JSX.Element>;
+declare const _default$2: React.MemoExoticComponent<(props: FeedProps) => react_jsx_runtime.JSX.Element>;
 
-declare const Application: () => React.JSX.Element;
+declare const Application: () => react_jsx_runtime.JSX.Element;
 
 type PartialChannel = Pick<Amity.Channel, 'channelId' | 'type'>;
 declare const ChatApplication: ({ membershipFilter, defaultChannelId, onMemberSelect, onChannelSelect, onAddNewChannel, onEditChatMember, }: {
@@ -380,7 +837,12 @@ declare const ChatApplication: ({ membershipFilter, defaultChannelId, onMemberSe
         channel: Amity.Channel;
         members: Amity.Membership<'channel'>[];
     }) => void) | undefined;
-}) => React.JSX.Element;
+}) => react_jsx_runtime.JSX.Element;
+
+type PageRendererProps = {
+    children: React.JSX.Element;
+};
+declare const PageRenderer: ({ children }: PageRendererProps) => react_jsx_runtime.JSX.Element | null;
 
 declare const addChatMembers: (channelId: string, userIds: string[]) => Promise<boolean>;
 
@@ -413,7 +875,7 @@ type AmityDraftStoryPageProps = {
     targetType: Amity.StoryTargetType;
     mediaType?: AmityStoryMediaType$1;
 };
-declare const AmityDraftStoryPage: (props: AmityDraftStoryPageProps) => React.JSX.Element;
+declare const AmityDraftStoryPage: (props: AmityDraftStoryPageProps) => react_jsx_runtime.JSX.Element;
 
 type Page = {
     type: PageTypes.Explore | PageTypes.NewsFeed;
@@ -487,7 +949,7 @@ interface AvatarProps {
     loading?: boolean;
     backgroundImage?: string | null;
 }
-declare const _default$1: (props: AvatarProps) => React.JSX.Element;
+declare const _default$1: (props: AvatarProps) => react_jsx_runtime.JSX.Element;
 
 declare const PostContainer: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<{
     className?: string | undefined;
@@ -495,7 +957,7 @@ declare const PostContainer: styled_components_dist_types.IStyledComponentBase<"
 }, never>> & string & Omit<({ className, ...props }: {
     className?: string | undefined;
     children?: ReactNode;
-}) => React.JSX.Element, keyof React.Component<any, {}, any>>;
+}) => react_jsx_runtime.JSX.Element, keyof React.Component<any, {}, any>>;
 
 type Mentioned = {
     userId: string;
@@ -510,7 +972,7 @@ interface EngagementBarProps {
     readonly?: boolean;
 }
 
-declare const _default: React.MemoExoticComponent<(props: EngagementBarProps) => React.JSX.Element>;
+declare const _default: React.MemoExoticComponent<(props: EngagementBarProps) => react_jsx_runtime.JSX.Element>;
 
 interface CommentTextProps {
     text?: string;
@@ -518,7 +980,7 @@ interface CommentTextProps {
     mentionees?: Mentioned[];
     maxLines?: number;
 }
-declare const CommentText: ({ text, className, mentionees, maxLines, }: CommentTextProps) => React.JSX.Element | null;
+declare const CommentText: ({ text, className, mentionees, maxLines, }: CommentTextProps) => react_jsx_runtime.JSX.Element | null;
 
 declare const useSDK: () => {
     client?: Amity.Client | null | undefined;
@@ -536,6 +998,21 @@ interface SessionHandler {
      */
     sessionWillRenewAccessToken(renewal: Amity.AccessTokenRenewal): void;
 }
+/**
+ * Interface for the registerDevice parameters.
+ */
+interface RegisterDeviceParams {
+    userId?: string;
+    displayName?: string;
+    sessionHandler: SessionHandler;
+    authToken?: string;
+    authSignatureParams?: Amity.ConnectClientAsVisitorParams;
+    onConnectionStatusChange?: (state: Amity.SessionStates) => void;
+    onConnected?: () => void;
+    onDisconnected?: () => void;
+    onGlobalBanned?: (payload: Amity.UserPayload) => void;
+    onUserDeleted?: (payload: Amity.UserPayload) => void;
+}
 /**
  * Manages the Amity SDK client and authentication state.
  */
@@ -548,6 +1025,9 @@ declare class AmityUIKitManager {
     private onConnectionStatusChange?;
     private onConnected?;
     private onDisconnected?;
+    private globalBannedUnsubscribe?;
+    private onGlobalBanned?;
+    private onUserDeleted?;
     /**
      * Private constructor to prevent direct instantiation.
      */
@@ -563,18 +1043,13 @@ declare class AmityUIKitManager {
             http?: string;
             mqtt?: string;
         };
+        seoOptimizationEnabled?: boolean;
     }): void;
     /**
      * Registers a device with the Amity SDK and handles the login process.
-     * @param userId - The user ID to be used for login.
-     * @param displayName - The display name of the user.
-     * @param sessionHandler - The session handler for access token renewal.
-     * @param authToken - The authentication token to be used for login.
-     * @param onConnectionStatusChange - The callback function for connection status changes.
-     * @param onConnected - The callback function to be called when connected.
-     * @param onDisconnected - The callback function to be called when disconnected.
+     * @param params - The parameters object containing all registration options.
      */
-    static registerDevice(userId: string, displayName: string, sessionHandler: SessionHandler, authToken?: string, onConnectionStatusChange?: (state: Amity.SessionStates) => void, onConnected?: () => void, onDisconnected?: () => void): Promise<void>;
+    static registerDevice({ userId, displayName, sessionHandler, authToken, authSignatureParams, onConnectionStatusChange, onConnected, onDisconnected, onGlobalBanned, onUserDeleted, }: RegisterDeviceParams): 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.
@@ -602,6 +1077,7 @@ declare class AmityUIKitManager {
      * @returns True if the client is connected, false otherwise.
      */
     isClientConnected(): boolean;
+    static syncNetworkConfig(): Promise<NetworkConfig>;
 }
 
 interface ChatHeaderProps {
@@ -609,14 +1085,14 @@ interface ChatHeaderProps {
     pageId?: string;
     componentId?: string;
 }
-declare const ChatHeader: ({ channel, pageId }: ChatHeaderProps) => React.JSX.Element;
+declare const ChatHeader: ({ channel, pageId }: ChatHeaderProps) => react_jsx_runtime.JSX.Element;
 
 interface AmityLiveChatMessageListProps {
     pageId?: string;
     channel: Amity.Channel;
     replyMessage: (message: Amity.Message<'text'>) => void;
 }
-declare const MessageList: ({ pageId, channel, replyMessage, }: AmityLiveChatMessageListProps) => React.JSX.Element;
+declare const MessageList: ({ pageId, channel, replyMessage, }: AmityLiveChatMessageListProps) => react_jsx_runtime.JSX.Element;
 
 type ComposeActionTypes = {
     replyMessage?: Amity.Message;
@@ -624,24 +1100,24 @@ 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_runtime.JSX.Element;
 
 declare const MessageReactionPreview: ({ message, onClick, }: {
     message: Amity.Message;
     onClick?: (() => void) | undefined;
-}) => React.JSX.Element | null;
+}) => react_jsx_runtime.JSX.Element | null;
 
 declare const MessageReactionPicker: ({ message, onSelectReaction, }: {
     message: Amity.Message;
     onSelectReaction: (reactionName: string) => void;
-}) => React.JSX.Element | null;
+}) => react_jsx_runtime.JSX.Element | null;
 
 interface MessageQuickReactionProps {
     pageId?: string;
@@ -649,7 +1125,7 @@ interface MessageQuickReactionProps {
     message: Amity.Message;
     onSelectReaction?: () => void;
 }
-declare const MessageQuickReaction: ({ pageId, componentId, message, onSelectReaction, }: MessageQuickReactionProps) => React.JSX.Element;
+declare const MessageQuickReaction: ({ pageId, componentId, message, onSelectReaction, }: MessageQuickReactionProps) => react_jsx_runtime.JSX.Element;
 
 type MessageActionType = {
     onCopy?: () => void;
@@ -664,8 +1140,9 @@ interface ReactionListProps$1 {
     pageId: string;
     referenceId: string;
     referenceType: Amity.ReactableType;
+    customReferenceType?: string;
 }
-declare const ReactionList: ({ pageId, referenceId, referenceType }: ReactionListProps$1) => React.JSX.Element | null;
+declare const ReactionList: ({ pageId, referenceId, referenceType, customReferenceType, }: ReactionListProps$1) => react_jsx_runtime.JSX.Element | null;
 
 interface ReactionListProps {
     referenceId: string;
@@ -675,7 +1152,7 @@ interface ReactionListProps {
 interface LiveChatProps {
     channelId: Amity.Channel['channelId'];
 }
-declare const LiveChat: ({ channelId }: LiveChatProps) => React.JSX.Element;
+declare const LiveChat: ({ channelId }: LiveChatProps) => react_jsx_runtime.JSX.Element | null;
 
 type AmityStoryMediaType = {
     type: 'image';
@@ -730,28 +1207,31 @@ interface AmityViewStoryPageProps {
 }
 declare const ViewStoryPage: React.FC<AmityViewStoryPageProps>;
 
-declare function StoryTargetSelectionPage(): React.JSX.Element;
-
-declare function SocialHomePage(): React.JSX.Element;
+declare function StoryTargetSelectionPage(): react_jsx_runtime.JSX.Element;
 
-declare function SelectPostTargetPage(): React.JSX.Element;
+declare enum HomePageTab {
+    Newsfeed = "Newsfeed",
+    Explore = "Explore",
+    Profile = "Profile",
+    MyCommunities = "My communities",
+    Clips = "Clips",
+    Communities = "Communities",
+    Events = "Events"
+}
 
-declare function MyCommunitiesSearchPage(): React.JSX.Element;
+declare function SocialHomePage({ activeTab: initialActiveTab }: {
+    activeTab?: HomePageTab;
+}): react_jsx_runtime.JSX.Element;
 
-declare function SocialGlobalSearchPage(): React.JSX.Element;
+declare function SelectPostTargetPage({ isClipPost }: {
+    isClipPost?: boolean;
+}): react_jsx_runtime.JSX.Element;
 
-interface PostDetailPageProps {
-    id: string;
-    hideTarget?: boolean;
-    category?: AmityPostCategory;
-}
-declare function PostDetailPage({ id, hideTarget, category }: PostDetailPageProps): React.JSX.Element;
+declare function MyCommunitiesSearchPage(): react_jsx_runtime.JSX.Element;
 
-interface CommunityProfileProps {
-    communityId: string;
-    page?: number;
-}
-declare const CommunityProfilePage: React.FC<CommunityProfileProps>;
+declare function SocialGlobalSearchPage({ keyword }: {
+    keyword?: string;
+}): react_jsx_runtime.JSX.Element;
 
 type UserProfilePageProps = {
     userId: string;
@@ -764,15 +1244,124 @@ interface EditUserProfilePageProps {
 }
 declare const EditUserProfilePage: React.FC<EditUserProfilePageProps>;
 
-interface CommentTrayProps {
-    referenceType: Amity.CommentReferenceType;
+declare const BlockedUserPage: () => react_jsx_runtime.JSX.Element;
+
+declare const UserPendingFollowRequestPage: () => react_jsx_runtime.JSX.Element;
+
+interface CommunityAddCategoryPageProps {
+    category?: Amity.Category[];
+}
+declare const CommunityAddCategoryPage: ({ category }: CommunityAddCategoryPageProps) => react_jsx_runtime.JSX.Element;
+
+interface CommunityAddMemberPageProps {
+    member?: MemberCommunitySetup[];
+    communityId?: string;
+    closePopup?: () => void;
+    onAddedAction?: (userId: string[]) => void;
+}
+declare const CommunityAddMemberPage: ({ member, closePopup, communityId, onAddedAction, }: CommunityAddMemberPageProps) => react_jsx_runtime.JSX.Element;
+
+type CommunityInviteMemberPageProps = {
+    communityId?: string;
+    users?: Amity.User[];
+    onSubmit?: (userId: string[]) => void;
+};
+declare const CommunityInviteMemberPage: (props: CommunityInviteMemberPageProps) => react_jsx_runtime.JSX.Element;
+
+interface CommunityProfileProps {
+    communityId: string;
+    page?: number;
+}
+declare const CommunityProfilePage: React.FC<CommunityProfileProps>;
+
+type CommunitySettingPageProps = {
+    community: Amity.Community;
+};
+declare const CommunitySettingPage: ({ community }: CommunitySettingPageProps) => react_jsx_runtime.JSX.Element;
+
+type CommunityPostPermissionPageProps = {
+    community: Amity.Community;
+};
+declare const CommunityPostPermissionPage: ({ community }: CommunityPostPermissionPageProps) => react_jsx_runtime.JSX.Element;
+
+type CommunityStorySettingPageProps = {
+    community: Amity.Community;
+};
+declare const CommunityStorySettingPage: ({ community }: CommunityStorySettingPageProps) => react_jsx_runtime.JSX.Element;
+
+type PendingPostsPageProps = {
+    communityId: string;
+};
+declare const PendingPostsPage: ({ communityId }: PendingPostsPageProps) => react_jsx_runtime.JSX.Element;
+
+type CommunityMembershipPageProps = {
+    community: Amity.Community;
+};
+declare const CommunityMembershipPage: ({ community }: CommunityMembershipPageProps) => react_jsx_runtime.JSX.Element;
+
+type CommunityPendingInvitationPageProps = {
+    community: Amity.Community;
+};
+declare function CommunityPendingInvitationPage(props: CommunityPendingInvitationPageProps): react_jsx_runtime.JSX.Element;
+
+type PollPostComposerPageProps = {
+    targetId: string | null;
+    targetType: 'community' | 'user';
+    pollType?: 'text' | 'image';
+};
+declare const PollPostComposerPage: ({ targetId, targetType, pollType, }: PollPostComposerPageProps) => react_jsx_runtime.JSX.Element;
+
+declare function PollTargetSelectionPage(): react_jsx_runtime.JSX.Element;
+
+declare function AllCategoriesPage(): react_jsx_runtime.JSX.Element;
+
+interface CommunitiesByCategoryPageProps {
+    categoryId: string;
+}
+declare function CommunitiesByCategoryPage({ categoryId }: CommunitiesByCategoryPageProps): react_jsx_runtime.JSX.Element;
+
+type PendingRequestPageProps = {
+    community: Amity.Community;
+};
+declare const PendingRequestPage: ({ community }: PendingRequestPageProps) => react_jsx_runtime.JSX.Element | null;
+
+type DraftClipPageProps = {
+    targetId: string | null;
+    targetType: 'community' | 'user';
+    community?: Amity.Community;
+};
+declare const DraftClipPage: ({ targetId, targetType, community }: DraftClipPageProps) => react_jsx_runtime.JSX.Element;
+
+type ClipFeedPageProps = {
+    currentPostId?: string;
+    postIndex?: number;
+    targetType?: 'community' | 'user';
+    targetId?: string;
+};
+declare const ClipFeedPage: ({ currentPostId, postIndex, targetType, targetId, }: ClipFeedPageProps) => react_jsx_runtime.JSX.Element;
+
+declare function EventTargetSelectionPage(): react_jsx_runtime.JSX.Element;
+
+declare const EventSetupPage: (props: EventSetupProps) => react_jsx_runtime.JSX.Element;
+
+declare function PastEventsPage(): react_jsx_runtime.JSX.Element;
+
+type EventDetailPageProps = EventDetailProps;
+declare function EventDetailPage(props: EventDetailPageProps): react_jsx_runtime.JSX.Element;
+
+type EventAttendeesPageProps = EventAttendeesProps;
+declare function EventAttendeesPage({ event }: EventAttendeesPageProps): react_jsx_runtime.JSX.Element;
+
+type CommentTrayProps = {
+    pageId?: string;
     referenceId: string;
     community: Amity.Community;
-    shouldAllowInteraction: boolean;
     shouldAllowCreation?: boolean;
-    pageId?: string;
-}
-declare const CommentTray: ({ pageId, referenceType, referenceId, community, shouldAllowInteraction, shouldAllowCreation, }: CommentTrayProps) => React.JSX.Element;
+    shouldAllowInteraction?: boolean;
+    referenceType: Amity.CommentReferenceType;
+    commentCount?: number;
+};
+declare const CommentTray: ({ referenceId, pageId, referenceType, shouldAllowCreation, shouldAllowInteraction, community, commentCount, }: CommentTrayProps) => react_jsx_runtime.JSX.Element;
 
 type StoryTabProps = ({
     type: 'communityFeed';
@@ -784,40 +1373,45 @@ type StoryTabProps = ({
 };
 declare const StoryTab: React.FC<StoryTabProps>;
 
-interface CreatePostMenuProps {
+type CreatePostMenuProps = {
     pageId: string;
-}
-declare function CreatePostMenu({ pageId }: CreatePostMenuProps): React.JSX.Element;
+};
+declare function CreatePostMenu({ pageId }: CreatePostMenuProps): react_jsx_runtime.JSX.Element;
 
 interface MediaAttachmentProps {
     pageId: string;
     uploadLoading?: boolean;
+    sourceId?: string;
     isVisibleCamera: boolean;
     isVisibleImage: boolean;
     isVisibleVideo: boolean;
-    onVideoFileChange?: (files: File[]) => void;
-    onImageFileChange?: (files: File[]) => void;
+    totalMedia?: number;
+    productTags?: Amity.ProductTag[];
+    onVideoFileChange?: (files: File[], fileType?: string) => void;
+    onImageFileChange?: (files: File[], fileType?: string) => void;
 }
-declare function MediaAttachment({ pageId, isVisibleCamera, isVisibleImage, isVisibleVideo, onVideoFileChange, onImageFileChange, }: MediaAttachmentProps): React.JSX.Element | null;
+declare function MediaAttachment({ pageId, sourceId, isVisibleCamera, isVisibleImage, isVisibleVideo, totalMedia, productTags, onVideoFileChange, onImageFileChange, }: MediaAttachmentProps): react_jsx_runtime.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_runtime.JSX.Element | null;
 
 type UserSearchResultProps = {
     pageId?: string;
+    keyword: string;
     isLoading: boolean;
     onLoadMore: () => void;
     userCollection: Amity.User[];
     onClosePopover?: () => void;
 };
-declare const UserSearchResult: ({ isLoading, onLoadMore, pageId, onClosePopover, userCollection, }: UserSearchResultProps) => React.JSX.Element;
+declare const UserSearchResult: ({ keyword, isLoading, onLoadMore, pageId, onClosePopover, userCollection, }: UserSearchResultProps) => react_jsx_runtime.JSX.Element;
 
 type CommunitySearchResultProps = {
     pageId?: string;
@@ -826,54 +1420,56 @@ type CommunitySearchResultProps = {
     showJoinButton?: boolean;
     onClosePopover?: () => void;
     communityCollection: Amity.Community[];
+    isEmptyGroup?: boolean;
+    keyword?: string;
+    onExploreGroups?: () => void;
 };
-declare const CommunitySearchResult: ({ isLoading, onLoadMore, pageId, onClosePopover, showJoinButton, communityCollection, }: CommunitySearchResultProps) => React.JSX.Element;
+declare const CommunitySearchResult: ({ isLoading, onLoadMore, pageId, onClosePopover, showJoinButton, communityCollection, isEmptyGroup, keyword, onExploreGroups, }: CommunitySearchResultProps) => react_jsx_runtime.JSX.Element;
 
 type TopSearchBarProps = {
     pageId?: string;
     onFocus?: () => void;
+    hasCancelButton?: boolean;
     search: (keyword: string) => void;
+    initialValue?: string;
+    onCloseSearch?: () => void;
 };
-declare function TopSearchBar({ pageId, search, onFocus }: TopSearchBarProps): React.JSX.Element | null;
+declare function TopSearchBar({ pageId, search, onFocus, hasCancelButton, initialValue, onCloseSearch, }: TopSearchBarProps): react_jsx_runtime.JSX.Element | null;
 
-interface MyCommunitiesProps {
+type MyCommunitiesProps = {
     pageId?: string;
-}
-declare const MyCommunities: ({ pageId }: MyCommunitiesProps) => React.JSX.Element;
+    onExploreGroups?: () => void;
+};
+declare const MyCommunities: ({ pageId, onExploreGroups }: MyCommunitiesProps) => react_jsx_runtime.JSX.Element;
 
 interface GlobalFeedProps {
     pageId?: string;
+    isLoading: boolean;
     componentId?: string;
     items: Array<Amity.Post | Amity.Ad>;
-    isLoading: boolean;
+    globalFeaturedPosts?: Array<Amity.PinnedPost>;
+    isGlobalFeaturedPostsLoading?: boolean;
     onFeedReachBottom: () => void;
     onPostDeleted?: (post: Amity.Post) => void;
 }
-declare const GlobalFeed: ({ pageId, componentId, items, isLoading, onFeedReachBottom, onPostDeleted, }: GlobalFeedProps) => React.JSX.Element;
+declare const GlobalFeed: ({ pageId, componentId, items, isLoading, globalFeaturedPosts, isGlobalFeaturedPostsLoading, onFeedReachBottom, onPostDeleted, }: GlobalFeedProps) => react_jsx_runtime.JSX.Element;
 
 interface EmptyNewsfeedProps {
     pageId?: string;
 }
-declare function EmptyNewsfeed({ pageId }: EmptyNewsfeedProps): React.JSX.Element | null;
+declare function EmptyNewsfeed({ pageId }: EmptyNewsfeedProps): react_jsx_runtime.JSX.Element | null;
 
 type NewsfeedProps = {
     pageId?: string;
 };
-declare const Newsfeed: ({ pageId }: NewsfeedProps) => React.JSX.Element;
-
-declare enum HomePageTab {
-    Newsfeed = "Newsfeed",
-    Explore = "Explore",
-    Profile = "Profile",
-    MyCommunities = "My communities"
-}
+declare const Newsfeed: ({ pageId }: NewsfeedProps) => react_jsx_runtime.JSX.Element;
 
 interface TopNavigationProps {
     pageId?: string;
     selectedTab?: HomePageTab;
     onClickPostCreationButton?: () => void;
 }
-declare function TopNavigation({ pageId, selectedTab, onClickPostCreationButton, }: TopNavigationProps): React.JSX.Element | null;
+declare function TopNavigation({ pageId, selectedTab, onClickPostCreationButton, }: TopNavigationProps): react_jsx_runtime.JSX.Element | null;
 
 interface CommunityProfileHeaderProps {
     pageId?: string;
@@ -887,11 +1483,109 @@ interface CommunityFeedProps {
     communityId: string;
     pageId?: string;
 }
-declare const CommunityFeed: ({ pageId, communityId }: CommunityFeedProps) => React.JSX.Element | null;
+declare const CommunityFeed: ({ pageId, communityId }: CommunityFeedProps) => react_jsx_runtime.JSX.Element | null;
 
 interface CommunityPinnedPostProps {
     communityId?: string;
 }
-declare const CommunityPinnedPost: ({ communityId }: CommunityPinnedPostProps) => React.JSX.Element;
+declare const CommunityPinnedPost: ({ communityId }: CommunityPinnedPostProps) => react_jsx_runtime.JSX.Element;
+
+type CommunityImageFeedProps = {
+    pageId?: string;
+    communityId: string;
+};
+declare const CommunityImageFeed: ({ pageId, communityId }: CommunityImageFeedProps) => react_jsx_runtime.JSX.Element | null;
+
+type CommunityVideoFeedProps = {
+    pageId?: string;
+    communityId: string;
+};
+declare const CommunityVideoFeed: ({ pageId, communityId }: CommunityVideoFeedProps) => react_jsx_runtime.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_runtime.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_runtime.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_runtime.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_runtime.JSX.Element;
+
+type ExploreProps = {
+    pageId?: string;
+};
+declare const Explore: ({ pageId }: ExploreProps) => react_jsx_runtime.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_runtime.JSX.Element;
+
+type InvitationSectionProps = {
+    pageId?: string;
+    onClose?: () => void;
+    invitations: Amity.Invitation[];
+};
+declare const InvitationSection: ({ onClose, pageId, invitations, }: InvitationSectionProps) => react_jsx_runtime.JSX.Element | null;
+
+type PendingPostListProps = {
+    pageId?: string;
+    reviewingPosts: Amity.Post[];
+    canReviewCommunityPosts?: boolean;
+    refresh?: () => void;
+};
+declare const PendingPostList: ({ pageId, reviewingPosts, canReviewCommunityPosts, refresh, }: PendingPostListProps) => react_jsx_runtime.JSX.Element;
+
+type JoinRequestContentProps = {
+    pageId?: string;
+    joinRequests: Amity.JoinRequest[] | null;
+    isLoading: boolean;
+    refresh?: () => void;
+};
+declare const JoinRequestContent: ({ pageId, joinRequests, isLoading, refresh, }: JoinRequestContentProps) => react_jsx_runtime.JSX.Element;
+
+type ExploreEventProps = {
+    pageId?: string;
+};
+declare function ExploreEvent({ pageId }: ExploreEventProps): react_jsx_runtime.JSX.Element | null;
+
+type MyEventsProps = {
+    pageId?: string;
+};
+declare function MyEvents({ pageId }: MyEventsProps): react_jsx_runtime.JSX.Element | null;
 
-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 };
+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, CommunityEventFeed as AmityCommunityEventFeedComponent, CommunityFeed as AmityCommunityFeedComponent, CommunityHeader as AmityCommunityHeaderComponent, CommunityImageFeed as AmityCommunityImageFeedComponent, CommunityInviteMemberPage as AmityCommunityInviteMemberPage, CommunityMediaFeed as AmityCommunityMediaFeedComponent, 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, CreateLivestreamPage as AmityCreateLivestreamPage, CreatePostMenu as AmityCreatePostMenuComponent, DetailedMediaAttachment as AmityDetailedMediaAttachmentComponent, DraftClipPage as AmityDraftClipPage, AmityDraftStoryPage, EditUserProfilePage as AmityEditUserProfilePage, EmptyNewsfeed as AmityEmptyNewsFeedComponent, EventAttendeesPage as AmityEventAttendeesPage, EventDetailPage as AmityEventDetailPage, EventInfo as AmityEventInfoComponent, EventSetupPage as AmityEventSetupPage, EventSetupMode as AmityEventSetupPageMode, EventTargetSelectionPage as AmityEventTargetSelectionPage, CommentText as AmityExpandableText, Explore as AmityExploreComponent, ExploreEvent as AmityExploreEventFeedComponent, 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, LiveStreamBannedPage as AmityLiveStreamBannedPage, LiveStreamPlayerPage as AmityLiveStreamPlayerPage, LivestreamChatMessageComposer as AmityLivestreamChatMessageComposerComponent, LivestreamTargetSelectionPage as AmityLivestreamTargetSelectionPage, LivestreamTerminatedPage as AmityLivestreamTerminatedPage, LivestreamUnsupportedPage as AmityLivestreamUnsupportedPage, ManageProductTagList as AmityManageProductTagListComponent, MediaAttachment as AmityMediaAttachmentComponent, type MessageActionType as AmityMessageActionType, MyCommunities as AmityMyCommunitiesComponent, MyCommunitiesSearchPage as AmityMyCommunitiesSearchPage, MyEvents as AmityMyEventFeedComponent, Newsfeed as AmityNewsFeedComponent, PageRenderer as AmityPageRenderer, PastEventsPage as AmityPastEventsPage, 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, ProductTagList as AmityProductTagListComponent, ProductTagSelection as AmityProductTagSelectionComponent, 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, UpcomingEventsPage as AmityUpcomingEventsPage, 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 };