@tencentcloud/chat-uikit-react 2.2.7 → 2.2.9

package/dist/esm/index.d.ts

@@ -1,48 +1,60 @@
-export { TUIConversation, UnMemoizedTUIConversation } from './components/TUIConversation/TUIConversation.js';
-export { TUIConversationList, UnMemoTUIConversationList } from './components/TUIConversationList/TUIConversationList.js';
-export { TUIChat } from './components/TUIChat/TUIChat.js';
+export { Chat } from './components/Chat/Chat.js';
 export { UIKitProvider, useUIKit } from './context/UIKitContext.js';
 export { UIManagerContextType, UIManagerProvider, useUIManager } from './context/UIManagerContext.js';
-export { TUIChatStateContext, TUIChatStateContextProvider, TUIChatStateContextValue, useTUIChatStateContext } from './context/TUIChatStateContext.js';
-export { TUIChatActionContext, TUIChatActionContextValue, TUIChatActionProvider, useTUIChatActionContext } from './context/TUIChatActionContext.js';
-export { TUIMessageContext, TUIMessageContextProvider, TUIMessageContextValue, messageShowType, useTUIMessageContext } from './context/TUIMessageContext.js';
+export { TUIChatStateContext, TUIChatStateContextProvider, TUIChatStateContextValue, useTUIChatStateContext } from './context/ChatStateContext.js';
+export { TUIChatActionContext, TUIChatActionContextValue, TUIChatActionProvider, useTUIChatActionContext } from './context/ChatActionContext.js';
+export { TUIMessageContext, TUIMessageContextProvider, TUIMessageContextValue, messageShowType, useTUIMessageContext } from './context/MessageContext.js';
 export { ComponentContext, ComponentContextValue, ComponentProvider, UnknowPorps, useComponentContext } from './context/ComponentContext.js';
-export { TUIMessageInputContext, TUIMessageInputContextProvider, TUIMessageInputContextValue, useTUIMessageInputContext } from './context/TUIMessageInputContext.js';
-export { TUIContactContext, TUIContactContextProvider, TUIContactContextValue, useTUIContactContext } from './context/TUIContactContext.js';
-export { ConversationPreview, ConversationPreviewProps, ConversationPreviewUIComponentProps } from './components/ConversationPreview/ConversationPreview.js';
-export { ConversationPreviewContent, IPluginsRef, unMemoConversationPreviewContent } from './components/ConversationPreview/ConversationPreviewContent.js';
-export { TUIChatHeader } from './components/TUIChatHeader/TUIChatHeader.js';
-export { TUIChatHeaderBasicProps, TUIChatHeaderDefault, TUIChatHeaderDefaultProps } from './components/TUIChatHeader/TUIChatHeaderDefault.js';
-export { MessageListProps, TUIMessageList } from './components/TUIMessageList/TUIMessageList.js';
-export { TUIMessage, TUIMessageProps } from './components/TUIMessage/TUIMessage.js';
-export { MessagePluginConfigProps, MessagePlugins, MessagePluginsProps } from './components/TUIMessage/MessagePlugins.js';
-export { MessageContext, MessageContextProps } from './components/TUIMessage/MessageContext.js';
-export { PluginConfigProps, TUIMessageInput, TUIMessageInputBasicProps, TUIMessageInputProps } from './components/TUIMessageInput/TUIMessageInput.js';
-export { TUIMessageInputDefault } from './components/TUIMessageInput/TUIMessageInputDefault.js';
-export { InputPluginsDefalut } from './components/TUIMessageInput/InputPluginsDefalut.js';
-export { TUIProfile } from './components/TUIProfile/TUIProfile.js';
-export { TUIProfileDefault, TUIProfileDefaultProps } from './components/TUIProfile/TUIProfileDefault.js';
+export { TUIMessageInputContext, TUIMessageInputContextProvider, TUIMessageInputContextValue, useTUIMessageInputContext } from './context/MessageInputContext.js';
+export { TUIContactContext, TUIContactContextProvider, TUIContactContextValue, useTUIContactContext } from './context/ContactContext.js';
+export { ConversationListContextType, ConversationListProvider, ConversationListProviderProps, useConversationList } from './context/ConversationListContext.js';
+export { ConversationList, IConversationListProps } from './components/ConversationList/ConversationList.js';
+export { ConversationListHeader, IConversationListHeaderProps } from './components/ConversationList/ConversationListHeader/ConversationListHeader.js';
+export { ConversationListContent, IConversationListContentProps } from './components/ConversationList/ConversationListContent/ConversationListContent.js';
+export { ConversationActions, IConversationActionItem, IConversationActionsConfig, IConversationActionsProps } from './components/ConversationActions/ConversationActions.js';
+export { ConversationPreview, ConversationPreviewUI, IConversationPreviewProps, IConversationPreviewUIProps } from './components/ConversationPreview/ConversationPreview.js';
+export { ConversationSearchInput, IConversationSearchInputProps } from './components/ConversationSearch/ConversationSearchInput/ConversationSearchInput.js';
+export { ConversationSearchResult, IConversationSearchResultProps } from './components/ConversationSearch/ConversationSearchResult/ConversationSearchResult.js';
+export { ConversationSearch, IConversationSearchProps, defaultSearchFn } from './components/ConversationSearch/ConversationSearch.js';
+export { ConversationCreate, IConversationCreateProps, PageStateTypes } from './components/ConversationCreate/ConversationCreate.js';
+export { ConversationCreateSelectView, ConversationCreateSelectViewProps } from './components/ConversationCreate/ConversationCreateSelectView.js';
+export { ConversationCreateGroupDetail, ConversationCreateGroupDetailProps } from './components/ConversationCreate/ConversationCreateGroupDetail.js';
+export { ConversationCreateUserSelectList, ConversationCreateUserSelectListProps } from './components/ConversationCreate/ConversationCreateUserSelectList.js';
+export { useConversationCreate } from './components/ConversationCreate/hooks/useConversationCreate.js';
+export { ConversationGroupTypeInfo, ConversationGroupTypeInfoProps, GroupType, typeInfoList } from './components/ConversationCreate/ConversationGroupTypeInfo.js';
+export { ConversationCreateButton, IConversationCreateButtonProps } from './components/ConversationCreate/ConversationCreateButton.js';
+export { ChatHeader } from './components/ChatHeader/ChatHeader.js';
+export { ChatHeaderDefault, TUIChatHeaderBasicProps, TUIChatHeaderDefaultProps } from './components/ChatHeader/ChatHeaderDefault.js';
+export { MessageList, MessageListProps } from './components/MessageList/MessageList.js';
+export { TUIMessage, TUIMessageProps } from './components/MessageElement/Message.js';
+export { MessagePluginConfigProps, MessagePlugins, MessagePluginsProps } from './components/MessageElement/MessagePlugins.js';
+export { MessageContext, MessageContextProps } from './components/MessageElement/MessageContext.js';
+export { MessageInput, PluginConfigProps, TUIMessageInputBasicProps, TUIMessageInputProps } from './components/MessageInput/MessageInput.js';
+export { TUIMessageInputDefault } from './components/MessageInput/MessageInputDefault.js';
+export { InputPluginsDefalut } from './components/MessageInput/InputPluginsDefalut.js';
+export { Profile } from './components/Profile/Profile.js';
+export { TUIProfileDefault, TUIProfileDefaultProps } from './components/Profile/ProfileDefault.js';
 export { Avatar, AvatarProps } from './components/Avatar/Avatar.js';
 export { defaultGroupAvatarAVChatRoom, defaultGroupAvatarMeeting, defaultGroupAvatarPublic, defaultGroupAvatarWork, defaultUserAvatar } from './components/Avatar/default.js';
-export { ConversationSearchInput } from './components/ConversationSearch/ConversationSearchInput.js';
-export { ConversationSearchResult, ConversationSearchResultProps } from './components/ConversationSearch/ConversationSearchResult.js';
-export { TUIManage } from './components/TUIManage/TUIManage.js';
+export { ChatSetting } from './components/ChatSetting/ChatSetting.js';
 export { Popup } from './components/Popup/index.js';
 export { Checkbox } from './components/Checkbox/index.js';
 export { DivWithEdit } from './components/DivWithEdit/DivWithEdit.js';
 export { Icon, IconProps, changeTypeToIconClassName } from './components/Icon/Icon.js';
 export { IconTypes } from './components/Icon/type.js';
+export { PlaceHolder, PlaceHolderIconTypes, PlaceHolderProps, PlaceHolderStringTypes, PlaceHolderTypes } from './components/PlaceHolder/index.js';
 export { EmptyStateIndicator, EmptyStateIndicatorProps } from './components/EmptyStateIndicator/EmptyStateIndicator.js';
 export { Input, InputProps, InputRef } from './components/Input/Input.js';
 export { Model } from './components/Model/index.js';
-export { Plugins, PluginsProps } from './components/Plugins/index.js';
+export { IPluginsRef, Plugins, PluginsProps } from './components/Plugins/index.js';
 export { Switch } from './components/Switch/Switch.js';
 export { Toast } from './components/Toast/index.js';
-export { TUIContactList } from './components/TUIContact/TUIContactList/TUIContactList.js';
-export { TUIContactInfo, UnMemoizedTUIContactInfo } from './components/TUIContact/TUIContactInfo/TUIContactInfo.js';
-export { TUIContact, UnMemoizedTUIContact } from './components/TUIContact/TUIContact.js';
-export { CreateGroupConversationParams, useConversation } from './hooks/useConversation.js';
+export { ContactList } from './components/Contact/ContactList/ContactList.js';
+export { ContactInfo, UnMemoizedContactInfo } from './components/Contact/ContactInfo/ContactInfo.js';
+export { Contact, UnMemoizedContact } from './components/Contact/Contact.js';
+export { createC2CConversation, createGroupConversation } from './hooks/useConversation.js';
 export { useProfile } from './hooks/useProfile.js';
+export { isTouchEvent } from './hooks/useLongPress.js';
 export { t } from './locales/index.js';
 export { isH5, isPC, setPlatform } from './utils/env.js';
 export { default as i18next } from 'i18next';

package/dist/esm/index.js

@@ -1 +1 @@
-import o from"./server.js";export{TUIConversation,UnMemoizedTUIConversation}from"./components/TUIConversation/TUIConversation.js";export{TUIConversationList,UnMemoTUIConversationList}from"./components/TUIConversationList/TUIConversationList.js";import"react";import"@tencentcloud/chat";import"@tencentcloud/chat-uikit-engine";import"./components/TUIChat/index.js";export{ConversationPreview}from"./components/ConversationPreview/ConversationPreview.js";export{ConversationPreviewContent,unMemoConversationPreviewContent}from"./components/ConversationPreview/ConversationPreviewContent.js";export{TUIChatHeader}from"./components/TUIChatHeader/TUIChatHeader.js";export{TUIChatHeaderDefault}from"./components/TUIChatHeader/TUIChatHeaderDefault.js";export{TUIMessageList}from"./components/TUIMessageList/TUIMessageList.js";export{TUIMessage}from"./components/TUIMessage/TUIMessage.js";export{MessagePlugins}from"./components/TUIMessage/MessagePlugins.js";export{MessageContext}from"./components/TUIMessage/MessageContext.js";export{TUIMessageInput}from"./components/TUIMessageInput/TUIMessageInput.js";export{TUIMessageInputDefault}from"./components/TUIMessageInput/TUIMessageInputDefault.js";export{InputPluginsDefalut}from"./components/TUIMessageInput/InputPluginsDefalut.js";export{TUIProfile}from"./components/TUIProfile/TUIProfile.js";export{TUIProfileDefault}from"./components/TUIProfile/TUIProfileDefault.js";export{Avatar}from"./components/Avatar/Avatar.js";export{defaultGroupAvatarAVChatRoom,defaultGroupAvatarMeeting,defaultGroupAvatarPublic,defaultGroupAvatarWork,defaultUserAvatar}from"./components/Avatar/default.js";export{ConversationSearchInput}from"./components/ConversationSearch/ConversationSearchInput.js";export{ConversationSearchResult}from"./components/ConversationSearch/ConversationSearchResult.js";export{TUIManage}from"./components/TUIManage/TUIManage.js";export{Popup}from"./components/Popup/index.js";export{Checkbox}from"./components/Checkbox/index.js";export{DivWithEdit}from"./components/DivWithEdit/DivWithEdit.js";export{Icon,changeTypeToIconClassName}from"./components/Icon/Icon.js";export{IconTypes}from"./components/Icon/type.js";export{EmptyStateIndicator}from"./components/EmptyStateIndicator/EmptyStateIndicator.js";export{Input}from"./components/Input/Input.js";export{Model}from"./components/Model/index.js";export{Plugins}from"./components/Plugins/index.js";export{Switch}from"./components/Switch/Switch.js";export{Toast}from"./components/Toast/index.js";export{TUIContactList}from"./components/TUIContact/TUIContactList/TUIContactList.js";export{TUIContactInfo,UnMemoizedTUIContactInfo}from"./components/TUIContact/TUIContactInfo/TUIContactInfo.js";export{TUIContact,UnMemoizedTUIContact}from"./components/TUIContact/TUIContact.js";export{UIKitProvider,useUIKit}from"./context/UIKitContext.js";export{UIManagerProvider,useUIManager}from"./context/UIManagerContext.js";export{TUIChatStateContext,TUIChatStateContextProvider,useTUIChatStateContext}from"./context/TUIChatStateContext.js";export{TUIChatActionContext,TUIChatActionProvider,useTUIChatActionContext}from"./context/TUIChatActionContext.js";export{TUIMessageContext,TUIMessageContextProvider,messageShowType,useTUIMessageContext}from"./context/TUIMessageContext.js";export{ComponentContext,ComponentProvider,useComponentContext}from"./context/ComponentContext.js";export{TUIMessageInputContext,TUIMessageInputContextProvider,useTUIMessageInputContext}from"./context/TUIMessageInputContext.js";export{TUIContactContext,TUIContactContextProvider,useTUIContactContext}from"./context/TUIContactContext.js";export{useConversation}from"./hooks/useConversation.js";export{useProfile}from"./hooks/useProfile.js";export{t}from"./locales/index.js";export{isH5,isPC,setPlatform}from"./utils/env.js";export{TUIChat}from"./components/TUIChat/TUIChat.js";export{default as i18next}from"i18next";new o;
+import e from"./server.js";import"./components/Chat/index.js";export{ConversationList}from"./components/ConversationList/ConversationList.js";export{ConversationListHeader}from"./components/ConversationList/ConversationListHeader/ConversationListHeader.js";export{ConversationListContent}from"./components/ConversationList/ConversationListContent/ConversationListContent.js";export{ConversationActions}from"./components/ConversationActions/ConversationActions.js";export{ConversationPreview,ConversationPreviewUI}from"./components/ConversationPreview/ConversationPreview.js";export{ConversationSearchInput}from"./components/ConversationSearch/ConversationSearchInput/ConversationSearchInput.js";export{ConversationSearchResult}from"./components/ConversationSearch/ConversationSearchResult/ConversationSearchResult.js";export{ConversationSearch,defaultSearchFn}from"./components/ConversationSearch/ConversationSearch.js";export{ConversationCreate,PageStateTypes}from"./components/ConversationCreate/ConversationCreate.js";export{ConversationCreateSelectView}from"./components/ConversationCreate/ConversationCreateSelectView.js";export{ConversationCreateGroupDetail}from"./components/ConversationCreate/ConversationCreateGroupDetail.js";export{ConversationCreateUserSelectList}from"./components/ConversationCreate/ConversationCreateUserSelectList.js";export{useConversationCreate}from"./components/ConversationCreate/hooks/useConversationCreate.js";export{ConversationGroupTypeInfo,GroupType,typeInfoList}from"./components/ConversationCreate/ConversationGroupTypeInfo.js";export{ConversationCreateButton}from"./components/ConversationCreate/ConversationCreateButton.js";export{ChatHeader}from"./components/ChatHeader/ChatHeader.js";export{ChatHeaderDefault}from"./components/ChatHeader/ChatHeaderDefault.js";export{MessageList}from"./components/MessageList/MessageList.js";export{TUIMessage}from"./components/MessageElement/Message.js";export{MessagePlugins}from"./components/MessageElement/MessagePlugins.js";export{MessageContext}from"./components/MessageElement/MessageContext.js";export{MessageInput}from"./components/MessageInput/MessageInput.js";export{TUIMessageInputDefault}from"./components/MessageInput/MessageInputDefault.js";export{InputPluginsDefalut}from"./components/MessageInput/InputPluginsDefalut.js";export{Profile}from"./components/Profile/Profile.js";export{TUIProfileDefault}from"./components/Profile/ProfileDefault.js";export{Avatar}from"./components/Avatar/Avatar.js";export{defaultGroupAvatarAVChatRoom,defaultGroupAvatarMeeting,defaultGroupAvatarPublic,defaultGroupAvatarWork,defaultUserAvatar}from"./components/Avatar/default.js";export{ChatSetting}from"./components/ChatSetting/ChatSetting.js";export{Popup}from"./components/Popup/index.js";export{Checkbox}from"./components/Checkbox/index.js";export{DivWithEdit}from"./components/DivWithEdit/DivWithEdit.js";export{Icon,changeTypeToIconClassName}from"./components/Icon/Icon.js";export{IconTypes}from"./components/Icon/type.js";export{PlaceHolder,PlaceHolderIconTypes,PlaceHolderStringTypes,PlaceHolderTypes}from"./components/PlaceHolder/index.js";export{EmptyStateIndicator}from"./components/EmptyStateIndicator/EmptyStateIndicator.js";export{Input}from"./components/Input/Input.js";export{Model}from"./components/Model/index.js";export{Plugins}from"./components/Plugins/index.js";export{Switch}from"./components/Switch/Switch.js";export{Toast}from"./components/Toast/index.js";export{ContactList}from"./components/Contact/ContactList/ContactList.js";export{ContactInfo,UnMemoizedContactInfo}from"./components/Contact/ContactInfo/ContactInfo.js";export{Contact,UnMemoizedContact}from"./components/Contact/Contact.js";export{UIKitProvider,useUIKit}from"./context/UIKitContext.js";export{UIManagerProvider,useUIManager}from"./context/UIManagerContext.js";export{TUIChatStateContext,TUIChatStateContextProvider,useTUIChatStateContext}from"./context/ChatStateContext.js";export{TUIChatActionContext,TUIChatActionProvider,useTUIChatActionContext}from"./context/ChatActionContext.js";export{TUIMessageContext,TUIMessageContextProvider,messageShowType,useTUIMessageContext}from"./context/MessageContext.js";export{ComponentContext,ComponentProvider,useComponentContext}from"./context/ComponentContext.js";export{TUIMessageInputContext,TUIMessageInputContextProvider,useTUIMessageInputContext}from"./context/MessageInputContext.js";export{TUIContactContext,TUIContactContextProvider,useTUIContactContext}from"./context/ContactContext.js";export{ConversationListProvider,useConversationList}from"./context/ConversationListContext.js";export{createC2CConversation,createGroupConversation}from"./hooks/useConversation.js";export{useProfile}from"./hooks/useProfile.js";import"react";export{isTouchEvent}from"./hooks/useLongPress.js";export{t}from"./locales/index.js";export{isH5,isPC,setPlatform}from"./utils/env.js";export{Chat}from"./components/Chat/Chat.js";export{default as i18next}from"i18next";new e;

package/dist/esm/locales/en-US/TUIConversation.js

@@ -1 +1 @@
-var e={"Start chat":"Start chat","New one-to-one chat":"New one-to-one chat","New group chat":"New group chat","Enter a user ID":"Enter a user ID",Delete:"Delete","Conversation Information":"Conversation Information",Pin:"Pin",Unpin:"Unpin",Search:"Search","Add Participants":"Add Participants","No conversation":"No conversation",Next:"Next","Group Name":"Group Name","Group ID":"Group ID","Group Type":"Group Type",Participants:"Participants",Create:"Create",Details:"Details",Work:"Work",Public:"Public",Meeting:"Meeting",AVChatRoom:"AVChatRoom",Community:"Community","Users can join the group only via invitation by existing members. The invitation does not need to be agreed by the invitee or approved by the group owner. See the documentation for details.":"Users can join the group only via invitation by existing members. The invitation does not need to be agreed by the invitee or approved by the group owner. See the documentation for details.","After a public group is created, the group owner can designate group admins. To join the group, a user needs to search the group ID and send a request, which needs to be approved by the group owner or an admin before the user can join the group. See the documentation for details.":"After a public group is created, the group owner can designate group admins. To join the group, a user needs to search the group ID and send a request, which needs to be approved by the group owner or an admin before the user can join the group. See the documentation for details.","After the group is created, a user can join and quit the group freely and can view the messages sent before joining the group. It is suitable for scenarios that integrate Tencent Real-Time Communication (TRTC), such as audio and video conferences and online education. See the documentation for details.":"After the group is created, a user can join and quit the group freely and can view the messages sent before joining the group. It is suitable for scenarios that integrate Tencent Real-Time Communication (TRTC), such as audio and video conferences and online education. See the documentation for details.","After a group is created, a user can join and quit the group freely. The group can have an unlimited number of members, but it does not store message history. It can be combined with Live Video Broadcasting (LVB) to support on-screen comment scenarios. See the documentation for details.":"After a group is created, a user can join and quit the group freely. The group can have an unlimited number of members, but it does not store message history. It can be combined with Live Video Broadcasting (LVB) to support on-screen comment scenarios. See the documentation for details.","After creation, you can enter and leave at will, support up to 100,000 people, support historical message storage, and after users search for group ID and initiate a group application, they can join the group without administrator approval. See product documentation for details.":"After creation, you can enter and leave at will, support up to 100,000 people, support historical message storage, and after users search for group ID and initiate a group application, they can join the group without administrator approval. See product documentation for details.","Participant cannot be empty":"Participant cannot be empty"};export{e as default};
+var e={"Start chat":"Start chat","New one-to-one chat":"New one-to-one chat","New group chat":"New group chat","Enter a user ID":"Enter a user ID",Delete:"Delete","Conversation Information":"Conversation Information",Pin:"Pin",Unpin:"Unpin",Mute:"Mute",Unmute:"Unmute",Search:"Search","Add Participants":"Add Participants","No conversation":"No conversation",Next:"Next","Group Name":"Group Name","Group ID":"Group ID","Group Type":"Group Type",Participants:"Participants",Create:"Create",Details:"Details",Work:"Work",Private:"Work",ChatRoom:"Meeting",Public:"Public",Meeting:"Meeting",AVChatRoom:"AVChatRoom",Community:"Community","Users can join the group only via invitation by existing members. The invitation does not need to be agreed by the invitee or approved by the group owner. See the documentation for details.":"Users can join the group only via invitation by existing members. The invitation does not need to be agreed by the invitee or approved by the group owner. See the documentation for details.","After a public group is created, the group owner can designate group admins. To join the group, a user needs to search the group ID and send a request, which needs to be approved by the group owner or an admin before the user can join the group. See the documentation for details.":"After a public group is created, the group owner can designate group admins. To join the group, a user needs to search the group ID and send a request, which needs to be approved by the group owner or an admin before the user can join the group. See the documentation for details.","After the group is created, a user can join and quit the group freely and can view the messages sent before joining the group. It is suitable for scenarios that integrate Tencent Real-Time Communication (TRTC), such as audio and video conferences and online education. See the documentation for details.":"After the group is created, a user can join and quit the group freely and can view the messages sent before joining the group. It is suitable for scenarios that integrate Tencent Real-Time Communication (TRTC), such as audio and video conferences and online education. See the documentation for details.","After a group is created, a user can join and quit the group freely. The group can have an unlimited number of members, but it does not store message history. It can be combined with Live Video Broadcasting (LVB) to support on-screen comment scenarios. See the documentation for details.":"After a group is created, a user can join and quit the group freely. The group can have an unlimited number of members, but it does not store message history. It can be combined with Live Video Broadcasting (LVB) to support on-screen comment scenarios. See the documentation for details.","After creation, you can enter and leave at will, support up to 100,000 people, support historical message storage, and after users search for group ID and initiate a group application, they can join the group without administrator approval. See product documentation for details.":"After creation, you can enter and leave at will, support up to 100,000 people, support historical message storage, and after users search for group ID and initiate a group application, they can join the group without administrator approval. See product documentation for details.","Participant cannot be empty":"Participant cannot be empty"};export{e as default};

package/dist/esm/locales/index.js

@@ -1 +1 @@
-import e from"i18next";export{default as i18next}from"i18next";import{initReactI18next as t}from"react-i18next";import{message as a}from"./en-US/index.js";import{message as r}from"./zh-CN/index.js";import{message as o}from"./ja-JP/index.js";import{message as s}from"./ko-KR/index.js";import{message as n}from"./zh-TW/index.js";var i={"en-US":{translation:a},"zh-CN":{translation:r},"ja-JP":{translation:o},"ko-KR":{translation:s},"zh-TW":{translation:n}};e.use(t).init({resources:i,lng:"en-US",interpolation:{escapeValue:!1}});var m=e.t;export{m as t};
+import e from"i18next";export{default as i18next}from"i18next";import{initReactI18next as n}from"react-i18next";import{TUITranslateService as t}from"@tencentcloud/chat-uikit-engine";import{message as a}from"./en-US/index.js";import{message as o}from"./zh-CN/index.js";import{message as r}from"./ja-JP/index.js";import{message as i}from"./ko-KR/index.js";import{message as s}from"./zh-TW/index.js";var m={"en-US":{translation:a},"zh-CN":{translation:o},"ja-JP":{translation:r},"ko-KR":{translation:i},"zh-TW":{translation:s}};e.use(n).init({resources:m,lng:"en-US",interpolation:{escapeValue:!1}});var p={"en-US":a,"zh-CN":o,"ja-JP":r,"ko-KR":i};t.provideLanguages(p),t.useI18n("en-US");var x=e.t;export{x as t};

package/dist/esm/locales/ja-JP/TUIConversation.js

@@ -1 +1 @@
-var e={"Start chat":"チャットを開始","New one-to-one chat":"新しい一対一のチャットを開始","New group chat":"新しいグループチャットを開始",Delete:"チャットを削除",Pin:"チャットをトップに固定",Unpin:"トップ固定を解除","Conversation Information":"チャット情報",Search:"検索","Add Participants":"グループチャットを作成","No conversation":"チャットなし",Next:"次へ","Group Name":"グループ名","Group ID":"グループID","Group Type":"グループタイプ",Participants:"参加者",Create:"作成",Details:"詳細",Work:"友達の仕事グループ(Work)",Public:"見知らぬ人の社交グループ(Public)",Meeting:"一時的な会議グループ(Meeting)",AVChatRoom:"ライブチャットルーム(AVChatroom)",Community:"コミュニティ(Community)","Users can join the group only via invitation by existing members. The invitation does not need to be agreed by the invitee or approved by the group owner. See the documentation for details.":"通常のWeChatグループのように、作成後はグループ内の友達のみが招待してグループに参加できます。招待は招待される側の同意やグループオーナーの承認が必要ありません。詳細はドキュメントを参照してください。","After a public group is created, the group owner can designate group admins. To join the group, a user needs to search the group ID and send a request, which needs to be approved by the group owner or an admin before the user can join the group. See the documentation for details.":"QQグループのように、作成後にグループオーナーがグループ管理者を指名できます。ユーザーはグループIDを検索してグループ参加申請を行い、グループオーナーまたは管理者の承認を得た後にグループに参加できます。詳細はドキュメントを参照してください。","After the group is created, a user can join and quit the group freely and can view the messages sent before joining the group. It is suitable for scenarios that integrate Tencent Real-Time Communication (TRTC), such as audio and video conferences and online education. See the documentation for details.":"グループ作成後、ユーザーは自由にグループに参加したり退出したりでき、グループ参加前のメッセージも閲覧できます。これは、音声およびビデオ会議やオンライン教育などの腾讯实时通信(TRTC)を統合するシナリオに適しています。詳細はドキュメントを参照してください。","After a group is created, a user can join and quit the group freely. The group can have an unlimited number of members, but it does not store message history. It can be combined with Live Video Broadcasting (LVB) to support on-screen comment scenarios. See the documentation for details.":"グループ作成後、ユーザーは自由にグループに参加したり退出したりできますが、グループメンバー数に上限はありませんが、メッセージ履歴は保存されません。これはライブビデオ放送(LVB)と組み合わせて、画面上のコメントシナリオをサポートするために使用できます。詳細はドキュメントを参照してください。","After creation, you can enter and leave at will, support up to 100,000 people, support historical message storage, and after users search for group ID and initiate a group application, they can join the group without administrator approval. See product documentation for details.":"作成後は自由に出入りでき、最大10万人をサポートし、歴史的メッセージの保存をサポートしています。ユーザーがグループIDを検索してグループ参加申請を行った後、管理者承認なしにグループに参加できます。詳細は製品ドキュメントを参照してください。","Participant cannot be empty":"参加者は空にできません"};export{e as default};
+var e={"Start chat":"チャットを開始","New one-to-one chat":"新しい一対一のチャットを開始","New group chat":"新しいグループチャットを開始",Delete:"チャットを削除",Pin:"チャットをトップに固定",Unpin:"トップ固定を解除",Mute:"ミュート",Unmute:"ミュート解除","Conversation Information":"チャット情報",Search:"検索","Add Participants":"グループチャットを作成","No conversation":"チャットなし",Next:"次へ","Group Name":"グループ名","Group ID":"グループID","Group Type":"グループタイプ",Participants:"参加者",Create:"作成",Details:"詳細",Work:"友達の仕事グループ(Work)",Private:"友達の仕事グループ(Work)",ChatRoom:"一時的な会議グループ(Meeting)",Public:"見知らぬ人の社交グループ(Public)",Meeting:"一時的な会議グループ(Meeting)",AVChatRoom:"ライブチャットルーム(AVChatroom)",Community:"コミュニティ(Community)","Users can join the group only via invitation by existing members. The invitation does not need to be agreed by the invitee or approved by the group owner. See the documentation for details.":"通常のWeChatグループのように、作成後はグループ内の友達のみが招待してグループに参加できます。招待は招待される側の同意やグループオーナーの承認が必要ありません。詳細はドキュメントを参照してください。","After a public group is created, the group owner can designate group admins. To join the group, a user needs to search the group ID and send a request, which needs to be approved by the group owner or an admin before the user can join the group. See the documentation for details.":"QQグループのように、作成後にグループオーナーがグループ管理者を指名できます。ユーザーはグループIDを検索してグループ参加申請を行い、グループオーナーまたは管理者の承認を得た後にグループに参加できます。詳細はドキュメントを参照してください。","After the group is created, a user can join and quit the group freely and can view the messages sent before joining the group. It is suitable for scenarios that integrate Tencent Real-Time Communication (TRTC), such as audio and video conferences and online education. See the documentation for details.":"グループ作成後、ユーザーは自由にグループに参加したり退出したりでき、グループ参加前のメッセージも閲覧できます。これは、音声およびビデオ会議やオンライン教育などの腾讯实时通信(TRTC)を統合するシナリオに適しています。詳細はドキュメントを参照してください。","After a group is created, a user can join and quit the group freely. The group can have an unlimited number of members, but it does not store message history. It can be combined with Live Video Broadcasting (LVB) to support on-screen comment scenarios. See the documentation for details.":"グループ作成後、ユーザーは自由にグループに参加したり退出したりできますが、グループメンバー数に上限はありませんが、メッセージ履歴は保存されません。これはライブビデオ放送(LVB)と組み合わせて、画面上のコメントシナリオをサポートするために使用できます。詳細はドキュメントを参照してください。","After creation, you can enter and leave at will, support up to 100,000 people, support historical message storage, and after users search for group ID and initiate a group application, they can join the group without administrator approval. See product documentation for details.":"作成後は自由に出入りでき、最大10万人をサポートし、歴史的メッセージの保存をサポートしています。ユーザーがグループIDを検索してグループ参加申請を行った後、管理者承認なしにグループに参加できます。詳細は製品ドキュメントを参照してください。","Participant cannot be empty":"参加者は空にできません"};export{e as default};

package/dist/esm/locales/ko-KR/TUIConversation.js

@@ -1 +1 @@
-var e={"Start chat":"채팅 시작","New one-to-one chat":"1:1 채팅 시작","New group chat":"그룹 채팅 시작",Delete:"채팅 삭제",Pin:"채팅 고정",Unpin:"채팅 고정 해제","Conversation Information":"채팅 정보",Search:"검색","Add Participants":"그룹 채팅 생성","No conversation":"채팅 없음",Next:"다음","Group Name":"그룹 이름","Group ID":"그룹 ID","Group Type":"그룹 유형",Participants:"멤버",Create:"생성",Details:"상세",Work:"친구 작업 그룹(Work)",Public:"낯선 사람 소셜 그룹(Public)",Meeting:"임시 회의 그룹(Meeting)",AVChatRoom:"라이브 방송 그룹(AVChatroom)",Community:"커뮤니티(Community)","Users can join the group only via invitation by existing members. The invitation does not need to be agreed by the invitee or approved by the group owner. See the documentation for details.":"일반 위챗 그룹과 유사하게, 생성 후에는 이미 그룹에 있는 친구의 초대로만 그룹 가입이 가능하며, 초대자는 수락하지 않아도 되고 그룹 소유자의 승인을 받지 않아도 됩니다. 자세한 내용은 문서를 참조하십시오.","After a public group is created, the group owner can designate group admins. To join the group, a user needs to search the group ID and send a request, which needs to be approved by the group owner or an admin before the user can join the group. See the documentation for details.":"QQ 그룹과 유사하게, 생성 후에는 그룹 소유자가 그룹 관리자를 지정할 수 있습니다. 사용자가 그룹 ID를 검색하여 가입 요청을 보내면, 그룹 소유자 또는 관리자의 승인을 받아야만 그룹에 가입할 수 있습니다. 자세한 내용은 문서를 참조하십시오.","After the group is created, a user can join and quit the group freely and can view the messages sent before joining the group. It is suitable for scenarios that integrate Tencent Real-Time Communication (TRTC), such as audio and video conferences and online education. See the documentation for details.":"그룹을 생성한 후에는 사용자가 그룹에 자유롭게 가입하고 탈퇴할 수 있으며, 가입하기 전에 보낸 메시지를 볼 수 있습니다. 이는 음성 및 비디오 회의, 온라인 교육 등 Tencent 실시간 통신(TRTC)과 통합되는 시나리오에 적합합니다. 자세한 내용은 문서를 참조하십시오.","After a group is created, a user can join and quit the group freely. The group can have an unlimited number of members, but it does not store message history. It can be combined with Live Video Broadcasting (LVB) to support on-screen comment scenarios. See the documentation for details.":"그룹을 생성한 후에는 사용자가 그룹에 자유롭게 가입하고 탈퇴할 수 있으며, 그룹은 무제한의 멤버 수를 가질 수 있지만 메시지 역사를 저장하지는 않습니다. 이는 라이브 비디오 방송(LVB)과 결합하여 화면상 커멘트 시나리오를 지원하는 데 사용할 수 있습니다. 자세한 내용은 문서를 참조하십시오.","After creation, you can enter and leave at will, support up to 100,000 people, support historical message storage, and after users search for group ID and initiate a group application, they can join the group without administrator approval. See product documentation for details.":"생성 후에는 자유롭게 입장하고 탈퇴할 수 있으며, 최대 100,000명을 지원하고, 메시지 역사를 저장하며, 사용자가 그룹 ID를 검색하여 그룹 신청을 시작한 후에는 관리자 승인 없이 그룹에 가입할 수 있습니다. 자세한 내용은 제품 문서를 참조하십시오.","Participant cannot be empty":"참여자는 비워둘 수 없습니다"};export{e as default};
+var e={"Start chat":"채팅 시작","New one-to-one chat":"1:1 채팅 시작","New group chat":"그룹 채팅 시작",Delete:"채팅 삭제",Pin:"채팅 고정",Unpin:"채팅 고정 해제",Mute:"음소거",Unmute:"음소거 해제","Conversation Information":"채팅 정보",Search:"검색","Add Participants":"그룹 채팅 생성","No conversation":"채팅 없음",Next:"다음","Group Name":"그룹 이름","Group ID":"그룹 ID","Group Type":"그룹 유형",Participants:"멤버",Create:"생성",Details:"상세",Work:"친구 작업 그룹(Work)",Private:"친구 작업 그룹(Work)",ChatRoom:"임시 회의 그룹(Meeting)",Public:"낯선 사람 소셜 그룹(Public)",Meeting:"임시 회의 그룹(Meeting)",AVChatRoom:"라이브 방송 그룹(AVChatroom)",Community:"커뮤니티(Community)","Users can join the group only via invitation by existing members. The invitation does not need to be agreed by the invitee or approved by the group owner. See the documentation for details.":"일반 위챗 그룹과 유사하게, 생성 후에는 이미 그룹에 있는 친구의 초대로만 그룹 가입이 가능하며, 초대자는 수락하지 않아도 되고 그룹 소유자의 승인을 받지 않아도 됩니다. 자세한 내용은 문서를 참조하십시오.","After a public group is created, the group owner can designate group admins. To join the group, a user needs to search the group ID and send a request, which needs to be approved by the group owner or an admin before the user can join the group. See the documentation for details.":"QQ 그룹과 유사하게, 생성 후에는 그룹 소유자가 그룹 관리자를 지정할 수 있습니다. 사용자가 그룹 ID를 검색하여 가입 요청을 보내면, 그룹 소유자 또는 관리자의 승인을 받아야만 그룹에 가입할 수 있습니다. 자세한 내용은 문서를 참조하십시오.","After the group is created, a user can join and quit the group freely and can view the messages sent before joining the group. It is suitable for scenarios that integrate Tencent Real-Time Communication (TRTC), such as audio and video conferences and online education. See the documentation for details.":"그룹을 생성한 후에는 사용자가 그룹에 자유롭게 가입하고 탈퇴할 수 있으며, 가입하기 전에 보낸 메시지를 볼 수 있습니다. 이는 음성 및 비디오 회의, 온라인 교육 등 Tencent 실시간 통신(TRTC)과 통합되는 시나리오에 적합합니다. 자세한 내용은 문서를 참조하십시오.","After a group is created, a user can join and quit the group freely. The group can have an unlimited number of members, but it does not store message history. It can be combined with Live Video Broadcasting (LVB) to support on-screen comment scenarios. See the documentation for details.":"그룹을 생성한 후에는 사용자가 그룹에 자유롭게 가입하고 탈퇴할 수 있으며, 그룹은 무제한의 멤버 수를 가질 수 있지만 메시지 역사를 저장하지는 않습니다. 이는 라이브 비디오 방송(LVB)과 결합하여 화면상 커멘트 시나리오를 지원하는 데 사용할 수 있습니다. 자세한 내용은 문서를 참조하십시오.","After creation, you can enter and leave at will, support up to 100,000 people, support historical message storage, and after users search for group ID and initiate a group application, they can join the group without administrator approval. See product documentation for details.":"생성 후에는 자유롭게 입장하고 탈퇴할 수 있으며, 최대 100,000명을 지원하고, 메시지 역사를 저장하며, 사용자가 그룹 ID를 검색하여 그룹 신청을 시작한 후에는 관리자 승인 없이 그룹에 가입할 수 있습니다. 자세한 내용은 제품 문서를 참조하십시오.","Participant cannot be empty":"참여자는 비워둘 수 없습니다"};export{e as default};

package/dist/esm/locales/zh-CN/TUIConversation.js

@@ -1 +1 @@
-var e={"Start chat":"发起会话","New one-to-one chat":"发起单聊","New group chat":"发起群聊",Delete:"删除会话",Pin:"置顶会话",Unpin:"取消置顶","Conversation Information":"会话信息",Search:"搜索","Add Participants":"创建群聊","No conversation":"无会话",Next:"下一步","Group Name":"群名称","Group ID":"群 ID","Group Type":"群类型",Participants:"成员",Create:"创建",Details:"详情",Work:"好友工作群（Work）",Public:"陌生人社交群（Public）",Meeting:"临时会议群（Meeting）",AVChatRoom:"直播群（AVChatroom）",Community:"社群(Community)","Users can join the group only via invitation by existing members. The invitation does not need to be agreed by the invitee or approved by the group owner. See the documentation for details.":"类似普通微信群，创建后仅支持已在群内的好友邀请加群，且无需被邀请方同意或群主同意。","After a public group is created, the group owner can designate group admins. To join the group, a user needs to search the group ID and send a request, which needs to be approved by the group owner or an admin before the user can join the group. See the documentation for details.":"类似 QQ 群，创建后群主可以指定群管理员，用户搜索群 ID 发起加群申请后，需要群主或管理员审批通过才能入群。","After the group is created, a user can join and quit the group freely and can view the messages sent before joining the group. It is suitable for scenarios that integrate Tencent Real-Time Communication (TRTC), such as audio and video conferences and online education. See the documentation for details.":"创建后可以随意进出，且支持查看入群前消息；适合用于音视频会议场景、在线教育场景等与实时音视频产品结合的场景。","After a group is created, a user can join and quit the group freely. The group can have an unlimited number of members, but it does not store message history. It can be combined with Live Video Broadcasting (LVB) to support on-screen comment scenarios. See the documentation for details.":"创建后可以随意进出，没有群成员数量上限，但不支持历史消息存储；适合与直播产品结合，用于弹幕聊天场景。","After creation, you can enter and leave at will, support up to 100,000 people, support historical message storage, and after users search for group ID and initiate a group application, they can join the group without administrator approval. See product documentation for details.":"创建后可以随意进出，最多支持100000人，支持历史消息存储，用户搜索群 ID 发起加群申请后，无需管理员审批即可进群。","Participant cannot be empty":"不能为空"};export{e as default};
+var e={"Start chat":"发起会话","New one-to-one chat":"发起单聊","New group chat":"发起群聊",Delete:"删除会话",Pin:"置顶会话",Unpin:"取消置顶",Mute:"消息免打扰",Unmute:"取消免打扰","Conversation Information":"会话信息",Search:"搜索","Add Participants":"创建群聊","No conversation":"无会话",Next:"下一步","Group Name":"群名称","Group ID":"群 ID","Group Type":"群类型",Participants:"成员",Create:"创建",Details:"详情",Work:"好友工作群（Work）",Private:"好友工作群（Work）",ChatRoom:"临时会议群（Meeting）",Public:"陌生人社交群（Public）",Meeting:"临时会议群（Meeting）",AVChatRoom:"直播群（AVChatroom）",Community:"社群(Community)","Users can join the group only via invitation by existing members. The invitation does not need to be agreed by the invitee or approved by the group owner. See the documentation for details.":"类似普通微信群，创建后仅支持已在群内的好友邀请加群，且无需被邀请方同意或群主同意。","After a public group is created, the group owner can designate group admins. To join the group, a user needs to search the group ID and send a request, which needs to be approved by the group owner or an admin before the user can join the group. See the documentation for details.":"类似 QQ 群，创建后群主可以指定群管理员，用户搜索群 ID 发起加群申请后，需要群主或管理员审批通过才能入群。","After the group is created, a user can join and quit the group freely and can view the messages sent before joining the group. It is suitable for scenarios that integrate Tencent Real-Time Communication (TRTC), such as audio and video conferences and online education. See the documentation for details.":"创建后可以随意进出，且支持查看入群前消息；适合用于音视频会议场景、在线教育场景等与实时音视频产品结合的场景。","After a group is created, a user can join and quit the group freely. The group can have an unlimited number of members, but it does not store message history. It can be combined with Live Video Broadcasting (LVB) to support on-screen comment scenarios. See the documentation for details.":"创建后可以随意进出，没有群成员数量上限，但不支持历史消息存储；适合与直播产品结合，用于弹幕聊天场景。","After creation, you can enter and leave at will, support up to 100,000 people, support historical message storage, and after users search for group ID and initiate a group application, they can join the group without administrator approval. See product documentation for details.":"创建后可以随意进出，最多支持100000人，支持历史消息存储，用户搜索群 ID 发起加群申请后，无需管理员审批即可进群。","Participant cannot be empty":"不能为空"};export{e as default};

package/dist/esm/locales/zh-TW/TUIConversation.js

@@ -1 +1 @@
-var e={"Start chat":"發起會話","New one-to-one chat":"發起單聊","New group chat":"發起群聊",Delete:"刪除會話",Pin:"置頂會話",Unpin:"取消置頂","Conversation Information":"會話資訊",Search:"搜尋","Add Participants":"創建群聊","No conversation":"無會話",Next:"下一步","Group Name":"群組名稱","Group ID":"群組 ID","Group Type":"群組類型",Participants:"成員",Create:"創建",Details:"詳情",Work:"好友工作群（Work）",Public:"陌生人社交群（Public）",Meeting:"臨時會議群（Meeting）",AVChatRoom:"直播群（AVChatroom）",Community:"社群(Community)","Users can join the group only via invitation by existing members. The invitation does not need to be agreed by the invitee or approved by the group owner. See the documentation for details.":"類似普通微信群，創建後僅支持已在群內的好友邀請加群，且無需被邀請方同意或群主同意。","After a public group is created, the group owner can designate group admins. To join the group, a user needs to search the group ID and send a request, which needs to be approved by the group owner or an admin before the user can join the基礎設施。See the documentation for details.":"類似 QQ 群，創建後群主可以指定群管理員，用戶搜索群 ID 發起加群申請後，需要群主或管理員審批通過才能入群。","After the group is created, a user can join and quit the group freely and can view the messages sent before joining the group. It is suitable for scenarios that integrate Tencent Real-Time Communication (TRTC), such as audio and video conferences and online education. See the documentation for details.":"創建後可以隨意進出，且支持查看入群前消息；適合用於音視頻會議場景、在線教育場景等與即時音視頻產品結合的場景。","After a group is created, a user can join and quit the group freely. The group can have an unlimited number of members, but it does not store message history. It can be combined with Live Video Broadcasting (LVB) to support on-screen comment scenarios. See the documentation for details.":"創建後可以隨意進出，沒有群成員數量上限，但不支持歷史消息存儲；適合與直播產品結合，用於彈幕聊天場景。","After creation, you can enter and leave at will, support up to 100,000 people, support historical message storage, and after users search for group ID and initiate a group application, they can join the group without administrator approval. See product documentation for details.":"創建後可以隨意進出，最多支持100000人，支持歷史消息存儲，用戶搜索群 ID 發起加群申請後，無需管理員審批即可進群。","Participant cannot be empty":"不能為空"};export{e as default};
+var e={"Start chat":"發起會話","New one-to-one chat":"發起單聊","New group chat":"發起群聊",Delete:"刪除會話",Pin:"置頂會話",Unpin:"取消置頂",Mute:"訊息免幹擾",Unmute:"取消免幹擾","Conversation Information":"會話資訊",Search:"搜尋","Add Participants":"創建群聊","No conversation":"無會話",Next:"下一步","Group Name":"群組名稱","Group ID":"群組 ID","Group Type":"群組類型",Participants:"成員",Create:"創建",Details:"詳情",Work:"好友工作群（Work）",Private:"好友工作群（Work）",ChatRoom:"臨時會議群（Meeting）",Public:"陌生人社交群（Public）",Meeting:"臨時會議群（Meeting）",AVChatRoom:"直播群（AVChatroom）",Community:"社群(Community)","Users can join the group only via invitation by existing members. The invitation does not need to be agreed by the invitee or approved by the group owner. See the documentation for details.":"類似普通微信群，創建後僅支持已在群內的好友邀請加群，且無需被邀請方同意或群主同意。","After a public group is created, the group owner can designate group admins. To join the group, a user needs to search the group ID and send a request, which needs to be approved by the group owner or an admin before the user can join the基礎設施。See the documentation for details.":"類似 QQ 群，創建後群主可以指定群管理員，用戶搜索群 ID 發起加群申請後，需要群主或管理員審批通過才能入群。","After the group is created, a user can join and quit the group freely and can view the messages sent before joining the group. It is suitable for scenarios that integrate Tencent Real-Time Communication (TRTC), such as audio and video conferences and online education. See the documentation for details.":"創建後可以隨意進出，且支持查看入群前消息；適合用於音視頻會議場景、在線教育場景等與即時音視頻產品結合的場景。","After a group is created, a user can join and quit the group freely. The group can have an unlimited number of members, but it does not store message history. It can be combined with Live Video Broadcasting (LVB) to support on-screen comment scenarios. See the documentation for details.":"創建後可以隨意進出，沒有群成員數量上限，但不支持歷史消息存儲；適合與直播產品結合，用於彈幕聊天場景。","After creation, you can enter and leave at will, support up to 100,000 people, support historical message storage, and after users search for group ID and initiate a group application, they can join the group without administrator approval. See product documentation for details.":"創建後可以隨意進出，最多支持100000人，支持歷史消息存儲，用戶搜索群 ID 發起加群申請後，無需管理員審批即可進群。","Participant cannot be empty":"不能為空"};export{e as default};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tencentcloud/chat-uikit-react",
-  "version": "2.2.7",
+  "version": "2.2.9",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "license": "MIT",
@@ -71,6 +71,7 @@
     "@tencentcloud/chat-uikit-engine": "latest",
     "@tencentcloud/tui-core": "latest",
     "@tencentcloud/universal-api": "latest",
+    "classnames": "^2.5.1",
     "date-fns": "^2.29.3",
     "react-date-picker": "^9.0.0",
     "react-dom": "^18.2.0",

package/rollup.config.js

@@ -42,7 +42,7 @@ export default [
       terser(),
     ],
     external: ['react', 'date-fns', 'tslib', 'react-date-picker', 'i18next', 'react-i18next', '@tencentcloud/tui-core',
-      '@tencentcloud/chat', '@tencentcloud/chat-uikit-engine', '@tencentcloud/universal-api', '@tencentcloud/call-uikit-react'],
+      '@tencentcloud/chat', '@tencentcloud/chat-uikit-engine', '@tencentcloud/universal-api', '@tencentcloud/call-uikit-react', 'classnames'],
   },
   {
     ...getBaseConfig(),

package/src/components/Avatar/Avatar.tsx

@@ -3,23 +3,23 @@ import { Icon, IconTypes } from '../Icon';
 import './styles/index.scss';
 
 export interface AvatarProps {
-  image?: string | null,
+  image?: string | null;
   /** click event handler */
-  onClick?: (event: React.BaseSyntheticEvent) => void,
+  onClick?: (event: React.BaseSyntheticEvent) => void;
   /** mouseOver event handler */
-  onMouseOver?: (event: React.BaseSyntheticEvent) => void,
+  onMouseOver?: (event: React.BaseSyntheticEvent) => void;
   /** Size in pixels
    * @default 32px
    */
-  size?: number,
+  size?: number;
   /** Shape of the avatar - circle, rounded or square
    * @default circle
    */
   shape?: 'circle' | 'rounded' | 'square';
-  update?: (url:string) => void,
-  list?: Array<string>,
+  update?: (url: string) => void;
+  list?: string[];
 }
-export function Avatar<T extends AvatarProps>(props:T):React.ReactElement {
+export function Avatar<T extends AvatarProps>(props: T): React.ReactElement {
   const {
     image,
     size = 32,
@@ -65,7 +65,7 @@ export function Avatar<T extends AvatarProps>(props:T):React.ReactElement {
     setIsEdit(!isEdit);
   };
 
-  const handleUpdate = (value:string) => {
+  const handleUpdate = (value: string) => {
     toggle();
     update && update(value);
   };
@@ -86,27 +86,29 @@ export function Avatar<T extends AvatarProps>(props:T):React.ReactElement {
       tabIndex={0}
       onClick={onClick}
     >
-      {image && !error ? (
-        <img
-          className={`avatar-image ${loaded ? 'avatar-image-loaded' : ''}`}
-          onError={() => setError(true)}
-          onLoad={() => setLoaded(true)}
-          alt={image}
-          src={image}
-        />
-      ) : (
-        <div
-          className={`tui-kit-avatar ${shape}`}
-          style={{
-            flexBasis: `${size}px`,
-            height: `${size}px`,
-            objectFit: 'cover',
-            width: `${size}px`,
-            backgroundColor: 'black',
-            borderRadius: `${shape === 'circle' ? '50%' : '4px'}`,
-          }}
-        />
-      )}
+      {image && !error
+        ? (
+            <img
+              className={`avatar-image ${loaded ? 'avatar-image-loaded' : ''}`}
+              onError={() => setError(true)}
+              onLoad={() => setLoaded(true)}
+              alt={image}
+              src={image}
+            />
+          )
+        : (
+            <div
+              className={`tui-kit-avatar ${shape}`}
+              style={{
+                flexBasis: `${size}px`,
+                height: `${size}px`,
+                objectFit: 'cover',
+                width: `${size}px`,
+                backgroundColor: 'black',
+                borderRadius: `${shape === 'circle' ? '50%' : '4px'}`,
+              }}
+            />
+          )}
       {
         update && (
           <div className={`tui-kit-avatar-edit ${isEdit ? 'displayFlex' : ''}`} role="button" tabIndex={0} onClick={toggle}>
@@ -118,7 +120,7 @@ export function Avatar<T extends AvatarProps>(props:T):React.ReactElement {
         update && isEdit && (
           <ul
             className="tui-kit-avatar-list"
-            // eslint-disable-next-line 
+            // eslint-disable-next-line
             // @ts-ignore
             ref={avatarListRef}
             style={{
@@ -126,7 +128,7 @@ export function Avatar<T extends AvatarProps>(props:T):React.ReactElement {
             }}
           >
             {
-              list.map((item:string, index:number) => {
+              list.map((item: string, index: number) => {
                 const key = `${item}${index}`;
                 return (
                   <li

package/src/components/{TUIChat/TUIChat.tsx → Chat/Chat.tsx}

@@ -11,31 +11,31 @@ import TUIChatEngine, {
 } from '@tencentcloud/chat-uikit-engine';
 import { JSONStringToParse } from '../utils';
 import { useUIKit, useUIManager } from '../../context';
-import { TUIChatStateContextProvider } from '../../context/TUIChatStateContext';
-import { TUIChatActionProvider } from '../../context/TUIChatActionContext';
+import { TUIChatStateContextProvider } from '../../context/ChatStateContext';
+import { TUIChatActionProvider } from '../../context/ChatActionContext';
 import { ComponentProvider, UnknowPorps } from '../../context/ComponentContext';
-import type { TUIChatActionContextValue } from '../../context/TUIChatActionContext';
+import type { TUIChatActionContextValue } from '../../context/ChatActionContext';
 import type { ComponentContextValue } from '../../context/ComponentContext';
 import useCreateTUIChatStateContext from './hooks/useCreateTUIChatStateContext';
 
-import type { TUIChatHeaderDefaultProps } from '../TUIChatHeader/TUIChatHeaderDefault';
+import type { TUIChatHeaderDefaultProps } from '../ChatHeader/ChatHeaderDefault';
 
 import {
   TUIMessageProps,
   TUIMessage as TUIMessageDefault,
-} from '../TUIMessage';
-import type { MessageContextProps } from '../TUIMessage/MessageContext';
+} from '../MessageElement';
+import type { MessageContextProps } from '../MessageElement/MessageContext';
 
 import './styles/index.scss';
 import { CONSTANT_DISPATCH_TYPE } from '../../constants';
-import { chatReducer, ChatStateReducer, initialState } from './TUIChatState';
+import { chatReducer, ChatStateReducer, initialState } from './ChatState';
 
 import { useHandleMessageList } from './hooks/useHandleMessageList';
 import { useHandleMessage } from './hooks/useHandleMessage';
 
-import { TUIChatHeader as TUIChatHeaderElement } from '../TUIChatHeader';
-import { MessageListProps, TUIMessageList } from '../TUIMessageList';
-import { TUIMessageInput as TUIMessageInputElement, TUIMessageInputBasicProps } from '../TUIMessageInput';
+import { ChatHeader as ChatHeaderElement } from '../ChatHeader';
+import { MessageListProps, MessageList } from '../MessageList';
+import { MessageInput as MessageInputElement, TUIMessageInputBasicProps } from '../MessageInput';
 import { EmptyStateIndicator } from '../EmptyStateIndicator';
 
 interface TUIChatProps {
@@ -72,7 +72,7 @@ interface TUIChatInnerProps extends TUIChatProps {
   key?: string;
 }
 
-function UnMemoizedTUIChat<T extends TUIChatProps>(
+function UnMemoizedChat<T extends TUIChatProps>(
   props: PropsWithChildren<T>,
 ): React.ReactElement {
   const {
@@ -280,9 +280,9 @@ function TUIChatInner<T extends TUIChatInnerProps>(
           <ComponentProvider value={componentContextValue}>
             {children || (
               <>
-                <TUIChatHeaderElement />
-                <TUIMessageList />
-                <TUIMessageInputElement />
+                <ChatHeaderElement />
+                <MessageList />
+                <MessageInputElement />
               </>
             )}
           </ComponentProvider>
@@ -292,4 +292,4 @@ function TUIChatInner<T extends TUIChatInnerProps>(
   );
 }
 
-export const TUIChat = React.memo(UnMemoizedTUIChat) as typeof UnMemoizedTUIChat;
+export const Chat = React.memo(UnMemoizedChat) as typeof UnMemoizedChat;

package/src/components/{TUIChat → Chat}/hooks/useHandleMessage.tsx

@@ -2,7 +2,7 @@ import { Dispatch, useCallback } from 'react';
 import { ChatSDK, Conversation, Message } from '@tencentcloud/chat';
 import { CONSTANT_DISPATCH_TYPE } from '../../../constants';
 import type { TUIChatStateContextValue } from '../../../context';
-import type { ChatStateReducerAction } from '../TUIChatState';
+import type { ChatStateReducerAction } from '../ChatState';
 
 export interface CreateMessageProps {
   chat?: ChatSDK,

package/src/components/{TUIChat → Chat}/hooks/useHandleMessageList.tsx

@@ -2,7 +2,7 @@ import { Dispatch, useCallback } from 'react';
 import TencentCloudChat, { ChatSDK, Conversation, Message } from '@tencentcloud/chat';
 import { CONSTANT_DISPATCH_TYPE } from '../../../constants';
 import type { TUIChatStateContextValue } from '../../../context';
-import type { ChatStateReducerAction } from '../TUIChatState';
+import type { ChatStateReducerAction } from '../ChatState';
 
 export interface CreateMessageProps {
   chat?: ChatSDK,

package/src/components/{TUIChat → Chat}/index.ts

@@ -1,5 +1,5 @@
 import Server from './server';
 
 new Server();
-export * from './TUIChat';
+export * from './Chat';
 export * from './hooks/useCreateTUIChatStateContext';

package/src/components/{TUIChatHeader/TUIChatHeader.tsx → ChatHeader/ChatHeader.tsx}

@@ -1,8 +1,8 @@
 import React, { PropsWithChildren } from 'react';
 import { Conversation } from '@tencentcloud/chat';
-import { useTUIChatStateContext } from '../../context/TUIChatStateContext';
-import type { TUIChatHeaderDefaultProps } from './TUIChatHeaderDefault';
-import { TUIChatHeaderDefault } from './TUIChatHeaderDefault';
+import { useTUIChatStateContext } from '../../context/ChatStateContext';
+import type { TUIChatHeaderDefaultProps } from './ChatHeaderDefault';
+import { ChatHeaderDefault } from './ChatHeaderDefault';
 
 import './styles/index.scss';
 import { useComponentContext } from '../../context';
@@ -32,7 +32,7 @@ function UnMemoizedTUIChatHeader<T extends TUIChatHeaderProps>(
   const { TUIChatHeader: ContextTUIChatHeader } = useComponentContext('TUIChatHeader');
 
   const TUIChatHeaderUIComponent = propTUIChatHeader
-    || ContextTUIChatHeader || TUIChatHeaderDefault;
+    || ContextTUIChatHeader || ChatHeaderDefault;
   const conversation = propsConversation || contextConversation;
 
   return (
@@ -46,5 +46,5 @@ function UnMemoizedTUIChatHeader<T extends TUIChatHeaderProps>(
   );
 }
 
-export const TUIChatHeader = React.memo(UnMemoizedTUIChatHeader) as
+export const ChatHeader = React.memo(UnMemoizedTUIChatHeader) as
 typeof UnMemoizedTUIChatHeader;

package/src/components/{TUIChatHeader/TUIChatHeaderDefault.tsx → ChatHeader/ChatHeaderDefault.tsx}

@@ -8,7 +8,7 @@ import { isH5 } from '../../utils/env';
 import './styles/index.scss';
 import { Icon, IconTypes } from '../Icon';
 import { useUIManager, useTUIChatActionContext } from '../../context';
-import { startCall } from '../TUIChat/utils';
+import { startCall } from '../Chat/utils';
 
 export interface TUIChatHeaderDefaultProps {
   title?: string;
@@ -160,7 +160,7 @@ function TUIChatHeaderDefaultWithContext<T extends TUIChatHeaderBasicProps>(
 const MemoizedTUIChatHeaderDefault = React.memo(TUIChatHeaderDefaultWithContext) as
 typeof TUIChatHeaderDefaultWithContext;
 
-export function TUIChatHeaderDefault(props: TUIChatHeaderBasicProps): React.ReactElement {
+export function ChatHeaderDefault(props: TUIChatHeaderBasicProps): React.ReactElement {
   const options = { ...props };
   return <MemoizedTUIChatHeaderDefault {...options} />;
 }

package/src/components/ChatHeader/index.ts

@@ -0,0 +1,2 @@
+export * from './ChatHeader';
+export * from './ChatHeaderDefault';

package/src/components/{TUIChatHeader → ChatHeader}/styles/layout.scss

@@ -30,14 +30,6 @@
     }
   }
 
-  &-right {
-    .header-handle {
-      &-more {
-        padding: 10px 3px;
-      }
-    }
-  }
-
   .title {
     font-style: normal;
     font-weight: 700;