@tencentcloud/chat-uikit-react 1.2.2 → 2.1.0

package/src/components/TUIMessageInput/styles/layout.scss

@@ -91,11 +91,11 @@ ul li {
 // emoji picker styles
 .emoji-picker {
   .face-list {
-    min-width: 265px;
+    height: 120px;
+    width: 242px;
     padding: 10px 5px;
     display: flex;
     flex-wrap: wrap;
-    max-height: 120px;
     overflow-y: auto;
     &-item {
       padding: 5px;
@@ -190,6 +190,7 @@ ul li {
   flex-direction: column;
   overflow: hidden;
   width: 300px;
+  max-height: 90%;
   &-header {
     display: flex;
     align-items: center;
@@ -239,9 +240,12 @@ ul li {
       display: flex;
       justify-content: space-between;
       align-items: center;
+      width: 100%;
       .info {
         display: flex;
         align-items: center;
+        flex-shrink: 0;
+        width: 100%;
         &-nick {
           padding: 0 13px;
           font-family: PingFangSC-Medium;
@@ -254,6 +258,7 @@ ul li {
           overflow: hidden;
           white-space: nowrap;
           text-overflow: ellipsis;
+          width: 80%;
         }
       }
     }

package/src/components/TUIMessageList/TUIMessageList.tsx

@@ -6,7 +6,6 @@ import {
   useTUIChatActionContext,
   useComponentContext,
 } from '../../context';
-import useEnrichedMessageList from './hooks/useEnrichedMessageList';
 import useMessageListElement from './hooks/useMessageListElement';
 
 import { InfiniteScroll, InfiniteScrollProps } from '../InfiniteScrollPaginator';
@@ -25,7 +24,6 @@ function TUIMessageListWithContext <T extends MessageListProps>(
   props: PropsWithChildren<T>,
 ):React.ReactElement {
   const {
-    messageList: propsMessageList,
     highlightedMessageId: propsHighlightedMessageId,
     loadMore: propsLoadMore,
     intervalsTimer: propsIntervalsTimer,
@@ -35,7 +33,6 @@ function TUIMessageListWithContext <T extends MessageListProps>(
   const { t } = useTranslation();
   const [ulElement, setUlElement] = useState<HTMLUListElement | null>(null);
   const [firstRender, setFirstRender] = useState<boolean>(false);
-
   const {
     messageList: contextMessageList,
     highlightedMessageId: contextHighlightedMessageId,
@@ -51,32 +48,31 @@ function TUIMessageListWithContext <T extends MessageListProps>(
   const highlightedMessageId = propsHighlightedMessageId
   || TUIMessageListConfig?.highlightedMessageId
   || contextHighlightedMessageId;
-  const intervalsTimer = (propsIntervalsTimer || TUIMessageListConfig?.intervalsTimer || 30) * 60;
 
-  const { messageList: enrichedMessageList } = useEnrichedMessageList({
-    messageList: propsMessageList || TUIMessageListConfig?.messageList || contextMessageList,
-  });
+  const intervalsTimer = (propsIntervalsTimer || TUIMessageListConfig?.intervalsTimer || 30) * 60;
 
   const loadMore = propsLoadMore || TUIMessageListConfig?.loadMore || contextLoadMore;
 
   const elements = useMessageListElement({
-    enrichedMessageList,
+    enrichedMessageList: contextMessageList,
     TUIMessage,
     intervalsTimer,
   });
-
   useEffect(() => {
+    // messageList 滑动到底部
     (async () => {
       const parentElement = ulElement?.parentElement?.parentElement;
-      if (!isCompleted && parentElement?.clientHeight >= ulElement?.clientHeight) {
+      if (
+        !isCompleted
+        && parentElement?.clientHeight >= ulElement?.clientHeight
+      ) {
         await loadMore();
       }
-
-      if (ulElement?.children && (!firstRender || !isSameLastMessageID)) {
+      if (ulElement?.children) {
         const HTMLCollection = ulElement?.children || [];
         const element = HTMLCollection[HTMLCollection.length - 1];
         const timer = setTimeout(() => {
-          element?.scrollIntoView({ block: 'end' });
+          element?.scrollIntoView();
           setFirstRender(true);
           clearTimeout(timer);
         }, 100);

package/src/components/TUIMessageList/index.ts

@@ -1,2 +1 @@
 export * from './TUIMessageList';
-export * from './hooks/useEnrichedMessageList';

package/src/components/TUIProfile/TUIProfileDefault.tsx

@@ -1,8 +1,8 @@
-import React, { PropsWithChildren, useState } from 'react';
+import React, { PropsWithChildren, useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import DatePicker from 'react-date-picker';
 import TencentCloudChat, { Profile } from '@tencentcloud/chat';
-
+import { isH5 } from '../../utils/env';
 import { useTUIKitContext } from '../../context';
 
 import { Avatar } from '../Avatar';
@@ -59,13 +59,13 @@ const allowTypeList = [
 
 export interface TUIProfileDefaultProps {
   userInfo?: Profile,
-  update?:(option:ProfileParams) => void,
+  update?: (option: ProfileParams) => void,
   className?: string,
 }
 
-function TUIProfileDefaultWithContext <T extends TUIProfileDefaultProps>(
+function TUIProfileDefaultWithContext<T extends TUIProfileDefaultProps>(
   props: PropsWithChildren<T>,
-):React.ReactElement {
+): React.ReactElement {
   const {
     userInfo,
     className,
@@ -77,8 +77,20 @@ function TUIProfileDefaultWithContext <T extends TUIProfileDefaultProps>(
 
   const [isEditName, setIsEditName] = useState('');
 
-  // show birthday famate
-  const showBirthdayFormat = (value: string) => {
+  // birthday format to show
+  const birthdayFormatToShow = (dateNumber: number) => {
+    const dateStr = String(dateNumber);
+    if (dateStr.length === 8) {
+      const year = dateStr.substring(0, 4);
+      const month = dateStr.substring(4, 6);
+      const day = dateStr.substring(6, 8);
+      return `${year}/${month}/${day}`;
+    }
+    return `${dateNumber}`;
+  };
+
+  // transform birthday string value to Date object
+  const transformBirthdayStringToDate = (value: string) => {
     if (value?.length === 8) {
       const y = Number(value.slice(0, 4));
       const m = Number(value.slice(4, 6));
@@ -88,15 +100,15 @@ function TUIProfileDefaultWithContext <T extends TUIProfileDefaultProps>(
     return new Date();
   };
 
-  // edit birthday famate transform
-  const editBirthdayFamate = (date:Date) => {
+  // edit birthday format transform
+  const editBirthdayFormat = (date: Date) => {
     const day = date.getDate() > 9 ? date.getDate() : `0${date.getDate()}`;
     const month = date.getMonth() > 8 ? date.getMonth() + 1 : `0${date.getMonth() + 1}`;
     const year = date.getFullYear();
     return `${year}${month}${day}`;
   };
 
-  const editListMap = [
+  let editListMap = [
     {
       name: 'Signature',
       value: userInfo?.selfSignature,
@@ -116,21 +128,21 @@ function TUIProfileDefaultWithContext <T extends TUIProfileDefaultProps>(
       children: (
         <ul className="select-list">
           {
-        genderList?.map((item, index) => {
-          const key = `${item.value}${index}`;
-          return (
-            <li
-              className="select-list-item"
-              role="menuitem"
-              tabIndex={index}
-              key={key}
-              onClick={() => { editGender(item); }}
-            >
-              {t(`TUIProfile.${item.label}`)}
-            </li>
-          );
-        })
-      }
+            genderList?.map((item, index) => {
+              const key = `${item.value}${index}`;
+              return (
+                <li
+                  className="select-list-item"
+                  role="menuitem"
+                  tabIndex={index}
+                  key={key}
+                  onClick={() => { editGender(item); }}
+                >
+                  {t(`TUIProfile.${item.label}`)}
+                </li>
+              );
+            })
+          }
         </ul>
       ),
     },
@@ -144,27 +156,27 @@ function TUIProfileDefaultWithContext <T extends TUIProfileDefaultProps>(
       children: (
         <ul className="select-list">
           {
-        allowTypeList?.map((item, index) => {
-          const key = `${item.value}${index}`;
-          return (
-            <li
-              className="select-list-item"
-              role="menuitem"
-              tabIndex={index}
-              key={key}
-              onClick={() => { editAllowType(item); }}
-            >
-              {t(`TUIProfile.${item.label}`)}
-            </li>
-          );
-        })
-      }
+            allowTypeList?.map((item, index) => {
+              const key = `${item.value}${index}`;
+              return (
+                <li
+                  className="select-list-item"
+                  role="menuitem"
+                  tabIndex={index}
+                  key={key}
+                  onClick={() => { editAllowType(item); }}
+                >
+                  {t(`TUIProfile.${item.label}`)}
+                </li>
+              );
+            })
+          }
         </ul>
       ),
     },
     {
       name: 'Birthday',
-      value: `${userInfo?.birthday}`,
+      value: userInfo?.birthday ? birthdayFormatToShow(userInfo.birthday) : '',
       type: 'select',
       children: (
         <DatePicker
@@ -172,13 +184,15 @@ function TUIProfileDefaultWithContext <T extends TUIProfileDefaultProps>(
           calendarClassName="tui-profile-birthday-calendar"
           isOpen
           format="y-MM-dd"
-          onChange={(value:Date) => { editBirthday(value); }}
-          value={showBirthdayFormat(`${userInfo?.birthday}`)}
+          onChange={(value: Date) => { editBirthday(value); }}
+          value={transformBirthdayStringToDate(`${userInfo?.birthday}`)}
         />
       ),
     },
   ];
-
+  if (isH5) {
+    editListMap = editListMap.filter((item) => item.name !== 'Birthday');
+  }
   const handleSetEditName = (name:string) => {
     setIsEditName(name);
   };
@@ -189,12 +203,12 @@ function TUIProfileDefaultWithContext <T extends TUIProfileDefaultProps>(
   };
 
   // edit avatar
-  const editAvatar = (url:string) => {
+  const editAvatar = (url: string) => {
     confirm({ avatar: url });
   };
 
   // edit nick / selfSignature
-  const editText = (data?:any) => {
+  const editText = (data?: any) => {
     let key = '';
     switch (data?.name) {
       case 'nick':
@@ -224,9 +238,9 @@ function TUIProfileDefaultWithContext <T extends TUIProfileDefaultProps>(
   };
 
   // edit birthday
-  const editBirthday = (value:Date) => {
+  const editBirthday = (value: Date) => {
     confirm({
-      birthday: Number(editBirthdayFamate(value)),
+      birthday: Number(editBirthdayFormat(value)),
     });
   };
 
@@ -276,7 +290,7 @@ function TUIProfileDefaultWithContext <T extends TUIProfileDefaultProps>(
                   className="tui-profile-div-with-edit"
                   classEditName="tui-profile-edit"
                   name={item.name}
-                  value={item?.value}
+                  value={item.value}
                   type={item.type}
                   toggle={handleSetEditName}
                   isEdit={isEditName === item.name}
@@ -296,10 +310,10 @@ function TUIProfileDefaultWithContext <T extends TUIProfileDefaultProps>(
 }
 
 const MemoizedTUIProfileDefault = React.memo(TUIProfileDefaultWithContext) as
-typeof TUIProfileDefaultWithContext;
+  typeof TUIProfileDefaultWithContext;
 
 export function TUIProfileDefault(props: TUIProfileDefaultProps)
-:React.ReactElement {
+  : React.ReactElement {
   const options = { ...props };
   return <MemoizedTUIProfileDefault {...options} />;
 }

package/src/components/TUIProfile/styles/layout.scss

@@ -59,8 +59,10 @@
     padding: 0 20px;
     display: flex;
     flex-direction: column;
+    user-select: none;
     &-item {
       padding: 20px 0 0;
+      cursor: pointer;
       h4 {
         padding-bottom: 3px;
         font-weight: 400;
@@ -86,6 +88,10 @@
   }
   .react-date-picker__calendar {
     position: static !important;
+    .react-calendar__navigation {
+      height: 20px !important;
+      margin-bottom: 0px;
+    }
   }
   &-calendar {
     border: none !important;

package/src/components/untils.ts

@@ -8,6 +8,7 @@ import {
 } from 'date-fns';
 import { enGB, zhCN } from 'date-fns/locale';
 import TencentCloudChat from '@tencentcloud/chat';
+import { TUIStore, StoreName } from '@tencentcloud/chat-uikit-engine';
 import { defaultGroupAvatarWork, defaultUserAvatar } from './Avatar';
 
 // Determine if it is a JSON string
@@ -88,3 +89,11 @@ export const getTimeStamp = (time: number, language?: string) => {
     locale: locales[lng],
   });
 };
+
+export function enableSampleTaskStatus(taskKey: string) {
+  const tasks = TUIStore.getData(StoreName.APP, 'tasks');
+  if (taskKey in tasks && !tasks[taskKey]) {
+    tasks[taskKey] = true;
+    TUIStore.update(StoreName.APP, 'tasks', tasks);
+  }
+}

package/src/constants.ts

@@ -44,7 +44,10 @@ export enum CONSTANT_DISPATCH_TYPE {
   SET_CURSOR_POS = 'setCursorPos',
   SET_AUDIO_SOURCE = 'setAudioSource',
   SET_VIDEO_SOURCE = 'setVideoSource',
-  UPDATE_UPLOAD_PENDING_MESSAGE_LIST = 'updateUploadPendingMessageList'
+  UPDATE_UPLOAD_PENDING_MESSAGE_LIST = 'updateUploadPendingMessageList',
+  SET_FIRST_SEND_MESSAGE = 'setFirstSendMessage',
+  SET_ACTIVE_MESSAGE_ID ='setActiveMessageID',
+
 }
 
 export enum MESSAGE_TYPE {

package/src/context/ComponentContext.tsx

@@ -15,6 +15,8 @@ export interface ComponentContextValue {
   MessageContext?: React.ComponentType<MessageContextProps>,
   InputPlugins?: React.ComponentType<UnknowPorps>,
   MessagePlugins?: React.ComponentType<UnknowPorps>,
+  MessageCustomPlugins?: React.ComponentType<UnknowPorps>,
+  MessageTextPlugins?: React.ComponentType<UnknowPorps>,
   InputQuote?: React.ComponentType<UnknowPorps>,
 }
 

package/src/context/TUIChatActionContext.tsx

@@ -1,32 +1,11 @@
 import React, { PropsWithChildren, useContext } from 'react';
 import { Message } from '@tencentcloud/chat';
-import type {
-  CreateCustomMessageProps,
-  CreateFaceMessageProps,
-  CreateForwardMessageProps,
-  CreateLocationMessageProps,
-  CreateMergerMessageProps,
-  CreateTextAtMessageProps,
-  CreateTextMessageProps,
-  CreateUploadMessageProps,
-} from '../components/TUIChat/hooks/useCreateMessage';
+import { IMessageModel } from '@tencentcloud/chat-uikit-engine';
 import { OperateMessageParams } from '../components/TUIChat/hooks/useHandleMessage';
 
 export interface TUIChatActionContextValue {
-  sendMessage?: (message: Message, options?:any) => Promise<void>,
-  removeMessage?: (message: Message) => void,
   updateMessage?: (messages: Array<Message>) => void,
-  createTextMessage?: (options: CreateTextMessageProps) => Message,
-  createFaceMessage?: (options: CreateFaceMessageProps) => Message,
-  createImageMessage?: (options: CreateUploadMessageProps) => Message,
-  createVideoMessage?: (options: CreateUploadMessageProps) => Message,
-  createFileMessage?: (options: CreateUploadMessageProps) => Message,
-  createForwardMessage?: (options: CreateForwardMessageProps) => Message,
-  createCustomMessage?: (options: CreateCustomMessageProps) => Message,
-  createAudioMessage?: (options: CreateUploadMessageProps) => Message,
-  createTextAtMessage?: (options: CreateTextAtMessageProps) => Message,
-  createLocationMessage?: (options: CreateLocationMessageProps) => Message,
-  createMergerMessage?: (options: CreateMergerMessageProps) => Message,
+  setFirstSendMessage?: (message: IMessageModel) => void,
   editLocalMessage?: (message: Message) => void,
   operateMessage?: (data?: OperateMessageParams) => void,
   loadMore?: () => Promise<void>,
@@ -35,6 +14,7 @@ export interface TUIChatActionContextValue {
   setVideoSource?: (source: HTMLVideoElement | null) => void,
   setHighlightedMessageId?: (highlightedMessageId: string) => void,
   updateUploadPendingMessageList?: (message?:Message) => void,
+  setActiveMessageID?: (messageID: string) => void,
 }
 
 export const TUIChatActionContext = React.createContext<

package/src/context/TUIChatStateContext.tsx

@@ -25,6 +25,8 @@ export interface TUIChatStateContextValue {
   vidoeSource?: HTMLVideoElement,
   TUIMessageListConfig?: MessageListProps,
   uploadPendingMessageList?: Array<Message>,
+  firstSendMessage?: Message;
+  activeMessageID?: string,
 }
 
 export const TUIChatStateContext = React.createContext<TUIChatStateContextValue>(null);

package/src/context/TUIKitContext.tsx

@@ -17,7 +17,6 @@ export interface TUIKitContextValue {
     TUIManageShow?: boolean,
     setTUIManageShow?: React.Dispatch<React.SetStateAction<boolean>>,
     TUIProfileShow?: boolean,
-    // 激活 contact 列表数据，右侧显示数据，无参数时，右侧数据默认为空
     setActiveContact: (UseContactParams?: UseContactParams) => void,
     setTUIProfileShow?: React.Dispatch<React.SetStateAction<boolean>>,
 }

package/src/index.ts

@@ -1,3 +1,6 @@
+import Server from './server';
+
+const TUIChatKit = new Server();
 export * from './components';
 export * from './context';
 export * from './hooks';

package/src/locales/en/TUIChat.ts

@@ -10,7 +10,7 @@ const TUIChat = {
   'recalled a message': 'recalled a message',
   'Re-edit': 'Re-edit',
   'Resend': 'Resend',
-  'You': 'You',
+  'You': 'You ',
   'Recent Chats': 'Recent Chats',
   'Frequently Contacted': 'Frequently Contacted',
   'No Result': 'No Result',
@@ -23,5 +23,6 @@ const TUIChat = {
   'Error deleting message': 'Error deleting message',
   'The message recall exceeded the time limit (default 2 minutes)': 'The message recall exceeded the time limit (default 2 minutes)',
   'Error revoke Message': 'Error revoke Message',
+  'Custom message': 'Custom message',
 };
 export default TUIChat;

package/src/locales/en/TUIContact.ts

@@ -7,7 +7,7 @@ const TUIContact = {
   'Accept': 'Accept',
   'Refuse': 'Refuse',
   'Handled': 'Handled',
-  'Friend': 'Friend',
+  'Friends': 'Friends',
   'Send Message': 'Send Message',
   'Signature': 'Signature',
   'New Contacts': 'New Contacts',

package/src/locales/en/TUIProfile.ts

@@ -5,10 +5,11 @@ const TUIProfile = {
   'Gender': 'Gender',
   'Male': 'Male',
   'Female': 'Female',
-  'AllowType': 'AllowType',
-  'NeedConfirm': 'NeedConfirm',
-  'AllowAny': 'AllowAny',
-  'DenyAny': 'DenyAny',
+  'AllowType': 'Friend Request',
+  'NeedConfirm': 'Anyone upon Request',
+  'AllowAny': 'Allow any user to add you as friend',
+  'DenyAny': 'Decline friend request from any user',
   'Birthday': 'Birthday',
+  'Unknow': 'Not set',
 };
 export default TUIProfile;

package/src/locales/index.ts

@@ -14,7 +14,7 @@ const resources = {
 
 i18next.use(initReactI18next).init({
   resources,
-  lng: 'zh',
+  lng: 'en',
   interpolation: {
     escapeValue: false,
   },

package/src/locales/zh_cn/TUIChat.ts

@@ -22,6 +22,7 @@ const TUIChat = {
   'Error deleting message': '消息删除失败',
   'The message recall exceeded the time limit (default 2 minutes)': '消息已超过 2 分钟',
   'Error revoke Message': '消息撤回失败',
+  'Custom message': '自定义消息',
 };
 
 export default TUIChat;

package/src/locales/zh_cn/TUIContact.ts

@@ -7,7 +7,7 @@ const TUIContact = {
   'Accept': '接受',
   'Refuse': '拒绝',
   'Handled': '已处理',
-  'Friend': '我的好友',
+  'Friends': '我的好友',
   'Send Message': '发送消息',
   'Signature': '个性签名',
   'Successful application, waiting for the administrator to agree to join the group application': '等待管理员同意',

package/src/locales/zh_cn/TUIProfile.ts

@@ -10,5 +10,6 @@ const TUIProfile = {
   'AllowAny': '同意任何用户加好友',
   'DenyAny': '拒绝任何用户加好友',
   'Birthday': '生日',
+  'Unknown': '未设置',
 };
 export default TUIProfile;

package/src/server.ts

@@ -0,0 +1,44 @@
+/* eslint-disable import/no-extraneous-dependencies */
+import TUICore, { TUILogin, TUIConstants } from '@tencentcloud/tui-core';
+import TUIChatEngine from '@tencentcloud/chat-uikit-engine';
+
+export default class TUIChatKit {
+  constructor() {
+    TUICore.registerEvent(
+      TUIConstants.TUILogin.EVENT.LOGIN_STATE_CHANGED,
+      TUIConstants.TUILogin.EVENT_SUB_KEY.USER_LOGIN_SUCCESS,
+      this,
+    );
+  }
+
+  /**
+   * 监听 TUILogin.login 的成功通知
+   * @param { TUIInitParam } params 初始化参数
+   */
+  public onNotifyEvent(eventName: string, subKey: string) {
+    if (eventName === TUIConstants.TUILogin.EVENT.LOGIN_STATE_CHANGED) {
+      switch (subKey) {
+        case TUIConstants.TUILogin.EVENT_SUB_KEY.USER_LOGIN_SUCCESS:
+          this.login();
+          break;
+        default:
+          // todo
+      }
+    }
+  }
+
+  /**
+   * login 登录
+   */
+  private login() {
+    const {
+      chat, SDKAppID, userID, userSig,
+    } = TUILogin.getContext();
+    TUIChatEngine.login({
+      chat,
+      SDKAppID,
+      userID,
+      userSig,
+    });
+  }
+}

package/src/utils/env.ts

@@ -0,0 +1,5 @@
+import { getPlatform } from '@tencentcloud/universal-api';
+
+export const isPC = getPlatform() === 'pc';
+
+export const isH5 = getPlatform() === 'h5';

package/tsconfig.json

@@ -11,3 +11,4 @@
     "src"
   ]
 }
+

package/dist/cjs/components/Icon/images/document.png.js

@@ -1 +0,0 @@
-"use strict";module.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAAA4CAYAAABez76GAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHxSURBVHgB7du9TcNAGMbx5z2MlDIjMAASIDFAmADo+IiEgcZUsAErmAo6TIOggw1YAIGo6AgbmC4F+OUMDTR5iJw4Ofz+ikiRrCj+5xLfWTnBD3F81O6j30ZFLbTyLEtz/ANSPmzvH+xIUaT+aeU4P176MVJdz7KzHgImW3ESO8E5xkLzSGUp5EjOiR5ibKT9Prb49XD+JBYxXp1unHQQKIc6CI4RqHoC+VG0vXuwgwDVFcgPIs26e0lwI0m6u4miVpqXUwBMikiOoriLILd/ubpOINB08Cfdm1WssEi1fcWmjZ8hz/1lCtLYQN+UTnEaHogvrRoeiLNARMQP8ZdlRc8Px/BuXwg6qGhgoPJS+KGychXoanwjTuYi0Ycqt3EGfsVEcRFqnNLXe1c5QQUDAymK4O8KVj2HwSNI3CoCJyKVFsnsR9qvwpMXUU0F8obAqKCMU+l+F72KlVNy/zGkjVywweZBlAUiLBBhgQgLRFggwgIRFoiwQIQFIiwQYYEIC0RYIMICERaIsECEBSIsEGGBCAtEWCDCAhEWiLBAhAUiLBBhgQgLRFggogx0h8ZSumfEQYvyP3wN3a/hUnbMzNPj/fP84vIrBAsCjHBT79AEtdH8Q93mZXZ6zY789abW4qN2awTbwqdZH638Zogt65/EmnyoEjPYwwAAAABJRU5ErkJggg==";

package/dist/cjs/components/TUIChat/hooks/useCreateMessage.d.ts

@@ -1,59 +0,0 @@
-import _tencentcloud_chat__default, { Conversation, Message } from '@tencentcloud/chat';
-
-interface BasicCreateMessageProps {
-    needReadReceipt?: boolean;
-    priority?: _tencentcloud_chat__default.TYPES;
-    onProgress?: (num: number) => void;
-    cloudCustomData?: string;
-    receiverList?: Array<string>;
-}
-interface CreateTextMessageProps extends BasicCreateMessageProps {
-    payload: {
-        text: string;
-    };
-}
-interface CreateFaceMessageProps extends BasicCreateMessageProps {
-    payload: {
-        index: number;
-        data: string;
-    };
-}
-interface CreateUploadMessageProps extends BasicCreateMessageProps {
-    payload: {
-        file: HTMLInputElement | File;
-    };
-}
-interface CreateForwardMessageProps extends BasicCreateMessageProps {
-    conversation: Conversation;
-    message: Message;
-}
-interface CreateCustomMessageProps extends BasicCreateMessageProps {
-    payload: {
-        data: string;
-        description: string;
-        extension: string;
-    };
-}
-interface CreateTextAtMessageProps extends BasicCreateMessageProps {
-    payload: {
-        text: string;
-        atUserList: Array<string>;
-    };
-}
-interface CreateLocationMessageProps extends BasicCreateMessageProps {
-    payload: {
-        description: string;
-        longitude: number;
-        latitude: number;
-    };
-}
-interface CreateMergerMessageProps extends BasicCreateMessageProps {
-    payload: {
-        messageList: Array<Message>;
-        title: string;
-        abstractList: string;
-        compatibleText: string;
-    };
-}
-
-export { BasicCreateMessageProps, CreateCustomMessageProps, CreateFaceMessageProps, CreateForwardMessageProps, CreateLocationMessageProps, CreateMergerMessageProps, CreateTextAtMessageProps, CreateTextMessageProps, CreateUploadMessageProps };