easemob-chat-uikit 2.4.3 → 3.0.1

package/types/module/utils/index.d.ts

@@ -1,16 +1,19 @@
 import { ChatType } from '../types/messageType';
-import { ChatSDK } from '../SDK';
+import type { ChatSDK } from '../SDK';
 import { GroupItem, MemberItem } from '../store/AddressStore';
 import { AppUserInfo } from '../store/AddressStore';
 import { CurrentConversation } from '../store/ConversationStore';
 import type { BaseMessageType } from '../baseMessage/BaseMessage';
 import { NoticeMessageBody } from '../noticeMessage/NoticeMessage';
+export * from './message';
+export * from './conversation';
+export * from './thread';
 export declare function getConversationTime(time: number): string | undefined;
 export declare function parseChannel(channelId: string): {
     chatType: ChatType;
     conversationId: string;
 };
-export declare function getCvsIdFromMessage(message: BaseMessageType | NoticeMessageBody): string;
+export declare function getCvsIdFromMessage(message: Partial<ChatSDK.Message> | BaseMessageType | NoticeMessageBody): any;
 export declare function getEmojiHtml({ src, dataKey, alt }: {
     src?: string | undefined;
     dataKey?: string | undefined;
@@ -20,16 +23,26 @@ export declare const renderHtml: (txt: string) => string;
 export declare function getUsersInfo(props: {
     userIdList: string[];
     withPresence?: boolean;
+    force?: boolean;
 }): Promise<unknown>;
 export declare const formatHtmlString: (str: string) => string;
 export declare function getGroupItemFromGroupsById(groupId: string): GroupItem | undefined;
 export declare function getGroupItemIndexFromGroupsById(groupId: string): number;
 export declare function getGroupMemberIndexByUserId(group: GroupItem, userId: string): number | undefined;
-export declare function getGroupMemberNickName(member: MemberItem): any;
+export declare function getGroupMemberNickName(member: MemberItem): string;
 export declare function getAppUserInfo(userId: string): AppUserInfo;
-export declare function getMessages(cvs: CurrentConversation): (ChatSDK.MessageBody | NoticeMessageBody)[];
-export declare function getMessageIndex(messages: (ChatSDK.MessageBody | NoticeMessageBody)[], messageId: string): number;
-export declare function getReactionByEmoji(message: ChatSDK.MessageBody | NoticeMessageBody, emoji: string): any;
-export declare const getMsgSenderNickname: (msg: BaseMessageType, parentId?: string) => any;
+export declare function getMessages(cvs: CurrentConversation): (NoticeMessageBody | ChatSDK.Message)[];
+export declare function getMessageIndex(messages: (ChatSDK.Message | NoticeMessageBody)[], messageId: string): number;
+export declare function getReactionByEmoji(message: ChatSDK.Message | NoticeMessageBody, emoji: string): any;
+export declare const getMsgSenderNickname: (msg: {
+    from?: string | undefined;
+    to?: string | undefined;
+    conversationId?: string | undefined;
+    conversationType?: "singleChat" | "groupChat" | "chatRoom" | undefined;
+    chatType?: "singleChat" | "groupChat" | "chatRoom" | undefined;
+    chatThread?: {
+        parentId?: string | undefined;
+    } | undefined;
+}, parentId?: string) => string;
 export declare function sortByPinned(a: any, b: any): 1 | 0 | -1;
 export declare function checkCharacter(character: string): "zh" | "en" | "unknown";

package/types/module/utils/message.d.ts

@@ -0,0 +1,49 @@
+import type { ChatSDK, UIKitChatClient } from '../SDK';
+import type { ChatType } from '../types/messageType';
+import type { NoticeMessageBody } from '../noticeMessage/NoticeMessage';
+export type UIKitMessage = ChatSDK.Message & {
+    bySelf?: boolean;
+    chatThreadOverview?: unknown;
+    isChatThread?: boolean;
+    /** UIKit-only: peer delivery ack received for an outgoing single-chat message. */
+    isDelivered?: boolean;
+};
+export type MessageDisplayStatus = 'sending' | 'sent' | 'received' | 'read' | 'failed' | 'unread' | 'default';
+/**
+ * Derive UI message status from SDK 0.20 fields:
+ * - sendStatus: sending | sent | failed
+ * - isPeerRead: single-chat peer read
+ * - groupReadCount: group cumulative read count
+ * - isDelivered: UIKit overlay from onMessageDelivered
+ */
+export declare const getMessageDisplayStatus: (message?: MessageLike) => MessageDisplayStatus;
+export type MessageLike = Record<string, any> | NoticeMessageBody | null | undefined;
+export declare const isSdk5Message: (message: unknown) => message is ChatSDK.Message;
+export declare const getCurrentUserId: (client?: Partial<UIKitChatClient> | null) => string;
+export declare const getMessageId: (message?: MessageLike) => any;
+export declare const getMessageLocalId: (message?: MessageLike) => any;
+export declare const getMessageServerId: (message?: MessageLike) => any;
+export declare const getMessageTime: (message?: MessageLike) => any;
+export declare const getMessageChatType: (message?: MessageLike) => ChatType | undefined;
+export declare const getMessageConversationId: (message: MessageLike, currentUserId?: string) => any;
+export declare const isMessageFromCurrentUser: (message: MessageLike, currentUserId: string) => boolean;
+export declare const getTextContent: (message: MessageLike) => any;
+export declare const getCustomEvent: (message: MessageLike) => any;
+export declare const getCustomParams: (message: MessageLike) => any;
+export declare const getAttachmentUrl: (message: MessageLike) => any;
+export declare const getThreadId: (thread?: unknown) => any;
+export declare const getMessageType: (message: MessageLike) => any;
+export declare const getSnippetText: (message: MessageLike) => any;
+export type MessagePreviewTokenStyle = 'slash' | 'bracket';
+export type MessagePreviewData = {
+    mode: 'renderText' | 'plainText' | 'empty';
+    text: string;
+};
+type MessagePreviewOptions = {
+    tokenStyle?: MessagePreviewTokenStyle;
+    combineLabelKey?: string;
+    mapUserCardToContact?: boolean;
+    mapCombinedTextSentinel?: boolean;
+};
+export declare const getMessagePreviewData: (message: MessageLike, t: (key: string) => string, options?: MessagePreviewOptions) => MessagePreviewData;
+export {};

package/types/module/utils/thread.d.ts

@@ -0,0 +1,10 @@
+import type { ChatSDK } from '../SDK';
+import type { MessageLike } from './message';
+export type ThreadLike = Partial<ChatSDK.ChatThreadSummary> & Partial<ChatSDK.ChatThreadDetail> & Record<string, any>;
+export declare const getThreadSummaryId: (thread?: ThreadLike) => any;
+export declare const getThreadParentId: (thread?: ThreadLike) => any;
+export declare const getThreadName: (thread?: ThreadLike) => any;
+export declare const getThreadOwnerId: (thread?: ThreadLike) => any;
+export declare const getThreadMessageId: (thread?: ThreadLike) => any;
+export declare const getThreadMessageCount: (thread?: ThreadLike) => any;
+export declare const getThreadLastMessage: (thread?: ThreadLike) => MessageLike;

package/types/module/videoMessage/VideoMessage.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
 import { BaseMessageProps, renderUserProfileProps } from '../baseMessage';
 import type { VideoMessageType } from '../types/messageType';
-import { ChatSDK } from '../SDK';
+import type { ChatSDK } from '../SDK';
 export interface VideoMessageProps extends BaseMessageProps {
-    videoMessage: ChatSDK.VideoMsgBody & VideoMessageType;
+    videoMessage: VideoMessageType | ChatSDK.Message;
     prefix?: string;
     style?: React.CSSProperties;
     nickName?: string;
@@ -13,7 +13,7 @@ export interface VideoMessageProps extends BaseMessageProps {
     className?: string;
     videoProps?: React.VideoHTMLAttributes<HTMLVideoElement>;
 }
-declare const VideoMessageOut: ((props: VideoMessageProps) => import("react/jsx-runtime").JSX.Element) & {
+declare const VideoMessageOut: ((props: VideoMessageProps) => import("react/jsx-runtime").JSX.Element | null) & {
     displayName: string;
 };
 export default VideoMessageOut;

package/types/react-photo-view.d.ts

@@ -0,0 +1,90 @@
+declare module 'react-photo-view' {
+  import { ReactNode } from 'react';
+
+  export interface DataType {
+    src: string;
+    key?: string;
+    originRef?: React.MutableRefObject<HTMLElement | null>;
+  }
+
+  export interface PhotoSliderProps {
+    images: DataType[];
+    visible: boolean;
+    onClose: () => void;
+    index?: number;
+    onIndexChange?: (index: number) => void;
+    loop?: boolean | number;
+    speed?: (type: number) => number;
+    easing?: (type: number) => string;
+    toolbarRender?: (params: {
+      images: DataType[];
+      index: number;
+      onIndexChange: (index: number) => void;
+      visible: boolean;
+      onClose: () => void;
+      overlayVisible: boolean;
+      overlay: ReactNode;
+      rotate: number;
+      onRotate: (rotate: number) => void;
+      scale: number;
+      onScale: (scale: number) => void;
+    }) => ReactNode;
+    overlayRender?: (params: {
+      images: DataType[];
+      index: number;
+      onIndexChange: (index: number) => void;
+      visible: boolean;
+      onClose: () => void;
+      overlayVisible: boolean;
+      overlay: ReactNode;
+      rotate: number;
+      onRotate: (rotate: number) => void;
+      scale: number;
+      onScale: (scale: number) => void;
+    }) => ReactNode;
+    maskOpacity?: number;
+    pullClosable?: boolean;
+    maskClosable?: boolean;
+    bannerVisible?: boolean;
+    afterClose?: () => void;
+    className?: string;
+    loadingElement?: ReactNode;
+    brokenElement?: ReactNode;
+  }
+
+  export const PhotoSlider: React.FC<PhotoSliderProps>;
+
+  export interface PhotoProviderProps {
+    children?: ReactNode;
+    speed?: (type: number) => number;
+    easing?: (type: number) => string;
+    toolbarRender?: PhotoSliderProps['toolbarRender'];
+    overlayRender?: PhotoSliderProps['overlayRender'];
+    maskOpacity?: number;
+    pullClosable?: boolean;
+    maskClosable?: boolean;
+    bannerVisible?: boolean;
+    loop?: boolean | number;
+    className?: string;
+    loadingElement?: ReactNode;
+    brokenElement?: ReactNode;
+  }
+
+  export const PhotoProvider: React.FC<PhotoProviderProps>;
+
+  export interface PhotoViewProps {
+    src?: string;
+    width?: number;
+    height?: number;
+    render?: (params: {
+      scale: number;
+      attrs: React.HTMLAttributes<HTMLDivElement>;
+    }) => ReactNode;
+    children?: ReactNode;
+  }
+
+  export const PhotoView: React.FC<PhotoViewProps>;
+}
+
+declare module 'react-photo-view/dist/react-photo-view.css';
+

package/types/demo/ react-app-env.d.ts

@@ -1,76 +0,0 @@
-/// <reference types="node" />
-/// <reference types="react" />
-/// <reference types="react-dom" />
-
-declare namespace NodeJS {
-	interface ProcessEnv {
-		readonly NODE_ENV: 'development' | 'production' | 'test';
-		readonly PUBLIC_URL: string;
-	}
-}
-
-declare module '*.avif' {
-	const src: string;
-	export default src;
-}
-
-declare module '*.bmp' {
-	const src: string;
-	export default src;
-}
-
-declare module '*.gif' {
-	const src: string;
-	export default src;
-}
-
-declare module '*.jpg' {
-	const src: string;
-	export default src;
-}
-
-declare module '*.jpeg' {
-	const src: string;
-	export default src;
-}
-
-declare module '*.png' {
-	const src: string;
-	export default src;
-}
-
-declare module '*.webp' {
-	const src: string;
-	export default src;
-}
-
-declare module '*.mp4' {
-	const src: string;
-	export default src;
-}
-
-declare module '*.svg' {
-	import * as React from 'react';
-
-	export const ReactComponent: React.FunctionComponent<
-		React.SVGProps<SVGSVGElement> & { title?: string }
-	>;
-
-	const src: string;
-	export default src;
-}
-
-declare module '*.module.css' {
-	const classes: { readonly [key: string]: string };
-	export default classes;
-}
-
-declare module '*.module.scss' {
-	const classes: { readonly [key: string]: string };
-	export default classes;
-}
-
-declare module '*.module.sass' {
-	const classes: { readonly [key: string]: string };
-	export default classes;
-}