@tencentcloud/chat-uikit-react 1.0.4 → 1.1.1

package/CHANGELOG.md

@@ -1,3 +1,13 @@
+## [1.1.0] (2023-09-20)
+
+#### feat
+* feat: Upgrading SDK to v3.
+
+#### fix
+* fix: the error of chat message key when opening for the first time.
+* fix: quoting one's own message.
+
+
 ## [1.0.3] (2023-05-25)
 
 #### fix

package/README.md

@@ -1,59 +1,87 @@
-_English | [简体中文](readme.zh_cn.md)_
-# [chat-uikit-react](https://www.tencentcloud.com/document/product/1047/34279/)
->chat-uikit-react is a UI component library based on Tencent Cloud IM SDK. It provides universal UI components to offer features such as conversation, chat, relationship chain, group, and audio/video call features.
-With these UI components, you can quickly build your own business logic.
-When implementing UI features, components in chat-uikit-react will also call the corresponding APIs of the IM SDK to implement IM-related logic and data processing, allowing developers to focus on their own business needs or custom extensions.
+# chat-uikit-react
 
-## Demos
-We have built demos to illustrate the chatting feature.
+## About Tencent Cloud Chat
 
-|  | sample-chat | live-chat |
-| ------ | ------ | ------ |
-|  | ![img.png](https://web.sdk.qcloud.com/im/demo/TUIkit/react-static/images/home.png) | ![img.png](https://web.sdk.qcloud.com/im/demo/TUIkit/react-static/images/live-demo.png) |
-| url | [sample-chat](https://web.sdk.qcloud.com/im/demo/intl/index.html) | [live-chat](https://web.sdk.qcloud.com/im/demo/intl/index.html?scene=live) |
-| demo code | [sample-chat-code](https://github.com/TencentCloud/chat-uikit-react/tree/main/examples/sample-chat) | [live-chat-code](https://github.com/TencentCloud/chat-uikit-react/tree/main/examples/live-chat) |
+[Tencent Cloud Chat](https://www.tencentcloud.com/products/im) provides globally interconnected chat APIs, multi-platform SDKs, and UIKit components to help you quickly bring messaging capabilities such as one-to-one chat, group chat, chat rooms, and system notifications to your applications and websites.
 
- You can preview these [demos](https://web.sdk.qcloud.com/im/demo/intl/index.html) on our website and obtain their [open source code](https://github.com/TencentCloud/chat-uikit-react) in GitHub.
+## Global Compliance Certifications
+<table>
+<tr>
+<td> <img src="https://staticintl.cloudcachetci.com/cms/backend-cms/Vk2L735_1SOC.png" width=90 height=80 /> </td>
+<td> <img src="https://staticintl.cloudcachetci.com/cms/backend-cms/Mp5i133_2ISO%209001.png" width=88 height=90 /> </td>
+<td> <img src="https://staticintl.cloudcachetci.com/cms/backend-cms/AfnR546_4ISO%2027001.png" width=90 height=87 /> </td>
+<td> <img src="https://staticintl.cloudcachetci.com/cms/backend-cms/WQjf098_5ISO%2027017.png" width=90 height=87 /> </td>
+<td> <img src="https://staticintl.cloudcachetci.com/cms/backend-cms/aNQJ919_6ISO%2027018.png" width=90 height=86 /> </td>
+</tr>
+<tr>
+<td> <img src="https://staticintl.cloudcachetci.com/cms/backend-cms/Rj5T795_7CSASTAR.png" width=90 height=90 /> </td>
+<td> <img src="https://staticintl.cloudcachetci.com/cms/backend-cms/BXNX111_8NIST%20CSF.png" width=90 height=84 /> </td>
+<td> <img src="https://staticintl.cloudcachetci.com/cms/backend-cms/dHEg621_9ISO%2027701.png" width=90 height=86 /> </td>
+<td> <img src="https://staticintl.cloudcachetci.com/cms/backend-cms/BLQI655_10ISO%2029151.png" width=90 height=86 /> </td>
+<td> <img src="https://staticintl.cloudcachetci.com/cms/backend-cms/dHDE860_11BS10012.png" width=90 height=42 /> </td>
+</tr>
+</table>
 
+## Core Capabilities
 
-## Running Demo
+- 1 Billion+ Monthly active users
+- 550 Billion+ Daily peak messages
+- 100,000+ Customers worldwid
+- 99.99% Message success rate
 
-### Step 1. Download the source code
+## Low-Code UIKit and Free Demo
+
+![](https://cloudcache.intl.tencent-cloud.com/cms/backend-cms/712468b756a111ee974d5254005f490f.png)
+![](https://cloudcache.intl.tencent-cloud.com/cms/backend-cms/80785e9c56a111ee974d5254005f490f.png)
+
+👉🏻 [Free Demo](https://web.sdk.qcloud.com/im/demo/intl/index.html)
+
+
+## Get Started
+
+### Step 1. Create an app
+
+1. Log in to the [Chat console](https://console.tencentcloud.com/im).
+2. Click `Create Application`, enter your app name, and click `Confirm`.
+![](https://cloudcache.intl.tencent-cloud.com/cms/backend-cms/f016163c56a111ee94c3525400d793d0.png)
+3. After creation, you can see the status, service version, SDKAppID, creation time, tag, and expiration time of the new app on the overview page of the console.
+![](https://cloudcache.intl.tencent-cloud.com/cms/backend-cms/2adc015456a211ee974d5254005f490f.png)
+
+### Step 2. Obtain the SDKAppID and SECRETKEY
+1. Click the target app card to go to the basic configuration page of the app.
+2. In the Basic info area, click `Display key`, and then copy and save the key information, which is SECRETKEY.
+![](https://cloudcache.intl.tencent-cloud.com/cms/backend-cms/696c6df756a211ee84f2525400494e51.png)
+
+### Step 3. Download the source code and install dependencies
 ```
-# Run the code in CLI
+# Please run the following code in the terminal.
 $ git clone https://github.com/TencentCloud/chat-uikit-react
-# Go to the project  
 $ cd chat-uikit-react
-# Install dependencies of the demo
 $ npm install && cd examples/sample-chat && npm install
 ```
-### Step 2. Configure demo
+### Step 4. Configure
 1. Open the `examples/sample-chat` project and locate the `GenerateTestUserSig.js` file in `./examples/sample-chat/src/debug/GenerateTestUserSig.js`.
-2. In the `GenerateTestUserSig.js` file, set `SDKAPPID` and `SECRETKEY`, whose values can be obtained in the [IM console](https://console.tencentcloud.com/im). Click the card of the target app to go to its configuration page.
-   ![](https://qcloudimg.tencent-cloud.cn/raw/8d469e975f1ca5a2f3dbc9c6fe8774f5.png)
-3. In the **Basic Information** area, click **Display key**, and copy and save the key information to the `GenerateTestUserSig` file.
->!
->- In this document, the method to obtain `UserSig` is to configure the secret key in the client code. In this method, the secret key is vulnerable to decompilation and reverse engineering. Once your secret key is leaked, attackers can steal your Tencent Cloud traffic. Therefore, **this method is only suitable for locally running a demo project and debugging.**
->- The best practice is to integrate the calculation code of `UserSig` into your server and provide an application-oriented API. When `UserSig` is needed, your application can send a request to your server for a dynamic `UserSig`. For more information, see [How do I calculate `UserSig` during production?](https://www.tencentcloud.com/document/product/1047/34385).
-
-### Step 3. Launch the project
+2. Set the `SDKAppID` and `SECRETKEY` obtained at Step 2.
+
+### Step 5. Run the demo
 ```
-# Launch the project
 $ cd examples/sample-chat
 $ npm run start
 ```
 
-### Step 4. Send your first message
-1. After the product is launched, click the **+** icon to create a conversation.
-2. Search for another user's userID in the input box.
-3. Click the user's profile photo to initiate a conversation.
-4. Enter a message in the input box and press **Enter** to send it.
-   ![](https://web.sdk.qcloud.com/im/demo/TUIkit/react-static/images/chat-English.gif)
-
-### Quick links
-- [Web demo](https://web.sdk.qcloud.com/im/demo/intl/index.html)
-- [Client APIs](https://www.tencentcloud.com/document/product/1047/33999)
-- [Free demo download](https://www.tencentcloud.com/document/product/1047/34279)
-- [FAQs](https://www.tencentcloud.com/document/product/1047/34455)
-- [Source code in GitHub](https://github.com/TencentCloud/chat-uikit-react)
-- [Generating UserSig](https://www.tencentcloud.com/document/product/1047/34385)
+## Send your first message
+1. Run the demo in two seperate tab pages.
+2. In the search box of the demo in the first tab page, search for the login ID of the demo in the second tab page.
+![](https://cloudcache.intl.tencent-cloud.com/cms/backend-cms/22dabb7156df11ee94c3525400d793d0.png)
+3. Click on the user avatar to initiate a conversation.
+![](https://web.sdk.qcloud.com/im/assets/4.png)
+4. Enter a message in the input box and press **Enter** to send it. Emoji/Image/Video/Document messages are supported.
+   ![](https://cloudcache.intl.tencent-cloud.com/cms/backend-cms/059d7f4856e011eeabd75254005810a4.png)
+
+## Contact Us
+Join a Tencent Cloud Chat developer group for Reliable technical support & Product details & Constant exchange of ideas.
+- Telegram group (EN): [join](https://t.me/+1doS9AUBmndhNGNl)
+- WhatsApp group (EN): [join](https://chat.whatsapp.com/Gfbxk7rQBqc8Rz4pzzP27A)
+- Telegram group (ZH): [join](https://t.me/tencent_imsdk)
+- WhatsApp group (ZH): [join](https://chat.whatsapp.com/IVa11ZkVmKTEwSWsAzSyik)
+

package/dist/cjs/components/ConversationCreate/ConversationCreate.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),s=require("react"),r=require("../Icon/Icon.js"),a=require("../Icon/type.js"),o=require("./ConversationCreateUserSelectList.js"),i=require("./ConversationCreatGroupDetail.js"),n=require("../../context/TUIKitContext.js");require("../../context/TUIMessageContext.js");var c,p=require("../../hooks/useConversation.js");exports.PageStateTypes=void 0,(c=exports.PageStateTypes||(exports.PageStateTypes={})).USER_SELECT="Next",c.CREATE_DETAIL="Create",c.GROUP_TYPE="GroupType",exports.ConversationCreate=function(c){var C=c.className,u=void 0===C?"":C,S=c.setConversationCreated,T=c.conversationList,E=void 0===T?[]:T,x=s.useState(!1),v=x[0],l=x[1],g=s.useState(exports.PageStateTypes.USER_SELECT),P=g[0],d=g[1],_=s.useState([]),j=_[0],y=_[1],L=n.useTUIKitContext().tim,I=p.useConversation(L).createConversation,U=function(){if(v)switch(P){case exports.PageStateTypes.USER_SELECT:l(!1);break;case exports.PageStateTypes.CREATE_DETAIL:d(exports.PageStateTypes.USER_SELECT),y([]);break;case exports.PageStateTypes.GROUP_TYPE:d(exports.PageStateTypes.CREATE_DETAIL)}else S(!1)};return s.useMemo((function(){return t.jsxs(t.Fragment,{children:[t.jsxs("div",e.__assign({className:"tui-conversation-create-header"},{children:[t.jsx(r.Icon,{onClick:U,type:a.IconTypes.BACK,width:9,height:16}),t.jsx("div",e.__assign({className:"title"},{children:v?"Add Participants":"New Chat"}))]})),P===exports.PageStateTypes.USER_SELECT?t.jsx(o.ConversationCreateUserSelectList,{isCreateGroup:v,setIsCreateGroup:l,className:u,selectList:j,setSelectList:y,conversationList:E,setConversationCreated:S,setPageState:d}):t.jsx(i.ConversationCreatGroupDetail,{pageState:P,setPageState:d,profileList:j.map((function(e){return e.profile})),createConversation:I,setConversationCreated:S})]})}),[v,j,P])};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),s=require("react"),r=require("../Icon/Icon.js"),a=require("../Icon/type.js"),o=require("./ConversationCreateUserSelectList.js"),i=require("./ConversationCreatGroupDetail.js"),n=require("../../context/TUIKitContext.js");require("../../context/TUIMessageContext.js");var c,p=require("../../hooks/useConversation.js");exports.PageStateTypes=void 0,(c=exports.PageStateTypes||(exports.PageStateTypes={})).USER_SELECT="Next",c.CREATE_DETAIL="Create",c.GROUP_TYPE="GroupType",exports.ConversationCreate=function(c){var C=c.className,u=void 0===C?"":C,S=c.setConversationCreated,T=c.conversationList,E=void 0===T?[]:T,x=s.useState(!1),v=x[0],l=x[1],g=s.useState(exports.PageStateTypes.USER_SELECT),P=g[0],d=g[1],_=s.useState([]),j=_[0],y=_[1],L=n.useTUIKitContext().chat,I=p.useConversation(L).createConversation,U=function(){if(v)switch(P){case exports.PageStateTypes.USER_SELECT:l(!1);break;case exports.PageStateTypes.CREATE_DETAIL:d(exports.PageStateTypes.USER_SELECT),y([]);break;case exports.PageStateTypes.GROUP_TYPE:d(exports.PageStateTypes.CREATE_DETAIL)}else S(!1)};return s.useMemo((function(){return t.jsxs(t.Fragment,{children:[t.jsxs("div",e.__assign({className:"tui-conversation-create-header"},{children:[t.jsx(r.Icon,{onClick:U,type:a.IconTypes.BACK,width:9,height:16}),t.jsx("div",e.__assign({className:"title"},{children:v?"Add Participants":"New Chat"}))]})),P===exports.PageStateTypes.USER_SELECT?t.jsx(o.ConversationCreateUserSelectList,{isCreateGroup:v,setIsCreateGroup:l,className:u,selectList:j,setSelectList:y,conversationList:E,setConversationCreated:S,setPageState:d}):t.jsx(i.ConversationCreatGroupDetail,{pageState:P,setPageState:d,profileList:j.map((function(e){return e.profile})),createConversation:I,setConversationCreated:S})]})}),[v,j,P])};

package/dist/cjs/components/ConversationCreate/ConversationCreateUserSelectList.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),r=require("react"),s=require("../Input/Input.js"),n=require("../Icon/Icon.js"),a=require("../Icon/type.js"),i=require("./ConversationCreateSelectView.js"),c=require("../Avatar/Avatar.js"),o=require("../Avatar/default.js"),u=require("./hooks/useConversationCreate.js"),l=require("../../context/TUIKitContext.js");require("../../context/TUIMessageContext.js");var v=require("./ConversationCreate.js"),d=require("../../hooks/useConversation.js"),h=require("../Toast/index.js");exports.ConversationCreateUserSelectList=function(p){var x=this,_=p.isCreateGroup,C=p.selectList,j=p.setSelectList,f=p.className,g=p.conversationList,m=p.setIsCreateGroup,I=p.setConversationCreated,N=p.setPageState,q=r.useState(""),k=q[0],b=q[1],y=l.useTUIKitContext(),S=y.tim,A=y.setActiveConversation,T=r.useState({}),w=T[0],L=T[1],D=u.useConversationCreate(S,g,(function(e){L(e)})).getFriendListSortSearchResult,E=d.useConversation(S).createConversation,U=r.useRef(new Map);return t.jsxs(t.Fragment,{children:[t.jsx(s.Input,{className:"tui-conversation-create-search-input",placeholder:"Search",clearable:!0,value:k,onChange:function(t){return e.__awaiter(x,void 0,void 0,(function(){var r,s;return e.__generator(this,(function(e){switch(e.label){case 0:return r=t.target.value,b(r),s=L,[4,D(r)];case 1:return s.apply(void 0,[e.sent()]),[2]}}))}))},prefix:t.jsx(n.Icon,{type:a.IconTypes.SEARCH,height:16,width:16})}),_&&t.jsx(i.ConversationCreateSelectView,{selectList:C,setSelectList:j}),!_&&t.jsxs("div",e.__assign({role:"presentation",className:"tui-user",onClick:function(){m(!0),U.current.clear(),j([])}},{children:[t.jsx(n.Icon,{type:a.IconTypes.ADD}),t.jsx("div",e.__assign({className:"tui-user-name active"},{children:"New Group"}))]})),t.jsx("div",e.__assign({className:"tui-conversation-create ".concat(f)},{children:t.jsx("div",e.__assign({className:"tui-conversation-create-container"},{children:t.jsx("div",e.__assign({className:"tui-group-container"},{children:Object.keys(w).map((function(r){return 0!==w[r].length&&t.jsxs("div",e.__assign({className:"tui-group-box"},{children:[t.jsx("div",e.__assign({className:"title"},{children:r})),w[r].map((function(s,n){var a=s.userID,i=s.nick,u=s.avatar;return t.jsxs("label",e.__assign({role:"presentation",className:"tui-user tui-user-checkbox-label",htmlFor:"userChecked-".concat(r,"-").concat(a),onClick:function(t){!function(t){e.__awaiter(x,void 0,void 0,(function(){var r,s;return e.__generator(this,(function(e){switch(e.label){case 0:return _?[2]:(r=t.userID,[4,E("C2C".concat(r))]);case 1:return s=e.sent(),I(!1),A(s),[2]}}))}))}(s)}},{children:[t.jsx(c.Avatar,{size:30,image:u||o.defaultUserAvatar}),t.jsx("div",e.__assign({className:"tui-user-name"},{children:i||"".concat(a)})),_&&t.jsx("input",{onChange:function(t){!function(t,r,s){void 0===s&&(s=[]);var n=r.userID,a=t.target.checked;s.forEach((function(e){e.checked=a})),a?C.push({profile:r,domList:s}):C.splice(C.findIndex((function(e){return e.profile.userID===n})),1),j(e.__spreadArray([],C,!0))}(t,s,U.current.get(a))},type:"checkbox",ref:function(e){!function(e,t){if(t){U.current.has(e)||U.current.set(e,[]);var r=U.current.get(e);0!==r.length&&r.some((function(e){return e.id===t.id}))||r.push(t)}}(a,e)},id:"userChecked-".concat(r,"-").concat(a),className:"tui-user-checkbox"})]}),a)}))]}),r)}))}))}))})),_&&t.jsx("div",e.__assign({className:"tui-conversation-create-next-container"},{children:t.jsx("div",e.__assign({role:"presentation",className:"tui-conversation-create-next",onClick:function(){C&&0===C.length?h.Toast({text:"Participant cannot be empty.",type:"error"}):N(v.PageStateTypes.CREATE_DETAIL)}},{children:"Next"}))}))]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),r=require("react"),s=require("../Input/Input.js"),n=require("../Icon/Icon.js"),a=require("../Icon/type.js"),i=require("./ConversationCreateSelectView.js"),c=require("../Avatar/Avatar.js"),o=require("../Avatar/default.js"),u=require("./hooks/useConversationCreate.js"),l=require("../../context/TUIKitContext.js");require("../../context/TUIMessageContext.js");var v=require("./ConversationCreate.js"),d=require("../../hooks/useConversation.js"),h=require("../Toast/index.js");exports.ConversationCreateUserSelectList=function(p){var x=this,_=p.isCreateGroup,C=p.selectList,j=p.setSelectList,f=p.className,g=p.conversationList,m=p.setIsCreateGroup,I=p.setConversationCreated,N=p.setPageState,q=r.useState(""),k=q[0],b=q[1],y=l.useTUIKitContext(),S=y.chat,A=y.setActiveConversation,T=r.useState({}),w=T[0],L=T[1],D=u.useConversationCreate(S,g,(function(e){L(e)})).getFriendListSortSearchResult,E=d.useConversation(S).createConversation,U=r.useRef(new Map);return t.jsxs(t.Fragment,{children:[t.jsx(s.Input,{className:"tui-conversation-create-search-input",placeholder:"Search",clearable:!0,value:k,onChange:function(t){return e.__awaiter(x,void 0,void 0,(function(){var r,s;return e.__generator(this,(function(e){switch(e.label){case 0:return r=t.target.value,b(r),s=L,[4,D(r)];case 1:return s.apply(void 0,[e.sent()]),[2]}}))}))},prefix:t.jsx(n.Icon,{type:a.IconTypes.SEARCH,height:16,width:16})}),_&&t.jsx(i.ConversationCreateSelectView,{selectList:C,setSelectList:j}),!_&&t.jsxs("div",e.__assign({role:"presentation",className:"tui-user",onClick:function(){m(!0),U.current.clear(),j([])}},{children:[t.jsx(n.Icon,{type:a.IconTypes.ADD}),t.jsx("div",e.__assign({className:"tui-user-name active"},{children:"New Group"}))]})),t.jsx("div",e.__assign({className:"tui-conversation-create ".concat(f)},{children:t.jsx("div",e.__assign({className:"tui-conversation-create-container"},{children:t.jsx("div",e.__assign({className:"tui-group-container"},{children:Object.keys(w).map((function(r){return 0!==w[r].length&&t.jsxs("div",e.__assign({className:"tui-group-box"},{children:[t.jsx("div",e.__assign({className:"title"},{children:r})),w[r].map((function(s,n){var a=s.userID,i=s.nick,u=s.avatar;return t.jsxs("label",e.__assign({role:"presentation",className:"tui-user tui-user-checkbox-label",htmlFor:"userChecked-".concat(r,"-").concat(a),onClick:function(t){!function(t){e.__awaiter(x,void 0,void 0,(function(){var r,s;return e.__generator(this,(function(e){switch(e.label){case 0:return _?[2]:(r=t.userID,[4,E("C2C".concat(r))]);case 1:return s=e.sent(),I(!1),A(s),[2]}}))}))}(s)}},{children:[t.jsx(c.Avatar,{size:30,image:u||o.defaultUserAvatar}),t.jsx("div",e.__assign({className:"tui-user-name"},{children:i||"".concat(a)})),_&&t.jsx("input",{onChange:function(t){!function(t,r,s){void 0===s&&(s=[]);var n=r.userID,a=t.target.checked;s.forEach((function(e){e.checked=a})),a?C.push({profile:r,domList:s}):C.splice(C.findIndex((function(e){return e.profile.userID===n})),1),j(e.__spreadArray([],C,!0))}(t,s,U.current.get(a))},type:"checkbox",ref:function(e){!function(e,t){if(t){U.current.has(e)||U.current.set(e,[]);var r=U.current.get(e);0!==r.length&&r.some((function(e){return e.id===t.id}))||r.push(t)}}(a,e)},id:"userChecked-".concat(r,"-").concat(a),className:"tui-user-checkbox"})]}),a)}))]}),r)}))}))}))})),_&&t.jsx("div",e.__assign({className:"tui-conversation-create-next-container"},{children:t.jsx("div",e.__assign({role:"presentation",className:"tui-conversation-create-next",onClick:function(){C&&0===C.length?h.Toast({text:"Participant cannot be empty.",type:"error"}):N(v.PageStateTypes.CREATE_DETAIL)}},{children:"Next"}))}))]})};

package/dist/cjs/components/ConversationCreate/hooks/useConversationCreate.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react"),t=require("tim-js-sdk"),n=require("../static/word.js");require("react/jsx-runtime"),require("../../../context/TUIMessageContext.js"),require("../../Icon/config.js"),require("../../Icon/type.js"),require("date-fns"),require("../ConversationCreate.js"),require("../ConversationGroupTypeInfo.js"),require("../../TUIProfile/TUIProfileDefault.js"),require("../../../constants.js"),require("../../TUIMessage/hooks/useMessageReply.js"),require("../../TUIMessage/MessagePlugins.js"),require("../../TUIMessage/MessageContext.js"),require("../../TUIMessageInput/hooks/useHandleQuoteMessage.js"),require("../../Switch/Switch.js");var s=require("../../../hooks/useProfile.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=i(t);exports.useConversationCreate=function(t,i,o){var a=r.useState({}),c=a[0],f=a[1],l=function(e){var r=e.trim(),t=r.charCodeAt(0);return t>40869||t<19968?r.charAt(0):n.strChineseFirstPy.charAt(t-19968)},d=function(){return e.__awaiter(void 0,void 0,void 0,(function(){var r,n,s,a,c;return e.__generator(this,(function(e){switch(e.label){case 0:return r=i.filter((function(e){return e.type===u.default.TYPES.CONV_C2C})).slice(0,5).map((function(e){return e.userProfile})),[4,t.getFriendList()];case 1:return n=e.sent(),s=n.code,a=n.data,0===s&&(c=v(a.map((function(e){return e.profile})),r),f(c),o&&o(c,f)),[2]}}))}))},v=function(e,r){void 0===r&&(r=[]);for(var t={"Frequently Contacted":r,"#":[]},n=65;n<=90;n+=1)t[String.fromCharCode(n)]=[];return e.forEach((function(e){var r=e.nick,n=e.userID,s=l(r||n);s>="a"&&s<="z"?t[s.toLocaleUpperCase()].push(e):s<"A"||s>"z"?t["#"].push(e):t[s].push(e)})),Object.keys(t).forEach((function(e){t[e].sort((function(e,r){var t=e.nick,n=e.userID,s=r.nick,i=r.userID;return t||n<s||i||t||n===s||i?1:-1}))})),t},h=s.useProfile(t).getUserProfile;return r.useEffect((function(){d()}),[t]),{getFirstLetter:l,queryFriendList:d,getFriendListSortSearchResult:function(r){return e.__awaiter(void 0,void 0,void 0,(function(){var t,n,s,i;return e.__generator(this,(function(e){switch(e.label){case 0:return r?[4,h([r])]:[2,c];case 1:return t=e.sent().data,n={},s=!1,Object.keys(c).forEach((function(e){n[e]=c[e].filter((function(e){var t=e.nick,n=e.userID,i=t.toLocaleLowerCase(),u=r.toLocaleLowerCase(),o=i?i.includes(u):n.includes(u);return s=s||o,o}))})),"TencentCloudDemo"===(null===(i=process.env)||void 0===i?void 0:i.REACT_APP_ONLINE)?[2,n]:[2,s?n:v(t)]}}))}))},friendListSortResult:c}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react"),t=require("@tencentcloud/chat"),n=require("../static/word.js");require("react/jsx-runtime"),require("../../../context/TUIMessageContext.js"),require("../../Icon/config.js"),require("../../Icon/type.js"),require("date-fns"),require("../ConversationCreate.js"),require("../ConversationGroupTypeInfo.js"),require("../../TUIProfile/TUIProfileDefault.js"),require("../../../constants.js"),require("../../TUIMessage/hooks/useMessageReply.js"),require("../../TUIMessage/MessagePlugins.js"),require("../../TUIMessage/MessageContext.js"),require("../../TUIMessageInput/hooks/useHandleQuoteMessage.js"),require("../../Switch/Switch.js");var s=require("../../../hooks/useProfile.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=i(t);exports.useConversationCreate=function(t,i,o){var a=r.useState({}),c=a[0],f=a[1],l=function(e){var r=e.trim(),t=r.charCodeAt(0);return t>40869||t<19968?r.charAt(0):n.strChineseFirstPy.charAt(t-19968)},d=function(){return e.__awaiter(void 0,void 0,void 0,(function(){var r,n,s,a,c;return e.__generator(this,(function(e){switch(e.label){case 0:return r=i.filter((function(e){return e.type===u.default.TYPES.CONV_C2C})).slice(0,5).map((function(e){return e.userProfile})),[4,t.getFriendList()];case 1:return n=e.sent(),s=n.code,a=n.data,0===s&&(c=v(a.map((function(e){return e.profile})),r),f(c),o&&o(c,f)),[2]}}))}))},v=function(e,r){void 0===r&&(r=[]);for(var t={"Frequently Contacted":r,"#":[]},n=65;n<=90;n+=1)t[String.fromCharCode(n)]=[];return e.forEach((function(e){var r=e.nick,n=e.userID,s=l(r||n);s>="a"&&s<="z"?t[s.toLocaleUpperCase()].push(e):s<"A"||s>"z"?t["#"].push(e):t[s].push(e)})),Object.keys(t).forEach((function(e){t[e].sort((function(e,r){var t=e.nick,n=e.userID,s=r.nick,i=r.userID;return t||n<s||i||t||n===s||i?1:-1}))})),t},h=s.useProfile(t).getUserProfile;return r.useEffect((function(){d()}),[t]),{getFirstLetter:l,queryFriendList:d,getFriendListSortSearchResult:function(r){return e.__awaiter(void 0,void 0,void 0,(function(){var t,n,s,i;return e.__generator(this,(function(e){switch(e.label){case 0:return r?[4,h([r])]:[2,c];case 1:return t=e.sent().data,n={},s=!1,Object.keys(c).forEach((function(e){n[e]=c[e].filter((function(e){var t=e.nick,n=e.userID,i=t.toLocaleLowerCase(),u=r.toLocaleLowerCase(),o=i?i.includes(u):n.includes(u);return s=s||o,o}))})),"TencentCloudDemo"===(null===(i=process.env)||void 0===i?void 0:i.REACT_APP_ONLINE)?[2,n]:[2,s?n:v(t)]}}))}))},friendListSortResult:c}};

package/dist/cjs/components/ConversationPreview/ConversationListContainer.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Conversation } from 'tim-js-sdk';
+import { Conversation } from '@tencentcloud/chat';
 
 interface ConversationListContainerProps {
     error?: Error | null;

package/dist/cjs/components/ConversationPreview/ConversationPreview.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Conversation } from 'tim-js-sdk';
+import { Conversation } from '@tencentcloud/chat';
 import { TUIKitContextValue } from '../../context/TUIKitContext.js';
 import { AvatarProps } from '../Avatar/Avatar.js';
 

package/dist/cjs/components/ConversationPreview/ConversationPreviewContent.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("react/jsx-runtime"),s=require("react"),i=require("../Avatar/Avatar.js"),t=require("../Icon/Icon.js"),a=require("../Icon/type.js"),o=require("../Plugins/index.js"),r=require("../../hooks/useConversation.js"),c=require("../../context/TUIKitContext.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(l){var u=l.conversation,v=l.Avatar,d=void 0===v?i.Avatar:v,m=l.displayImage,p=l.displayTitle,x=l.displayMessage,j=l.displayTime,_=l.unread,g=l.active,h=l.setActiveConversation,C=s.useRef(null),f=g?"conversation-preview-content--active":"",N=_&&_>=1?"conversation-preview-content--unread":"",P=u.isPinned?"conversation-preview-content--pin":"",I=s.useState(!1),y=I[0],q=I[1],w=c.useTUIKitContext("ConversationPreviewContent"),b=w.tim,M=w.conversation,T=r.useConversation(b),k=T.pinConversation,A=T.deleteConversation,D=function(e){var n=u.conversationID,s=u.isPinned;switch(e){case"pin":k({conversationID:n,isPinned:!s});break;case"delete":A(n),u===M&&h(null)}};return n.jsxs("button",e.__assign({type:"button","aria-selected":g,role:"option",className:"conversation-preview-container ".concat(f," ").concat(N," ").concat(P),onClick:function(){h&&h(u),(null==C?void 0:C.current)&&C.current.blur()},onMouseEnter:function(){q(!0)},onMouseLeave:function(){q(!1)},ref:C},{children:[n.jsx("div",e.__assign({className:"avatar"},{children:n.jsx(d,{image:m,name:p,size:40})})),n.jsxs("div",e.__assign({className:"content"},{children:[n.jsx("div",e.__assign({className:"title"},{children:p})),n.jsx("div",e.__assign({className:"message"},{children:x}))]})),n.jsxs("div",e.__assign({className:"external"},{children:[_?n.jsx("div",e.__assign({className:"unread"},{children:_<=99?_:"99+"})):n.jsx("div",{className:"unread"}),y?n.jsx("div",e.__assign({className:"".concat(y?"more--hover":"more")},{children:n.jsx(o.Plugins,{customClass:"more-handle-box",plugins:[n.jsx("div",e.__assign({role:"presentation",className:"more-handle-item",onClick:function(e){e.stopPropagation(),D("pin")}},{children:u.isPinned?"Cancel Pin":"Pin"})),n.jsx("div",e.__assign({className:"more-handle-item",style:{color:"#FF584C"},onClick:function(e){e.stopPropagation(),D("delete")},role:"presentation"},{children:"Delete"}))],showNumber:0,MoreIcon:n.jsx(t.Icon,{className:"icon-more",width:16,height:16,type:a.IconTypes.MORE})})})):n.jsx("div",e.__assign({className:"time"},{children:j}))]}))]}))}require("../../context/TUIMessageContext.js");var v=l(s).default.memo(u);exports.ConversationPreviewContent=v,exports.unMemoConversationPreviewContent=u;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("react/jsx-runtime"),s=require("react"),i=require("../Avatar/Avatar.js"),t=require("../Icon/Icon.js"),a=require("../Icon/type.js"),o=require("../Plugins/index.js"),r=require("../../hooks/useConversation.js"),c=require("../../context/TUIKitContext.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(l){var u=l.conversation,v=l.Avatar,d=void 0===v?i.Avatar:v,m=l.displayImage,p=l.displayTitle,x=l.displayMessage,j=l.displayTime,_=l.unread,g=l.active,h=l.setActiveConversation,C=s.useRef(null),f=g?"conversation-preview-content--active":"",N=_&&_>=1?"conversation-preview-content--unread":"",P=u.isPinned?"conversation-preview-content--pin":"",I=s.useState(!1),y=I[0],q=I[1],w=c.useTUIKitContext("ConversationPreviewContent"),b=w.chat,M=w.conversation,T=r.useConversation(b),k=T.pinConversation,A=T.deleteConversation,D=function(e){var n=u.conversationID,s=u.isPinned;switch(e){case"pin":k({conversationID:n,isPinned:!s});break;case"delete":A(n),u===M&&h(null)}};return n.jsxs("button",e.__assign({type:"button","aria-selected":g,role:"option",className:"conversation-preview-container ".concat(f," ").concat(N," ").concat(P),onClick:function(){h&&h(u),(null==C?void 0:C.current)&&C.current.blur()},onMouseEnter:function(){q(!0)},onMouseLeave:function(){q(!1)},ref:C},{children:[n.jsx("div",e.__assign({className:"avatar"},{children:n.jsx(d,{image:m,name:p,size:40})})),n.jsxs("div",e.__assign({className:"content"},{children:[n.jsx("div",e.__assign({className:"title"},{children:p})),n.jsx("div",e.__assign({className:"message"},{children:x}))]})),n.jsxs("div",e.__assign({className:"external"},{children:[_?n.jsx("div",e.__assign({className:"unread"},{children:_<=99?_:"99+"})):n.jsx("div",{className:"unread"}),y?n.jsx("div",e.__assign({className:"".concat(y?"more--hover":"more")},{children:n.jsx(o.Plugins,{customClass:"more-handle-box",plugins:[n.jsx("div",e.__assign({role:"presentation",className:"more-handle-item",onClick:function(e){e.stopPropagation(),D("pin")}},{children:u.isPinned?"Cancel Pin":"Pin"})),n.jsx("div",e.__assign({className:"more-handle-item",style:{color:"#FF584C"},onClick:function(e){e.stopPropagation(),D("delete")},role:"presentation"},{children:"Delete"}))],showNumber:0,MoreIcon:n.jsx(t.Icon,{className:"icon-more",width:16,height:16,type:a.IconTypes.MORE})})})):n.jsx("div",e.__assign({className:"time"},{children:j}))]}))]}))}require("../../context/TUIMessageContext.js");var v=l(s).default.memo(u);exports.ConversationPreviewContent=v,exports.unMemoConversationPreviewContent=u;

package/dist/cjs/components/ConversationPreview/utils.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),a=require("date-fns"),t=require("tim-js-sdk");require("react"),require("../Icon/config.js"),require("../Icon/type.js");var s=require("../Avatar/default.js"),i=require("../TUIMessage/utils/emojiMap.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=o(t),l=function(e){if(!e)return null;var r={},a=e.type,t=e.groupProfile,s=e.userProfile;switch(a){case n.default.TYPES.CONV_C2C:r=s;break;case n.default.TYPES.CONV_GROUP:r=t;case n.default.TYPES.CONV_SYSTEM:}return r},u=function(e){return e?a.isThisYear(e)?a.isToday(e)?a.format(e,"p"):a.isYesterday(e)?a.formatDistance(e,new Date):a.isThisWeek(e)?a.format(e,"eeee"):a.format(e,"MMM dd"):a.format(e,"yyyy MMM dd"):""};exports.getDisplayImage=function(e){var r=e.type,a=l(e).avatar,t=a;if(!a)switch(r){case n.default.TYPES.CONV_C2C:t=s.defaultUserAvatar;break;case n.default.TYPES.CONV_GROUP:default:t=s.defaultGroupAvatarWork}return t},exports.getDisplayMessage=function(a,t){var s=a.lastMessage,o=a.type,l=s.fromAccount,u=s.nick,c=s.nameCard,d=s.isRevoked,f="";switch(o){case n.default.TYPES.CONV_GROUP:f=(null==s?void 0:s.fromAccount)===(null==t?void 0:t.userID)?"You":"".concat(c||u||l||""),f="".concat(f?"".concat(f,":"):"");break;case n.default.TYPES.CONV_C2C:f=d?"you ":""}return r.jsxs("div",e.__assign({style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}},{children:[r.jsx("span",{children:f}),r.jsx("span",{children:s.isRevoked?"recalled a message":i.formatEmojiString(s.messageForShow,1)})]}))},exports.getDisplayTime=function(e){var r=e.lastMessage;return u(1e3*r.lastTime)},exports.getDisplayTitle=function(a,t,s){void 0===s&&(s="#147AFF");var i=l(a),o=i.name,u=i.nick,c=i.groupID,d=i.userID,f="";switch(a.type){case n.default.TYPES.CONV_C2C:f=u||d;break;case n.default.TYPES.CONV_GROUP:f=o||c;break;default:f=""}var p,v;return t?(v=(p=f).toLocaleLowerCase().indexOf(t.toLocaleLowerCase()),r.jsxs("div",{children:[r.jsx("span",{children:p.slice(0,v)}),r.jsx("span",e.__assign({style:{color:s}},{children:p.slice(v,v+t.length)})),r.jsx("span",{children:p.slice(v+t.length)})]})):f},exports.getMessageProfile=l,exports.getTimeStamp=u;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),a=require("date-fns"),t=require("@tencentcloud/chat");require("react"),require("../Icon/config.js"),require("../Icon/type.js");var s=require("../Avatar/default.js"),i=require("../TUIMessage/utils/emojiMap.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=o(t),l=function(e){if(!e)return null;var r={},a=e.type,t=e.groupProfile,s=e.userProfile;switch(a){case n.default.TYPES.CONV_C2C:r=s;break;case n.default.TYPES.CONV_GROUP:r=t;case n.default.TYPES.CONV_SYSTEM:}return r},c=function(e){return e?a.isThisYear(e)?a.isToday(e)?a.format(e,"p"):a.isYesterday(e)?a.formatDistance(e,new Date):a.isThisWeek(e)?a.format(e,"eeee"):a.format(e,"MMM dd"):a.format(e,"yyyy MMM dd"):""};exports.getDisplayImage=function(e){var r=e.type,a=l(e).avatar,t=a;if(!a)switch(r){case n.default.TYPES.CONV_C2C:t=s.defaultUserAvatar;break;case n.default.TYPES.CONV_GROUP:default:t=s.defaultGroupAvatarWork}return t},exports.getDisplayMessage=function(a,t){var s=a.lastMessage,o=a.type,l=s.fromAccount,c=s.nick,u=s.nameCard,d=s.isRevoked,f="";switch(o){case n.default.TYPES.CONV_GROUP:f=(null==s?void 0:s.fromAccount)===(null==t?void 0:t.userID)?"You":"".concat(u||c||l||""),f="".concat(f?"".concat(f,":"):"");break;case n.default.TYPES.CONV_C2C:f=d?"you ":""}return r.jsxs("div",e.__assign({style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}},{children:[r.jsx("span",{children:f}),r.jsx("span",{children:s.isRevoked?"recalled a message":i.formatEmojiString(s.messageForShow,1)})]}))},exports.getDisplayTime=function(e){var r=e.lastMessage;return c(1e3*r.lastTime)},exports.getDisplayTitle=function(a,t,s){void 0===s&&(s="#147AFF");var i=l(a),o=i.name,c=i.nick,u=i.groupID,d=i.userID,f="";switch(a.type){case n.default.TYPES.CONV_C2C:f=c||d;break;case n.default.TYPES.CONV_GROUP:f=o||u;break;default:f=""}var p,v;return t?(v=(p=f).toLocaleLowerCase().indexOf(t.toLocaleLowerCase()),r.jsxs("div",{children:[r.jsx("span",{children:p.slice(0,v)}),r.jsx("span",e.__assign({style:{color:s}},{children:p.slice(v,v+t.length)})),r.jsx("span",{children:p.slice(v+t.length)})]})):f},exports.getMessageProfile=l,exports.getTimeStamp=c;

package/dist/cjs/components/ConversationSearch/ConversationSearchResult.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Conversation } from 'tim-js-sdk';
+import { Conversation } from '@tencentcloud/chat';
 import { ConversationPreviewUIComponentProps } from '../ConversationPreview/ConversationPreview.js';
 
 interface ConversationSearchResultProps {

package/dist/cjs/components/ConversationSearch/ConversationSearchResult.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react/jsx-runtime"),r=require("../ConversationPreview/ConversationPreview.js");require("react");var n=require("../Icon/Icon.js"),i=require("../Icon/type.js");require("tim-js-sdk"),require("../../context/TUIMessageContext.js"),require("../ConversationCreate/ConversationCreate.js"),require("../ConversationCreate/ConversationGroupTypeInfo.js"),require("date-fns"),require("../TUIProfile/TUIProfileDefault.js"),require("../../constants.js"),require("../TUIMessage/hooks/useMessageReply.js"),require("../TUIMessage/MessagePlugins.js"),require("../TUIMessage/MessageContext.js"),require("../TUIMessageInput/hooks/useHandleQuoteMessage.js"),require("../Switch/Switch.js"),exports.ConversationSearchResult=function(t){var o=t.result,a=t.searchValue,u=t.Preview;return s.jsx("div",{children:0===(null==o?void 0:o.length)?s.jsxs("div",e.__assign({className:"conversation-search-result no-result"},{children:[s.jsx(n.Icon,{className:"no-result-icon",type:i.IconTypes.CRY,width:42,height:42}),s.jsx("span",e.__assign({className:"no-result-message"},{children:'No results for "'.concat(a,'"')}))]})):o.map((function(n){var i={conversation:n,Preview:u};return s.jsx(r.ConversationPreview,e.__assign({searchValue:a},i),n.conversationID)}))})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react/jsx-runtime"),r=require("../ConversationPreview/ConversationPreview.js");require("react");var n=require("../Icon/Icon.js"),t=require("../Icon/type.js");require("@tencentcloud/chat"),require("../../context/TUIMessageContext.js"),require("../ConversationCreate/ConversationCreate.js"),require("../ConversationCreate/ConversationGroupTypeInfo.js"),require("date-fns"),require("../TUIProfile/TUIProfileDefault.js"),require("../../constants.js"),require("../TUIMessage/hooks/useMessageReply.js"),require("../TUIMessage/MessagePlugins.js"),require("../TUIMessage/MessageContext.js"),require("../TUIMessageInput/hooks/useHandleQuoteMessage.js"),require("../Switch/Switch.js"),exports.ConversationSearchResult=function(i){var o=i.result,a=i.searchValue,u=i.Preview;return s.jsx("div",{children:0===(null==o?void 0:o.length)?s.jsxs("div",e.__assign({className:"conversation-search-result no-result"},{children:[s.jsx(n.Icon,{className:"no-result-icon",type:t.IconTypes.CRY,width:42,height:42}),s.jsx("span",e.__assign({className:"no-result-message"},{children:'No results for "'.concat(a,'"')}))]})):o.map((function(n){var t={conversation:n,Preview:u};return s.jsx(r.ConversationPreview,e.__assign({searchValue:a},t),n.conversationID)}))})};

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

@@ -1,5 +1,5 @@
 import React, { PropsWithChildren } from 'react';
-import { Conversation, Message } from 'tim-js-sdk';
+import { Conversation, Message } from '@tencentcloud/chat';
 import { UnknowPorps } from '../../context/ComponentContext.js';
 import { TUIChatHeaderDefaultProps } from '../TUIChatHeader/TUIChatHeaderDefault.js';
 import { TUIMessageProps } from '../TUIMessage/TUIMessage.js';

package/dist/cjs/components/TUIChat/TUIChat.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react"),t=require("react/jsx-runtime"),a=require("../../context/TUIKitContext.js"),r=require("../../context/TUIChatStateContext.js"),n=require("../../context/TUIChatActionContext.js"),i=require("../../context/ComponentContext.js"),o=require("./hooks/useCreateTUIChatStateContext.js"),u=require("../TUIMessage/TUIMessage.js");require("../TUIMessage/MessagePlugins.js"),require("../TUIMessage/MessageContext.js");var g=require("../../constants.js"),c=require("./hooks/useMessageReceviedListener.js"),M=require("./TUIChatState.js"),d=require("./hooks/useCreateMessage.js"),T=require("./hooks/useHandleMessageList.js"),I=require("./hooks/useHandleMessage.js"),l=require("../TUIChatHeader/TUIChatHeader.js");require("tim-js-sdk"),require("../Icon/config.js"),require("../Icon/type.js"),require("date-fns"),require("../../context/TUIMessageContext.js");var _=require("../TUIMessageList/TUIMessageList.js"),C=require("../TUIMessageInput/TUIMessageInput.js"),S=require("../EmptyStateIndicator/EmptyStateIndicator.js"),v=require("../Toast/index.js");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function h(r){var n=r.conversation,i=r.EmptyPlaceholder,o=void 0===i?t.jsx(S.EmptyStateIndicator,{listType:"chat"}):i,u=a.useTUIKitContext("TUIChat"),g=u.conversation,c=u.tim,M=n||g;return(null==M?void 0:M.conversationID)?s.createElement(m,e.__assign({tim:c},r,{conversation:M,key:M.conversationID})):o}function m(a){var S=this,p=a.tim,h=a.conversation,m=a.className,E=a.children,x=a.TUIMessage,U=a.TUIChatHeader,j=a.TUIMessageInput,f=a.InputPlugins,q=a.MessagePlugins,P=a.MessageContext,A=a.InputQuote,L=a.onMessageRecevied,N=a.sendMessage,H=a.revokeMessage,y=a.messageConfig,D=a.cloudCustomData,R=a.TUIMessageInputConfig,O=a.TUIMessageListConfig,w=s.useReducer(M.chatReducer,e.__assign(e.__assign({},M.initialState),{conversation:h})),k=w[0],Y=w[1],b=s.useRef(null),F=s.useRef(),G=o(e.__assign({tim:p,conversation:h,messageListRef:b,textareaRef:F,messageConfig:y,cloudCustomData:D,TUIMessageInputConfig:R,TUIMessageListConfig:O},k)),Q=d.useCreateMessage({tim:p,conversation:h,cloudCustomData:D}),V=Q.createTextMessage,K=Q.createFaceMessage,X=Q.createImageMessage,z=Q.createVideoMessage,B=Q.createFileMessage,J=Q.createForwardMessage,W=Q.createCustomMessage,Z=Q.createAudioMessage,$=Q.createTextAtMessage,ee=Q.createLocationMessage,se=Q.createMergerMessage,te=T.useHandleMessageList({tim:p,conversation:h,state:k,dispatch:Y}),ae=te.getMessageList,re=te.updateMessage,ne=te.editLocalmessage,ie=te.removeMessage,oe=te.updataUploadPenddingMessageList,ue=I.useHandleMessage({state:k,dispatch:Y}),ge=ue.operateMessage,ce=ue.setAudioSource,Me=ue.setVideoSource,de=ue.setHighlightedMessageId,Te=function(s,t){return e.__awaiter(S,void 0,void 0,(function(){var a;return e.__generator(this,(function(e){switch(e.label){case 0:re([s]),e.label=1;case 1:return e.trys.push([1,6,,7]),N?[4,N(s,t)]:[3,3];case 2:return e.sent(),[3,5];case 3:return[4,p.sendMessage(s,t)];case 4:e.sent(),e.label=5;case 5:return ne(s),[3,7];case 6:throw a=e.sent(),v.Toast({text:a,type:"error"}),ne(s),new Error(a);case 7:return[2]}}))}))},Ie=function(){return e.__awaiter(S,void 0,void 0,(function(){var s;return e.__generator(this,(function(e){switch(e.label){case 0:return k.isCompleted?(Y({type:g.CONSTANT_DISPATCH_TYPE.SET_NO_MORE,value:!0}),[2]):[4,ae({nextReqMessageID:k.nextReqMessageID})];case 1:return s=e.sent(),Y({type:g.CONSTANT_DISPATCH_TYPE.SET_HISTORY_MESSAGELIST,value:s.data.messageList}),Y({type:g.CONSTANT_DISPATCH_TYPE.SET_IS_COMPLETE,value:s.data.isCompleted}),Y({type:g.CONSTANT_DISPATCH_TYPE.SET_NEXT_REQ_MESSAGE_ID,value:s.data.nextReqMessageID}),[2]}}))}))};c.useMessageReceviedListener(re,L),s.useEffect((function(){e.__awaiter(S,void 0,void 0,(function(){var s;return e.__generator(this,(function(e){switch(e.label){case 0:return[4,ae()];case 1:return(s=e.sent()).data.messageList.length>0&&Y({type:g.CONSTANT_DISPATCH_TYPE.SET_MESSAGELIST,value:s.data.messageList}),Y({type:g.CONSTANT_DISPATCH_TYPE.SET_MESSAGELIST,value:s.data.messageList}),Y({type:g.CONSTANT_DISPATCH_TYPE.SET_IS_COMPLETE,value:s.data.isCompleted}),Y({type:g.CONSTANT_DISPATCH_TYPE.SET_NEXT_REQ_MESSAGE_ID,value:s.data.nextReqMessageID}),[2]}}))}))}),[h]);var le=s.useMemo((function(){return{sendMessage:Te,removeMessage:ie,updateMessage:re,createTextMessage:V,createFaceMessage:K,createImageMessage:X,createVideoMessage:z,createFileMessage:B,createForwardMessage:J,createCustomMessage:W,createAudioMessage:Z,createTextAtMessage:$,createLocationMessage:ee,createMergerMessage:se,editLocalmessage:ne,operateMessage:ge,loadMore:Ie,revokeMessage:H,setAudioSource:ce,setVideoSource:Me,setHighlightedMessageId:de,updataUploadPenddingMessageList:oe}}),[Te,ie,re,V,K,X,z,B,J,W,Z,$,ee,se,ne,ge,Ie,H,ce,Me,de,oe]),_e=s.useMemo((function(){return{TUIMessage:x||u.TUIMessage,MessageContext:P,InputPlugins:f,MessagePlugins:q,TUIChatHeader:U,TUIMessageInput:j,InputQuote:A}}),[]);return t.jsx("div",e.__assign({className:"chat ".concat(m)},{children:t.jsx(r.TUIChatStateContextProvider,e.__assign({value:G},{children:t.jsx(n.TUIChatActionProvider,e.__assign({value:le},{children:t.jsx(i.ComponentProvider,e.__assign({value:_e},{children:E||t.jsxs(t.Fragment,{children:[t.jsx(l.TUIChatHeader,{}),t.jsx(_.TUIMessageList,{}),t.jsx(C.TUIMessageInput,{})]})}))}))}))}))}var E=p(s).default.memo(h);exports.TUIChat=E;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react"),t=require("react/jsx-runtime"),a=require("../../context/TUIKitContext.js"),r=require("../../context/TUIChatStateContext.js"),n=require("../../context/TUIChatActionContext.js"),i=require("../../context/ComponentContext.js"),o=require("./hooks/useCreateTUIChatStateContext.js"),u=require("../TUIMessage/TUIMessage.js");require("../TUIMessage/MessagePlugins.js"),require("../TUIMessage/MessageContext.js");var c=require("../../constants.js"),g=require("./hooks/useMessageReceviedListener.js"),M=require("./TUIChatState.js"),T=require("./hooks/useCreateMessage.js"),d=require("./hooks/useHandleMessageList.js"),I=require("./hooks/useHandleMessage.js"),l=require("../TUIChatHeader/TUIChatHeader.js");require("@tencentcloud/chat"),require("../Icon/config.js"),require("../Icon/type.js"),require("date-fns"),require("../../context/TUIMessageContext.js");var _=require("../TUIMessageList/TUIMessageList.js"),C=require("../TUIMessageInput/TUIMessageInput.js"),S=require("../EmptyStateIndicator/EmptyStateIndicator.js"),h=require("../Toast/index.js");function v(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function p(r){var n=r.conversation,i=r.EmptyPlaceholder,o=void 0===i?t.jsx(S.EmptyStateIndicator,{listType:"chat"}):i,u=a.useTUIKitContext("TUIChat"),c=u.conversation,g=u.chat,M=n||c;return(null==M?void 0:M.conversationID)?s.createElement(E,e.__assign({chat:g},r,{conversation:M,key:M.conversationID})):o}function E(a){var S=this,v=a.chat,p=a.conversation,E=a.className,x=a.children,U=a.TUIMessage,j=a.TUIChatHeader,m=a.TUIMessageInput,f=a.InputPlugins,q=a.MessagePlugins,P=a.MessageContext,A=a.InputQuote,L=a.onMessageRecevied,N=a.sendMessage,H=a.revokeMessage,y=a.messageConfig,D=a.cloudCustomData,R=a.TUIMessageInputConfig,O=a.TUIMessageListConfig,w=s.useReducer(M.chatReducer,e.__assign(e.__assign({},M.initialState),{conversation:p})),Y=w[0],b=w[1],k=s.useRef(null),F=s.useRef(),G=o(e.__assign({chat:v,conversation:p,messageListRef:k,textareaRef:F,messageConfig:y,cloudCustomData:D,TUIMessageInputConfig:R,TUIMessageListConfig:O},Y)),Q=T.useCreateMessage({chat:v,conversation:p,cloudCustomData:D}),V=Q.createTextMessage,K=Q.createFaceMessage,X=Q.createImageMessage,z=Q.createVideoMessage,B=Q.createFileMessage,J=Q.createForwardMessage,W=Q.createCustomMessage,Z=Q.createAudioMessage,$=Q.createTextAtMessage,ee=Q.createLocationMessage,se=Q.createMergerMessage,te=d.useHandleMessageList({chat:v,conversation:p,state:Y,dispatch:b}),ae=te.getMessageList,re=te.updateMessage,ne=te.editLocalMessage,ie=te.removeMessage,oe=te.updateUploadPendingMessageList,ue=I.useHandleMessage({state:Y,dispatch:b}),ce=ue.operateMessage,ge=ue.setAudioSource,Me=ue.setVideoSource,Te=ue.setHighlightedMessageId,de=function(s,t){return e.__awaiter(S,void 0,void 0,(function(){var a;return e.__generator(this,(function(e){switch(e.label){case 0:re([s]),e.label=1;case 1:return e.trys.push([1,6,,7]),N?[4,N(s,t)]:[3,3];case 2:return e.sent(),[3,5];case 3:return[4,v.sendMessage(s,t)];case 4:e.sent(),e.label=5;case 5:return ne(s),[3,7];case 6:throw a=e.sent(),h.Toast({text:a,type:"error"}),ne(s),new Error(a);case 7:return[2]}}))}))},Ie=function(){return e.__awaiter(S,void 0,void 0,(function(){var s;return e.__generator(this,(function(e){switch(e.label){case 0:return Y.isCompleted?(b({type:c.CONSTANT_DISPATCH_TYPE.SET_NO_MORE,value:!0}),[2]):[4,ae({nextReqMessageID:Y.nextReqMessageID})];case 1:return(s=e.sent())?(b({type:c.CONSTANT_DISPATCH_TYPE.SET_HISTORY_MESSAGELIST,value:s.data.messageList}),b({type:c.CONSTANT_DISPATCH_TYPE.SET_IS_COMPLETE,value:s.data.isCompleted}),b({type:c.CONSTANT_DISPATCH_TYPE.SET_NEXT_REQ_MESSAGE_ID,value:s.data.nextReqMessageID}),[2]):[2]}}))}))};g.useMessageReceviedListener(re,L),s.useEffect((function(){e.__awaiter(S,void 0,void 0,(function(){var s;return e.__generator(this,(function(e){switch(e.label){case 0:return[4,ae()];case 1:return(s=e.sent())?(s.data.messageList.length>0&&b({type:c.CONSTANT_DISPATCH_TYPE.SET_MESSAGELIST,value:s.data.messageList}),b({type:c.CONSTANT_DISPATCH_TYPE.SET_MESSAGELIST,value:s.data.messageList}),b({type:c.CONSTANT_DISPATCH_TYPE.SET_IS_COMPLETE,value:s.data.isCompleted}),b({type:c.CONSTANT_DISPATCH_TYPE.SET_NEXT_REQ_MESSAGE_ID,value:s.data.nextReqMessageID}),[2]):[2]}}))}))}),[p]);var le=s.useMemo((function(){return{sendMessage:de,removeMessage:ie,updateMessage:re,createTextMessage:V,createFaceMessage:K,createImageMessage:X,createVideoMessage:z,createFileMessage:B,createForwardMessage:J,createCustomMessage:W,createAudioMessage:Z,createTextAtMessage:$,createLocationMessage:ee,createMergerMessage:se,editLocalMessage:ne,operateMessage:ce,loadMore:Ie,revokeMessage:H,setAudioSource:ge,setVideoSource:Me,setHighlightedMessageId:Te,updateUploadPendingMessageList:oe}}),[de,ie,re,V,K,X,z,B,J,W,Z,$,ee,se,ne,ce,Ie,H,ge,Me,Te,oe]),_e=s.useMemo((function(){return{TUIMessage:U||u.TUIMessage,MessageContext:P,InputPlugins:f,MessagePlugins:q,TUIChatHeader:j,TUIMessageInput:m,InputQuote:A}}),[]);return t.jsx("div",e.__assign({className:"chat ".concat(E)},{children:t.jsx(r.TUIChatStateContextProvider,e.__assign({value:G},{children:t.jsx(n.TUIChatActionProvider,e.__assign({value:le},{children:t.jsx(i.ComponentProvider,e.__assign({value:_e},{children:x||t.jsxs(t.Fragment,{children:[t.jsx(l.TUIChatHeader,{}),t.jsx(_.TUIMessageList,{}),t.jsx(C.TUIMessageInput,{})]})}))}))}))}))}var x=v(s).default.memo(p);exports.TUIChat=x;

package/dist/cjs/components/TUIChat/TUIChatState.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("tslib"),e=require("../../constants.js"),_=require("./unitls.js"),a={conversation:{},messageList:[],nextReqMessageID:"",isCompleted:!1,init:!1,highlightedMessageId:"",lastMessageID:"",isSameLastMessageID:!1,operateData:{},noMore:!1,audioSource:null,vidoeSource:null,uploadPenddingMessageList:[]};exports.chatReducer=function(n,T){switch(null==T?void 0:T.type){case e.CONSTANT_DISPATCH_TYPE.SET_CONVERSATION_PRPFILE:return s.__assign(s.__assign({},n),{conversation:T.value});case e.CONSTANT_DISPATCH_TYPE.SET_MESSAGELIST:return s.__assign(s.__assign({},n),_.handleMessageList(s.__spreadArray([],n.messageList.concat(_.handleMessage(T.value).filter((function(s){return!n.messageList.includes(s)}))),!0),n));case e.CONSTANT_DISPATCH_TYPE.SET_UPDATE_MESSAGE:return s.__assign(s.__assign({},n),_.handleMessageList(s.__spreadArray(s.__spreadArray([],n.messageList,!0),_.handleMessage(T.value),!0),n));case e.CONSTANT_DISPATCH_TYPE.SET_EDIT_MESSAGE:return s.__assign(s.__assign({},n),{messageList:s.__spreadArray([],_.handleEditMessage(n.messageList,T.value),!0)});case e.CONSTANT_DISPATCH_TYPE.SET_REMOVE_MESSAGE:return s.__assign(s.__assign({},n),{messageList:s.__spreadArray([],_.handleRemoveMessage(n.messageList,T.value),!0)});case e.CONSTANT_DISPATCH_TYPE.SET_HISTORY_MESSAGELIST:return s.__assign(s.__assign({},n),_.handleMessageList(s.__spreadArray(s.__spreadArray([],_.handleMessage(T.value),!0),n.messageList,!0),n));case e.CONSTANT_DISPATCH_TYPE.SET_NEXT_REQ_MESSAGE_ID:return s.__assign(s.__assign({},n),{nextReqMessageID:T.value});case e.CONSTANT_DISPATCH_TYPE.SET_IS_COMPLETE:return s.__assign(s.__assign({},n),{isCompleted:T.value});case e.CONSTANT_DISPATCH_TYPE.RESET:return s.__assign({},a);case e.CONSTANT_DISPATCH_TYPE.SET_HIGH_LIGHTED_MESSAGE_ID:return s.__assign(s.__assign({},n),{highlightedMessageId:T.value});case e.CONSTANT_DISPATCH_TYPE.OPERATE_MESSAGE:return s.__assign(s.__assign({},n),{operateData:s.__assign({},T.value)});case e.CONSTANT_DISPATCH_TYPE.SET_NO_MORE:return s.__assign(s.__assign({},n),{noMore:T.value});case e.CONSTANT_DISPATCH_TYPE.SET_AUDIO_SOURCE:return s.__assign(s.__assign({},n),{audioSource:T.value});case e.CONSTANT_DISPATCH_TYPE.SET_VIDEO_SOURCE:return s.__assign(s.__assign({},n),{vidoeSource:T.value});case e.CONSTANT_DISPATCH_TYPE.UPDATE_UPLOAD_PENDDING_MESSAGE_LIST:return s.__assign(s.__assign({},n),{uploadPenddingMessageList:s.__spreadArray([],_.handleUploadPenddingMessage(n.uploadPenddingMessageList,T.value),!0)});default:return n}},exports.initialState=a;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("tslib"),e=require("../../constants.js"),_=require("./unitls.js"),a={conversation:{},messageList:[],nextReqMessageID:"",isCompleted:!1,init:!1,highlightedMessageId:"",lastMessageID:"",isSameLastMessageID:!1,operateData:{},noMore:!1,audioSource:null,vidoeSource:null,uploadPendingMessageList:[]};exports.chatReducer=function(n,T){switch(null==T?void 0:T.type){case e.CONSTANT_DISPATCH_TYPE.SET_CONVERSATION_PRPFILE:return s.__assign(s.__assign({},n),{conversation:T.value});case e.CONSTANT_DISPATCH_TYPE.SET_MESSAGELIST:return s.__assign(s.__assign({},n),_.handleMessageList(s.__spreadArray([],n.messageList.concat(_.handleMessage(T.value).filter((function(s){return!n.messageList.includes(s)}))),!0),n));case e.CONSTANT_DISPATCH_TYPE.SET_UPDATE_MESSAGE:return s.__assign(s.__assign({},n),_.handleMessageList(s.__spreadArray(s.__spreadArray([],n.messageList,!0),_.handleMessage(T.value),!0),n));case e.CONSTANT_DISPATCH_TYPE.SET_EDIT_MESSAGE:return s.__assign(s.__assign({},n),{messageList:s.__spreadArray([],_.handleEditMessage(n.messageList,T.value),!0)});case e.CONSTANT_DISPATCH_TYPE.SET_REMOVE_MESSAGE:return s.__assign(s.__assign({},n),{messageList:s.__spreadArray([],_.handleRemoveMessage(n.messageList,T.value),!0)});case e.CONSTANT_DISPATCH_TYPE.SET_HISTORY_MESSAGELIST:return s.__assign(s.__assign({},n),_.handleMessageList(s.__spreadArray(s.__spreadArray([],_.handleMessage(T.value),!0),n.messageList,!0),n));case e.CONSTANT_DISPATCH_TYPE.SET_NEXT_REQ_MESSAGE_ID:return s.__assign(s.__assign({},n),{nextReqMessageID:T.value});case e.CONSTANT_DISPATCH_TYPE.SET_IS_COMPLETE:return s.__assign(s.__assign({},n),{isCompleted:T.value});case e.CONSTANT_DISPATCH_TYPE.RESET:return s.__assign({},a);case e.CONSTANT_DISPATCH_TYPE.SET_HIGH_LIGHTED_MESSAGE_ID:return s.__assign(s.__assign({},n),{highlightedMessageId:T.value});case e.CONSTANT_DISPATCH_TYPE.OPERATE_MESSAGE:return s.__assign(s.__assign({},n),{operateData:s.__assign({},T.value)});case e.CONSTANT_DISPATCH_TYPE.SET_NO_MORE:return s.__assign(s.__assign({},n),{noMore:T.value});case e.CONSTANT_DISPATCH_TYPE.SET_AUDIO_SOURCE:return s.__assign(s.__assign({},n),{audioSource:T.value});case e.CONSTANT_DISPATCH_TYPE.SET_VIDEO_SOURCE:return s.__assign(s.__assign({},n),{vidoeSource:T.value});case e.CONSTANT_DISPATCH_TYPE.UPDATE_UPLOAD_PENDING_MESSAGE_LIST:return s.__assign(s.__assign({},n),{uploadPendingMessageList:s.__spreadArray([],_.handleUploadPendingMessage(n.uploadPendingMessageList,T.value),!0)});default:return n}},exports.initialState=a;

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

@@ -1,8 +1,8 @@
-import tim_js_sdk__default, { Conversation, Message } from 'tim-js-sdk';
+import _tencentcloud_chat__default, { Conversation, Message } from '@tencentcloud/chat';
 
 interface BasicCreateMessageProps {
     needReadReceipt?: boolean;
-    priority?: tim_js_sdk__default.TYPES;
+    priority?: _tencentcloud_chat__default.TYPES;
     onProgress?: (num: number) => void;
     cloudCustomData?: string;
     receiverList?: Array<string>;

package/dist/cjs/components/TUIChat/hooks/useCreateMessage.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t=a(require("tim-js-sdk"));exports.useCreateMessage=function(a){var r=a.tim,n=a.conversation,u=a.to,i=void 0===u?"":u,o=a.type,c=a.cloudCustomData,g=n.type,_=n.userProfile,l=n.groupProfile,f=o||g,M=s.useState({to:i||(f===t.default.TYPES.CONV_C2C?null==_?void 0:_.userID:null==l?void 0:l.groupID),conversationType:f,cloudCustomData:c}),C=M[0],d=M[1];return s.useEffect((function(){C.cloudCustomData=c,d(C)}),[c]),{createTextMessage:s.useCallback((function(s){return r.createTextMessage(e.__assign(e.__assign({},C),s))}),[r]),createFaceMessage:s.useCallback((function(s){return r.createFaceMessage(e.__assign(e.__assign({},C),s))}),[r]),createImageMessage:s.useCallback((function(s){return r.createImageMessage(e.__assign(e.__assign({},C),s))}),[r]),createVideoMessage:s.useCallback((function(s){return r.createVideoMessage(e.__assign(e.__assign({},C),s))}),[r]),createFileMessage:s.useCallback((function(s){return r.createFileMessage(e.__assign(e.__assign({},C),s))}),[r]),createForwardMessage:s.useCallback((function(s){var a=s.conversation,n=s.message,u=e.__rest(s,["conversation","message"]),i=a.type,o=a.userProfile,c=a.groupProfile,g=i===t.default.TYPES.CONV_C2C?null==o?void 0:o.userID:null==c?void 0:c.groupID;return r.createForwardMessage(e.__assign({to:g,conversationType:i,payload:n},u))}),[r]),createCustomMessage:s.useCallback((function(s){return r.createCustomMessage(e.__assign(e.__assign({},C),s))}),[r]),createAudioMessage:s.useCallback((function(s){return r.createAudioMessage(e.__assign(e.__assign({},C),s))}),[r]),createTextAtMessage:s.useCallback((function(s){return r.createTextAtMessage(e.__assign(e.__assign({},C),s))}),[r]),createLocationMessage:s.useCallback((function(s){return r.createLocationMessage(e.__assign(e.__assign({},C),s))}),[r]),createMergerMessage:s.useCallback((function(s){return r.createMergerMessage(e.__assign(e.__assign({},C),s))}),[r])}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t=a(require("@tencentcloud/chat"));exports.useCreateMessage=function(a){var r=a.chat,n=a.conversation,u=a.to,c=void 0===u?"":u,o=a.type,i=a.cloudCustomData,g=n.type,l=n.userProfile,_=n.groupProfile,f=o||g,M=s.useState({to:c||(f===t.default.TYPES.CONV_C2C?null==l?void 0:l.userID:null==_?void 0:_.groupID),conversationType:f,cloudCustomData:i}),C=M[0],d=M[1];return s.useEffect((function(){C.cloudCustomData=i,d(C)}),[i]),{createTextMessage:s.useCallback((function(s){return r.createTextMessage(e.__assign(e.__assign({},C),s))}),[r]),createFaceMessage:s.useCallback((function(s){return r.createFaceMessage(e.__assign(e.__assign({},C),s))}),[r]),createImageMessage:s.useCallback((function(s){return r.createImageMessage(e.__assign(e.__assign({},C),s))}),[r]),createVideoMessage:s.useCallback((function(s){return r.createVideoMessage(e.__assign(e.__assign({},C),s))}),[r]),createFileMessage:s.useCallback((function(s){return r.createFileMessage(e.__assign(e.__assign({},C),s))}),[r]),createForwardMessage:s.useCallback((function(s){var a=s.conversation,n=s.message,u=e.__rest(s,["conversation","message"]),c=a.type,o=a.userProfile,i=a.groupProfile,g=c===t.default.TYPES.CONV_C2C?null==o?void 0:o.userID:null==i?void 0:i.groupID;return r.createForwardMessage(e.__assign({to:g,conversationType:c,payload:n},u))}),[r]),createCustomMessage:s.useCallback((function(s){return r.createCustomMessage(e.__assign(e.__assign({},C),s))}),[r]),createAudioMessage:s.useCallback((function(s){return r.createAudioMessage(e.__assign(e.__assign({},C),s))}),[r]),createTextAtMessage:s.useCallback((function(s){return r.createTextAtMessage(e.__assign(e.__assign({},C),s))}),[r]),createLocationMessage:s.useCallback((function(s){return r.createLocationMessage(e.__assign(e.__assign({},C),s))}),[r]),createMergerMessage:s.useCallback((function(s){return r.createMergerMessage(e.__assign(e.__assign({},C),s))}),[r])}};

package/dist/cjs/components/TUIChat/hooks/useCreateTUIChatStateContext.js

@@ -1 +1 @@
-"use strict";var s=require("tslib"),e=require("react");module.exports=function(t){var i=t.tim,a=t.conversation,o=t.messageList,g=t.messageListRef,n=t.messageConfig,u=t.cloudCustomData,m=t.TUIMessageInputConfig,r=t.TUIMessageListConfig,f=s.__rest(t,["tim","conversation","messageList","messageListRef","messageConfig","cloudCustomData","TUIMessageInputConfig","TUIMessageListConfig"]);return e.useMemo((function(){return s.__assign({tim:i,conversation:a,messageList:o,messageListRef:g,messageConfig:n,cloudCustomData:u,TUIMessageInputConfig:m,TUIMessageListConfig:r},f)}),[i,a,o,g,n,u,m,r,f])};
+"use strict";var s=require("tslib"),e=require("react");module.exports=function(t){var a=t.chat,i=t.conversation,o=t.messageList,g=t.messageListRef,n=t.messageConfig,u=t.cloudCustomData,r=t.TUIMessageInputConfig,f=t.TUIMessageListConfig,m=s.__rest(t,["chat","conversation","messageList","messageListRef","messageConfig","cloudCustomData","TUIMessageInputConfig","TUIMessageListConfig"]);return e.useMemo((function(){return s.__assign({chat:a,conversation:i,messageList:o,messageListRef:g,messageConfig:n,cloudCustomData:u,TUIMessageInputConfig:r,TUIMessageListConfig:f},m)}),[a,i,o,g,n,u,r,f,m])};

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

@@ -1,4 +1,4 @@
-import { Message } from 'tim-js-sdk';
+import { Message } from '@tencentcloud/chat';
 
 interface OperateMessageParams {
     [propName: string]: Message;

package/dist/cjs/components/TUIChat/hooks/useHandleMessageList.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react"),a=require("../../../constants.js");exports.useHandleMessageList=function(t){var n=t.tim,i=t.conversation;t.state;var u=t.dispatch,r=i.conversationID,o={conversationID:r};return{getMessageList:s.useCallback((function(s){var a=s||{};return n.getMessageList(e.__assign(e.__assign({},o),a))}),[n]),updateMessage:s.useCallback((function(e){u({type:a.CONSTANT_DISPATCH_TYPE.SET_UPDATE_MESSAGE,value:e.filter((function(e){return(null==e?void 0:e.conversationID)===r}))})}),[u]),removeMessage:s.useCallback((function(e){u({type:a.CONSTANT_DISPATCH_TYPE.SET_REMOVE_MESSAGE,value:e})}),[u]),editLocalmessage:s.useCallback((function(e){u({type:a.CONSTANT_DISPATCH_TYPE.SET_EDIT_MESSAGE,value:e})}),[u]),updataUploadPenddingMessageList:s.useCallback((function(e){u({type:a.CONSTANT_DISPATCH_TYPE.UPDATE_UPLOAD_PENDDING_MESSAGE_LIST,value:e})}),[u])}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react"),a=require("@tencentcloud/chat"),n=require("../../../constants.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=s(a);exports.useHandleMessageList=function(a){var s=this,u=a.chat,i=a.conversation;a.state;var o=a.dispatch,l=i.conversationID,c=i.groupProfile,_=i.type===r.default.TYPES.CONV_C2C,T={conversationID:l};return{getMessageList:t.useCallback((function(t){return e.__awaiter(s,void 0,void 0,(function(){var a,n,s,i,o;return e.__generator(this,(function(l){switch(l.label){case 0:if(a=t||{},n="",!c)return[3,4];l.label=1;case 1:return l.trys.push([1,3,,4]),[4,u.searchGroupByID(c.groupID)];case 2:return s=l.sent(),n=null===(o=null===(i=null==s?void 0:s.data)||void 0===i?void 0:i.group)||void 0===o?void 0:o.type,[3,4];case 3:return l.sent(),n="",[3,4];case 4:return _||n&&n!==r.default.TYPES.GRP_AVCHATROOM?[2,u.getMessageList(e.__assign(e.__assign({},T),a))]:[2,null]}}))}))}),[u]),updateMessage:t.useCallback((function(e){o({type:n.CONSTANT_DISPATCH_TYPE.SET_UPDATE_MESSAGE,value:e.filter((function(e){return(null==e?void 0:e.conversationID)===l}))})}),[o]),removeMessage:t.useCallback((function(e){o({type:n.CONSTANT_DISPATCH_TYPE.SET_REMOVE_MESSAGE,value:e})}),[o]),editLocalMessage:t.useCallback((function(e){o({type:n.CONSTANT_DISPATCH_TYPE.SET_EDIT_MESSAGE,value:e})}),[o]),updateUploadPendingMessageList:t.useCallback((function(e){o({type:n.CONSTANT_DISPATCH_TYPE.UPDATE_UPLOAD_PENDING_MESSAGE_LIST,value:e})}),[o])}};

package/dist/cjs/components/TUIChat/hooks/useMessageReceviedListener.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("tim-js-sdk"),r=require("../../../context/TUIKitContext.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("tslib"),require("react/jsx-runtime"),require("../../../context/TUIMessageContext.js");var u=i(t);exports.useMessageReceviedListener=function(t,i){var n=this,s=r.useTUIKitContext("useMessageReceviedListener").tim;e.useEffect((function(){var e=function(e){i&&"function"==typeof i?i(t,e):t(e.data)};return s.on(u.default.EVENT.MESSAGE_RECEIVED,e,n),function(){s.off(u.default.EVENT.MESSAGE_RECEIVED,e,n)}}),[s])};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("@tencentcloud/chat"),r=require("../../../context/TUIKitContext.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("tslib"),require("react/jsx-runtime"),require("../../../context/TUIMessageContext.js");var u=n(t);exports.useMessageReceviedListener=function(t,n){var i=this,s=r.useTUIKitContext("useMessageReceviedListener").chat;e.useEffect((function(){var e=function(e){n&&"function"==typeof n?n(t,e):t(e.data)};return s.on(u.default.EVENT.MESSAGE_RECEIVED,e,i),function(){s.off(u.default.EVENT.MESSAGE_RECEIVED,e,i)}}),[s])};

package/dist/cjs/components/TUIChat/unitls.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("tim-js-sdk"),n=require("../../constants.js"),t=require("../untils.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=r(s);exports.handleEditMessage=function(s,n){var t=e.__spreadArray([],s,!0),r=t.findIndex((function(e){return(null==e?void 0:e.ID)===(null==n?void 0:n.ID)}));return t[r]=n,t},exports.handleMessage=function(e){var s=null;return e.filter((function(e){var r;return e.type===i.default.TYPES.MSG_CUSTOM&&(s=t.JSONStringToParse(null===(r=null==e?void 0:e.payload)||void 0===r?void 0:r.data)),!s||(null==s?void 0:s.businessID)!==n.default.TYPE_TYPING}))},exports.handleMessageList=function(e,s){var n,t={messageList:[],lastMessageID:"",isSameLastMessageID:!1};return t.messageList=e,t.messageList.length>=1&&(t.lastMessageID=null===(n=null==t?void 0:t.messageList[t.messageList.length-1])||void 0===n?void 0:n.ID),t.messageList=t.messageList.filter((function(e){return!(null==e?void 0:e.isDeleted)})),t.isSameLastMessageID=(null==t?void 0:t.lastMessageID)===(null==s?void 0:s.lastMessageID),t},exports.handleRemoveMessage=function(s,n){var t=e.__spreadArray([],s,!0),r=t.findIndex((function(e){return(null==e?void 0:e.ID)===(null==n?void 0:n.ID)}));return t.splice(r,1),t},exports.handleUploadPenddingMessage=function(s,n){var t=e.__spreadArray([],s,!0);t.some((function(e){return e.ID===n.ID}))||t.push(n);var r=t.findIndex((function(e){return(null==e?void 0:e.ID)===(null==n?void 0:n.ID)}));return t[r]=n,t};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("@tencentcloud/chat"),n=require("../../constants.js"),t=require("../untils.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=r(s);exports.handleEditMessage=function(s,n){var t=e.__spreadArray([],s,!0),r=t.findIndex((function(e){return(null==e?void 0:e.ID)===(null==n?void 0:n.ID)}));return t[r]=n,t},exports.handleMessage=function(e){var s=null;return e.filter((function(e){var r;return e.type===a.default.TYPES.MSG_CUSTOM&&(s=t.JSONStringToParse(null===(r=null==e?void 0:e.payload)||void 0===r?void 0:r.data)),!s||(null==s?void 0:s.businessID)!==n.default.TYPE_TYPING}))},exports.handleMessageList=function(e,s){var n,t={messageList:[],lastMessageID:"",isSameLastMessageID:!1};return t.messageList=e,t.messageList.length>=1&&(t.lastMessageID=null===(n=null==t?void 0:t.messageList[t.messageList.length-1])||void 0===n?void 0:n.ID),t.messageList=t.messageList.filter((function(e){return!(null==e?void 0:e.isDeleted)})),t.isSameLastMessageID=(null==t?void 0:t.lastMessageID)===(null==s?void 0:s.lastMessageID),t},exports.handleRemoveMessage=function(s,n){var t=e.__spreadArray([],s,!0),r=t.findIndex((function(e){return(null==e?void 0:e.ID)===(null==n?void 0:n.ID)}));return t.splice(r,1),t},exports.handleUploadPendingMessage=function(s,n){var t=e.__spreadArray([],s,!0);t.some((function(e){return e.ID===n.ID}))||t.push(n);var r=t.findIndex((function(e){return(null==e?void 0:e.ID)===(null==n?void 0:n.ID)}));return t[r]=n,t};

package/dist/cjs/components/TUIChatHeader/TUIChatHeader.d.ts

@@ -1,5 +1,5 @@
 import React, { PropsWithChildren } from 'react';
-import { Conversation } from 'tim-js-sdk';
+import { Conversation } from '@tencentcloud/chat';
 import { TUIChatHeaderDefaultProps } from './TUIChatHeaderDefault.js';
 
 interface TUIChatHeaderProps {

package/dist/cjs/components/TUIChatHeader/TUIChatHeaderDefault.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Conversation } from 'tim-js-sdk';
+import { Conversation } from '@tencentcloud/chat';
 
 interface TUIChatHeaderDefaultProps {
     title?: string;

package/dist/cjs/components/TUIChatHeader/TUIChatHeaderDefault.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),a=require("react/jsx-runtime"),t=require("react"),s=require("tim-js-sdk"),i=require("../Avatar/Avatar.js"),r=require("../untils.js"),n=require("../Icon/Icon.js"),l=require("../Icon/type.js"),u=require("../../context/TUIKitContext.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../context/TUIMessageContext.js");var o=c(t),d=c(s);function v(s){var c=s.title,o=void 0===c?"":c,v=s.avatar;s.isOnline;var h=s.conversation,f=s.isLive,_=s.opateIcon,j=t.useState(o),x=j[0],m=j[1],S=t.useState(""),g=S[0],p=S[1];t.useEffect((function(){switch(m(o),v&&p(v),null==h?void 0:h.type){case d.default.TYPES.CONV_C2C:I(h.userProfile);break;case d.default.TYPES.CONV_GROUP:T(h.groupProfile);break;case d.default.TYPES.CONV_SYSTEM:m("System Notice");break;default:m("")}}),[h]);var I=function(e){x||m((null==e?void 0:e.nick)||(null==e?void 0:e.userID)),v||p(a.jsx(i.Avatar,{size:32,image:r.handleDisplayAvatar(e.avatar)}))},T=function(e){x||m((null==e?void 0:e.name)||(null==e?void 0:e.groupID)),v||p(a.jsx(i.Avatar,{size:32,image:r.handleDisplayAvatar(e.avatar,d.default.TYPES.CONV_GROUP)}))},N=u.useTUIKitContext().setTUIManageShow;return a.jsxs("header",e.__assign({className:"tui-chat-header ".concat(f?"tui-chat-live-header":"")},{children:[a.jsx("div",e.__assign({className:"tui-chat-header-left ".concat((null==h?void 0:h.type)===d.default.TYPES.CONV_SYSTEM?"system":"")},{children:(null==h?void 0:h.type)!==d.default.TYPES.CONV_SYSTEM&&g})),a.jsx("div",e.__assign({className:"header-content"},{children:a.jsx("h3",e.__assign({className:"title"},{children:x}))})),a.jsx("div",e.__assign({className:"tui-chat-header-right"},{children:a.jsx("div",e.__assign({className:"header-handle"},{children:_||a.jsx(n.Icon,{className:"header-handle-more",onClick:function(){N(!0)},type:l.IconTypes.ELLIPSE,width:18,height:5})}))}))]}),null==h?void 0:h.conversationID)}var h=o.default.memo(v);exports.TUIChatHeaderDefault=function(t){var s=e.__assign({},t);return a.jsx(h,e.__assign({},s))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),a=require("react/jsx-runtime"),t=require("react"),i=require("@tencentcloud/chat"),s=require("../Avatar/Avatar.js"),r=require("../untils.js"),n=require("../Icon/Icon.js"),l=require("../Icon/type.js"),u=require("../../context/TUIKitContext.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../context/TUIMessageContext.js");var o=c(t),d=c(i);function v(i){var c=i.title,o=void 0===c?"":c,v=i.avatar;i.isOnline;var h=i.conversation,f=i.isLive,_=i.opateIcon,j=t.useState(o),x=j[0],S=j[1],g=t.useState(""),m=g[0],p=g[1];t.useEffect((function(){switch(S(o),v&&p(v),null==h?void 0:h.type){case d.default.TYPES.CONV_C2C:I(h.userProfile);break;case d.default.TYPES.CONV_GROUP:T(h.groupProfile);break;case d.default.TYPES.CONV_SYSTEM:S("System Notice");break;default:S("")}}),[h]);var I=function(e){x||S((null==e?void 0:e.nick)||(null==e?void 0:e.userID)),v||p(a.jsx(s.Avatar,{size:32,image:r.handleDisplayAvatar(e.avatar)}))},T=function(e){x||S((null==e?void 0:e.name)||(null==e?void 0:e.groupID)),v||p(a.jsx(s.Avatar,{size:32,image:r.handleDisplayAvatar(e.avatar,d.default.TYPES.CONV_GROUP)}))},N=u.useTUIKitContext().setTUIManageShow;return a.jsxs("header",e.__assign({className:"tui-chat-header ".concat(f?"tui-chat-live-header":"")},{children:[a.jsx("div",e.__assign({className:"tui-chat-header-left ".concat((null==h?void 0:h.type)===d.default.TYPES.CONV_SYSTEM?"system":"")},{children:(null==h?void 0:h.type)!==d.default.TYPES.CONV_SYSTEM&&m})),a.jsx("div",e.__assign({className:"header-content"},{children:a.jsx("h3",e.__assign({className:"title"},{children:x}))})),a.jsx("div",e.__assign({className:"tui-chat-header-right"},{children:a.jsx("div",e.__assign({className:"header-handle"},{children:_||a.jsx(n.Icon,{className:"header-handle-more",onClick:function(){N(!0)},type:l.IconTypes.ELLIPSE,width:18,height:5})}))}))]}),null==h?void 0:h.conversationID)}var h=o.default.memo(v);exports.TUIChatHeaderDefault=function(t){var i=e.__assign({},t);return a.jsx(h,e.__assign({},i))};

package/dist/cjs/components/TUIConversation/TUIConversation.d.ts

@@ -1,5 +1,5 @@
 import React, { PropsWithChildren } from 'react';
-import { Conversation } from 'tim-js-sdk';
+import { Conversation } from '@tencentcloud/chat';
 
 interface TUIConversationProps {
     createConversation?: (conversationID: string) => Promise<any>;

package/dist/cjs/components/TUIConversation/TUIConversation.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),t=require("react"),o=require("../../context/TUIConversationContext.js"),i=require("../TUIConversationList/TUIConversationList.js");require("tim-js-sdk");var n=require("../TUIProfile/TUIProfile.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function a(s){var a=s.children,u=s.createConversation,l=s.deleteConversation,v=s.filterConversation,f=t.useMemo((function(){return{createConversation:u,deleteConversation:l,filterConversation:v}}),[u,l,v]);return r.jsx(o.TUIConversationProvider,e.__assign({value:f},{children:a||r.jsxs(r.Fragment,{children:[r.jsx(i.TUIConversationList,{}),r.jsx(n.TUIProfile,{})]})}))}require("../TUIProfile/TUIProfileDefault.js");var u=s(t).default.memo(a);exports.TUIConversation=u,exports.UnMemoizedTUIConversation=a;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),t=require("react"),n=require("../../context/TUIConversationContext.js"),o=require("../TUIConversationList/TUIConversationList.js");require("@tencentcloud/chat");var i=require("../TUIProfile/TUIProfile.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function a(s){var a=s.children,u=s.createConversation,l=s.deleteConversation,v=s.filterConversation,c=t.useMemo((function(){return{createConversation:u,deleteConversation:l,filterConversation:v}}),[u,l,v]);return r.jsx(n.TUIConversationProvider,e.__assign({value:c},{children:a||r.jsxs(r.Fragment,{children:[r.jsx(o.TUIConversationList,{}),r.jsx(i.TUIProfile,{})]})}))}require("../TUIProfile/TUIProfileDefault.js");var u=s(t).default.memo(a);exports.TUIConversation=u,exports.UnMemoizedTUIConversation=a;

package/dist/cjs/components/TUIConversationList/TUIConversationList.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Conversation } from 'tim-js-sdk';
+import { Conversation } from '@tencentcloud/chat';
 import { ConversationPreviewUIComponentProps } from '../ConversationPreview/ConversationPreview.js';
 import { ConversationListContainerProps } from '../ConversationPreview/ConversationListContainer.js';
 

package/dist/cjs/components/TUIConversationList/TUIConversationList.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),n=require("react"),r=require("../../context/TUIKitContext.js");require("../../context/TUIMessageContext.js");var o=require("./hooks/useConversationList.js"),s=require("../ConversationPreview/ConversationPreview.js"),i=require("../Icon/Icon.js"),a=require("../Icon/type.js");require("tim-js-sdk");var v=require("../../context/TUIConversationContext.js"),u=require("../ConversationPreview/ConversationListContainer.js"),c=require("../Profile/Profile.js"),l=require("../ConversationSearch/ConversationSearchInput.js"),C=require("../ConversationSearch/ConversationSearchResult.js"),d=require("../ConversationCreate/ConversationCreate.js");require("../ConversationCreate/ConversationGroupTypeInfo.js");var j=require("../ConversationPreview/utils.js"),f=require("./hooks/useConversationUpdate.js");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function x(h){var x=h.Preview,I=h.Container,p=void 0===I?u.ConversationListContainer:I,g=h.onConversationListUpdated,q=h.filterConversation,m=r.useTUIKitContext("TUIConversationList"),T=m.tim,L=m.customClasses,U=m.conversation,_=m.setActiveConversation,P=m.setTUIProfileShow,w=v.useTUIConversationContext("TUIConversationList").filterConversation,S=q||w,y=n.useState(0),N=y[0],R=y[1],b=o(T,(function(e,t){e.length&&_(U)}),S),k=b.conversationList,A=b.setConversationList;f.useConversationUpdate(A,g,(function(){return R((function(e){return e+1}))}),S);var E=n.useState(""),F=E[0],K=E[1],M=n.useState(k),D=M[0],O=M[1],G=n.useState(!1),V=G[0],z=G[1],B=r.useTUIKitContext().myProfile,H=n.useRef(null);return t.jsx("div",e.__assign({className:"tui-conversation ".concat(L||""),ref:H},{children:V?t.jsx(d.ConversationCreate,{conversationList:k,setConversationCreated:z}):t.jsxs(t.Fragment,{children:[t.jsx(c.Profile,{profile:B,handleAvatar:function(){P(!0)}}),t.jsxs("div",e.__assign({className:"tui-conversation-header"},{children:[t.jsx(l.ConversationSearchInput,{value:F,clearable:!0,onChange:function(e){var t,n;if(K(null===(t=e.target)||void 0===t?void 0:t.value),null===(n=e.target)||void 0===n?void 0:n.value){var r=k.filter((function(t){var n;return j.getDisplayTitle(t).toLocaleLowerCase().includes(null===(n=e.target)||void 0===n?void 0:n.value.toLocaleLowerCase())}));O(r)}else O([])}}),t.jsx("div",e.__assign({className:"tui-conversation-create-icon"},{children:t.jsx(i.Icon,{onClick:function(){K(""),z(!0)},type:a.IconTypes.CREATE,height:24,width:24})}))]})),t.jsx(p,e.__assign({setConversationList:A},{children:0===k.length?t.jsxs("div",e.__assign({className:"no-result"},{children:[t.jsx(i.Icon,{className:"no-result-icon",type:a.IconTypes.EFFORT,width:42,height:42}),t.jsx("div",e.__assign({className:"no-result-message"},{children:"No conversation"}))]})):F?t.jsx(C.ConversationSearchResult,{Preview:x,searchValue:F,result:D}):k.map((function(n){var r={activeConversation:U,conversation:n,setActiveConversation:_,Preview:x,conversationUpdateCount:N};return t.jsx(s.ConversationPreview,e.__assign({},r),n.conversationID)}))}))]})}))}var I=h(n).default.memo(x);exports.TUIConversationList=I,exports.UnMemoTUIConversationList=x;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),n=require("react"),r=require("../../context/TUIKitContext.js");require("../../context/TUIMessageContext.js");var o=require("./hooks/useConversationList.js"),s=require("../ConversationPreview/ConversationPreview.js"),i=require("../Icon/Icon.js"),a=require("../Icon/type.js");require("@tencentcloud/chat");var v=require("../../context/TUIConversationContext.js"),u=require("../ConversationPreview/ConversationListContainer.js"),c=require("../Profile/Profile.js"),l=require("../ConversationSearch/ConversationSearchInput.js"),C=require("../ConversationSearch/ConversationSearchResult.js"),d=require("../ConversationCreate/ConversationCreate.js");require("../ConversationCreate/ConversationGroupTypeInfo.js");var j=require("../ConversationPreview/utils.js"),h=require("./hooks/useConversationUpdate.js");function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function x(f){var x=f.Preview,I=f.Container,p=void 0===I?u.ConversationListContainer:I,g=f.onConversationListUpdated,q=f.filterConversation,T=r.useTUIKitContext("TUIConversationList"),L=T.chat,U=T.customClasses,_=T.conversation,m=T.setActiveConversation,P=T.setTUIProfileShow,w=v.useTUIConversationContext("TUIConversationList").filterConversation,S=q||w,y=n.useState(0),N=y[0],R=y[1],b=o(L,(function(e,t){e.length&&m(_)}),S),A=b.conversationList,k=b.setConversationList;h.useConversationUpdate(k,g,(function(){return R((function(e){return e+1}))}),S);var E=n.useState(""),F=E[0],K=E[1],M=n.useState(A),D=M[0],O=M[1],G=n.useState(!1),V=G[0],z=G[1],B=r.useTUIKitContext().myProfile,H=n.useRef(null);return t.jsx("div",e.__assign({className:"tui-conversation ".concat(U||""),ref:H},{children:V?t.jsx(d.ConversationCreate,{conversationList:A,setConversationCreated:z}):t.jsxs(t.Fragment,{children:[t.jsx(c.Profile,{profile:B,handleAvatar:function(){P(!0)}}),t.jsxs("div",e.__assign({className:"tui-conversation-header"},{children:[t.jsx(l.ConversationSearchInput,{value:F,clearable:!0,onChange:function(e){var t,n;if(K(null===(t=e.target)||void 0===t?void 0:t.value),null===(n=e.target)||void 0===n?void 0:n.value){var r=A.filter((function(t){var n;return j.getDisplayTitle(t).toLocaleLowerCase().includes(null===(n=e.target)||void 0===n?void 0:n.value.toLocaleLowerCase())}));O(r)}else O([])}}),t.jsx("div",e.__assign({className:"tui-conversation-create-icon"},{children:t.jsx(i.Icon,{onClick:function(){K(""),z(!0)},type:a.IconTypes.CREATE,height:24,width:24})}))]})),t.jsx(p,e.__assign({setConversationList:k},{children:0===A.length?t.jsxs("div",e.__assign({className:"no-result"},{children:[t.jsx(i.Icon,{className:"no-result-icon",type:a.IconTypes.EFFORT,width:42,height:42}),t.jsx("div",e.__assign({className:"no-result-message"},{children:"No conversation"}))]})):F?t.jsx(C.ConversationSearchResult,{Preview:x,searchValue:F,result:D}):A.map((function(n){var r={activeConversation:_,conversation:n,setActiveConversation:m,Preview:x,conversationUpdateCount:N};return t.jsx(s.ConversationPreview,e.__assign({},r),n.conversationID)}))}))]})}))}var I=f(n).default.memo(x);exports.TUIConversationList=I,exports.UnMemoTUIConversationList=x;

package/dist/cjs/components/TUIConversationList/hooks/useConversationList.js

@@ -1 +1 @@
-"use strict";var e=require("tslib"),t=require("react");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=r(require("tim-js-sdk"));module.exports=function(r,a,i){var o=this,s=t.useState([]),u=s[0],d=s[1];return t.useEffect((function(){var t;t="reload",e.__awaiter(o,void 0,void 0,(function(){var o,s,c,l;return e.__generator(this,(function(v){switch(v.label){case 0:return"reload"===t&&d([]),o="reload"===t?0:u.length,[4,null==r?void 0:r.getConversationList()];case 1:return 0===(null==(s=v.sent())?void 0:s.code)&&(c=[],c=i?i(s.data.conversationList):s.data.conversationList.filter((function(e){return e.type!==n.default.TYPES.CONV_SYSTEM})),l="reload"===t?c:e.__spreadArray(e.__spreadArray([],u,!0),[c],!1),d(l),!o&&a&&a(l,d)),[2]}}))}))}),[r]),{conversationList:u,setConversationList:d}};
+"use strict";var e=require("tslib"),t=require("react");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=r(require("@tencentcloud/chat"));module.exports=function(r,a,i){var o=this,s=t.useState([]),u=s[0],c=s[1];return t.useEffect((function(){var t;t="reload",e.__awaiter(o,void 0,void 0,(function(){var o,s,d,l;return e.__generator(this,(function(v){switch(v.label){case 0:return"reload"===t&&c([]),o="reload"===t?0:u.length,[4,null==r?void 0:r.getConversationList()];case 1:return 0===(null==(s=v.sent())?void 0:s.code)&&(d=[],d=i?i(s.data.conversationList):s.data.conversationList.filter((function(e){return e.type!==n.default.TYPES.CONV_SYSTEM})),l="reload"===t?d:e.__spreadArray(e.__spreadArray([],u,!0),[d],!1),c(l),!o&&a&&a(l,c)),[2]}}))}))}),[r]),{conversationList:u,setConversationList:c}};

package/dist/cjs/components/TUIConversationList/hooks/useConversationUpdate.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("tim-js-sdk"),r=require("../../../context/TUIKitContext.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("tslib"),require("react/jsx-runtime"),require("../../../context/TUIMessageContext.js");var u=n(t);exports.useConversationUpdate=function(t,n,i,o){var a=r.useTUIKitContext("useConversationUpdate").tim;e.useEffect((function(){var e=function(e){t&&t(o?o(e.data):e.data.filter((function(e){return e.type!==u.default.TYPES.CONV_SYSTEM}))),i&&i(),n&&"function"==typeof n&&n(t,e)};return null==a||a.on(u.default.EVENT.CONVERSATION_LIST_UPDATED,e),function(){null==a||a.off(u.default.EVENT.CONVERSATION_LIST_UPDATED,e)}}),[a,n])};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("@tencentcloud/chat"),n=require("../../../context/TUIKitContext.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("tslib"),require("react/jsx-runtime"),require("../../../context/TUIMessageContext.js");var u=r(t);exports.useConversationUpdate=function(t,r,o,a){var i=n.useTUIKitContext("useConversationUpdate").chat;e.useEffect((function(){var e=function(e){t&&t(a?a(e.data):e.data.filter((function(e){return e.type!==u.default.TYPES.CONV_SYSTEM}))),o&&o(),r&&"function"==typeof r&&r(t,e)};return null==i||i.on(u.default.EVENT.CONVERSATION_LIST_UPDATED,e),function(){null==i||i.off(u.default.EVENT.CONVERSATION_LIST_UPDATED,e)}}),[i,r])};

package/dist/cjs/components/TUIKit/TUIKit.d.ts

@@ -1,8 +1,8 @@
 import React, { PropsWithChildren } from 'react';
-import { ChatSDK, Conversation } from 'tim-js-sdk';
+import { ChatSDK, Conversation } from '@tencentcloud/chat';
 
 interface ChatProps {
-    tim?: ChatSDK | null;
+    chat?: ChatSDK | null;
     customClasses?: unknown;
     activeConversation?: Conversation;
 }

package/dist/cjs/components/TUIKit/TUIKit.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),i=require("./hooks/useTUIKit.js"),r=require("./hooks/useCreateTUIKitContext.js"),s=require("../../context/TUIKitContext.js"),o=require("../TUIConversation/TUIConversation.js"),a=require("../TUIChat/TUIChat.js");require("react");var n=require("../TUIManage/TUIManage.js");exports.TUIKit=function(u){var I=u.children,T=u.tim,U=u.customClasses,c=u.activeConversation;window.tencent_cloud_im_csig_react_uikit_23F_xa=!0;var v=i.useTUIKit({tim:T,activeConversation:c}),l=v.conversation,h=v.setActiveConversation,C=v.myProfile,j=v.TUIManageShow,x=v.setTUIManageShow,_=v.TUIProfileShow,g=v.setTUIProfileShow,m=r.useCreateTUIKitContext({tim:T,conversation:l,setActiveConversation:h,customClasses:U,myProfile:C,TUIManageShow:j,setTUIManageShow:x,TUIProfileShow:_,setTUIProfileShow:g});return t.jsx(s.TUIKitProvider,e.__assign({value:m},{children:t.jsx("div",e.__assign({className:"tui-kit"},{children:I||t.jsxs(t.Fragment,{children:[t.jsx(o.TUIConversation,{}),t.jsx(a.TUIChat,{}),t.jsx(n.TUIManage,{})]})}))}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),r=require("./hooks/useTUIKit.js"),s=require("./hooks/useCreateTUIKitContext.js"),i=require("../../context/TUIKitContext.js"),a=require("../TUIConversation/TUIConversation.js"),o=require("../TUIChat/TUIChat.js");require("react");var n=require("../TUIManage/TUIManage.js");exports.TUIKit=function(c){var u=c.children,I=c.chat,T=c.customClasses,U=c.activeConversation;window.tencent_cloud_im_csig_react_uikit_23F_xa=!0;var v=r.useTUIKit({chat:I,activeConversation:U}),h=v.conversation,l=v.setActiveConversation,C=v.myProfile,j=v.TUIManageShow,x=v.setTUIManageShow,_=v.TUIProfileShow,g=v.setTUIProfileShow,d=s.useCreateTUIKitContext({chat:I,conversation:h,setActiveConversation:l,customClasses:T,myProfile:C,TUIManageShow:j,setTUIManageShow:x,TUIProfileShow:_,setTUIProfileShow:g});return t.jsx(i.TUIKitProvider,e.__assign({value:d},{children:t.jsx("div",e.__assign({className:"tui-kit"},{children:u||t.jsxs(t.Fragment,{children:[t.jsx(a.TUIConversation,{}),t.jsx(o.TUIChat,{}),t.jsx(n.TUIManage,{})]})}))}))};

package/dist/cjs/components/TUIKit/hooks/useCreateTUIKitContext.d.ts

@@ -1,13 +1,13 @@
-import * as tim_js_sdk from 'tim-js-sdk';
+import * as _tencentcloud_chat from '@tencentcloud/chat';
 import React from 'react';
 import { TUIKitContextValue } from '../../../context/TUIKitContext.js';
 
 declare const useCreateTUIKitContext: (value: TUIKitContextValue) => {
-    tim: tim_js_sdk.ChatSDK;
-    conversation: tim_js_sdk.Conversation;
+    chat: _tencentcloud_chat.ChatSDK;
+    conversation: _tencentcloud_chat.Conversation;
     customClasses: unknown;
-    setActiveConversation: (conversation?: tim_js_sdk.Conversation) => void;
-    myProfile: tim_js_sdk.Profile;
+    setActiveConversation: (conversation?: _tencentcloud_chat.Conversation) => void;
+    myProfile: _tencentcloud_chat.Profile;
     TUIManageShow: boolean;
     setTUIManageShow: React.Dispatch<React.SetStateAction<boolean>>;
     TUIProfileShow: boolean;

package/dist/cjs/components/TUIKit/hooks/useCreateTUIKitContext.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");exports.useCreateTUIKitContext=function(o){var t=o.tim,r=o.conversation,s=o.customClasses,i=o.setActiveConversation,n=o.myProfile,a=o.TUIManageShow,u=o.setTUIManageShow,c=o.TUIProfileShow,l=o.setTUIProfileShow;return e.useMemo((function(){return{tim:t,conversation:r,customClasses:s,setActiveConversation:i,myProfile:n,TUIManageShow:a,setTUIManageShow:u,TUIProfileShow:c,setTUIProfileShow:l}}),[r,s,t,a,c,l,n])};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");exports.useCreateTUIKitContext=function(o){var t=o.chat,r=o.conversation,s=o.customClasses,a=o.setActiveConversation,n=o.myProfile,i=o.TUIManageShow,c=o.setTUIManageShow,u=o.TUIProfileShow,h=o.setTUIProfileShow;return e.useMemo((function(){return{chat:t,conversation:r,customClasses:s,setActiveConversation:a,myProfile:n,TUIManageShow:i,setTUIManageShow:c,TUIProfileShow:u,setTUIProfileShow:h}}),[r,s,t,i,u,h,n])};

package/dist/cjs/components/TUIKit/hooks/useTUIKit.d.ts

@@ -1,11 +1,11 @@
 import React from 'react';
-import { ChatSDK, Conversation, Profile } from 'tim-js-sdk';
+import { ChatSDK, Conversation, Profile } from '@tencentcloud/chat';
 
 interface UseChatParams {
-    tim: ChatSDK;
+    chat: ChatSDK;
     activeConversation?: Conversation;
 }
-declare const useTUIKit: ({ tim, activeConversation: paramsActiveConversation }: UseChatParams) => {
+declare const useTUIKit: ({ chat, activeConversation: paramsActiveConversation }: UseChatParams) => {
     conversation: Conversation;
     setActiveConversation: (activeConversation?: Conversation) => void;
     myProfile: Profile;

package/dist/cjs/components/TUIKit/hooks/useTUIKit.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react");exports.useTUIKit=function(n){var o=n.tim,r=n.activeConversation,a=t.useState(r),i=a[0],s=a[1],u=t.useState(),c=u[0],v=u[1],l=t.useState(!1),f=l[0],d=l[1],I=t.useState(!1),S=I[0],h=I[1];t.useEffect((function(){e.__awaiter(void 0,void 0,void 0,(function(){var t;return e.__generator(this,(function(e){switch(e.label){case 0:return[4,null==o?void 0:o.getMyProfile()];case 1:return t=e.sent(),v(null==t?void 0:t.data),[2]}}))}))}),[o]);var w=t.useCallback((function(e){e&&(null==o||o.setMessageRead({conversationID:e.conversationID})),i&&e.conversationID!==i.conversationID&&d(!1),s(e)}),[o]);return t.useEffect((function(){s(r)}),[r]),{conversation:i,setActiveConversation:w,myProfile:c,TUIManageShow:f,setTUIManageShow:d,TUIProfileShow:S,setTUIProfileShow:h}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react");exports.useTUIKit=function(n){var o=n.chat,r=n.activeConversation,a=t.useState(r),i=a[0],s=a[1],u=t.useState(),c=u[0],v=u[1],l=t.useState(!1),f=l[0],d=l[1],I=t.useState(!1),S=I[0],h=I[1];t.useEffect((function(){e.__awaiter(void 0,void 0,void 0,(function(){var t;return e.__generator(this,(function(e){switch(e.label){case 0:return[4,null==o?void 0:o.getMyProfile()];case 1:return t=e.sent(),v(null==t?void 0:t.data),[2]}}))}))}),[o]);var w=t.useCallback((function(e){e&&(null==o||o.setMessageRead({conversationID:e.conversationID})),i&&e.conversationID!==i.conversationID&&d(!1),s(e)}),[o]);return t.useEffect((function(){s(r)}),[r]),{conversation:i,setActiveConversation:w,myProfile:c,TUIManageShow:f,setTUIManageShow:d,TUIProfileShow:S,setTUIProfileShow:h}};