@amityco/ulta-ui-kit 1.0.0-alpha.9 → 1.0.0-beta.1

package/dist/index.d.mts

@@ -37,7 +37,7 @@ interface UiKitProviderProps {
         mqtt?: string;
     };
     userId: string;
-    displayName: string;
+    displayName?: string;
     customComponents?: CustomComponentType;
     postRendererConfig?: PostRendererConfigType;
     theme?: Record<string, unknown>;
@@ -78,7 +78,7 @@ interface FeedProps {
     readonly?: boolean;
     isHiddenProfile?: boolean;
 }
-declare const _default$2: React.MemoExoticComponent<(props: FeedProps) => React.JSX.Element>;
+declare const _default$3: (props: FeedProps) => React.JSX.Element;
 
 declare const Community: () => React.JSX.Element;
 
@@ -102,6 +102,15 @@ interface ExplorePageProps {
 }
 declare const ExplorePage: ({ isOpen, toggleOpen, hideSideMenu }: ExplorePageProps) => React.JSX.Element;
 
+interface PostProps {
+    postId: string;
+    className?: string;
+    hidePostTarget?: boolean;
+    readonly?: boolean;
+    onDeleted?: (postId: string) => void;
+}
+declare const _default$2: React.MemoExoticComponent<(props: PostProps) => React.JSX.Element>;
+
 declare const addChatMembers: (channelId: string, userIds: string[]) => Promise<boolean>;
 
 declare const removeChatMembers: (channelId: string, userIds: string[]) => Promise<boolean>;
@@ -116,8 +125,10 @@ declare const enum PageTypes {
     CommunityFeed = "communityfeed",
     CommunityEdit = "communityedit",
     UserEdit = "useredit",
+    PostDetail = "postdetail",
     ViewStory = "viewstory",
-    DraftPage = "draftpage"
+    DraftPage = "draftpage",
+    MyCommunities = "mycommunities"
 }
 
 type AmityStoryMediaType$1 = {
@@ -167,6 +178,14 @@ type Page = {
     targetId: string;
     targetType: Amity.StoryTargetType;
     storyType: 'communityFeed' | 'globalFeed';
+} | {
+    type: PageTypes.MyCommunities;
+    communityId?: string;
+} | {
+    type: PageTypes.PostDetail;
+    communityId?: string;
+    targetId?: string;
+    targetType?: string;
 };
 type ContextValue = {
     page: Page;
@@ -187,6 +206,7 @@ type ContextValue = {
         okText: ReactNode;
         onOk?: () => void;
     } | null | undefined) => void;
+    onClickNoti: (targetId: string, targetType: string) => void;
 };
 declare const useNavigation: () => ContextValue;
 
@@ -292,7 +312,15 @@ 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, displayName: string, sessionHandler: SessionHandler, authToken?: string, onConnectionStatusChange?: (state: Amity.SessionStates) => void, onConnected?: () => void, onDisconnected?: () => void): Promise<void>;
+    static registerDevice({ userId, displayName, sessionHandler, authToken, onConnectionStatusChange, onConnected, onDisconnected, }: {
+        userId: string;
+        displayName?: string;
+        sessionHandler: SessionHandler;
+        authToken?: string;
+        onConnectionStatusChange?: (state: Amity.SessionStates) => void;
+        onConnected?: () => void;
+        onDisconnected?: () => 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.
@@ -322,135 +350,6 @@ declare class AmityUIKitManager {
     isClientConnected(): boolean;
 }
 
-interface CommentTrayProps {
-    referenceType: Amity.CommentReferenceType;
-    referenceId: string;
-    community: Amity.Community;
-    shouldAllowInteraction: boolean;
-    shouldAllowCreation?: boolean;
-    pageId?: string;
-}
-declare const CommentTray: ({ pageId, referenceType, referenceId, community, shouldAllowInteraction, shouldAllowCreation, }: CommentTrayProps) => React.JSX.Element;
-
-interface ReactionListProps$1 {
-    pageId: string;
-    referenceId: string;
-    referenceType: Amity.ReactableType;
-}
-declare const ReactionList: ({ pageId, referenceId, referenceType }: ReactionListProps$1) => React.JSX.Element | null;
-
-interface ReactionListProps {
-    referenceId: string;
-    referenceType: Amity.ReactableType;
-}
-
-type StoryTabProps = ({
-    type: 'communityFeed';
-    communityId: string;
-} | {
-    type: 'globalFeed';
-}) & {
-    pageId?: string;
-};
-declare const StoryTab: React.FC<StoryTabProps>;
-
-interface CreatePostMenuProps {
-    pageId: string;
-}
-declare function CreatePostMenu({ pageId }: CreatePostMenuProps): React.JSX.Element;
-
-interface MediaAttachmentProps {
-    pageId: string;
-    uploadLoading?: boolean;
-    isVisibleCamera: boolean;
-    isVisibleImage: boolean;
-    isVisibleVideo: boolean;
-    onVideoFileChange?: (files: File[]) => void;
-    onImageFileChange?: (files: File[]) => void;
-}
-declare function MediaAttachment({ pageId, isVisibleCamera, isVisibleImage, isVisibleVideo, onVideoFileChange, onImageFileChange, }: MediaAttachmentProps): React.JSX.Element | null;
-
-interface DetailedMediaAttachmentProps {
-    pageId: string;
-    isVisibleCamera: boolean;
-    isVisibleImage: boolean;
-    isVisibleVideo: boolean;
-    onVideoFileChange?: (files: File[]) => void;
-    onImageFileChange?: (files: File[]) => void;
-}
-declare function DetailedMediaAttachment({ pageId, isVisibleCamera, isVisibleImage, isVisibleVideo, onVideoFileChange, onImageFileChange, }: DetailedMediaAttachmentProps): React.JSX.Element | null;
-
-interface UserSearchResultProps {
-    pageId?: string;
-    userCollection: Amity.User[];
-    isLoading: boolean;
-    onLoadMore: () => void;
-}
-declare const UserSearchResult: ({ pageId, userCollection, isLoading, onLoadMore, }: UserSearchResultProps) => React.JSX.Element;
-
-interface CommunitySearchResultProps {
-    pageId?: string;
-    communityCollection: Amity.Community[];
-    isLoading: boolean;
-    onLoadMore: () => void;
-}
-declare const CommunitySearchResult: ({ pageId, communityCollection, isLoading, onLoadMore, }: CommunitySearchResultProps) => React.JSX.Element;
-
-interface TopSearchBarProps {
-    pageId?: string;
-    search: (keyword: string) => void;
-}
-declare function TopSearchBar({ pageId, search }: TopSearchBarProps): React.JSX.Element | null;
-
-interface PostContentProps {
-    pageId?: string;
-    post: Amity.Post;
-    type: 'feed' | 'detail';
-    drawerRef?: React.RefObject<HTMLDivElement>;
-    onClick?: () => void;
-    onPostDeleted?: (post: Amity.Post) => void;
-}
-declare const PostContent: ({ pageId, post: initialPost, type, drawerRef, onClick, onPostDeleted, }: PostContentProps) => React.JSX.Element;
-
-interface MyCommunitiesProps {
-    pageId?: string;
-}
-declare const MyCommunities: ({ pageId }: MyCommunitiesProps) => React.JSX.Element;
-
-interface GlobalFeedProps {
-    pageId?: string;
-    componentId?: string;
-    items: Array<Amity.Post | Amity.Ad>;
-    isLoading: boolean;
-    onFeedReachBottom: () => void;
-    onPostDeleted?: (post: Amity.Post) => void;
-}
-declare const GlobalFeed: ({ pageId, componentId, items, isLoading, onFeedReachBottom, onPostDeleted, }: GlobalFeedProps) => React.JSX.Element;
-
-interface EmptyNewsfeedProps {
-    pageId?: string;
-}
-declare function EmptyNewsfeed({ pageId }: EmptyNewsfeedProps): React.JSX.Element | null;
-
-interface NewsfeedProps {
-    pageId?: string;
-}
-declare const Newsfeed: ({ pageId }: NewsfeedProps) => React.JSX.Element;
-
-declare enum HomePageTab {
-    Newsfeed = "Newsfeed",
-    Explore = "Explore",
-    MyCommunities = "My communities"
-}
-declare function SocialHomePage(): React.JSX.Element;
-
-interface TopNavigationProps {
-    pageId?: string;
-    selectedTab?: HomePageTab;
-    onClickPostCreationButton?: () => void;
-}
-declare function TopNavigation({ pageId, selectedTab, onClickPostCreationButton, }: TopNavigationProps): React.JSX.Element | null;
-
 interface ChatHeaderProps {
     channel: Amity.Channel | null;
     pageId?: string;
@@ -507,6 +406,18 @@ type MessageActionType = {
     onMention?: () => void;
 };
 
+interface ReactionListProps$1 {
+    pageId: string;
+    referenceId: string;
+    referenceType: Amity.ReactableType;
+}
+declare const ReactionList: ({ pageId, referenceId, referenceType }: ReactionListProps$1) => React.JSX.Element | null;
+
+interface ReactionListProps {
+    referenceId: string;
+    referenceType: Amity.ReactableType;
+}
+
 interface LiveChatProps {
     channelId: Amity.Channel['channelId'];
 }
@@ -567,6 +478,13 @@ declare const ViewStoryPage: React.FC<AmityViewStoryPageProps>;
 
 declare function StoryTargetSelectionPage(): React.JSX.Element;
 
+declare enum HomePageTab {
+    Newsfeed = "Newsfeed",
+    Explore = "Explore",
+    MyCommunities = "My communities"
+}
+declare function SocialHomePage(): React.JSX.Element;
+
 declare enum Mode {
     CREATE = "create",
     EDIT = "edit"
@@ -590,9 +508,154 @@ declare function MyCommunitiesSearchPage(): React.JSX.Element;
 
 declare function SocialGlobalSearchPage(): React.JSX.Element;
 
+declare enum AmityPostContentComponentStyle {
+    FEED = "feed",
+    DETAIL = "detail"
+}
+declare enum AmityPostCategory {
+    GENERAL = "general",
+    ANNOUNCEMENT = "announcement",
+    PIN = "pin"
+}
+interface PostContentProps {
+    post: Amity.Post;
+    onClick?: () => void;
+    onPostDeleted?: (post: Amity.Post) => void;
+    style: AmityPostContentComponentStyle;
+    category: AmityPostCategory;
+    hideMenu?: boolean;
+    hideTarget?: boolean;
+    pageId?: string;
+}
+declare const PostContent: ({ pageId, post: initialPost, onClick, onPostDeleted, category, hideMenu, hideTarget, style, }: PostContentProps) => React.JSX.Element;
+
 interface PostDetailPageProps {
     id: string;
+    hideTarget?: boolean;
+    category?: AmityPostCategory;
+}
+declare function PostDetailPage({ id, hideTarget, category }: PostDetailPageProps): React.JSX.Element;
+
+interface CommunityProfileProps {
+    communityId: string;
+}
+declare const CommunityProfilePage: React.FC<CommunityProfileProps>;
+
+interface CommentTrayProps {
+    referenceType: Amity.CommentReferenceType;
+    referenceId: string;
+    community: Amity.Community;
+    shouldAllowInteraction: boolean;
+    shouldAllowCreation?: boolean;
+    pageId?: string;
+}
+declare const CommentTray: ({ pageId, referenceType, referenceId, community, shouldAllowInteraction, shouldAllowCreation, }: CommentTrayProps) => React.JSX.Element;
+
+type StoryTabProps = ({
+    type: 'communityFeed';
+    communityId: string;
+} | {
+    type: 'globalFeed';
+}) & {
+    pageId?: string;
+};
+declare const StoryTab: React.FC<StoryTabProps>;
+
+interface CreatePostMenuProps {
+    pageId: string;
+}
+declare function CreatePostMenu({ pageId }: CreatePostMenuProps): React.JSX.Element;
+
+interface MediaAttachmentProps {
+    pageId: string;
+    uploadLoading?: boolean;
+    isVisibleCamera: boolean;
+    isVisibleImage: boolean;
+    isVisibleVideo: boolean;
+    onVideoFileChange?: (files: File[]) => void;
+    onImageFileChange?: (files: File[]) => void;
+}
+declare function MediaAttachment({ pageId, isVisibleCamera, isVisibleImage, isVisibleVideo, onVideoFileChange, onImageFileChange, }: MediaAttachmentProps): React.JSX.Element | null;
+
+interface DetailedMediaAttachmentProps {
+    pageId: string;
+    isVisibleCamera: boolean;
+    isVisibleImage: boolean;
+    isVisibleVideo: boolean;
+    onVideoFileChange?: (files: File[]) => void;
+    onImageFileChange?: (files: File[]) => void;
+}
+declare function DetailedMediaAttachment({ pageId, isVisibleCamera, isVisibleImage, isVisibleVideo, onVideoFileChange, onImageFileChange, }: DetailedMediaAttachmentProps): React.JSX.Element | null;
+
+interface UserSearchResultProps {
+    pageId?: string;
+    userCollection: Amity.User[];
+    isLoading: boolean;
+    onLoadMore: () => void;
+}
+declare const UserSearchResult: ({ pageId, userCollection, isLoading, onLoadMore, }: UserSearchResultProps) => React.JSX.Element;
+
+interface CommunitySearchResultProps {
+    pageId?: string;
+    communityCollection: Amity.Community[];
+    isLoading: boolean;
+    onLoadMore: () => void;
+}
+declare const CommunitySearchResult: ({ pageId, communityCollection, isLoading, onLoadMore, }: CommunitySearchResultProps) => React.JSX.Element;
+
+interface TopSearchBarProps {
+    pageId?: string;
+    search: (keyword: string) => void;
+}
+declare function TopSearchBar({ pageId, search }: TopSearchBarProps): React.JSX.Element | null;
+
+interface MyCommunitiesProps {
+    pageId?: string;
+}
+declare const MyCommunities: ({ pageId }: MyCommunitiesProps) => React.JSX.Element;
+
+interface GlobalFeedProps {
+    pageId?: string;
+    componentId?: string;
+    items: Array<Amity.Post | Amity.Ad>;
+    isLoading: boolean;
+    onFeedReachBottom: () => void;
+    onPostDeleted?: (post: Amity.Post) => void;
+}
+declare const GlobalFeed: ({ pageId, componentId, items, isLoading, onFeedReachBottom, onPostDeleted, }: GlobalFeedProps) => React.JSX.Element;
+
+interface EmptyNewsfeedProps {
+    pageId?: string;
+}
+declare function EmptyNewsfeed({ pageId }: EmptyNewsfeedProps): React.JSX.Element | null;
+
+interface NewsfeedProps {
+    pageId?: string;
+}
+declare const Newsfeed: ({ pageId }: NewsfeedProps) => React.JSX.Element;
+
+interface TopNavigationProps {
+    pageId?: string;
+    selectedTab?: HomePageTab;
+    onClickPostCreationButton?: () => void;
+}
+declare function TopNavigation({ pageId, selectedTab, onClickPostCreationButton, }: TopNavigationProps): React.JSX.Element | null;
+
+interface CommunityProfileHeaderProps {
+    pageId?: string;
+    community: Amity.Community;
+}
+declare const CommunityHeader: React.FC<CommunityProfileHeaderProps>;
+
+interface CommunityFeedProps {
+    communityId: string;
+    pageId?: string;
+}
+declare const CommunityFeed: ({ pageId, communityId }: CommunityFeedProps) => React.JSX.Element | null;
+
+interface CommunityPinnedPostProps {
+    communityId?: string;
 }
-declare function PostDetailPage({ id }: PostDetailPageProps): React.JSX.Element;
+declare const CommunityPinnedPost: ({ communityId }: CommunityPinnedPostProps) => React.JSX.Element;
 
-export { _default$1 as AmityAvatar, CommentTray as AmityCommentTrayComponent, CommunitySearchResult as AmityCommunitySearchResultComponent, CreatePostMenu as AmityCreatePostMenuComponent, DetailedMediaAttachment as AmityDetailedMediaAttachmentComponent, AmityDraftStoryPage, 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, UiKitProvider as AmityUiKitProvider, Community as AmityUiKitSocial, UserSearchResult as AmityUserSearchResultComponent, ViewStoryPage as AmityViewStoryPage, ExplorePage, addChatMembers as amityAddChatMembers, removeChatMembers as amityRemoveChatMembers, useNavigation as useAmityNavigation, useSDK as useAmitySDK, useUser as useAmityUser };
+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, 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, _default$2 as AmityPostDetail, 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$3 as AmityUiKitFeed, UiKitProvider as AmityUiKitProvider, Community as AmityUiKitSocial, UserSearchResult as AmityUserSearchResultComponent, ViewStoryPage as AmityViewStoryPage, ExplorePage, addChatMembers as amityAddChatMembers, removeChatMembers as amityRemoveChatMembers, useNavigation as useAmityNavigation, useSDK as useAmitySDK, useUser as useAmityUser };