@tencentcloud/chat-uikit-react 1.0.1 → 1.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +10 -0
- package/README.md +34 -84
- package/dist/cjs/components/ConversationCreate/hooks/useConversationCreate.js +1 -1
- package/dist/cjs/components/ConversationPreview/utils.js +1 -1
- package/dist/cjs/components/ConversationSearch/ConversationSearchResult.js +1 -1
- package/dist/cjs/components/Icon/images/union.png.js +1 -1
- package/dist/cjs/components/Icon/images/ununion.png.js +1 -1
- package/dist/cjs/components/TUIChat/TUIChat.js +1 -1
- package/dist/cjs/components/TUIChat/hooks/useCreateMessage.js +1 -1
- package/dist/cjs/components/TUIChat/hooks/useMessageReceviedListener.js +1 -1
- package/dist/cjs/components/TUIChat/unitls.js +1 -1
- package/dist/cjs/components/TUIChatHeader/TUIChatHeaderDefault.js +1 -1
- package/dist/cjs/components/TUIConversation/TUIConversation.d.ts +2 -0
- package/dist/cjs/components/TUIConversation/TUIConversation.js +1 -1
- package/dist/cjs/components/TUIConversationList/TUIConversationList.d.ts +1 -0
- package/dist/cjs/components/TUIConversationList/TUIConversationList.js +1 -1
- package/dist/cjs/components/TUIConversationList/hooks/useConversationList.js +1 -1
- package/dist/cjs/components/TUIConversationList/hooks/useConversationUpdate.js +1 -1
- package/dist/cjs/components/TUIMessage/MessageBubble.js +1 -1
- package/dist/cjs/components/TUIMessage/MessageContext.js +1 -1
- package/dist/cjs/components/TUIMessage/MessageCustom.js +1 -1
- package/dist/cjs/components/TUIMessage/MessageFile.js +1 -1
- package/dist/cjs/components/TUIMessage/MessageImage.js +1 -1
- package/dist/cjs/components/TUIMessage/MessageMerger.js +1 -1
- package/dist/cjs/components/TUIMessage/MessageName.js +1 -1
- package/dist/cjs/components/TUIMessage/MessagePlugins.js +1 -1
- package/dist/cjs/components/TUIMessage/MessageProgress.js +1 -1
- package/dist/cjs/components/TUIMessage/MessageRevoke.js +1 -1
- package/dist/cjs/components/TUIMessage/MessageText.js +1 -1
- package/dist/cjs/components/TUIMessage/TUIMessage.js +1 -1
- package/dist/cjs/components/TUIMessage/TUIMessageDefault.js +1 -1
- package/dist/cjs/components/TUIMessage/hooks/useMessageContextHandler.js +1 -1
- package/dist/cjs/components/TUIMessage/hooks/useMessageReply.js +1 -1
- package/dist/cjs/components/TUIMessage/utils/index.js +1 -1
- package/dist/cjs/components/TUIMessageInput/InputQuoteDefalut.js +1 -1
- package/dist/cjs/components/TUIMessageInput/TUIMessageInput.js +1 -1
- package/dist/cjs/components/TUIMessageInput/hooks/useHandleForwardMessage.js +1 -1
- package/dist/cjs/components/TUIMessageInput/hooks/useHandleQuoteMessage.js +1 -1
- package/dist/cjs/components/TUIMessageList/TUIMessageList.js +1 -1
- package/dist/cjs/components/TUIProfile/TUIProfileDefault.js +1 -1
- package/dist/cjs/components/TUIProfile/hooks/useMyProfile.js +1 -1
- package/dist/cjs/components/untils.js +1 -1
- package/dist/cjs/context/TUIConversationContext.js +1 -1
- package/dist/cjs/hooks/useConversation.js +1 -1
- package/dist/cjs/index.js +1 -1
- package/dist/esm/components/ConversationCreate/hooks/useConversationCreate.js +1 -1
- package/dist/esm/components/ConversationPreview/utils.js +1 -1
- package/dist/esm/components/ConversationSearch/ConversationSearchResult.js +1 -1
- package/dist/esm/components/Icon/images/union.png.js +1 -1
- package/dist/esm/components/Icon/images/ununion.png.js +1 -1
- package/dist/esm/components/TUIChat/TUIChat.js +1 -1
- package/dist/esm/components/TUIChat/hooks/useCreateMessage.js +1 -1
- package/dist/esm/components/TUIChat/hooks/useMessageReceviedListener.js +1 -1
- package/dist/esm/components/TUIChat/unitls.js +1 -1
- package/dist/esm/components/TUIChatHeader/TUIChatHeaderDefault.js +1 -1
- package/dist/esm/components/TUIConversation/TUIConversation.d.ts +2 -0
- package/dist/esm/components/TUIConversation/TUIConversation.js +1 -1
- package/dist/esm/components/TUIConversationList/TUIConversationList.d.ts +1 -0
- package/dist/esm/components/TUIConversationList/TUIConversationList.js +1 -1
- package/dist/esm/components/TUIConversationList/hooks/useConversationList.js +1 -1
- package/dist/esm/components/TUIConversationList/hooks/useConversationUpdate.js +1 -1
- package/dist/esm/components/TUIMessage/MessageBubble.js +1 -1
- package/dist/esm/components/TUIMessage/MessageContext.js +1 -1
- package/dist/esm/components/TUIMessage/MessageCustom.js +1 -1
- package/dist/esm/components/TUIMessage/MessageFile.js +1 -1
- package/dist/esm/components/TUIMessage/MessageImage.js +1 -1
- package/dist/esm/components/TUIMessage/MessageMerger.js +1 -1
- package/dist/esm/components/TUIMessage/MessageName.js +1 -1
- package/dist/esm/components/TUIMessage/MessagePlugins.js +1 -1
- package/dist/esm/components/TUIMessage/MessageProgress.js +1 -1
- package/dist/esm/components/TUIMessage/MessageRevoke.js +1 -1
- package/dist/esm/components/TUIMessage/MessageText.js +1 -1
- package/dist/esm/components/TUIMessage/TUIMessage.js +1 -1
- package/dist/esm/components/TUIMessage/TUIMessageDefault.js +1 -1
- package/dist/esm/components/TUIMessage/hooks/useMessageContextHandler.js +1 -1
- package/dist/esm/components/TUIMessage/hooks/useMessageReply.js +1 -1
- package/dist/esm/components/TUIMessage/utils/index.js +1 -1
- package/dist/esm/components/TUIMessageInput/InputQuoteDefalut.js +1 -1
- package/dist/esm/components/TUIMessageInput/TUIMessageInput.js +1 -1
- package/dist/esm/components/TUIMessageInput/hooks/useHandleForwardMessage.js +1 -1
- package/dist/esm/components/TUIMessageInput/hooks/useHandleQuoteMessage.js +1 -1
- package/dist/esm/components/TUIMessageList/TUIMessageList.js +1 -1
- package/dist/esm/components/TUIProfile/TUIProfileDefault.js +1 -1
- package/dist/esm/components/TUIProfile/hooks/useMyProfile.js +1 -1
- package/dist/esm/components/untils.js +1 -1
- package/dist/esm/context/TUIConversationContext.js +1 -1
- package/dist/esm/hooks/useConversation.js +1 -1
- package/dist/esm/index.js +1 -1
- package/package.json +2 -1
- package/readme.zh_cn.md +60 -0
- package/src/components/ConversationPreview/utils.tsx +2 -1
- package/src/components/Icon/images/union.png +0 -0
- package/src/components/Icon/images/ununion.png +0 -0
- package/src/components/TUIConversation/TUIConversation.tsx +5 -0
- package/src/components/TUIConversationList/TUIConversationList.tsx +14 -2
- package/src/components/TUIConversationList/hooks/useConversationList.tsx +9 -3
- package/src/components/TUIConversationList/hooks/useConversationUpdate.tsx +8 -3
- package/src/components/TUIMessage/utils/index.ts +3 -0
- package/src/components/TUIMessageInput/InputQuoteDefalut.tsx +3 -3
- package/src/components/TUIMessageInput/hooks/useHandleQuoteMessage.tsx +1 -0
- package/src/components/TUIMessageList/TUIMessageList.tsx +1 -1
- package/src/components/untils.ts +10 -12
- package/src/context/TUIConversationContext.tsx +2 -0
- package/dist/cjs/_virtual/_commonjsHelpers.js +0 -1
- package/dist/cjs/_virtual/tim-js.js +0 -1
- package/dist/esm/_virtual/_commonjsHelpers.js +0 -1
- package/dist/esm/_virtual/tim-js.js +0 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,13 @@
|
|
|
1
|
+
## [1.0.2] (2023-03-13)
|
|
2
|
+
|
|
3
|
+
#### feat
|
|
4
|
+
* feat: TUIConversation add filterConversation
|
|
5
|
+
|
|
6
|
+
#### fix
|
|
7
|
+
* fix: tim-sdk-js reference path problem
|
|
8
|
+
* fix: TUIConversation AVChatRoom display
|
|
9
|
+
* fix: isJSON function judgment error problem
|
|
10
|
+
|
|
1
11
|
## [1.0.1] (2023-02-16)
|
|
2
12
|
|
|
3
13
|
#### feat
|
package/README.md
CHANGED
|
@@ -1,74 +1,23 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
_English | [简体中文](readme.zh_cn.md)_
|
|
2
|
+
# [chat-uikit-react](https://www.tencentcloud.com/document/product/1047/34279/)
|
|
3
|
+
>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.
|
|
4
|
+
With these UI components, you can quickly build your own business logic.
|
|
5
|
+
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.
|
|
3
6
|
|
|
4
|
-
|
|
7
|
+
## Demos
|
|
8
|
+
We have built demos to illustrate the chatting feature.
|
|
5
9
|
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
- [
|
|
9
|
-
- [
|
|
10
|
-
- [
|
|
11
|
-
- [GitHub Source](https://github.com/TencentCloud/chat-uikit-react)
|
|
12
|
-
- [Generating UserSig](https://www.tencentcloud.com/document/product/1047/34385)
|
|
13
|
-
## Example App
|
|
14
|
-
We have built sample demo applications showcasing chat use cases,You can preview these
|
|
15
|
-
[demo](https://web.sdk.qcloud.com/im/demo/intl/index.html) on our website.
|
|
16
|
-
Also, the code is [open source](https://github.com/TencentCloud/chat-uikit-react).
|
|
17
|
-
|
|
18
|
-

|
|
19
|
-
|
|
20
|
-
## Try chat-uikit-react
|
|
21
|
-
|
|
22
|
-
### Step 1.Installation
|
|
23
|
-
```
|
|
24
|
-
$ npm i @tencentcloud/chat-uikit-react
|
|
25
|
-
```
|
|
26
|
-
### Step 2.Usage
|
|
27
|
-
```tsx
|
|
28
|
-
import React, { useEffect, useState } from 'react';
|
|
29
|
-
import { TUIKit } from '@tencentcloud/chat-uikit-react';
|
|
30
|
-
import '@tencentcloud/chat-uikit-react/dist/cjs/index.css';
|
|
31
|
-
import TIM, { ChatSDK } from 'tim-js-sdk/tim-js-friendship';
|
|
32
|
-
import TIMUploadPlugin from 'tim-upload-plugin';
|
|
10
|
+
| | sample-chat | live-chat |
|
|
11
|
+
| ------ | ------ | ------ |
|
|
12
|
+
| |  |  |
|
|
13
|
+
| 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) |
|
|
14
|
+
| 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) |
|
|
33
15
|
|
|
16
|
+
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.
|
|
34
17
|
|
|
35
|
-
const init = async () => {
|
|
36
|
-
return new Promise((resolve, reject) => {
|
|
37
|
-
const tim = TIM.create({ SDKAppID: 0 });
|
|
38
|
-
tim?.registerPlugin({ 'tim-upload-plugin': TIMUploadPlugin });
|
|
39
|
-
const onReady = () => { resolve(tim); };
|
|
40
|
-
tim.on(TIM.EVENT.SDK_READY, onReady);
|
|
41
|
-
tim.login({
|
|
42
|
-
userID: 'xxx',
|
|
43
|
-
userSig: 'xxx',
|
|
44
|
-
});
|
|
45
|
-
});
|
|
46
|
-
}
|
|
47
18
|
|
|
48
|
-
|
|
49
|
-
const [tim, setTim] = useState<ChatSDK>();
|
|
50
|
-
useEffect(() => {
|
|
51
|
-
(async ()=>{
|
|
52
|
-
const tim = await init()
|
|
53
|
-
setTim(tim)
|
|
54
|
-
})()
|
|
55
|
-
}, [])
|
|
19
|
+
## Running Demo
|
|
56
20
|
|
|
57
|
-
return (
|
|
58
|
-
<div style={{height: '100vh',width: '100vw'}}>
|
|
59
|
-
<TUIKit tim={tim}></TUIKit>
|
|
60
|
-
</div>
|
|
61
|
-
);
|
|
62
|
-
}
|
|
63
|
-
```
|
|
64
|
-
## Customizing Styles
|
|
65
|
-
The preferred method for overriding the pre-defined styles in the library is to two step process. First, import our bundled CSS into the file where you instantiate your chat application. Second, locate any TencentCloud styles you want to override using either the browser inspector or by viewing the library code. You can then add selectors to your local CSS file to override our defaults. For example:
|
|
66
|
-
```tsx
|
|
67
|
-
import '@tencentcloud/chat-uikit-react/dist/cjs/index.css';
|
|
68
|
-
import './App.css';
|
|
69
|
-
```
|
|
70
|
-
|
|
71
|
-
## Running the demo
|
|
72
21
|
### Step 1. Download the source code
|
|
73
22
|
```
|
|
74
23
|
# Run the code in CLI
|
|
@@ -78,32 +27,33 @@ $ cd chat-uikit-react
|
|
|
78
27
|
# Install dependencies of the demo
|
|
79
28
|
$ npm install && cd examples/sample-chat && npm install
|
|
80
29
|
```
|
|
81
|
-
### Step 2.
|
|
82
|
-
1. Open the project
|
|
83
|
-
2.
|
|
30
|
+
### Step 2. Configure demo
|
|
31
|
+
1. Open the `examples/sample-chat` project and locate the `GenerateTestUserSig.js` file in `./examples/sample-chat/src/debug/GenerateTestUserSig.js`.
|
|
32
|
+
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.
|
|
84
33
|

|
|
85
34
|
3. In the **Basic Information** area, click **Display key**, and copy and save the key information to the `GenerateTestUserSig` file.
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
> your `SECRETKEY` is disclosed, attackers
|
|
90
|
-
> can steal your Tencent Cloud traffic. Therefore,
|
|
91
|
-
> **this method is only suitable for locally running
|
|
92
|
-
> a demo project and feature debugging.** The correct
|
|
93
|
-
> `UserSig` distribution method is to integrate the
|
|
94
|
-
> calculation code of `UserSig` into your server and
|
|
95
|
-
> provide an application-oriented API. When `UserSig`
|
|
96
|
-
> is needed, your application can send a request
|
|
97
|
-
> to the business server for a dynamic `UserSig`.
|
|
98
|
-
> For more information, see the "Calculating UserSig
|
|
99
|
-
> on the Server" section of [Generating UserSig](https://www.tencentcloud.com/document/product/1047/34385).
|
|
35
|
+
>!
|
|
36
|
+
>- 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.**
|
|
37
|
+
>- 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).
|
|
100
38
|
|
|
101
39
|
### Step 3. Launch the project
|
|
102
40
|
```
|
|
103
41
|
# Launch the project
|
|
42
|
+
$ cd examples/sample-chat
|
|
104
43
|
$ npm run start
|
|
105
44
|
```
|
|
106
45
|
|
|
107
|
-
|
|
108
|
-
|
|
46
|
+
### Step 4. Send your first message
|
|
47
|
+
1. After the product is launched, click the **+** icon to create a conversation.
|
|
48
|
+
2. Search for another user's userID in the input box.
|
|
49
|
+
3. Click the user's profile photo to initiate a conversation.
|
|
50
|
+
4. Enter a message in the input box and press **Enter** to send it.
|
|
51
|
+

|
|
109
52
|
|
|
53
|
+
### Quick links
|
|
54
|
+
- [Web demo](https://web.sdk.qcloud.com/im/demo/intl/index.html)
|
|
55
|
+
- [Client APIs](https://www.tencentcloud.com/document/product/1047/33999)
|
|
56
|
+
- [Free demo download](https://www.tencentcloud.com/document/product/1047/34279)
|
|
57
|
+
- [FAQs](https://www.tencentcloud.com/document/product/1047/34455)
|
|
58
|
+
- [Source code in GitHub](https://github.com/TencentCloud/chat-uikit-react)
|
|
59
|
+
- [Generating UserSig](https://www.tencentcloud.com/document/product/1047/34385)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react"),t=require("
|
|
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}};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),
|
|
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;
|
|
@@ -1 +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("
|
|
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)}))})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";module.exports="data:image/png;base64,
|
|
1
|
+
"use strict";module.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJhSURBVHgB7ZlNbtpAGIbfGUDNkiM4NyA3gF1VpRJZVEXdVD1BcoOIE5SeIF1VLL1oq+7gBtAb+AZlExVR7K/zE37s2GHsGYKt+FnZ8/P5fb+ZgQ8M1NTU1NRYwA4NoH6/jdbKQwMd1RDRAryxYOPvU1hC7950tnEVPMCyOWe+vzCNkWmABpddMHYtrrogtFNmLkDkA60hG/sBTEUP+h5odQPOP6bGVYPgi/hfTJL0yIDK+KvwFoxuYAqjEf7eD5k/fTJz9P7t51xxQV8PJShmQGUH4URcecgNC4BGL+1hOinriXhaB7nJjqt6Yw85C2fFxGc/zE58dtwNfHt19m9kJ14i54cTvZKuxG/iru/SetQKqAMLTOAMkbEwvBIH9c5efIxe8mDrFSBcwykiYw0+cyxecptsYHrvr/+gMjTP988CF+JdZ+nIhN39Oy7WoGIG4h80HMTaqDByBYzrjjLCEcoviQrBo1nsFqvmFFUiin7v3/KH0nWKKsBozsa/gv2mTSkxRDUYJRt2xdzgUpYSXZQWCtj4x3mydVfMYf1JDkIpkbrCXlrP1oDeW3JQyUzIX36crpJ7f9edgAavPVF7i+3EPJwaKZ5FPfbt5zx7SAqlMGEgXg/L4KQmDMXroU9wEhM5xOvhB3hWEznF6ykGPIuJAuL1NEOOaqKgeD01B0cxYSFeT8+JUxOW4nWIAjgx4UC8DlMQKxOOxOtQFhQy4VC8DmdJLhOOxUs4LDGvYkW/Y/ESawMSZWLZuoD6ZZcwIrMu25f3F67F6/BHgD6IV0cRF/83NYM8b29qampeIP8BK5ocn+ekYqQAAAAASUVORK5CYII=";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";module.exports="data:image/png;base64,
|
|
1
|
+
"use strict";module.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAL3SURBVHgB7ZpbbtpAFIaPzQu3B7qCQCUQvEE3UJQVtN1AaTaQtAsI0AVEyQrKCqqsoJcV0D4h4AF2ECrxwAu4/08AGbDj2zixkT8JOZ4Zz+TzjC/ngEhCQkJCQkJCQlzR3DTq9/uFdDr9TtO0Oj5nKKrjM8Pfs9Vq9RfbPra/a7XaVHyCMbgp5HK5j5v+i4ZhFM3jYP8eY/wSD2gOgxby+fwlOr/i4OLUmab1lstl14voYDDgpplKpdoQaLo4ZKrrem8+n981Go2ZU2NbwdFodIkBO+JC7IAZjutWq9Vbp4YYg+PfoP2VeGeCE3/hNKOWguPxuI2DOxIAzOZtpVL5bFXH5Yj6V9ls9rvLWbPDwGx2y+Vy167BkaAKuV3nWLKQ/GQu28plMpkf8nitBQXnyPhit2J08w6uh5Yquc3ILSzDb+YyxXKbLrUbjGPZ304QckVMd1sUY5bkTUux3Jb1tWxXsUbl0rQcCMsVshRTLbfFwP9/fnjT2c0gKlsSIpxJCU+OaHjUXB8WrgWxPJvYFCXm8I7My8Bctp3BppwIuMbfmve3gkU5HUrmnbUg1u6ZnAYalunxEkWh4ztdXFkL4g76T04Dg5GHuWAtiMI/ciJgNe656FaFcWaxWOy57N5khsPhg3gPjSIFA2K8dL83l5nfZO4k3jCqOHLYCSIlwXBjIjEFcj2r4HcnWCqVmPe4YFuJHxMIfrWq2IsHeQYYPEq8eMBT4INdHkg/LGBkjJm0TQFEDMqdI2tg+xSwTTohwuiEEQArxFGOPJk2jLCkKznimPiNoKRrOeIqsx0hSU9yxJUgiYCkZzniWpC8oKQvOeJJkLyApG854lmQPKNkIDniS5A8g2RgOeJbkIQoqUSOBBIkIUgqkyOBBYlCSaVyRIkgUSCpXI4oEyQBJEORI0oFiQ/J0OSIckGykbx20X+ockSXEEB03UHQ/BrZgZ/ymAI5SoOwDm3ehClHQplBM5tvjuuQ2X43OEXu8t7NT0ASEhISIs9/vQF5N0A5onkAAAAASUVORK5CYII=";
|
|
@@ -1 +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"),
|
|
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;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react")
|
|
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])}};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("
|
|
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])};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("
|
|
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};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),a=require("react/jsx-runtime"),t=require("react"),s=require("
|
|
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))};
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
import React, { PropsWithChildren } from 'react';
|
|
2
|
+
import { Conversation } from 'tim-js-sdk';
|
|
2
3
|
|
|
3
4
|
interface TUIConversationProps {
|
|
4
5
|
createConversation?: (conversationID: string) => Promise<any>;
|
|
5
6
|
deleteConversation?: (conversationID: string) => Promise<any>;
|
|
7
|
+
filterConversation?: (conversationList: Array<Conversation>) => Array<Conversation>;
|
|
6
8
|
}
|
|
7
9
|
declare function UnMemoizedTUIConversation<T extends TUIConversationProps>(props: PropsWithChildren<T>): React.ReactElement;
|
|
8
10
|
declare const TUIConversation: typeof UnMemoizedTUIConversation;
|
|
@@ -1 +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("
|
|
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;
|
|
@@ -10,6 +10,7 @@ interface Props {
|
|
|
10
10
|
Preview?: React.ComponentType<ConversationPreviewUIComponentProps>;
|
|
11
11
|
Container?: React.ComponentType<ConversationListContainerProps>;
|
|
12
12
|
onConversationListUpdated?: (setConversationList: React.Dispatch<React.SetStateAction<Array<Conversation>>>, event: () => void) => void;
|
|
13
|
+
filterConversation?: (conversationList: Array<Conversation>) => Array<Conversation>;
|
|
13
14
|
}
|
|
14
15
|
declare function UnMemoTUIConversationList<T extends Props>(props: T): React.ReactElement;
|
|
15
16
|
declare const TUIConversationList: React.MemoExoticComponent<typeof UnMemoTUIConversationList>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),
|
|
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;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("tslib"),
|
|
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}};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("
|
|
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])};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react/jsx-runtime"),n=require("react"),t=require("
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react/jsx-runtime"),n=require("react"),t=require("tim-js-sdk"),a=require("../../constants.js"),i=require("../../context/TUIChatActionContext.js");require("../../context/TUIMessageContext.js");var l=require("../Icon/Icon.js"),r=require("../Icon/type.js"),u=require("./hooks/useMessageReply.js"),o=require("./MessageProgress.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=c(n),g=c(t);function m(t){var c=t.message,d=t.children,m=t.Context,x=t.Plugins,b=n.useState(!1),j=b[0],_=b[1],S=u.useMessageReply({message:c}),v=S.messageReply,p=S.replyMessage,M=S.sender,f=i.useTUIChatActionContext().setHighlightedMessageId;return s.jsxs("div",e.__assign({className:"meesage-bubble"},{children:[s.jsxs("div",e.__assign({className:"meesage-bubble-context ".concat(null==c?void 0:c.flow),onMouseEnter:function(){_(!0)},onMouseLeave:function(){_(!1)}},{children:[s.jsxs("div",e.__assign({className:"message-context\n ".concat(v?"meesage-bubble-reply meesage-bubble-reply-".concat(null==c?void 0:c.flow):"","\n ").concat((null==c?void 0:c.type)!==g.default.TYPES.MSG_IMAGE&&(null==c?void 0:c.type)!==g.default.TYPES.MSG_VIDEO&&(null==c?void 0:c.type)!==g.default.TYPES.MSG_FILE||(null==c?void 0:c.status)!==a.MESSAGE_STATUS.UNSEND?"":"loading")},{children:[v&&s.jsxs("div",e.__assign({className:"meesage-bubble-reply-main",role:"menuitem",tabIndex:0,onClick:function(){f(null==p?void 0:p.ID)}},{children:[s.jsx("header",e.__assign({className:"title"},{children:M})),m&&s.jsx(m,{message:p})]})),d,s.jsx(o.MessageProgress,{message:c})]})),x&&s.jsx("div",e.__assign({className:"message-plugin"},{children:j&&s.jsx(x,{})}))]})),s.jsxs("div",e.__assign({className:"message-bubble-status icon"},{children:[(null==c?void 0:c.status)===a.MESSAGE_STATUS.FAIL&&s.jsx("i",{className:"icon-fail"}),(null==c?void 0:c.status)===a.MESSAGE_STATUS.UNSEND&&s.jsx(l.Icon,{width:10,height:10,type:r.IconTypes.PROGRESS})]}))]}))}var x=d.default.memo(m);exports.MessageBubble=function(n){return s.jsx(x,e.__assign({},n))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react/jsx-runtime"),t=require("react"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react/jsx-runtime"),t=require("react"),a=require("tim-js-sdk"),r=require("./MessageAudio.js"),u=require("./MessageCustom.js"),M=require("./MessageFace.js"),i=require("./MessageFile.js"),l=require("./MessageImage.js"),n=require("./MessageLocation.js"),E=require("./MessageMerger.js"),S=require("./MessageText.js"),g=require("./MessageVideo.js");require("../../constants.js");var o=require("../../context/TUIMessageContext.js"),d=require("./hooks/useMessageContextHandler.js"),T=require("./MessageStatus.js");function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m,_=f(t),G=f(a),j=((m={})[G.default.TYPES.MSG_TEXT]=S.MessageText,m[G.default.TYPES.MSG_FACE]=M.MessageFace,m[G.default.TYPES.MSG_IMAGE]=l.MessageImage,m[G.default.TYPES.MSG_AUDIO]=r.MessageAudio,m[G.default.TYPES.MSG_VIDEO]=g.MessageVideo,m[G.default.TYPES.MSG_FILE]=i.MessageFile,m[G.default.TYPES.MSG_CUSTOM]=u.MessageCustom,m[G.default.TYPES.MSG_MERGER]=E.MessageMerger,m[G.default.TYPES.MSG_LOCATION]=n.MessageLocation,m);function c(t){var a,r=t.message,u=d.useMessageContextHandler({message:r}).context,M=o.useTUIMessageContext("MessageCustom"),i=M.CustemElement,l=M.TextElement,n=M.FaceElement,E=M.ImageElement,S=M.AudioElement,g=M.VideoElement,f=M.FileElement,m=M.MergerElement,_=M.LocationElement,c=((a={})[G.default.TYPES.MSG_TEXT]=l,a[G.default.TYPES.MSG_FACE]=n,a[G.default.TYPES.MSG_IMAGE]=E,a[G.default.TYPES.MSG_AUDIO]=S,a[G.default.TYPES.MSG_VIDEO]=g,a[G.default.TYPES.MSG_FILE]=f,a[G.default.TYPES.MSG_CUSTOM]=i,a[G.default.TYPES.MSG_MERGER]=m,a[G.default.TYPES.MSG_LOCATION]=_,a)[null==r?void 0:r.type]||j[null==r?void 0:r.type];return c&&s.jsx(c,e.__assign({context:u,message:r},{children:s.jsx(T.MessageStatus,{message:r})}))}var P=_.default.memo(c);exports.MessageContext=function(t){return s.jsx(P,e.__assign({},t))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),n=require("react"),t=require("
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),n=require("react"),t=require("tim-js-sdk"),i=require("../untils.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=l(n),a=l(t);function s(n){var t=n.context,l=n.message,u=n.children;return r.jsxs("div",e.__assign({className:"bubble message-custom bubble-".concat(l.flow," ").concat((null==l?void 0:l.conversationType)===a.default.TYPES.CONV_GROUP?"group":"")},{children:[function(n){if("Hyperlink"===n.data){var t=i.JSONStringToParse(null==n?void 0:n.extension);if(null==t?void 0:t.item)return null==t?void 0:t.item.map((function(n){return r.jsx("a",e.__assign({target:"_blank",href:n.value,rel:"noreferrer"},{children:n.value}),n.value)}));if(null==t?void 0:t.hyperlinks_text){var u=t.hyperlinks_text;return r.jsxs(r.Fragment,{children:[t.title," ",r.jsx("a",e.__assign({target:"_blank",href:null==u?void 0:u.value,rel:"noreferrer"},{children:u.key}),null==u?void 0:u.value)]})}}return"group_create"===n.data?"".concat((null==l?void 0:l.nick)||(null==l?void 0:l.from)," Create a group"):n.extension}(null==t?void 0:t.custom),u]}))}var o=u.default.memo(s);exports.MessageCustom=function(n){return r.jsx(o,e.__assign({},n))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react/jsx-runtime"),r=require("react"),a=require("
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react/jsx-runtime"),r=require("react"),a=require("tim-js-sdk"),n=require("../Icon/Icon.js"),i=require("../Icon/type.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=t(r),c=t(a);function o(r){var a=r.context,t=r.message,l=r.children;return s.jsxs("a",e.__assign({href:a.url,download:a.name,target:"_parent",className:"bubble message-file bubble-".concat(t.flow," ").concat((null==t?void 0:t.conversationType)===c.default.TYPES.CONV_GROUP?"group":""),rel:"noreferrer"},{children:[s.jsxs("main",e.__assign({className:"message-file-main"},{children:[s.jsx(n.Icon,{className:"icon",width:15,height:20,type:i.IconTypes.FILE}),s.jsx("label",e.__assign({htmlFor:"message-file"},{children:a.name}))]})),s.jsxs("div",e.__assign({className:"message-file-footer"},{children:[s.jsx("span",e.__assign({className:"message-file-size"},{children:a.size})),l]}))]}))}var u=l.default.memo(o);exports.MessageFile=function(r){return s.jsx(u,e.__assign({},r))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),r=require("react"),n=require("tim-js-sdk"),s=require("../Model/index.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=t(r),l=t(n);function o(n){var t,a,o,u=n.context,c=n.message,d=n.children,g=r.useState(!1),m=g[0],v=g[1],f=null===(a=null===(t=null==c?void 0:c.payload)||void 0===t?void 0:t.imageInfoArray)||void 0===a?void 0:a.filter((function(e){return 0===e.type}));return i.jsxs("div",e.__assign({className:"message-image"},{children:[i.jsx("div",e.__assign({role:"button",tabIndex:0,onClick:function(){v(!0)}},{children:i.jsx("img",{className:"img bubble-".concat(c.flow," ").concat((null==c?void 0:c.conversationType)===l.default.TYPES.CONV_GROUP?"group":""),src:u.url,alt:""})})),d,m&&i.jsx(s.Model,e.__assign({onClick:function(){v(!1)}},{children:i.jsx("img",{className:"big-image",src:null===(o=f[0])||void 0===o?void 0:o.url,alt:""})}))]}))}var u=a.default.memo(o);exports.MessageImage=function(r){return i.jsx(u,e.__assign({},r))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),s=require("react"),t=require("tim-js-sdk");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=a(s),n=a(t);function l(s){var t=s.context,a=s.message,i=s.children;return r.jsxs("div",e.__assign({className:"bubble message-merger bubble-".concat(a.flow," ").concat((null==a?void 0:a.conversationType)===n.default.TYPES.CONV_GROUP?"group":"")},{children:[r.jsx("h3",{children:t.title}),r.jsx("ul",e.__assign({className:"message-merger-list"},{children:(null==t?void 0:t.abstractList.length)>0&&t.abstractList.map((function(s,t){var a=s+t;return r.jsx("li",e.__assign({className:"message-merger-item"},{children:s}),a)}))})),i]}))}var u=i.default.memo(l);exports.MessageMerger=function(s){return r.jsx(u,e.__assign({},s))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),s=require("tim-js-sdk");require("react");var t=require("../../context/TUIMessageContext.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=a(s);exports.MessageName=function(s){s.className;var a=s.CustomName,o=s.message,l=s.showType;return(l===t.messageShowType.ALL||(null==o?void 0:o.flow)===l)&&(null==o?void 0:o.conversationType)===n.default.TYPES.CONV_GROUP&&l!==t.messageShowType.NONE?a||r.jsx("label",e.__assign({htmlFor:"content",className:"name"},{children:(null==o?void 0:o.nick)||(null==o?void 0:o.from)})):null};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react/jsx-runtime"),n=require("react"),i=require("
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react/jsx-runtime"),n=require("react"),i=require("tim-js-sdk"),l=require("../Plugins/index.js"),o=require("../Icon/Icon.js"),a=require("../Icon/type.js"),t=require("../../context/TUIChatStateContext.js"),r=require("../../context/TUIMessageContext.js"),u=require("./hooks/useMessageHandler.js"),d=require("../../constants.js");require("date-fns");var g=require("./hooks/useMessagePluginElement.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var h,S=c(i);!function(e){e.quote="quote",e.forward="forward",e.copy="copy",e.delete="delete",e.resend="resend",e.revoke="revoke"}(h||(h={})),exports.MessagePlugins=function(i){var c,h,p,v,M,_,m=i.plugins,T=i.showNumber,y=i.MoreIcon,f=i.config,w=n.useState(""),E=w[0],j=w[1],x=n.useRef(null),I=r.useTUIMessageContext("MessagePlugins"),C=I.message,q=I.plugin,U=t.useTUIChatStateContext("MessageBubbleWithContext").messageListRef,A=u.useMessageHandler({message:C}),N=A.handleDelMessage,P=A.handleRevokeMessage,R=A.handleReplyMessage,k=A.handleCopyMessage,b=A.handleResendMessage,G=A.handleForWardMessage,O={quote:e.__assign(e.__assign({isShow:!0},null==f?void 0:f.quote),null===(c=null==q?void 0:q.config)||void 0===c?void 0:c.quote),forward:e.__assign(e.__assign({isShow:!0},null==f?void 0:f.forward),null===(h=null==q?void 0:q.config)||void 0===h?void 0:h.forward),copy:e.__assign(e.__assign({isShow:!0,relateMessageType:[S.default.TYPES.MSG_TEXT]},null==f?void 0:f.copy),null===(p=null==q?void 0:q.config)||void 0===p?void 0:p.copy),delete:e.__assign(e.__assign({isShow:!0},null==f?void 0:f.delete),null===(v=null==q?void 0:q.config)||void 0===v?void 0:v.delete),revoke:e.__assign(e.__assign({isShow:!0},null==f?void 0:f.revoke),null===(M=null==q?void 0:q.config)||void 0===M?void 0:M.revoke),resend:e.__assign(e.__assign({isShow:!0},null==f?void 0:f.resend),null===(_=null==q?void 0:q.config)||void 0===_?void 0:_.resend)},D=g.useMessagePluginElement({children:s.jsxs("div",e.__assign({className:"message-plugin-item"},{children:[s.jsx("span",{children:"Recall"}),s.jsx(o.Icon,{width:20,height:20,type:a.IconTypes.REVOCATION})]})),handle:function(e){x.current.closeMore(),P(e)},message:C,isShow:O.revoke.isShow&&(null==C?void 0:C.status)===d.MESSAGE_STATUS.SUCCESS&&C.flow===d.MESSAGE_FLOW.OUT,relateMessageType:O.revoke.relateMessageType}),F=g.useMessagePluginElement({children:s.jsxs("div",e.__assign({className:"message-plugin-item"},{children:[s.jsx("span",e.__assign({className:"del"},{children:"Delete"})),s.jsx(o.Icon,{width:20,height:20,type:a.IconTypes.DEL})]})),handle:function(e){x.current.closeMore(),N(e)},message:C,isShow:O.delete.isShow&&(null==C?void 0:C.status)===d.MESSAGE_STATUS.SUCCESS,relateMessageType:O.delete.relateMessageType}),L=g.useMessagePluginElement({children:s.jsxs("div",e.__assign({className:"message-plugin-item"},{children:[s.jsx("span",{children:"Quote"}),s.jsx(o.Icon,{width:20,height:20,type:a.IconTypes.QUOTE})]})),handle:function(e){x.current.closeMore(),R(e)},message:C,isShow:O.quote.isShow&&(null==C?void 0:C.status)===d.MESSAGE_STATUS.SUCCESS,relateMessageType:O.quote.relateMessageType}),W=g.useMessagePluginElement({children:s.jsxs("div",e.__assign({className:"message-plugin-item"},{children:[s.jsx("span",{children:"Copy"}),s.jsx(o.Icon,{width:20,height:20,type:a.IconTypes.COPY})]})),handle:function(e){x.current.closeMore(),k(e)},message:C,isShow:O.copy.isShow&&(null==C?void 0:C.status)===d.MESSAGE_STATUS.SUCCESS,relateMessageType:O.copy.relateMessageType}),Y=g.useMessagePluginElement({children:s.jsxs("div",e.__assign({className:"message-plugin-item"},{children:[s.jsx("span",{children:"Resend"}),s.jsx(o.Icon,{width:20,height:20,type:a.IconTypes.REPLY})]})),handle:function(e){x.current.closeMore(),b(e)},message:C,isShow:O.resend.isShow&&(null==C?void 0:C.status)!==d.MESSAGE_STATUS.SUCCESS,relateMessageType:O.resend.relateMessageType}),H=[D,L,g.useMessagePluginElement({children:s.jsxs("div",e.__assign({className:"message-plugin-item"},{children:[s.jsx("span",{children:"Forward"}),s.jsx(o.Icon,{width:20,height:20,type:a.IconTypes.FORWARD})]})),handle:function(e){x.current.closeMore(),G(e)},message:C,isShow:O.forward.isShow&&(null==C?void 0:C.status)===d.MESSAGE_STATUS.SUCCESS,relateMessageType:O.forward.relateMessageType}),F,Y,W],Q=(m||(null==q?void 0:q.plugins)||H).filter((function(e){return e})),V=y||(null==q?void 0:q.MoreIcon)||s.jsx(o.Icon,{className:"icon-more",width:16,height:16,type:a.IconTypes.MORE}),B=T||(null==q?void 0:q.showNumber)||0;return(null==C?void 0:C.status)!==d.MESSAGE_STATUS.UNSEND&&s.jsx(l.Plugins,{className:"message-plugin",customClass:E,ref:x,plugins:Q,showNumber:B,MoreIcon:V,root:null==U?void 0:U.current,handleVisible:function(e){j("".concat(!e.top&&"message-plugin-top"," ").concat(!e.left&&"message-plugin-left"))}})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react/jsx-runtime"),t=require("react"),r=require("
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react/jsx-runtime"),t=require("react"),r=require("tim-js-sdk"),n=require("../../constants.js"),o=require("../../context/TUIChatStateContext.js"),u=require("../../context/TUIMessageContext.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=a(t),l=a(r);function d(r){var a=r.message,i=r.children,d=r.Progress,g=r.isShow,c=void 0!==g&&g,S=t.useState(),x=S[0],f=S[1],v=t.useState(0),p=v[0],M=v[1],j=o.useTUIChatStateContext("MessageProgressWithContext").uploadPenddingMessageList,P=u.useTUIMessageContext("MessageProgressWithContext"),h=P.isShowProgress,E=void 0!==h&&h,_=P.Progress,m=d||_,I=c||E;return t.useEffect((function(){j&&j.length>0&&j.map((function(e){return(null==e?void 0:e.ID)===(null==a?void 0:a.ID)&&(f(e),M(null==e?void 0:e.progress)),e}))}),[j]),I?m?s.jsx(m,{message:x}):!((null==a?void 0:a.type)!==l.default.TYPES.MSG_IMAGE&&(null==a?void 0:a.type)!==l.default.TYPES.MSG_VIDEO&&(null==a?void 0:a.type)!==l.default.TYPES.MSG_FILE||(null==a?void 0:a.status)!==n.MESSAGE_STATUS.UNSEND)&&s.jsxs("div",e.__assign({className:"progress-box"},{children:[s.jsx("span",{className:"progress",style:{width:"".concat(100*p,"%")}}),i]})):null}var g=i.default.memo(d);exports.MessageProgress=function(t){return s.jsx(g,e.__assign({},t))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react/jsx-runtime"),t=require("react"),n=require("
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react/jsx-runtime"),t=require("react"),n=require("tim-js-sdk"),r=require("../../constants.js"),a=require("../../context/TUIChatActionContext.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../context/TUIMessageContext.js");var l=i(t),o=i(n);function u(n){var i=n.message,l=a.useTUIChatActionContext().operateMessage,u=t.useCallback((function(){var e;l(((e={})[r.MESSAGE_OPERATE.REVOKE]=i,e))}),[l]);return s.jsxs("div",e.__assign({className:"bubble message-system message-revoke"},{children:[(null==i?void 0:i.flow)===r.MESSAGE_FLOW.IN&&s.jsx("span",{children:(null==i?void 0:i.nick)||(null==i?void 0:i.from)}),(null==i?void 0:i.flow)!==r.MESSAGE_FLOW.IN&&s.jsx("span",{children:"you "}),s.jsx("span",{children:" recalled a message"}),(null==i?void 0:i.flow)===r.MESSAGE_FLOW.OUT&&(null==i?void 0:i.type)===o.default.TYPES.MSG_TEXT&&s.jsx("span",e.__assign({className:"edit",role:"button",tabIndex:0,onClick:u},{children:" Re-edit"}))]}))}var c=l.default.memo(u);exports.MessageRevoke=function(t){return s.jsx(c,e.__assign({},t))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),s=require("react"),r=require("
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),s=require("react"),r=require("tim-js-sdk");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=a(s),c=a(r);function i(s){var r=s.context,a=s.message,n=s.children;return t.jsx("div",e.__assign({className:"bubble message-text bubble-".concat(a.flow," ").concat((null==a?void 0:a.conversationType)===c.default.TYPES.CONV_GROUP?"group":"")},{children:t.jsxs("div",e.__assign({className:"message-text-content"},{children:[r.text.map((function(s,r){var n=a.ID+r;return"text"===s.name?t.jsx("p",e.__assign({className:"message-text-content-p"},{children:s.text}),s.src+n):t.jsx("img",{className:"text-img",src:s.src,alt:""},s.src+n)})),n]}))}))}var u=n.default.memo(i);exports.MessageText=function(s){return t.jsx(u,e.__assign({},s))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react/jsx-runtime"),t=require("react"),l=require("../../context/TUIChatStateContext.js"),n=require("../../context/TUIMessageContext.js"),o=require("../../context/ComponentContext.js"),i=require("./hooks/useMessageHandler.js");require("
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react/jsx-runtime"),t=require("react"),l=require("../../context/TUIChatStateContext.js"),n=require("../../context/TUIMessageContext.js"),o=require("../../context/ComponentContext.js"),i=require("./hooks/useMessageHandler.js");require("tim-js-sdk"),require("../../constants.js"),require("date-fns"),require("../Icon/config.js"),require("../Icon/type.js");var a=require("./TUIMessageDefault.js"),r=require("./MessagePlugins.js"),u=require("./MessageContext.js");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function g(t){var i=t.message,m=t.TUIMessage,g=t.MessagePlugins,d=t.MessageContext,v=t.handleDelete,c=t.CustemElement,x=t.TextElement,E=t.ImageElement,f=t.VideoElement,h=t.AudioElement,M=t.FileElement,C=t.MergerElement,j=t.LocationElement,q=t.FaceElement,w=t.className,T=t.filter,I=t.isShowTime,p=t.isShowRead,P=t.plugin,S=t.prefix,A=t.suffix,N=t.customName,U=t.showAvatar,D=t.showName,F=t.customAvatar,_=t.isShowProgress,b=t.Progress,y=o.useComponentContext(),L=y.MessagePlugins,R=y.MessageContext,V=l.useTUIChatStateContext("TUIMessage").messageConfig,k=m||a.TUIMessageDefault,H=g||L||r.MessagePlugins,O=d||R||u.MessageContext,z=T||(null==V?void 0:V.filter),B=i||(null==V?void 0:V.message);z&&z(B);var G={message:B,handleDelete:v||(null==V?void 0:V.handleDelete),CustemElement:c||(null==V?void 0:V.CustemElement),TextElement:x||(null==V?void 0:V.TextElement),ImageElement:E||(null==V?void 0:V.ImageElement),VideoElement:f||(null==V?void 0:V.VideoElement),AudioElement:h||(null==V?void 0:V.AudioElement),FileElement:M||(null==V?void 0:V.FileElement),MergerElement:C||(null==V?void 0:V.MergerElement),LocationElement:j||(null==V?void 0:V.LocationElement),FaceElement:q||(null==V?void 0:V.FaceElement),isShowTime:I||(null==V?void 0:V.isShowTime),isShowRead:p||(null==V?void 0:V.isShowRead),plugin:P||(null==V?void 0:V.plugin),prefix:S||(null==V?void 0:V.prefix),suffix:A||(null==V?void 0:V.suffix),customName:N||(null==V?void 0:V.customName),showAvatar:U||(null==V?void 0:V.showAvatar),showName:D||(null==V?void 0:V.showName),customAvatar:F||(null==V?void 0:V.customAvatar),isShowProgress:_||(null==V?void 0:V.isShowProgress),Progress:b||(null==V?void 0:V.Progress)};return s.jsx(n.TUIMessageContextProvider,e.__assign({value:G},{children:s.jsx(k,{message:B,MessageContext:O,MessagePlugins:H,className:w||(null==V?void 0:V.className)})}))}var d=m(t).default.memo(g);exports.TUIMessage=function(t){var l=t.message,n=i.useMessageHandler({message:l}).handleDelMessage;return s.jsx(d,e.__assign({handleDelete:n},t))};
|