@tencentcloud/chat-uikit-react 2.3.0 → 2.3.1

package/dist/esm/index.d.ts

@@ -1,6 +1,5 @@
 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/ChatStateContext.js';
 export { TUIChatActionContext, TUIChatActionContextValue, TUIChatActionProvider, useTUIChatActionContext } from './context/ChatActionContext.js';
 export { TUIMessageContext, TUIMessageContextProvider, TUIMessageContextValue, messageShowType, useTUIMessageContext } from './context/MessageContext.js';
@@ -55,6 +54,4 @@ 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 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";import"./hooks/index.js";export{t}from"./locales/index.js";export{isH5,isPC,setPlatform}from"./utils/env.js";export{Chat}from"./components/Chat/Chat.js";export{createC2CConversation,createGroupConversation}from"./hooks/useConversation.js";export{useProfile}from"./hooks/useProfile.js";export{isTouchEvent}from"./hooks/useLongPress.js";export{default as i18next}from"i18next";new e;
+import o 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{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";import"./hooks/index.js";import"./locales/index.js";export{isH5,isPC,setPlatform}from"./utils/env.js";export{Chat}from"./components/Chat/Chat.js";export{createC2CConversation,createGroupConversation}from"./hooks/useConversation.js";export{useProfile}from"./hooks/useProfile.js";export{isTouchEvent}from"./hooks/useLongPress.js";new o;

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

@@ -0,0 +1 @@
+var i={"[TUIEmoji_Smile]":"[Smile]","[TUIEmoji_Expect]":"[Expect]","[TUIEmoji_Blink]":"[Blink]","[TUIEmoji_Guffaw]":"[Guffaw]","[TUIEmoji_KindSmile]":"[KindSmile]","[TUIEmoji_Haha]":"[Haha]","[TUIEmoji_Cheerful]":"[Cheerful]","[TUIEmoji_Speechless]":"[Speechless]","[TUIEmoji_Amazed]":"[Amazed]","[TUIEmoji_Sorrow]":"[Sorrow]","[TUIEmoji_Complacent]":"[Complacent]","[TUIEmoji_Silly]":"[Silly]","[TUIEmoji_Lustful]":"[Lustful]","[TUIEmoji_Giggle]":"[Giggle]","[TUIEmoji_Kiss]":"[Kiss]","[TUIEmoji_Wail]":"[Wail]","[TUIEmoji_TearsLaugh]":"[TearsLaugh]","[TUIEmoji_Trapped]":"[Trapped]","[TUIEmoji_Mask]":"[Mask]","[TUIEmoji_Fear]":"[Fear]","[TUIEmoji_BareTeeth]":"[BareTeeth]","[TUIEmoji_FlareUp]":"[FlareUp]","[TUIEmoji_Yawn]":"[Yawn]","[TUIEmoji_Tact]":"[Tact]","[TUIEmoji_Stareyes]":"[StarEyes]","[TUIEmoji_ShutUp]":"[ShutUp]","[TUIEmoji_Sigh]":"[Sigh]","[TUIEmoji_Hehe]":"[Hehe]","[TUIEmoji_Silent]":"[Silent]","[TUIEmoji_Surprised]":"[Surprised]","[TUIEmoji_Askance]":"[Askance]]","[TUIEmoji_Ok]":"[OK]","[TUIEmoji_Shit]":"[Shit]","[TUIEmoji_Monster]":"[Monster]","[TUIEmoji_Daemon]":"[Daemon]","[TUIEmoji_Rage]":"[Rage]","[TUIEmoji_Fool]":"[Fool]","[TUIEmoji_Pig]":"[Pig]","[TUIEmoji_Cow]":"[Cow]","[TUIEmoji_Ai]":"[AI]","[TUIEmoji_Skull]":"[Skull]","[TUIEmoji_Bombs]":"[Bombs]","[TUIEmoji_Coffee]":"[Coffee]","[TUIEmoji_Cake]":"[Cake]","[TUIEmoji_Beer]":"[Beer]","[TUIEmoji_Flower]":"[Flower]","[TUIEmoji_Watermelon]":"[Watermelon]","[TUIEmoji_Rich]":"[Rich]","[TUIEmoji_Heart]":"[Heart]","[TUIEmoji_Moon]":"[Moon]","[TUIEmoji_Sun]":"[Sun]","[TUIEmoji_Star]":"[Star]","[TUIEmoji_RedPacket]":"[RedPacket]","[TUIEmoji_Celebrate]":"[Celebrate]","[TUIEmoji_Bless]":"[Bless]","[TUIEmoji_Fortune]":"[Fortune]","[TUIEmoji_Convinced]":"[Convinced]","[TUIEmoji_Prohibit]":"[Prohibit]","[TUIEmoji_666]":"[666]","[TUIEmoji_857]":"[857]","[TUIEmoji_Knife]":"[Knife]","[TUIEmoji_Like]":"[Like]"};export{i as default};

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

@@ -1 +1 @@
-import o from"./TUIChat.js";import r from"./TUIConversation.js";import t from"./TUIContact.js";import i from"./TUIProfile.js";var m={TUIChat:o,TUIConversation:r,TUIContact:t,TUIProfile:i};export{m as message};
+import o from"./TUIChat.js";import r from"./emoji.js";import t from"./TUIConversation.js";import m from"./TUIContact.js";import i from"./TUIProfile.js";var I={TUIChat:o,Emoji:r,TUIConversation:t,TUIContact:m,TUIProfile:i};export{I as message};

package/dist/esm/locales/index.js

@@ -1 +1 @@
-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};
+import{i18next as a}from"@tencentcloud/uikit-base-component-react";import{message as n}from"./en-US/index.js";import{message as t}from"./zh-CN/index.js";import{message as e}from"./ja-JP/index.js";import{message as s}from"./ko-KR/index.js";import{message as o}from"./zh-TW/index.js";for(var r={"en-US":{translation:n},"zh-CN":{translation:t},"ja-JP":{translation:e},"ko-KR":{translation:s},"zh-TW":{translation:o}},i=0,m=Object.entries(r);i<m.length;i++){var l=m[i],d=l[0],j=l[1];a.addResourceBundle(d,"translation",j.translation,!0,!1)}

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

@@ -0,0 +1 @@
+var i={"[TUIEmoji_Smile]":"[微笑]","[TUIEmoji_Expect]":"[期待]","[TUIEmoji_Blink]":"[瞬き]","[TUIEmoji_Guffaw]":"[大笑]","[TUIEmoji_KindSmile]":"[親しみ]","[TUIEmoji_Haha]":"[笑い]","[TUIEmoji_Cheerful]":"[愉快]","[TUIEmoji_Speechless]":"[言葉無し]","[TUIEmoji_Amazed]":"[驚き]","[TUIEmoji_Sorrow]":"[悲しみ]","[TUIEmoji_Complacent]":"[満足]","[TUIEmoji_Silly]":"[ばか]","[TUIEmoji_Lustful]":"[欲望]","[TUIEmoji_Giggle]":"[笑い]","[TUIEmoji_Kiss]":"[キス]","[TUIEmoji_Wail]":"[泣き]","[TUIEmoji_TearsLaugh]":"[泣き笑い]","[TUIEmoji_Trapped]":"[困り]","[TUIEmoji_Mask]":"[マスク]","[TUIEmoji_Fear]":"[恐怖]","[TUIEmoji_BareTeeth]":"[歯見せ]","[TUIEmoji_FlareUp]":"[怒り]","[TUIEmoji_Yawn]":"[あくび]","[TUIEmoji_Tact]":"[機知]","[TUIEmoji_Stareyes]":"[星目]","[TUIEmoji_ShutUp]":"[黙れ]","[TUIEmoji_Sigh]":"[ため息]","[TUIEmoji_Hehe]":"[へへ]","[TUIEmoji_Silent]":"[沈黙]","[TUIEmoji_Surprised]":"[驚き]","[TUIEmoji_Askance]":"[白目]","[TUIEmoji_Ok]":"[OK]","[TUIEmoji_Shit]":"[便便]","[TUIEmoji_Monster]":"[モンスター]","[TUIEmoji_Daemon]":"[悪魔]","[TUIEmoji_Rage]":"[激怒]","[TUIEmoji_Fool]":"[バカ]","[TUIEmoji_Pig]":"[豚]","[TUIEmoji_Cow]":"[牛]","[TUIEmoji_Ai]":"[AI]","[TUIEmoji_Skull]":"[骸骨]","[TUIEmoji_Bombs]":"[爆弾]","[TUIEmoji_Coffee]":"[コーヒー]","[TUIEmoji_Cake]":"[ケーキ]","[TUIEmoji_Beer]":"[ビール]","[TUIEmoji_Flower]":"[花]","[TUIEmoji_Watermelon]":"[スイカ]","[TUIEmoji_Rich]":"[金持ち]","[TUIEmoji_Heart]":"[ハート]","[TUIEmoji_Moon]":"[月]","[TUIEmoji_Sun]":"[太陽]","[TUIEmoji_Star]":"[星]","[TUIEmoji_RedPacket]":"[紅包]","[TUIEmoji_Celebrate]":"[祝い]","[TUIEmoji_Bless]":"[祝福]","[TUIEmoji_Fortune]":"[幸運]","[TUIEmoji_Convinced]":"[納得]","[TUIEmoji_Prohibit]":"[禁止]","[TUIEmoji_666]":"[666]","[TUIEmoji_857]":"[857]","[TUIEmoji_Knife]":"[ナイフ]","[TUIEmoji_Like]":"[いいね]"};export{i as default};

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

@@ -1 +1 @@
-import o from"./TUIChat.js";import r from"./TUIConversation.js";import t from"./TUIContact.js";import i from"./TUIProfile.js";var m={TUIChat:o,TUIConversation:r,TUIContact:t,TUIProfile:i};export{m as message};
+import o from"./TUIChat.js";import r from"./emoji.js";import t from"./TUIConversation.js";import m from"./TUIContact.js";import i from"./TUIProfile.js";var I={TUIChat:o,Emoji:r,TUIConversation:t,TUIContact:m,TUIProfile:i};export{I as message};

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

@@ -0,0 +1 @@
+var i={"[TUIEmoji_Smile]":"[미소]","[TUIEmoji_Expect]":"[기대]","[TUIEmoji_Blink]":"[눈길림]","[TUIEmoji_Guffaw]":"[대소]","[TUIEmoji_KindSmile]":"[친절]","[TUIEmoji_Haha]":"[하하]","[TUIEmoji_Cheerful]":"[기쁨]","[TUIEmoji_Speechless]":"[무언]","[TUIEmoji_Amazed]":"[놀람]","[TUIEmoji_Sorrow]":"[슬픔]","[TUIEmoji_Complacent]":"[만족]","[TUIEmoji_Silly]":"[바보]","[TUIEmoji_Lustful]":"[욕망]","[TUIEmoji_Giggle]":"[kichigae]","[TUIEmoji_Kiss]":"[키스]","[TUIEmoji_Wail]":"[울음]","[TUIEmoji_TearsLaugh]":"[울먹임]","[TUIEmoji_Trapped]":"[갇힘]","[TUIEmoji_Mask]":"[마스크]","[TUIEmoji_Fear]":"[공포]","[TUIEmoji_BareTeeth]":"[이빨보임]","[TUIEmoji_FlareUp]":"[화남]","[TUIEmoji_Yawn]":"[하품]","[TUIEmoji_Tact]":"[기지]","[TUIEmoji_Stareyes]":"[별눈]","[TUIEmoji_ShutUp]":"[조용히]","[TUIEmoji_Sigh]":"[한숨]","[TUIEmoji_Hehe]":"[헤헤]","[TUIEmoji_Silent]":"[침묵]","[TUIEmoji_Surprised]":"[놀람]","[TUIEmoji_Askance]":"[백안]","[TUIEmoji_Ok]":"[OK]","[TUIEmoji_Shit]":"[똥]","[TUIEmoji_Monster]":"[몬스터]","[TUIEmoji_Daemon]":"[악마]","[TUIEmoji_Rage]":"[분노]","[TUIEmoji_Fool]":"[바보]","[TUIEmoji_Pig]":"[돼지]","[TUIEmoji_Cow]":"[소]","[TUIEmoji_Ai]":"[AI]","[TUIEmoji_Skull]":"[해골]","[TUIEmoji_Bombs]":"[폭탄]","[TUIEmoji_Coffee]":"[커피]","[TUIEmoji_Cake]":"[케이크]","[TUIEmoji_Beer]":"[맥주]","[TUIEmoji_Flower]":"[꽃]","[TUIEmoji_Watermelon]":"[수박]","[TUIEmoji_Rich]":"[부자]","[TUIEmoji_Heart]":"[사랑]","[TUIEmoji_Moon]":"[달]","[TUIEmoji_Sun]":"[태양]","[TUIEmoji_Star]":"[별]","[TUIEmoji_RedPacket]":"[레드패킷]","[TUIEmoji_Celebrate]":"[축하]","[TUIEmoji_Bless]":"[복]","[TUIEmoji_Fortune]":"[운]","[TUIEmoji_Convinced]":"[복종]","[TUIEmoji_Prohibit]":"[금지]","[TUIEmoji_666]":"[666]","[TUIEmoji_857]":"[857]","[TUIEmoji_Knife]":"[칼]","[TUIEmoji_Like]":"[좋아요]"};export{i as default};

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

@@ -1 +1 @@
-import o from"./TUIChat.js";import r from"./TUIConversation.js";import t from"./TUIContact.js";import i from"./TUIProfile.js";var m={TUIChat:o,TUIConversation:r,TUIContact:t,TUIProfile:i};export{m as message};
+import o from"./TUIChat.js";import r from"./emoji.js";import t from"./TUIConversation.js";import m from"./TUIContact.js";import i from"./TUIProfile.js";var I={TUIChat:o,Emoji:r,TUIConversation:t,TUIContact:m,TUIProfile:i};export{I as message};

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

@@ -0,0 +1 @@
+var i={"[TUIEmoji_Smile]":"[微笑]","[TUIEmoji_Expect]":"[期待]","[TUIEmoji_Blink]":"[眨眼]","[TUIEmoji_Guffaw]":"[大笑]","[TUIEmoji_KindSmile]":"[姨母笑]","[TUIEmoji_Haha]":"[哈哈哈]","[TUIEmoji_Cheerful]":"[愉快]","[TUIEmoji_Speechless]":"[无语]","[TUIEmoji_Amazed]":"[惊讶]","[TUIEmoji_Sorrow]":"[悲伤]","[TUIEmoji_Complacent]":"[得意]","[TUIEmoji_Silly]":"[傻了]","[TUIEmoji_Lustful]":"[色]","[TUIEmoji_Giggle]":"[憨笑]","[TUIEmoji_Kiss]":"[亲亲]","[TUIEmoji_Wail]":"[大哭]","[TUIEmoji_TearsLaugh]":"[哭笑]","[TUIEmoji_Trapped]":"[困]","[TUIEmoji_Mask]":"[口罩]","[TUIEmoji_Fear]":"[恐惧]","[TUIEmoji_BareTeeth]":"[龇牙]","[TUIEmoji_FlareUp]":"[发怒]","[TUIEmoji_Yawn]":"[打哈欠]","[TUIEmoji_Tact]":"[机智]","[TUIEmoji_Stareyes]":"[星星眼]","[TUIEmoji_ShutUp]":"[闭嘴]","[TUIEmoji_Sigh]":"[叹气]","[TUIEmoji_Hehe]":"[呵呵]","[TUIEmoji_Silent]":"[收声]","[TUIEmoji_Surprised]":"[惊喜]","[TUIEmoji_Askance]":"[白眼]","[TUIEmoji_Ok]":"[OK]","[TUIEmoji_Shit]":"[便便]","[TUIEmoji_Monster]":"[怪兽]","[TUIEmoji_Daemon]":"[恶魔]","[TUIEmoji_Rage]":"[恶魔怒]","[TUIEmoji_Fool]":"[衰]","[TUIEmoji_Pig]":"[猪]","[TUIEmoji_Cow]":"[牛]","[TUIEmoji_Ai]":"[AI]","[TUIEmoji_Skull]":"[骷髅]","[TUIEmoji_Bombs]":"[炸弹]","[TUIEmoji_Coffee]":"[咖啡]","[TUIEmoji_Cake]":"[蛋糕]","[TUIEmoji_Beer]":"[啤酒]","[TUIEmoji_Flower]":"[花]","[TUIEmoji_Watermelon]":"[瓜]","[TUIEmoji_Rich]":"[壕]","[TUIEmoji_Heart]":"[爱心]","[TUIEmoji_Moon]":"[月亮]","[TUIEmoji_Sun]":"[太阳]","[TUIEmoji_Star]":"[星星]","[TUIEmoji_RedPacket]":"[红包]","[TUIEmoji_Celebrate]":"[庆祝]","[TUIEmoji_Bless]":"[福]","[TUIEmoji_Fortune]":"[发]","[TUIEmoji_Convinced]":"[服]","[TUIEmoji_Prohibit]":"[禁]","[TUIEmoji_666]":"[666]","[TUIEmoji_857]":"[857]","[TUIEmoji_Knife]":"[刀]","[TUIEmoji_Like]":"[赞]"};export{i as default};

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

@@ -1 +1 @@
-import o from"./TUIChat.js";import r from"./TUIConversation.js";import t from"./TUIContact.js";import i from"./TUIProfile.js";var m={TUIChat:o,TUIConversation:r,TUIContact:t,TUIProfile:i};export{m as message};
+import o from"./TUIChat.js";import r from"./emoji.js";import t from"./TUIConversation.js";import m from"./TUIContact.js";import i from"./TUIProfile.js";var I={TUIChat:o,Emoji:r,TUIConversation:t,TUIContact:m,TUIProfile:i};export{I as message};

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

@@ -0,0 +1 @@
+var i={"[TUIEmoji_Smile]":"[微笑]","[TUIEmoji_Expect]":"[期待]","[TUIEmoji_Blink]":"[眨眼]","[TUIEmoji_Guffaw]":"[大笑]","[TUIEmoji_KindSmile]":"[姨母笑]","[TUIEmoji_Haha]":"[哈哈哈]","[TUIEmoji_Cheerful]":"[愉快]","[TUIEmoji_Speechless]":"[無語]","[TUIEmoji_Amazed]":"[驚訝]","[TUIEmoji_Sorrow]":"[悲傷]","[TUIEmoji_Complacent]":"[得意]","[TUIEmoji_Silly]":"[傻了]","[TUIEmoji_Lustful]":"[色]","[TUIEmoji_Giggle]":"[憨笑]","[TUIEmoji_Kiss]":"[親親]","[TUIEmoji_Wail]":"[大哭]","[TUIEmoji_TearsLaugh]":"[哭笑]","[TUIEmoji_Trapped]":"[困]","[TUIEmoji_Mask]":"[口罩]","[TUIEmoji_Fear]":"[恐懼]","[TUIEmoji_BareTeeth]":"[齜牙]","[TUIEmoji_FlareUp]":"[發怒]","[TUIEmoji_Yawn]":"[打哈欠]","[TUIEmoji_Tact]":"[機智]","[TUIEmoji_Stareyes]":"[星星眼]","[TUIEmoji_ShutUp]":"[閉嘴]","[TUIEmoji_Sigh]":"[嘆氣]","[TUIEmoji_Hehe]":"[呵呵]","[TUIEmoji_Silent]":"[收聲]","[TUIEmoji_Surprised]":"[驚喜]","[TUIEmoji_Askance]":"[白眼]","[TUIEmoji_Ok]":"[OK]","[TUIEmoji_Shit]":"[便便]","[TUIEmoji_Monster]":"[怪獸]","[TUIEmoji_Daemon]":"[惡魔]","[TUIEmoji_Rage]":"[惡魔怒]","[TUIEmoji_Fool]":"[衰]","[TUIEmoji_Pig]":"[豬]","[TUIEmoji_Cow]":"[牛]","[TUIEmoji_Ai]":"[AI]","[TUIEmoji_Skull]":"[骷髏]","[TUIEmoji_Bombs]":"[炸彈]","[TUIEmoji_Coffee]":"[咖啡]","[TUIEmoji_Cake]":"[蛋糕]","[TUIEmoji_Flower]":"[花]","[TUIEmoji_Watermelon]":"[瓜]","[TUIEmoji_Rich]":"[壕]","[TUIEmoji_Heart]":"[愛心]","[TUIEmoji_Moon]":"[月亮]","[TUIEmoji_Sun]":"[太陽]","[TUIEmoji_Star]":"[星星]","[TUIEmoji_RedPacket]":"[紅包]","[TUIEmoji_Celebrate]":"[慶祝]","[TUIEmoji_Bless]":"[福]","[TUIEmoji_Fortune]":"[發]","[TUIEmoji_Convinced]":"[服]","[TUIEmoji_Prohibit]":"[禁]","[TUIEmoji_666]":"[666]","[TUIEmoji_857]":"[857]","[TUIEmoji_Knife]":"[刀]","[TUIEmoji_Like]":"[讚]"};export{i as default};

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

@@ -1 +1 @@
-import o from"./TUIChat.js";import r from"./TUIConversation.js";import t from"./TUIContact.js";import i from"./TUIProfile.js";var m={TUIChat:o,TUIConversation:r,TUIContact:t,TUIProfile:i};export{m as message};
+import o from"./TUIChat.js";import r from"./emoji.js";import t from"./TUIConversation.js";import m from"./TUIContact.js";import i from"./TUIProfile.js";var I={TUIChat:o,Emoji:r,TUIConversation:t,TUIContact:m,TUIProfile:i};export{I as message};

package/dist/esm/node_modules/zustand/esm/react.mjs.js

@@ -0,0 +1 @@
+import t from"react";const e=t=>t;function r(r,n=e){const o=t.useSyncExternalStore(r.subscribe,(()=>n(r.getState())),(()=>n(r.getInitialState())));return t.useDebugValue(o),o}export{r as useStore};

package/dist/esm/node_modules/zustand/esm/vanilla.mjs.js

@@ -0,0 +1 @@
+const t=t=>{let e;const n=new Set,c=(t,c)=>{const o="function"==typeof t?t(e):t;if(!Object.is(o,e)){const t=e;e=(null!=c?c:"object"!=typeof o||null===o)?o:Object.assign({},e,o),n.forEach((n=>n(e,t)))}},o=()=>e,s={setState:c,getState:o,getInitialState:()=>a,subscribe:t=>(n.add(t),()=>n.delete(t))},a=e=t(c,o,s);return s},e=e=>e?t(e):t;export{e as createStore};

package/dist/esm/store/UIManagerStore.js

@@ -0,0 +1 @@
+import{createStore as t}from"../node_modules/zustand/esm/vanilla.mjs.js";import{TUILogin as n}from"@tencentcloud/tui-core";import{TUIStore as e,StoreName as o}from"@tencentcloud/chat-uikit-engine";import{useStore as r}from"../node_modules/zustand/esm/react.mjs.js";var i=t()((function(t){return{chat:null,myProfile:void 0,contactData:void 0,conversation:void 0,TUIProfileShow:!1,TUIManageShow:!1,setMyProfile:function(n){return t((function(){return{myProfile:n}}))},setActiveContact:function(n){return t((function(){return{contactData:n}}))},setActiveConversation:function(n){return t((function(){return{conversation:n}}))},setTUIProfileShow:function(n){return t((function(){return{TUIProfileShow:n}}))},setTUIManageShow:function(n){return t((function(){return{TUIManageShow:n}}))}}}));function a(){return{chat:n.getContext().chat,myProfile:r(i,(function(t){return t.myProfile})),contactData:r(i,(function(t){return t.contactData})),conversation:r(i,(function(t){return t.conversation})),TUIProfileShow:r(i,(function(t){return t.TUIProfileShow})),TUIManageShow:r(i,(function(t){return t.TUIManageShow})),setActiveContact:r(i,(function(t){return t.setActiveContact})),setActiveConversation:r(i,(function(t){return t.setActiveConversation})),setTUIProfileShow:r(i,(function(t){return t.setTUIProfileShow})),setTUIManageShow:r(i,(function(t){return t.setTUIManageShow}))}}e.watch(o.USER,{userProfile:function(t){i.getState().setMyProfile(t)}}),e.watch(o.CONV,{currentConversation:function(t){var n;(null==t?void 0:t.conversationID)!==(null===(n=i.getState().conversation)||void 0===n?void 0:n.conversationID)&&i.getState().setTUIManageShow(!1);i.getState().setActiveConversation(t)}});export{i as default,a as useUIManagerStore};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tencentcloud/chat-uikit-react",
-  "version": "2.3.0",
+  "version": "2.3.1",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "license": "MIT",
@@ -17,7 +17,7 @@
   "scripts": {
     "build": "rimraf dist && rollup -c",
     "start": "rimraf dist && rollup -c -w",
-    "clean": "rimraf -g ./dist node_modules examples/*/node_modules",
+    "clean": "rimraf -g **/dist **/node_modules **/package-lock.json",
     "prepare": "husky install"
   },
   "homepage": "https://www.tencentcloud.com/document/product/1047/45912",
@@ -70,12 +70,14 @@
     "@tencentcloud/chat": "latest",
     "@tencentcloud/chat-uikit-engine": "latest",
     "@tencentcloud/tui-core": "latest",
+    "@tencentcloud/uikit-base-component-react": "^0.0.1",
     "@tencentcloud/universal-api": "latest",
     "classnames": "^2.5.1",
     "date-fns": "^2.29.3",
     "react-date-picker": "^9.0.0",
     "react-dom": "^18.2.0",
-    "rollup-plugin-copy": "^3.5.0"
+    "rollup-plugin-copy": "^3.5.0",
+    "zustand": "^5.0.0"
   },
   "peerDependencies": {
     "date-fns": "^2.29.3",

package/src/components/Chat/Chat.tsx

@@ -10,7 +10,7 @@ import TUIChatEngine, {
   StoreName,
 } from '@tencentcloud/chat-uikit-engine';
 import { JSONStringToParse } from '../utils';
-import { useUIKit, useUIManager } from '../../context';
+import { useUIManagerStore } from '../../store';
 import { TUIChatStateContextProvider } from '../../context/ChatStateContext';
 import { TUIChatActionProvider } from '../../context/ChatActionContext';
 import { ComponentProvider, UnknowPorps } from '../../context/ComponentContext';
@@ -80,8 +80,8 @@ function UnMemoizedChat<T extends TUIChatProps>(
     EmptyPlaceholder = <EmptyStateIndicator listType="chat" />,
   } = props;
 
-  const { chat } = useUIKit();
-  const { conversation: contextConversation } = useUIManager('TUIChat');
+  const { chat } = useUIManagerStore();
+  const { conversation: contextConversation } = useUIManagerStore('TUIChat');
 
   const conversation = propsConversation || contextConversation;
 

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

@@ -1,4 +1,4 @@
-@use "../../../styles/colors/color-theme" as *;
+@use "~@tencentcloud/uikit-base-component-react/dist/styles/theme/util" as *;
 
 .chat {
   flex: 1;

package/src/components/ChatHeader/ChatHeaderDefault.tsx

@@ -7,7 +7,8 @@ import { handleDisplayAvatar } from '../utils';
 import { isH5 } from '../../utils/env';
 import './styles/index.scss';
 import { Icon, IconTypes } from '../Icon';
-import { useUIManager, useTUIChatActionContext } from '../../context';
+import { useTUIChatActionContext } from '../../context';
+import { useUIManagerStore } from '../../store';
 import { startCall } from '../Chat/utils';
 
 export interface TUIChatHeaderDefaultProps {
@@ -37,7 +38,7 @@ function TUIChatHeaderDefaultWithContext<T extends TUIChatHeaderBasicProps>(
     enableCall: propCallEnabled = false,
   } = props;
   const { callButtonClicked } = useTUIChatActionContext('TUIChat');
-  const { setActiveContact } = useUIManager('TUIContact');
+  const { setActiveContact } = useUIManagerStore('TUIContact');
   const [title, setTitle] = useState(propTitle);
   const [avatar, setAvatar] = useState<React.ReactElement | string>('');
   const [isShowCallIcon, setIsShowCallIcon] = useState<boolean>(false);
@@ -91,7 +92,7 @@ function TUIChatHeaderDefaultWithContext<T extends TUIChatHeaderBasicProps>(
     TUIConversationService.switchConversation('');
     setActiveContact();
   };
-  const { setTUIManageShow } = useUIManager();
+  const { setTUIManageShow } = useUIManagerStore();
   const openTUIManage = () => {
     setTUIManageShow && setTUIManageShow(true);
   };

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

@@ -1,4 +1,4 @@
-@use "../../../styles/colors/color-theme" as *;
+@use "~@tencentcloud/uikit-base-component-react/dist/styles/theme/util" as *;
 
 .tui-chat-header {
   padding: 16px 20px;

package/src/components/ChatSetting/ChatSetting.tsx

@@ -1,19 +1,20 @@
 import React, { useState, useEffect } from 'react';
-import { useTranslation } from 'react-i18next';
-import { Conversation } from '@tencentcloud/chat';
 import { TUIStore } from '@tencentcloud/chat-uikit-engine';
-import './styles/index.scss';
+import { useUIKit } from '@tencentcloud/uikit-base-component-react';
 import { Icon, IconTypes } from '../Icon';
 import { Avatar, defaultGroupAvatarWork, defaultUserAvatar } from '../Avatar';
 import { Switch } from '../Switch';
-import { useUIManager } from '../../context';
+import { useUIManagerStore } from '../../store';
 import { isH5, isPC } from '../../utils/env';
 import { getMessageProfile } from '../ConversationPreview/utils';
+import type { IConversationModel } from '@tencentcloud/chat-uikit-engine';
+
+import './styles/index.scss';
 
 function UnMemoizedChatSetting<T>(
 ): React.ReactElement {
-  const { t } = useTranslation();
-  const [conversation, setConversation] = useState<Conversation>();
+  const { t } = useUIKit();
+  const [conversation, setConversation] = useState<IConversationModel>();
   const [profile, setProfile] = useState<any>();
   const [isPinned, setIsPinned] = useState<boolean>(false);
   const [forceUpdateCount, setForceUpdateCount] = useState(0);
@@ -22,7 +23,7 @@ function UnMemoizedChatSetting<T>(
     setActiveConversation,
     TUIManageShow,
     setTUIManageShow,
-  } = useUIManager('TUIManage');
+  } = useUIManagerStore('TUIManage');
 
   const pinChatChange = (e: React.ChangeEvent<HTMLInputElement>) => {
     setIsPinned(e.target.checked);

package/src/components/ChatSetting/styles/index.scss

@@ -1,4 +1,4 @@
-@use "../../../styles/colors/color-theme" as *;
+@use "~@tencentcloud/uikit-base-component-react/dist/styles/theme/util" as *;
 
 .tui-manage {
   display: flex;
@@ -51,6 +51,7 @@
         font-size: 16px;
         margin-bottom: 30px;
         text-align: center;
+
         @include theme() {
           color: get(text-color-secondary);
         }

package/src/components/Checkbox/styles/color.scss

@@ -1,4 +1,4 @@
-@use "../../../styles/colors/color-theme" as *;
+@use "~@tencentcloud/uikit-base-component-react/dist/styles/theme/util" as *;
 
 .info {
   @include theme() {

package/src/components/Contact/Contact.tsx

@@ -1,11 +1,11 @@
 import React, { PropsWithChildren, useMemo, useState } from 'react';
-import { useTranslation } from 'react-i18next';
+import { useUIKit } from '@tencentcloud/uikit-base-component-react';
 import {
   TUIContactContextProvider,
   TUIContactContextValue,
 } from '../../context/ContactContext';
 import { isH5 } from '../../utils/env';
-import { useUIManager } from '../../context';
+import { useUIManagerStore } from '../../store';
 import useTUIContact from './hooks/useTUIContact';
 import { ContactList } from './ContactList/ContactList';
 import { ContactSearch } from '../ContactSearch/ContactSearch';
@@ -16,8 +16,8 @@ export function UnMemoizedContact<T>(
   props: PropsWithChildren<T>,
 ): React.ReactElement {
   const { children } = props;
-  const { t } = useTranslation();
-  const { setActiveContact } = useUIManager('TUIContact');
+  const { t } = useUIKit();
+  const { setActiveContact } = useUIManagerStore('TUIContact');
   const [isShowAddFriend, setShowAddFriend] = useState(false);
   const addFriend = () => {
     setActiveContact();

package/src/components/Contact/ContactInfo/ContactInfo.tsx

@@ -1,7 +1,7 @@
 import React, {
   PropsWithChildren,
 } from 'react';
-import { useUIManager } from '../../../context';
+import { useUIManagerStore } from '../../../store';
 import { isH5 } from '../../../utils/env';
 import { FriendInfo } from './friendInfo';
 import { BlockInfo } from './blockInfo';
@@ -18,7 +18,7 @@ export function UnMemoizedContactInfo<T extends TUIContactInfoProps>(
   props: PropsWithChildren<T>,
 ): React.ReactElement {
   const { showChats } = props;
-  const { contactData } = useUIManager('TUIContact');
+  const { contactData } = useUIManagerStore('TUIContact');
   if (!contactData?.type) {
     return (<> </>);
   }

package/src/components/Contact/ContactInfo/addFriendInfo.tsx

@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
-import { useTranslation } from 'react-i18next';
 import { Profile } from '@tencentcloud/chat';
+import { useUIKit } from '@tencentcloud/uikit-base-component-react';
 import useContactInfo from './hooks/useContactInfo';
 import { BasicInfo } from './basicInfo';
 import { DivWithEdit } from '../../DivWithEdit';
@@ -13,7 +13,7 @@ export function UnMemoizedAddFriendInfo<T extends Props>(
 ): React.ReactElement {
   const { profile } = props;
   const { userID } = profile;
-  const { t } = useTranslation();
+  const { t } = useUIKit();
   const [isEditName, setIsEditRemark] = useState('');
   const [remark, setRemark] = useState('');
   const [wording, setWording] = useState('');
@@ -36,7 +36,7 @@ export function UnMemoizedAddFriendInfo<T extends Props>(
     setIsSendAddFriend(true);
   };
 
-  const editText = (data?:any) => {
+  const editText = (data?: any) => {
     setRemark(data?.value);
     setIsEditRemark('');
   };
@@ -47,39 +47,41 @@ export function UnMemoizedAddFriendInfo<T extends Props>(
   return (
     <>
       <BasicInfo profile={profile} />
-      {!isSendedAdd ? (
-        <div className="tui-contact-info-content">
-          <div className="content-item-wording">
-            <p className="content-item-label">{t('TUIContact.Enter the verification info')}</p>
-            <textarea className="content-item-wording-text" value={wording} onChange={(e: any) => {handleChange(e)}} />
-          </div>
-          <div className="content-item">
-            <p className="content-item-label">{t('TUIContact.remark')}</p>
-            <DivWithEdit
-              name="remark"
-              className="content-item-text"
-              value={remark}
-              type="text"
-              toggle={handleSetEditRemark}
-              isEdit={isEditName === 'remark'}
-              confirm={editText}
-              close={() => {
-                setIsEditRemark('');
-              }}
-            />
-          </div>
-          <div className="content-btn-container">
-            <div className="content-item-btn confirm-btn" role="button" tabIndex={0} onClick={addFriendHandler}>{t('TUIContact.Send application')}</div>
-          </div>
-        </div>
-      ) : (
-        <div className="tui-contact-info-content">
-          <div className="content-item">
-            <p className="content-item-label">{t('TUIContact.verification info')}</p>
-            <p className="content-item-text">{wording}</p>
-          </div>
-        </div>
-      )}
+      {!isSendedAdd
+        ? (
+            <div className="tui-contact-info-content">
+              <div className="content-item-wording">
+                <p className="content-item-label">{t('TUIContact.Enter the verification info')}</p>
+                <textarea className="content-item-wording-text" value={wording} onChange={(e: any) => { handleChange(e); }} />
+              </div>
+              <div className="content-item">
+                <p className="content-item-label">{t('TUIContact.remark')}</p>
+                <DivWithEdit
+                  name="remark"
+                  className="content-item-text"
+                  value={remark}
+                  type="text"
+                  toggle={handleSetEditRemark}
+                  isEdit={isEditName === 'remark'}
+                  confirm={editText}
+                  close={() => {
+                    setIsEditRemark('');
+                  }}
+                />
+              </div>
+              <div className="content-btn-container">
+                <div className="content-item-btn confirm-btn" role="button" tabIndex={0} onClick={addFriendHandler}>{t('TUIContact.Send application')}</div>
+              </div>
+            </div>
+          )
+        : (
+            <div className="tui-contact-info-content">
+              <div className="content-item">
+                <p className="content-item-label">{t('TUIContact.verification info')}</p>
+                <p className="content-item-text">{wording}</p>
+              </div>
+            </div>
+          )}
     </>
   );
 }

package/src/components/Contact/ContactInfo/basicInfo.tsx

@@ -1,8 +1,8 @@
 import React from 'react';
-import { useTranslation } from 'react-i18next';
 import { Profile } from '@tencentcloud/chat';
+import { useUIKit } from '@tencentcloud/uikit-base-component-react';
 import { TUIConversationService } from '@tencentcloud/chat-uikit-engine';
-import { useUIManager } from '../../../context';
+import { useUIManagerStore } from '../../../store';
 import { Icon, IconTypes } from '../../Icon';
 import { isH5 } from '../../../utils/env';
 
@@ -15,11 +15,11 @@ export function UnMemoizedBasicInfo<T extends Props>(
   props: T,
 ): React.ReactElement {
   const { profile } = props;
-  const { t } = useTranslation();
+  const { t } = useUIKit();
   const {
     userID, nick, selfSignature, avatar,
   } = profile;
-  const { setActiveContact } = useUIManager('TUIContact');
+  const { setActiveContact } = useUIManagerStore('TUIContact');
   const back = () => {
     TUIConversationService.switchConversation('');
     setActiveContact();
@@ -27,12 +27,12 @@ export function UnMemoizedBasicInfo<T extends Props>(
   return (
     <div className="tui-contact-info-header">
       {isH5 && (
-      <Icon
-        width={9}
-        height={16}
-        type={IconTypes.BACK}
-        onClick={back}
-      />
+        <Icon
+          width={9}
+          height={16}
+          type={IconTypes.BACK}
+          onClick={back}
+        />
       )}
       <div className="header-container">
         <div className="header-container-avatar">

package/src/components/Contact/ContactInfo/blockInfo.tsx

@@ -1,9 +1,9 @@
 import React, { useState, useEffect } from 'react';
-import { useTranslation } from 'react-i18next';
 import { Profile } from '@tencentcloud/chat';
-import { useUIManager } from '../../../context';
+import { useUIKit } from '@tencentcloud/uikit-base-component-react';
 import { BasicInfo } from './basicInfo';
 import { Switch } from '../../Switch';
+import { useUIManagerStore } from '../../../store';
 import useContactInfo from './hooks/useContactInfo';
 
 interface Props {
@@ -13,8 +13,8 @@ export function UnMemoizedBlockInfo<T extends Props>(
   props: T,
 ): React.ReactElement {
   const { profile } = props;
-  const { contactData, setActiveContact } = useUIManager('TUIContact');
-  const { t } = useTranslation();
+  const { contactData, setActiveContact } = useUIManagerStore('TUIContact');
+  const { t } = useUIKit();
   const [isAddToBlocklist, setIsAddToBlocklist] = useState(false);
 
   const {

package/src/components/Contact/ContactInfo/friendApplication.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
-import { useTranslation } from 'react-i18next';
 import TencentCloudChat, { FriendApplication } from '@tencentcloud/chat';
-import { useUIManager } from '../../../context';
+import { useUIKit } from '@tencentcloud/uikit-base-component-react';
+import { useUIManagerStore } from '../../../store';
 import { Avatar, defaultUserAvatar } from '../../Avatar';
 import useContactInfo from './hooks/useContactInfo';
 
@@ -11,8 +11,8 @@ interface Props {
 export function UnMemoizedFriendApplication<T extends Props>(
   props: T,
 ): React.ReactElement {
-  const { setActiveContact } = useUIManager('TUIContact');
-  const { t } = useTranslation();
+  const { setActiveContact } = useUIManagerStore('TUIContact');
+  const { t } = useUIKit();
   const { application } = props;
   const {
     userID,

package/src/components/Contact/ContactInfo/friendInfo.tsx

@@ -1,8 +1,8 @@
 import React, { useState, useEffect } from 'react';
-import { useTranslation } from 'react-i18next';
+import { useUIKit } from '@tencentcloud/uikit-base-component-react';
 import { Friend } from '@tencentcloud/chat';
 import { TUIConversationService, IConversationModel } from '@tencentcloud/chat-uikit-engine';
-import { useUIKit, useUIManager } from '../../../context';
+import { useUIManagerStore } from '../../../store';
 import { BasicInfo } from './basicInfo';
 import { Switch } from '../../Switch';
 import useContactInfo from './hooks/useContactInfo';
@@ -11,16 +11,16 @@ import '../index.scss';
 
 interface Props {
   friend: Friend;
-  showChats?: () => void,
+  showChats?: () => void;
 }
 export function UnMemoizedFriendInfo<T extends Props>(
   props: T,
 ): React.ReactElement {
-  const { chat } = useUIKit();
+  const { chat } = useUIManagerStore();
   const {
     contactData, setActiveContact, setActiveConversation,
-  } = useUIManager('TUIContact');
-  const { t } = useTranslation();
+  } = useUIManagerStore('TUIContact');
+  const { t } = useUIKit();
   const { friend, showChats } = props;
   const { userID, profile, remark } = friend;
   const [isEditName, setIsEditRemark] = useState('');
@@ -64,7 +64,7 @@ export function UnMemoizedFriendInfo<T extends Props>(
     TUIConversationService.switchConversation(conversationID).then(
       (conversationModel: IConversationModel) => {
         setActiveConversation(conversationModel.getConversation());
-      }
+      },
     );
   };