@amityco/ui-kit-open-source 3.1.1

package/dist/index.css

@@ -0,0 +1 @@
+@font-face{font-family:Inter;font-style:normal;font-weight:100;font-display:swap;src:url("./Inter-Thin-3L5KITMZ.woff2?v=3.19") format("woff2")}@font-face{font-family:Inter;font-style:italic;font-weight:100;font-display:swap;src:url("./Inter-ThinItalic-J7DGFM6P.woff2?v=3.19") format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:200;font-display:swap;src:url("./Inter-ExtraLight-NASBO7I6.woff2?v=3.19") format("woff2")}@font-face{font-family:Inter;font-style:italic;font-weight:200;font-display:swap;src:url("./Inter-ExtraLightItalic-AUJY3XPT.woff2?v=3.19") format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url("./Inter-Light-E4ED7JRX.woff2?v=3.19") format("woff2")}@font-face{font-family:Inter;font-style:italic;font-weight:300;font-display:swap;src:url("./Inter-LightItalic-BJ4DXCNT.woff2?v=3.19") format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url("./Inter-Regular-6HYMGWZS.woff2?v=3.19") format("woff2")}@font-face{font-family:Inter;font-style:italic;font-weight:400;font-display:swap;src:url("./Inter-Italic-2WJ2RX3Z.woff2?v=3.19") format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url("./Inter-Medium-3R4SWUEO.woff2?v=3.19") format("woff2")}@font-face{font-family:Inter;font-style:italic;font-weight:500;font-display:swap;src:url("./Inter-MediumItalic-QTJUSOU7.woff2?v=3.19") format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url("./Inter-SemiBold-7SYQBR3A.woff2?v=3.19") format("woff2")}@font-face{font-family:Inter;font-style:italic;font-weight:600;font-display:swap;src:url("./Inter-SemiBoldItalic-3EHSSXIM.woff2?v=3.19") format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url("./Inter-Bold-K6PA7FOK.woff2?v=3.19") format("woff2")}@font-face{font-family:Inter;font-style:italic;font-weight:700;font-display:swap;src:url("./Inter-BoldItalic-QKFESTQE.woff2?v=3.19") format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url("./Inter-ExtraBold-2ZPQFALF.woff2?v=3.19") format("woff2")}@font-face{font-family:Inter;font-style:italic;font-weight:800;font-display:swap;src:url("./Inter-ExtraBoldItalic-RR7KYXHD.woff2?v=3.19") format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:900;font-display:swap;src:url("./Inter-Black-PFV6RWF7.woff2?v=3.19") format("woff2")}@font-face{font-family:Inter;font-style:italic;font-weight:900;font-display:swap;src:url("./Inter-BlackItalic-OUXR4CVK.woff2?v=3.19") format("woff2")}@font-face{font-family:Inter var;font-style:normal;font-weight:100 900;font-display:swap;src:url("./Inter-roman.var-WIJJYAE4.woff2?v=3.19") format("woff2");font-named-instance:"Regular"}@font-face{font-family:Inter var;font-style:italic;font-weight:100 900;font-display:swap;src:url("./Inter-italic.var-SWFAXF2C.woff2?v=3.19") format("woff2");font-named-instance:"Italic"}@font-face{font-family:Inter var experimental;font-style:oblique 0deg 10deg;font-weight:100 900;font-display:swap;src:url("./Inter.var-OMHIC2JW.woff2?v=3.19") format("woff2")}@font-face{font-family:Inter var alt;font-weight:100 900;font-style:normal;font-named-instance:"Regular";font-display:swap;src:url("./Inter-roman.var-WIJJYAE4.woff2?v=3.19") format("woff2")}@font-face{font-family:Inter var alt;font-weight:100 900;font-style:italic;font-named-instance:"Italic";font-display:swap;src:url("./Inter-italic.var-SWFAXF2C.woff2?v=3.19") format("woff2")}@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color: #ebebeb;--highlight-color: #f5f5f5;--animation-duration: 1.5s;--animation-direction: normal;--pseudo-element-display: block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden;z-index:1}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:linear-gradient(90deg,var(--base-color),var(--highlight-color),var(--base-color));transform:translate(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display: none}}

package/dist/index.d.mts

@@ -0,0 +1,205 @@
+import React, { ReactNode } from 'react';
+import { PostContentType } from '@amityco/ts-sdk';
+import * as styled_components from 'styled-components';
+import * as styled_components_dist_types from 'styled-components/dist/types';
+
+type CustomComponentName = 'Avatar' | 'CategoryHeader' | 'CategorySelector' | 'Chat' | 'ChatDetails' | 'ChatHeader' | 'ChatItem' | 'Comment' | 'CommentComposerBar' | 'CommentLikeButton' | 'CommunityCreatedModel' | 'CommunityCreationModal' | 'CommunityForm' | 'CommunityItem' | 'CommunityMembers' | 'CommunityName' | 'CommunityPermissions' | 'EmptyFeed' | 'EngagementBar' | 'Feed' | 'FeedHeaderTabs' | 'File' | 'Image' | 'ImageGallery' | 'Images' | 'Layout' | 'MediaGallery' | 'MenuTab' | 'Message' | 'MessageComposerBar' | 'MessageList' | 'Post' | 'PostLikeButton' | 'PostTargetSelector' | 'ProfileSettings' | 'ProfileSettingsTabs' | 'RecentChat' | 'SideNavBar' | 'SocialSearch' | 'Tabs' | 'UICategoryCard' | 'UICommunityCard' | 'UICommunityHeader' | 'UICommunityInfo' | 'UIEngagementBar' | 'UIPostHeader' | 'UITextContent' | 'UITrendingItem' | 'UIUserInfo' | 'UserChip' | 'UserHeader' | 'UserSelector';
+type CustomComponentType = Partial<Record<CustomComponentName, <TProps>(props: TProps) => React.ReactElement<TProps>>>;
+
+type PostRendererProps = {
+    childrenPosts?: Amity.Post[];
+    className?: string;
+    currentUserId?: string;
+    handleDeletePost?: (postId: string) => void;
+    handleReportPost?: () => void;
+    handleUnreportPost?: () => void;
+    handleApprovePost?: () => void;
+    handleDeclinePost?: () => void;
+    handleClosePoll?: () => void;
+    poll?: Amity.Poll | null;
+    isPollClosed?: boolean;
+    hidePostTarget?: boolean;
+    isFlaggedByMe?: boolean;
+    readonly?: boolean;
+    post?: Amity.Post;
+    user?: Amity.User | null;
+    userRoles?: string[];
+    loading?: boolean;
+    avatarFileUrl?: string;
+};
+type PostRendererConfigType = Record<ValueOf<typeof PostContentType> | string, (props: PostRendererProps) => ReactNode>;
+
+interface UiKitProviderProps {
+    apiKey: string;
+    apiRegion: string;
+    apiEndpoint?: {
+        http?: string;
+        mqtt?: string;
+    };
+    authToken?: string;
+    userId: string;
+    displayName: string;
+    customComponents?: CustomComponentType;
+    postRendererConfig?: PostRendererConfigType;
+    theme?: Record<string, unknown>;
+    children?: React.ReactNode;
+    actionHandlers?: {
+        onChangePage?: (data: {
+            type: string;
+            [x: string]: string | boolean;
+        }) => void;
+        onClickCategory?: (categoryId: string) => void;
+        onClickCommunity?: (communityId: string) => void;
+        onClickUser?: (userId: string) => void;
+        onCommunityCreated?: (communityId: string) => void;
+        onEditCommunity?: (communityId: string, options?: {
+            tab?: string;
+        }) => void;
+        onEditUser?: (userId: string) => void;
+        onMessageUser?: (userId: string) => void;
+    };
+    socialCommunityCreationButtonVisible?: boolean;
+    onConnectionStatusChange?: (state: Amity.SessionStates) => void;
+    onConnected?: () => void;
+    onDisconnected?: () => void;
+}
+declare const UiKitProvider: ({ apiKey, apiRegion, apiEndpoint, userId, displayName, customComponents, postRendererConfig, theme, children, socialCommunityCreationButtonVisible, actionHandlers, onConnectionStatusChange, onDisconnected, }: UiKitProviderProps) => React.JSX.Element;
+
+interface FeedProps {
+    className?: string;
+    feedType?: 'reviewing' | 'published';
+    targetType?: string;
+    targetId?: string | null;
+    showPostCreator?: boolean;
+    onPostCreated?: () => void;
+    goToExplore?: () => void;
+    readonly?: boolean;
+    isHiddenProfile?: boolean;
+}
+declare const _default$2: React.MemoExoticComponent<(props: FeedProps) => React.JSX.Element>;
+
+declare const Community: () => React.JSX.Element;
+
+type PartialChannel = Pick<Amity.Channel, 'channelId' | 'type'>;
+declare const ChatApplication: ({ membershipFilter, defaultChannelId, onMemberSelect, onChannelSelect, onAddNewChannel, onEditChatMember, }: {
+    membershipFilter?: "all" | "member" | "notMember" | undefined;
+    defaultChannelId: string | null;
+    onMemberSelect?: ((member: Amity.Membership<'channel'>) => void) | undefined;
+    onChannelSelect?: ((channel: PartialChannel) => void) | undefined;
+    onAddNewChannel?: (() => void) | undefined;
+    onEditChatMember?: (({ channel, members, }: {
+        channel: Amity.Channel;
+        members: Amity.Membership<'channel'>[];
+    }) => void) | undefined;
+}) => React.JSX.Element;
+
+declare const addChatMembers: (channelId: string, userIds: string[]) => Promise<boolean>;
+
+declare const removeChatMembers: (channelId: string, userIds: string[]) => Promise<boolean>;
+
+declare const useUser: (userId?: string | null) => Amity.User | null;
+
+declare const enum PageTypes {
+    Explore = "explore",
+    Category = "category",
+    NewsFeed = "newsfeed",
+    UserFeed = "userfeed",
+    CommunityFeed = "communityfeed",
+    CommunityEdit = "communityedit",
+    UserEdit = "useredit"
+}
+
+type Page = {
+    type: PageTypes.Explore | PageTypes.NewsFeed;
+    communityId?: string;
+} | {
+    type: PageTypes.CommunityFeed;
+    communityId: string;
+    isNewCommunity: boolean;
+} | {
+    type: PageTypes.CommunityEdit;
+    communityId: string;
+    tab: string;
+} | {
+    type: PageTypes.Category;
+    categoryId: string;
+    communityId?: string;
+} | {
+    type: PageTypes.UserFeed | PageTypes.UserEdit;
+    userId: string;
+    communityId?: string;
+};
+type ContextValue = {
+    page: Page;
+    onChangePage: (type: string) => void;
+    onClickCategory: (categoryId: string) => void;
+    onClickCommunity: (communityId: string) => void;
+    onClickUser: (userId: string, pageType?: string) => void;
+    onCommunityCreated: (communityId: string) => void;
+    onEditCommunity: (communityId: string, tab?: string) => void;
+    onEditUser: (userId: string) => void;
+    onMessageUser: (userId: string) => void;
+    onBack: () => void;
+    setNavigationBlocker?: (params: {
+        title: ReactNode;
+        content: ReactNode;
+        okText: ReactNode;
+    } | null | undefined) => void;
+};
+declare const useNavigation: () => ContextValue;
+
+declare const SIZE_ALIAS: {
+    BIG: string;
+    REGULAR: string;
+    SMALL: string;
+    TINY: string;
+};
+
+interface AvatarProps {
+    className?: string;
+    avatar?: string | null;
+    showOverlay?: boolean;
+    size?: ValueOf<typeof SIZE_ALIAS> | null;
+    onClick?: () => void;
+    loading?: boolean;
+    backgroundImage?: string | null;
+}
+declare const _default$1: (props: AvatarProps) => React.JSX.Element;
+
+declare const PostContainer: styled_components.IStyledComponent<"web", styled_components_dist_types.FastOmit<{
+    className?: string | undefined;
+    children?: ReactNode;
+}, never>> & Omit<({ className, ...props }: {
+    className?: string | undefined;
+    children?: ReactNode;
+}) => React.JSX.Element, keyof React.Component<any, {}, any>>;
+
+type Mentioned = {
+    userId: string;
+    length: number;
+    index: number;
+    type: string;
+};
+
+interface EngagementBarProps {
+    postId: string;
+    readonly?: boolean;
+}
+
+declare const _default: React.MemoExoticComponent<(props: EngagementBarProps) => React.JSX.Element>;
+
+interface CommentTextProps {
+    text?: string;
+    className?: string;
+    mentionees?: Mentioned[];
+    maxLines?: number;
+}
+declare const CommentText: ({ text, className, mentionees, maxLines, }: CommentTextProps) => React.JSX.Element | null;
+
+declare const useSDK: () => {
+    client?: Amity.Client | null | undefined;
+    currentUserId?: string | null | undefined;
+    userRoles: string[];
+};
+
+export { _default$1 as AmityAvatar, CommentText as AmityExpandableText, PostContainer as AmityPostContainer, _default as AmityPostEngagementBar, ChatApplication as AmityUiKitChat, _default$2 as AmityUiKitFeed, UiKitProvider as AmityUiKitProvider, Community as AmityUiKitSocial, addChatMembers as amityAddChatMembers, removeChatMembers as amityRemoveChatMembers, useNavigation as useAmityNavigation, useSDK as useAmitySDK, useUser as useAmityUser };

package/dist/index.d.ts

@@ -0,0 +1,205 @@
+import React, { ReactNode } from 'react';
+import { PostContentType } from '@amityco/ts-sdk';
+import * as styled_components from 'styled-components';
+import * as styled_components_dist_types from 'styled-components/dist/types';
+
+type CustomComponentName = 'Avatar' | 'CategoryHeader' | 'CategorySelector' | 'Chat' | 'ChatDetails' | 'ChatHeader' | 'ChatItem' | 'Comment' | 'CommentComposerBar' | 'CommentLikeButton' | 'CommunityCreatedModel' | 'CommunityCreationModal' | 'CommunityForm' | 'CommunityItem' | 'CommunityMembers' | 'CommunityName' | 'CommunityPermissions' | 'EmptyFeed' | 'EngagementBar' | 'Feed' | 'FeedHeaderTabs' | 'File' | 'Image' | 'ImageGallery' | 'Images' | 'Layout' | 'MediaGallery' | 'MenuTab' | 'Message' | 'MessageComposerBar' | 'MessageList' | 'Post' | 'PostLikeButton' | 'PostTargetSelector' | 'ProfileSettings' | 'ProfileSettingsTabs' | 'RecentChat' | 'SideNavBar' | 'SocialSearch' | 'Tabs' | 'UICategoryCard' | 'UICommunityCard' | 'UICommunityHeader' | 'UICommunityInfo' | 'UIEngagementBar' | 'UIPostHeader' | 'UITextContent' | 'UITrendingItem' | 'UIUserInfo' | 'UserChip' | 'UserHeader' | 'UserSelector';
+type CustomComponentType = Partial<Record<CustomComponentName, <TProps>(props: TProps) => React.ReactElement<TProps>>>;
+
+type PostRendererProps = {
+    childrenPosts?: Amity.Post[];
+    className?: string;
+    currentUserId?: string;
+    handleDeletePost?: (postId: string) => void;
+    handleReportPost?: () => void;
+    handleUnreportPost?: () => void;
+    handleApprovePost?: () => void;
+    handleDeclinePost?: () => void;
+    handleClosePoll?: () => void;
+    poll?: Amity.Poll | null;
+    isPollClosed?: boolean;
+    hidePostTarget?: boolean;
+    isFlaggedByMe?: boolean;
+    readonly?: boolean;
+    post?: Amity.Post;
+    user?: Amity.User | null;
+    userRoles?: string[];
+    loading?: boolean;
+    avatarFileUrl?: string;
+};
+type PostRendererConfigType = Record<ValueOf<typeof PostContentType> | string, (props: PostRendererProps) => ReactNode>;
+
+interface UiKitProviderProps {
+    apiKey: string;
+    apiRegion: string;
+    apiEndpoint?: {
+        http?: string;
+        mqtt?: string;
+    };
+    authToken?: string;
+    userId: string;
+    displayName: string;
+    customComponents?: CustomComponentType;
+    postRendererConfig?: PostRendererConfigType;
+    theme?: Record<string, unknown>;
+    children?: React.ReactNode;
+    actionHandlers?: {
+        onChangePage?: (data: {
+            type: string;
+            [x: string]: string | boolean;
+        }) => void;
+        onClickCategory?: (categoryId: string) => void;
+        onClickCommunity?: (communityId: string) => void;
+        onClickUser?: (userId: string) => void;
+        onCommunityCreated?: (communityId: string) => void;
+        onEditCommunity?: (communityId: string, options?: {
+            tab?: string;
+        }) => void;
+        onEditUser?: (userId: string) => void;
+        onMessageUser?: (userId: string) => void;
+    };
+    socialCommunityCreationButtonVisible?: boolean;
+    onConnectionStatusChange?: (state: Amity.SessionStates) => void;
+    onConnected?: () => void;
+    onDisconnected?: () => void;
+}
+declare const UiKitProvider: ({ apiKey, apiRegion, apiEndpoint, userId, displayName, customComponents, postRendererConfig, theme, children, socialCommunityCreationButtonVisible, actionHandlers, onConnectionStatusChange, onDisconnected, }: UiKitProviderProps) => React.JSX.Element;
+
+interface FeedProps {
+    className?: string;
+    feedType?: 'reviewing' | 'published';
+    targetType?: string;
+    targetId?: string | null;
+    showPostCreator?: boolean;
+    onPostCreated?: () => void;
+    goToExplore?: () => void;
+    readonly?: boolean;
+    isHiddenProfile?: boolean;
+}
+declare const _default$2: React.MemoExoticComponent<(props: FeedProps) => React.JSX.Element>;
+
+declare const Community: () => React.JSX.Element;
+
+type PartialChannel = Pick<Amity.Channel, 'channelId' | 'type'>;
+declare const ChatApplication: ({ membershipFilter, defaultChannelId, onMemberSelect, onChannelSelect, onAddNewChannel, onEditChatMember, }: {
+    membershipFilter?: "all" | "member" | "notMember" | undefined;
+    defaultChannelId: string | null;
+    onMemberSelect?: ((member: Amity.Membership<'channel'>) => void) | undefined;
+    onChannelSelect?: ((channel: PartialChannel) => void) | undefined;
+    onAddNewChannel?: (() => void) | undefined;
+    onEditChatMember?: (({ channel, members, }: {
+        channel: Amity.Channel;
+        members: Amity.Membership<'channel'>[];
+    }) => void) | undefined;
+}) => React.JSX.Element;
+
+declare const addChatMembers: (channelId: string, userIds: string[]) => Promise<boolean>;
+
+declare const removeChatMembers: (channelId: string, userIds: string[]) => Promise<boolean>;
+
+declare const useUser: (userId?: string | null) => Amity.User | null;
+
+declare const enum PageTypes {
+    Explore = "explore",
+    Category = "category",
+    NewsFeed = "newsfeed",
+    UserFeed = "userfeed",
+    CommunityFeed = "communityfeed",
+    CommunityEdit = "communityedit",
+    UserEdit = "useredit"
+}
+
+type Page = {
+    type: PageTypes.Explore | PageTypes.NewsFeed;
+    communityId?: string;
+} | {
+    type: PageTypes.CommunityFeed;
+    communityId: string;
+    isNewCommunity: boolean;
+} | {
+    type: PageTypes.CommunityEdit;
+    communityId: string;
+    tab: string;
+} | {
+    type: PageTypes.Category;
+    categoryId: string;
+    communityId?: string;
+} | {
+    type: PageTypes.UserFeed | PageTypes.UserEdit;
+    userId: string;
+    communityId?: string;
+};
+type ContextValue = {
+    page: Page;
+    onChangePage: (type: string) => void;
+    onClickCategory: (categoryId: string) => void;
+    onClickCommunity: (communityId: string) => void;
+    onClickUser: (userId: string, pageType?: string) => void;
+    onCommunityCreated: (communityId: string) => void;
+    onEditCommunity: (communityId: string, tab?: string) => void;
+    onEditUser: (userId: string) => void;
+    onMessageUser: (userId: string) => void;
+    onBack: () => void;
+    setNavigationBlocker?: (params: {
+        title: ReactNode;
+        content: ReactNode;
+        okText: ReactNode;
+    } | null | undefined) => void;
+};
+declare const useNavigation: () => ContextValue;
+
+declare const SIZE_ALIAS: {
+    BIG: string;
+    REGULAR: string;
+    SMALL: string;
+    TINY: string;
+};
+
+interface AvatarProps {
+    className?: string;
+    avatar?: string | null;
+    showOverlay?: boolean;
+    size?: ValueOf<typeof SIZE_ALIAS> | null;
+    onClick?: () => void;
+    loading?: boolean;
+    backgroundImage?: string | null;
+}
+declare const _default$1: (props: AvatarProps) => React.JSX.Element;
+
+declare const PostContainer: styled_components.IStyledComponent<"web", styled_components_dist_types.FastOmit<{
+    className?: string | undefined;
+    children?: ReactNode;
+}, never>> & Omit<({ className, ...props }: {
+    className?: string | undefined;
+    children?: ReactNode;
+}) => React.JSX.Element, keyof React.Component<any, {}, any>>;
+
+type Mentioned = {
+    userId: string;
+    length: number;
+    index: number;
+    type: string;
+};
+
+interface EngagementBarProps {
+    postId: string;
+    readonly?: boolean;
+}
+
+declare const _default: React.MemoExoticComponent<(props: EngagementBarProps) => React.JSX.Element>;
+
+interface CommentTextProps {
+    text?: string;
+    className?: string;
+    mentionees?: Mentioned[];
+    maxLines?: number;
+}
+declare const CommentText: ({ text, className, mentionees, maxLines, }: CommentTextProps) => React.JSX.Element | null;
+
+declare const useSDK: () => {
+    client?: Amity.Client | null | undefined;
+    currentUserId?: string | null | undefined;
+    userRoles: string[];
+};
+
+export { _default$1 as AmityAvatar, CommentText as AmityExpandableText, PostContainer as AmityPostContainer, _default as AmityPostEngagementBar, ChatApplication as AmityUiKitChat, _default$2 as AmityUiKitFeed, UiKitProvider as AmityUiKitProvider, Community as AmityUiKitSocial, addChatMembers as amityAddChatMembers, removeChatMembers as amityRemoveChatMembers, useNavigation as useAmityNavigation, useSDK as useAmitySDK, useUser as useAmityUser };