@tencentcloud/chat-uikit-react 1.0.3 → 1.1.0

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.
Files changed (234) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/README.md +69 -83
  3. package/dist/cjs/components/ConversationCreate/ConversationCreatGroupDetail.js +1 -1
  4. package/dist/cjs/components/ConversationCreate/ConversationCreate.js +1 -1
  5. package/dist/cjs/components/ConversationCreate/ConversationCreateUserSelectList.js +1 -1
  6. package/dist/cjs/components/ConversationCreate/hooks/useConversationCreate.js +1 -1
  7. package/dist/cjs/components/ConversationPreview/ConversationListContainer.d.ts +1 -1
  8. package/dist/cjs/components/ConversationPreview/ConversationPreview.d.ts +1 -1
  9. package/dist/cjs/components/ConversationPreview/ConversationPreviewContent.js +1 -1
  10. package/dist/cjs/components/ConversationPreview/utils.js +1 -1
  11. package/dist/cjs/components/ConversationSearch/ConversationSearchResult.d.ts +1 -1
  12. package/dist/cjs/components/ConversationSearch/ConversationSearchResult.js +1 -1
  13. package/dist/cjs/components/TUIChat/TUIChat.d.ts +1 -1
  14. package/dist/cjs/components/TUIChat/TUIChat.js +1 -1
  15. package/dist/cjs/components/TUIChat/TUIChatState.js +1 -1
  16. package/dist/cjs/components/TUIChat/hooks/useCreateMessage.d.ts +2 -2
  17. package/dist/cjs/components/TUIChat/hooks/useCreateMessage.js +1 -1
  18. package/dist/cjs/components/TUIChat/hooks/useCreateTUIChatStateContext.js +1 -1
  19. package/dist/cjs/components/TUIChat/hooks/useHandleMessage.d.ts +1 -1
  20. package/dist/cjs/components/TUIChat/hooks/useHandleMessageList.js +1 -1
  21. package/dist/cjs/components/TUIChat/hooks/useMessageReceviedListener.js +1 -1
  22. package/dist/cjs/components/TUIChat/unitls.js +1 -1
  23. package/dist/cjs/components/TUIChatHeader/TUIChatHeader.d.ts +1 -1
  24. package/dist/cjs/components/TUIChatHeader/TUIChatHeaderDefault.d.ts +1 -1
  25. package/dist/cjs/components/TUIChatHeader/TUIChatHeaderDefault.js +1 -1
  26. package/dist/cjs/components/TUIConversation/TUIConversation.d.ts +1 -1
  27. package/dist/cjs/components/TUIConversation/TUIConversation.js +1 -1
  28. package/dist/cjs/components/TUIConversationList/TUIConversationList.d.ts +1 -1
  29. package/dist/cjs/components/TUIConversationList/TUIConversationList.js +1 -1
  30. package/dist/cjs/components/TUIConversationList/hooks/useConversationList.js +1 -1
  31. package/dist/cjs/components/TUIConversationList/hooks/useConversationUpdate.js +1 -1
  32. package/dist/cjs/components/TUIKit/TUIKit.d.ts +2 -2
  33. package/dist/cjs/components/TUIKit/TUIKit.js +1 -1
  34. package/dist/cjs/components/TUIKit/hooks/useCreateTUIKitContext.d.ts +5 -5
  35. package/dist/cjs/components/TUIKit/hooks/useCreateTUIKitContext.js +1 -1
  36. package/dist/cjs/components/TUIKit/hooks/useTUIKit.d.ts +3 -3
  37. package/dist/cjs/components/TUIKit/hooks/useTUIKit.js +1 -1
  38. package/dist/cjs/components/TUIManage/TUIManage.js +1 -1
  39. package/dist/cjs/components/TUIMessage/MessageBubble.js +1 -1
  40. package/dist/cjs/components/TUIMessage/MessageContext.d.ts +1 -1
  41. package/dist/cjs/components/TUIMessage/MessageContext.js +1 -1
  42. package/dist/cjs/components/TUIMessage/MessageCustom.js +1 -1
  43. package/dist/cjs/components/TUIMessage/MessageFile.js +1 -1
  44. package/dist/cjs/components/TUIMessage/MessageImage.js +1 -1
  45. package/dist/cjs/components/TUIMessage/MessageMerger.js +1 -1
  46. package/dist/cjs/components/TUIMessage/MessageName.js +1 -1
  47. package/dist/cjs/components/TUIMessage/MessagePlugins.d.ts +2 -2
  48. package/dist/cjs/components/TUIMessage/MessagePlugins.js +1 -1
  49. package/dist/cjs/components/TUIMessage/MessageProgress.js +1 -1
  50. package/dist/cjs/components/TUIMessage/MessageRevoke.js +1 -1
  51. package/dist/cjs/components/TUIMessage/MessageText.js +1 -1
  52. package/dist/cjs/components/TUIMessage/TUIMessage.d.ts +1 -1
  53. package/dist/cjs/components/TUIMessage/TUIMessage.js +1 -1
  54. package/dist/cjs/components/TUIMessage/TUIMessageDefault.js +1 -1
  55. package/dist/cjs/components/TUIMessage/hooks/useMessageContextHandler.js +1 -1
  56. package/dist/cjs/components/TUIMessage/hooks/useMessageHandler.js +1 -1
  57. package/dist/cjs/components/TUIMessage/hooks/useMessageReply.js +1 -1
  58. package/dist/cjs/components/TUIMessage/utils/index.js +1 -1
  59. package/dist/cjs/components/TUIMessageInput/TUIMessageInput.js +1 -1
  60. package/dist/cjs/components/TUIMessageInput/hooks/useHandleForwardMessage.js +1 -1
  61. package/dist/cjs/components/TUIMessageInput/hooks/useHandleQuoteMessage.js +1 -1
  62. package/dist/cjs/components/TUIMessageInput/hooks/useMessageInputText.js +1 -1
  63. package/dist/cjs/components/TUIMessageInput/hooks/useUploadPicker.js +1 -1
  64. package/dist/cjs/components/TUIMessageList/TUIMessageList.d.ts +1 -1
  65. package/dist/cjs/components/TUIMessageList/TUIMessageList.js +1 -1
  66. package/dist/cjs/components/TUIMessageList/hooks/useMessageListElement.js +1 -1
  67. package/dist/cjs/components/TUIProfile/TUIProfileDefault.d.ts +1 -1
  68. package/dist/cjs/components/TUIProfile/TUIProfileDefault.js +1 -1
  69. package/dist/cjs/components/TUIProfile/hooks/useMyProfile.js +1 -1
  70. package/dist/cjs/components/untils.js +1 -1
  71. package/dist/cjs/constants.js +1 -1
  72. package/dist/cjs/context/TUIChatActionContext.d.ts +3 -3
  73. package/dist/cjs/context/TUIChatStateContext.d.ts +2 -2
  74. package/dist/cjs/context/TUIConversationContext.js +1 -1
  75. package/dist/cjs/context/TUIKitContext.d.ts +2 -2
  76. package/dist/cjs/context/TUIMessageContext.d.ts +1 -1
  77. package/dist/cjs/hooks/useConversation.d.ts +3 -3
  78. package/dist/cjs/hooks/useConversation.js +1 -1
  79. package/dist/cjs/hooks/useProfile.d.ts +1 -1
  80. package/dist/cjs/index.js +1 -1
  81. package/dist/esm/components/ConversationCreate/ConversationCreatGroupDetail.js +1 -1
  82. package/dist/esm/components/ConversationCreate/ConversationCreate.js +1 -1
  83. package/dist/esm/components/ConversationCreate/ConversationCreateUserSelectList.js +1 -1
  84. package/dist/esm/components/ConversationCreate/hooks/useConversationCreate.js +1 -1
  85. package/dist/esm/components/ConversationPreview/ConversationListContainer.d.ts +1 -1
  86. package/dist/esm/components/ConversationPreview/ConversationPreview.d.ts +1 -1
  87. package/dist/esm/components/ConversationPreview/ConversationPreviewContent.js +1 -1
  88. package/dist/esm/components/ConversationPreview/utils.js +1 -1
  89. package/dist/esm/components/ConversationSearch/ConversationSearchResult.d.ts +1 -1
  90. package/dist/esm/components/ConversationSearch/ConversationSearchResult.js +1 -1
  91. package/dist/esm/components/TUIChat/TUIChat.d.ts +1 -1
  92. package/dist/esm/components/TUIChat/TUIChat.js +1 -1
  93. package/dist/esm/components/TUIChat/TUIChatState.js +1 -1
  94. package/dist/esm/components/TUIChat/hooks/useCreateMessage.d.ts +2 -2
  95. package/dist/esm/components/TUIChat/hooks/useCreateMessage.js +1 -1
  96. package/dist/esm/components/TUIChat/hooks/useCreateTUIChatStateContext.js +1 -1
  97. package/dist/esm/components/TUIChat/hooks/useHandleMessage.d.ts +1 -1
  98. package/dist/esm/components/TUIChat/hooks/useHandleMessageList.js +1 -1
  99. package/dist/esm/components/TUIChat/hooks/useMessageReceviedListener.js +1 -1
  100. package/dist/esm/components/TUIChat/unitls.js +1 -1
  101. package/dist/esm/components/TUIChatHeader/TUIChatHeader.d.ts +1 -1
  102. package/dist/esm/components/TUIChatHeader/TUIChatHeaderDefault.d.ts +1 -1
  103. package/dist/esm/components/TUIChatHeader/TUIChatHeaderDefault.js +1 -1
  104. package/dist/esm/components/TUIConversation/TUIConversation.d.ts +1 -1
  105. package/dist/esm/components/TUIConversation/TUIConversation.js +1 -1
  106. package/dist/esm/components/TUIConversationList/TUIConversationList.d.ts +1 -1
  107. package/dist/esm/components/TUIConversationList/TUIConversationList.js +1 -1
  108. package/dist/esm/components/TUIConversationList/hooks/useConversationList.js +1 -1
  109. package/dist/esm/components/TUIConversationList/hooks/useConversationUpdate.js +1 -1
  110. package/dist/esm/components/TUIKit/TUIKit.d.ts +2 -2
  111. package/dist/esm/components/TUIKit/TUIKit.js +1 -1
  112. package/dist/esm/components/TUIKit/hooks/useCreateTUIKitContext.d.ts +5 -5
  113. package/dist/esm/components/TUIKit/hooks/useCreateTUIKitContext.js +1 -1
  114. package/dist/esm/components/TUIKit/hooks/useTUIKit.d.ts +3 -3
  115. package/dist/esm/components/TUIKit/hooks/useTUIKit.js +1 -1
  116. package/dist/esm/components/TUIManage/TUIManage.js +1 -1
  117. package/dist/esm/components/TUIMessage/MessageBubble.js +1 -1
  118. package/dist/esm/components/TUIMessage/MessageContext.d.ts +1 -1
  119. package/dist/esm/components/TUIMessage/MessageContext.js +1 -1
  120. package/dist/esm/components/TUIMessage/MessageCustom.js +1 -1
  121. package/dist/esm/components/TUIMessage/MessageFile.js +1 -1
  122. package/dist/esm/components/TUIMessage/MessageImage.js +1 -1
  123. package/dist/esm/components/TUIMessage/MessageMerger.js +1 -1
  124. package/dist/esm/components/TUIMessage/MessageName.js +1 -1
  125. package/dist/esm/components/TUIMessage/MessagePlugins.d.ts +2 -2
  126. package/dist/esm/components/TUIMessage/MessagePlugins.js +1 -1
  127. package/dist/esm/components/TUIMessage/MessageProgress.js +1 -1
  128. package/dist/esm/components/TUIMessage/MessageRevoke.js +1 -1
  129. package/dist/esm/components/TUIMessage/MessageText.js +1 -1
  130. package/dist/esm/components/TUIMessage/TUIMessage.d.ts +1 -1
  131. package/dist/esm/components/TUIMessage/TUIMessage.js +1 -1
  132. package/dist/esm/components/TUIMessage/TUIMessageDefault.js +1 -1
  133. package/dist/esm/components/TUIMessage/hooks/useMessageContextHandler.js +1 -1
  134. package/dist/esm/components/TUIMessage/hooks/useMessageHandler.js +1 -1
  135. package/dist/esm/components/TUIMessage/hooks/useMessageReply.js +1 -1
  136. package/dist/esm/components/TUIMessage/utils/index.js +1 -1
  137. package/dist/esm/components/TUIMessageInput/TUIMessageInput.js +1 -1
  138. package/dist/esm/components/TUIMessageInput/hooks/useHandleForwardMessage.js +1 -1
  139. package/dist/esm/components/TUIMessageInput/hooks/useHandleQuoteMessage.js +1 -1
  140. package/dist/esm/components/TUIMessageInput/hooks/useMessageInputText.js +1 -1
  141. package/dist/esm/components/TUIMessageInput/hooks/useUploadPicker.js +1 -1
  142. package/dist/esm/components/TUIMessageList/TUIMessageList.d.ts +1 -1
  143. package/dist/esm/components/TUIMessageList/TUIMessageList.js +1 -1
  144. package/dist/esm/components/TUIMessageList/hooks/useMessageListElement.js +1 -1
  145. package/dist/esm/components/TUIProfile/TUIProfileDefault.d.ts +1 -1
  146. package/dist/esm/components/TUIProfile/TUIProfileDefault.js +1 -1
  147. package/dist/esm/components/TUIProfile/hooks/useMyProfile.js +1 -1
  148. package/dist/esm/components/untils.js +1 -1
  149. package/dist/esm/constants.js +1 -1
  150. package/dist/esm/context/TUIChatActionContext.d.ts +3 -3
  151. package/dist/esm/context/TUIChatStateContext.d.ts +2 -2
  152. package/dist/esm/context/TUIConversationContext.js +1 -1
  153. package/dist/esm/context/TUIKitContext.d.ts +2 -2
  154. package/dist/esm/context/TUIMessageContext.d.ts +1 -1
  155. package/dist/esm/hooks/useConversation.d.ts +3 -3
  156. package/dist/esm/hooks/useConversation.js +1 -1
  157. package/dist/esm/hooks/useProfile.d.ts +1 -1
  158. package/dist/esm/index.js +1 -1
  159. package/package.json +2 -3
  160. package/src/components/ConversationCreate/ConversationCreatGroupDetail.tsx +5 -2
  161. package/src/components/ConversationCreate/ConversationCreate.tsx +3 -3
  162. package/src/components/ConversationCreate/ConversationCreateSelectView.tsx +1 -1
  163. package/src/components/ConversationCreate/ConversationCreateUserSelectList.tsx +4 -4
  164. package/src/components/ConversationCreate/ConversationGroupTypeInfo.tsx +5 -5
  165. package/src/components/ConversationCreate/hooks/useConversationCreate.tsx +6 -6
  166. package/src/components/ConversationPreview/ConversationListContainer.tsx +1 -1
  167. package/src/components/ConversationPreview/ConversationPreview.tsx +1 -1
  168. package/src/components/ConversationPreview/ConversationPreviewContent.tsx +2 -2
  169. package/src/components/ConversationPreview/utils.tsx +10 -10
  170. package/src/components/ConversationSearch/ConversationSearchResult.tsx +1 -1
  171. package/src/components/Profile/Profile.tsx +1 -1
  172. package/src/components/Profile/hooks/useProfile.tsx +5 -5
  173. package/src/components/TUIChat/TUIChat.tsx +23 -17
  174. package/src/components/TUIChat/TUIChatState.tsx +7 -7
  175. package/src/components/TUIChat/hooks/useCreateMessage.tsx +29 -29
  176. package/src/components/TUIChat/hooks/useCreateTUIChatStateContext.tsx +5 -5
  177. package/src/components/TUIChat/hooks/useHandleMessage.tsx +2 -2
  178. package/src/components/TUIChat/hooks/useHandleMessageList.tsx +28 -15
  179. package/src/components/TUIChat/hooks/useMessageReceviedListener.tsx +5 -5
  180. package/src/components/TUIChat/unitls.ts +3 -3
  181. package/src/components/TUIChatHeader/TUIChatHeader.tsx +1 -1
  182. package/src/components/TUIChatHeader/TUIChatHeaderDefault.tsx +7 -7
  183. package/src/components/TUIConversation/TUIConversation.tsx +1 -1
  184. package/src/components/TUIConversationList/TUIConversationList.tsx +3 -3
  185. package/src/components/TUIConversationList/hooks/useConversationList.tsx +5 -5
  186. package/src/components/TUIConversationList/hooks/useConversationUpdate.tsx +6 -6
  187. package/src/components/TUIKit/TUIKit.tsx +5 -5
  188. package/src/components/TUIKit/hooks/useCreateTUIKitContext.tsx +3 -3
  189. package/src/components/TUIKit/hooks/useTUIKit.tsx +8 -8
  190. package/src/components/TUIManage/TUIManage.tsx +2 -2
  191. package/src/components/TUIMessage/MessageAvatar.tsx +1 -1
  192. package/src/components/TUIMessage/MessageBubble.tsx +4 -4
  193. package/src/components/TUIMessage/MessageContext.tsx +19 -19
  194. package/src/components/TUIMessage/MessageCustom.tsx +2 -2
  195. package/src/components/TUIMessage/MessageFile.tsx +2 -2
  196. package/src/components/TUIMessage/MessageImage.tsx +2 -2
  197. package/src/components/TUIMessage/MessageMerger.tsx +2 -2
  198. package/src/components/TUIMessage/MessageName.tsx +2 -2
  199. package/src/components/TUIMessage/MessagePlugins.tsx +3 -3
  200. package/src/components/TUIMessage/MessageProgress.tsx +8 -8
  201. package/src/components/TUIMessage/MessageRevoke.tsx +2 -2
  202. package/src/components/TUIMessage/MessageStatus.tsx +1 -1
  203. package/src/components/TUIMessage/MessageText.tsx +2 -2
  204. package/src/components/TUIMessage/TUIMessage.tsx +1 -1
  205. package/src/components/TUIMessage/TUIMessageDefault.tsx +7 -8
  206. package/src/components/TUIMessage/hooks/useMessageContextHandler.ts +12 -12
  207. package/src/components/TUIMessage/hooks/useMessageHandler.ts +12 -12
  208. package/src/components/TUIMessage/hooks/useMessagePluginElement.tsx +2 -2
  209. package/src/components/TUIMessage/hooks/useMessageReply.ts +11 -11
  210. package/src/components/TUIMessage/utils/index.ts +16 -16
  211. package/src/components/TUIMessageInput/InputQuoteDefalut.tsx +1 -1
  212. package/src/components/TUIMessageInput/TUIForward.tsx +1 -1
  213. package/src/components/TUIMessageInput/TUIMessageInput.tsx +2 -2
  214. package/src/components/TUIMessageInput/hooks/useHandleForwardMessage.tsx +5 -5
  215. package/src/components/TUIMessageInput/hooks/useHandleQuoteMessage.tsx +15 -15
  216. package/src/components/TUIMessageInput/hooks/useMessageInputText.tsx +2 -2
  217. package/src/components/TUIMessageInput/hooks/useUploadPicker.tsx +2 -2
  218. package/src/components/TUIMessageList/TUIMessageList.tsx +2 -2
  219. package/src/components/TUIMessageList/hooks/useEnrichedMessageList.tsx +1 -1
  220. package/src/components/TUIMessageList/hooks/useMessageListElement.tsx +8 -11
  221. package/src/components/TUIProfile/TUIProfileDefault.tsx +6 -6
  222. package/src/components/TUIProfile/hooks/useMyProfile.tsx +9 -9
  223. package/src/components/untils.ts +4 -4
  224. package/src/constants.ts +1 -1
  225. package/src/context/TUIChatActionContext.tsx +3 -3
  226. package/src/context/TUIChatStateContext.tsx +2 -2
  227. package/src/context/TUIConversationContext.tsx +1 -1
  228. package/src/context/TUIKitContext.tsx +2 -2
  229. package/src/context/TUIMessageContext.tsx +1 -1
  230. package/src/hooks/useConversation.tsx +11 -11
  231. package/src/hooks/useProfile.tsx +2 -2
  232. package/readme.zh_cn.md +0 -60
  233. package/src/@types/index.d.ts +0 -1
  234. package/src/@types/index.js +0 -3
@@ -1,5 +1,5 @@
1
1
  import React, { PropsWithChildren } from 'react';
2
- import { Message } from 'tim-js-sdk';
2
+ import { Message } from '@tencentcloud/chat';
3
3
  import { CreateTextMessageProps, CreateFaceMessageProps, CreateUploadMessageProps, CreateForwardMessageProps, CreateCustomMessageProps, CreateTextAtMessageProps, CreateLocationMessageProps, CreateMergerMessageProps } from '../components/TUIChat/hooks/useCreateMessage.js';
4
4
  import { OperateMessageParams } from '../components/TUIChat/hooks/useHandleMessage.js';
5
5
 
@@ -18,14 +18,14 @@ interface TUIChatActionContextValue {
18
18
  createTextAtMessage?: (options: CreateTextAtMessageProps) => Message;
19
19
  createLocationMessage?: (options: CreateLocationMessageProps) => Message;
20
20
  createMergerMessage?: (options: CreateMergerMessageProps) => Message;
21
- editLocalmessage?: (message: Message) => void;
21
+ editLocalMessage?: (message: Message) => void;
22
22
  operateMessage?: (data?: OperateMessageParams) => void;
23
23
  loadMore?: () => Promise<void>;
24
24
  revokeMessage?: (message: Message) => Promise<Message>;
25
25
  setAudioSource?: (source: HTMLAudioElement | null) => void;
26
26
  setVideoSource?: (source: HTMLVideoElement | null) => void;
27
27
  setHighlightedMessageId?: (highlightedMessageId: string) => void;
28
- updataUploadPenddingMessageList?: (message?: Message) => void;
28
+ updateUploadPendingMessageList?: (message?: Message) => void;
29
29
  }
30
30
  declare const TUIChatActionContext: React.Context<TUIChatActionContextValue>;
31
31
  declare function TUIChatActionProvider({ children, value, }: PropsWithChildren<{
@@ -1,5 +1,5 @@
1
1
  import React, { RefObject, MutableRefObject, PropsWithChildren } from 'react';
2
- import { Conversation, Message } from 'tim-js-sdk';
2
+ import { Conversation, Message } from '@tencentcloud/chat';
3
3
  import { OperateMessageParams } from '../components/TUIChat/hooks/useHandleMessage.js';
4
4
  import { TUIMessageProps } from '../components/TUIMessage/TUIMessage.js';
5
5
  import { TUIMessageInputBasicProps } from '../components/TUIMessageInput/TUIMessageInput.js';
@@ -24,7 +24,7 @@ interface TUIChatStateContextValue {
24
24
  audioSource?: HTMLAudioElement;
25
25
  vidoeSource?: HTMLVideoElement;
26
26
  TUIMessageListConfig?: MessageListProps;
27
- uploadPenddingMessageList?: Array<Message>;
27
+ uploadPendingMessageList?: Array<Message>;
28
28
  }
29
29
  declare const TUIChatStateContext: React.Context<TUIChatStateContextValue>;
30
30
  declare function TUIChatStateContextProvider({ children, value }: PropsWithChildren<{
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react/jsx-runtime"),r=require("react"),t=require("../components/TUIConversationList/TUIConversationList.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("tim-js-sdk"),require("./TUIMessageContext.js"),require("../components/TUIProfile/TUIProfileDefault.js"),require("../constants.js"),require("date-fns"),require("../components/Icon/config.js"),require("../components/Icon/type.js"),require("../components/TUIMessage/hooks/useMessageReply.js"),require("../components/TUIMessage/MessagePlugins.js"),require("../components/TUIMessage/MessageContext.js"),require("../components/TUIMessageInput/hooks/useHandleQuoteMessage.js"),require("../components/Switch/Switch.js");var n=o(r).default.createContext(void 0);exports.TUIConversationContext=n,exports.TUIConversationProvider=function(r){var o=r.children,i=r.value;return s.jsx(n.Provider,e.__assign({value:i},{children:o||s.jsx(t.TUIConversationList,{})}))},exports.useTUIConversationContext=function(e){var s=r.useContext(n);return!s&&e?{}:s};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react/jsx-runtime"),r=require("react"),t=require("../components/TUIConversationList/TUIConversationList.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("@tencentcloud/chat"),require("./TUIMessageContext.js"),require("../components/TUIProfile/TUIProfileDefault.js"),require("../constants.js"),require("date-fns"),require("../components/Icon/config.js"),require("../components/Icon/type.js"),require("../components/TUIMessage/hooks/useMessageReply.js"),require("../components/TUIMessage/MessagePlugins.js"),require("../components/TUIMessage/MessageContext.js"),require("../components/TUIMessageInput/hooks/useHandleQuoteMessage.js"),require("../components/Switch/Switch.js");var o=n(r).default.createContext(void 0);exports.TUIConversationContext=o,exports.TUIConversationProvider=function(r){var n=r.children,i=r.value;return s.jsx(o.Provider,e.__assign({value:i},{children:n||s.jsx(t.TUIConversationList,{})}))},exports.useTUIConversationContext=function(e){var s=r.useContext(o);return!s&&e?{}:s};
@@ -1,8 +1,8 @@
1
1
  import React, { PropsWithChildren } from 'react';
2
- import { ChatSDK, Conversation, Profile } from 'tim-js-sdk';
2
+ import { ChatSDK, Conversation, Profile } from '@tencentcloud/chat';
3
3
 
4
4
  interface TUIKitContextValue {
5
- tim: ChatSDK;
5
+ chat: ChatSDK;
6
6
  conversation?: Conversation;
7
7
  setActiveConversation: (conversation?: Conversation) => void;
8
8
  customClasses?: unknown;
@@ -1,5 +1,5 @@
1
1
  import React, { ReactEventHandler, PropsWithChildren } from 'react';
2
- import { Message } from 'tim-js-sdk';
2
+ import { Message } from '@tencentcloud/chat';
3
3
  import { MessagePluginsProps } from '../components/TUIMessage/MessagePlugins.js';
4
4
 
5
5
  declare enum messageShowType {
@@ -1,8 +1,8 @@
1
- import tim_js_sdk__default from 'tim-js-sdk';
1
+ import _tencentcloud_chat__default from '@tencentcloud/chat';
2
2
 
3
3
  interface CreateGroupConversationParams {
4
4
  name: string;
5
- type?: tim_js_sdk__default.TYPES;
5
+ type?: _tencentcloud_chat__default.TYPES;
6
6
  groupID?: string;
7
7
  introduction?: string;
8
8
  notification?: string;
@@ -13,7 +13,7 @@ interface CreateGroupConversationParams {
13
13
  groupCustomField?: Array<object>;
14
14
  isSupportTopic?: boolean;
15
15
  }
16
- declare const useConversation: (tim: any) => {
16
+ declare const useConversation: (chat: any) => {
17
17
  createConversation: (conversationID: string) => Promise<any>;
18
18
  pinConversation: (options: {
19
19
  conversationID: string;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("tim-js-sdk"),n=require("../context/TUIConversationContext.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=o(t);exports.useConversation=function(t){var o=n.useTUIConversationContext("useConversation");return{createConversation:o.createConversation||function(n){return e.__awaiter(void 0,void 0,void 0,(function(){var o,i,a,u,s,c,p,v,d,C,f,l,m,g,b;return e.__generator(this,(function(e){switch(e.label){case 0:return"string"!=typeof n?[3,2]:[4,t.getConversationProfile(n)];case 1:return[2,e.sent().data.conversation];case 2:return o=n.name,i=n.type,a=n.groupID,u=n.introduction,s=n.notification,c=n.avatar,p=n.maxMemberNum,v=n.joinOption,d=n.memberList,C=void 0===d?[]:d,f=n.groupCustomField,l=void 0===f?[]:f,m=n.isSupportTopic,[4,t.createGroup({name:o,type:i,groupID:a,introduction:u,notification:s,avatar:c,maxMemberNum:p,joinOption:v,memberList:C,groupCustomField:l,isSupportTopic:m})];case 3:return g=e.sent(),b=g.data.group.groupID,i!==r.default.TYPES.GRP_AVCHATROOM?[3,5]:[4,t.joinGroup({groupID:b,type:r.default.TYPES.GRP_AVCHATROOM})];case 4:e.sent(),e.label=5;case 5:return[4,t.getConversationProfile("GROUP".concat(b))];case 6:return[2,e.sent().data.conversation]}}))}))},pinConversation:function(e){return t.pinConversation(e)},deleteConversation:o.deleteConversation||function(e){return t.deleteConversation(e)}}};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("@tencentcloud/chat"),n=require("../context/TUIConversationContext.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=o(t);exports.useConversation=function(t){var o=n.useTUIConversationContext("useConversation");return{createConversation:o.createConversation||function(n){return e.__awaiter(void 0,void 0,void 0,(function(){var o,i,a,u,s,c,p,v,d,l,C,f,m,g,b;return e.__generator(this,(function(e){switch(e.label){case 0:return"string"!=typeof n?[3,2]:[4,t.getConversationProfile(n)];case 1:return[2,e.sent().data.conversation];case 2:return o=n.name,i=n.type,a=n.groupID,u=n.introduction,s=n.notification,c=n.avatar,p=n.maxMemberNum,v=n.joinOption,d=n.memberList,l=void 0===d?[]:d,C=n.groupCustomField,f=void 0===C?[]:C,m=n.isSupportTopic,[4,t.createGroup({name:o,type:i,groupID:a,introduction:u,notification:s,avatar:c,maxMemberNum:p,joinOption:v,memberList:l,groupCustomField:f,isSupportTopic:m})];case 3:return g=e.sent(),b=g.data.group.groupID,i!==r.default.TYPES.GRP_AVCHATROOM?[3,5]:[4,t.joinGroup({groupID:b,type:r.default.TYPES.GRP_AVCHATROOM})];case 4:e.sent(),e.label=5;case 5:return[4,t.getConversationProfile("GROUP".concat(b))];case 6:return[2,e.sent().data.conversation]}}))}))},pinConversation:function(e){return t.pinConversation(e)},deleteConversation:o.deleteConversation||function(e){return t.deleteConversation(e)}}};
@@ -1,4 +1,4 @@
1
- declare const useProfile: (tim: any) => {
1
+ declare const useProfile: (chat: any) => {
2
2
  getUserProfile: (userIDList: any) => any;
3
3
  };
4
4
 
package/dist/cjs/index.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./components/TUIKit/TUIKit.js"),t=require("./components/TUIKit/hooks/useTUIKit.js"),o=require("./components/TUIKit/hooks/useCreateTUIKitContext.js"),s=require("./components/TUIConversation/TUIConversation.js"),r=require("./components/TUIConversationList/TUIConversationList.js");require("tslib"),require("react"),require("tim-js-sdk");var n=require("./components/TUIChat/TUIChat.js"),a=require("./components/ConversationPreview/ConversationPreview.js"),i=require("./components/ConversationPreview/ConversationPreviewContent.js"),p=require("./components/TUIChatHeader/TUIChatHeader.js"),u=require("./components/TUIChatHeader/TUIChatHeaderDefault.js"),I=require("./components/TUIMessageList/TUIMessageList.js"),C=require("./components/TUIMessage/TUIMessage.js"),x=require("./components/TUIMessage/MessagePlugins.js"),T=require("./components/TUIMessage/MessageContext.js"),U=require("./components/TUIMessageInput/TUIMessageInput.js"),c=require("./components/TUIMessageInput/TUIMessageInputDefault.js"),v=require("./components/TUIMessageInput/InputPluginsDefalut.js"),m=require("./components/TUIProfile/TUIProfile.js"),g=require("./components/TUIProfile/TUIProfileDefault.js"),l=require("./components/Avatar/Avatar.js"),h=require("./components/Avatar/default.js"),M=require("./components/ConversationSearch/ConversationSearchInput.js"),d=require("./components/ConversationSearch/ConversationSearchResult.js"),P=require("./components/TUIManage/TUIManage.js"),j=require("./components/Popup/index.js"),q=require("./components/Checkbox/index.js"),f=require("./components/DivWithEdit/DivWithEdit.js"),S=require("./components/Icon/Icon.js"),A=require("./components/Icon/type.js"),K=require("./components/EmptyStateIndicator/EmptyStateIndicator.js"),w=require("./components/Input/Input.js"),D=require("./components/Model/index.js"),y=require("./components/Plugins/index.js"),b=require("./components/Switch/Switch.js"),k=require("./components/Toast/index.js"),L=require("./context/TUIKitContext.js"),E=require("./context/TUIChatStateContext.js"),G=require("./context/TUIChatActionContext.js"),H=require("./context/TUIMessageContext.js"),W=require("./context/ComponentContext.js"),R=require("./context/TUIMessageInputContext.js"),O=require("./hooks/useConversation.js"),z=require("./hooks/useProfile.js");exports.TUIKit=e.TUIKit,exports.useTUIKit=t.useTUIKit,exports.useCreateTUIKitContext=o.useCreateTUIKitContext,exports.TUIConversation=s.TUIConversation,exports.UnMemoizedTUIConversation=s.UnMemoizedTUIConversation,exports.TUIConversationList=r.TUIConversationList,exports.UnMemoTUIConversationList=r.UnMemoTUIConversationList,exports.TUIChat=n.TUIChat,exports.ConversationPreview=a.ConversationPreview,exports.ConversationPreviewContent=i.ConversationPreviewContent,exports.unMemoConversationPreviewContent=i.unMemoConversationPreviewContent,exports.TUIChatHeader=p.TUIChatHeader,exports.TUIChatHeaderDefault=u.TUIChatHeaderDefault,exports.TUIMessageList=I.TUIMessageList,exports.TUIMessage=C.TUIMessage,exports.MessagePlugins=x.MessagePlugins,exports.MessageContext=T.MessageContext,exports.TUIMessageInput=U.TUIMessageInput,exports.TUIMessageInputDefault=c.TUIMessageInputDefault,exports.InputPluginsDefalut=v.InputPluginsDefalut,exports.TUIProfile=m.TUIProfile,exports.TUIProfileDefault=g.TUIProfileDefault,exports.Avatar=l.Avatar,exports.defaultGroupAvatarAVChatRoom=h.defaultGroupAvatarAVChatRoom,exports.defaultGroupAvatarMeeting=h.defaultGroupAvatarMeeting,exports.defaultGroupAvatarPublic=h.defaultGroupAvatarPublic,exports.defaultGroupAvatarWork=h.defaultGroupAvatarWork,exports.defaultUserAvatar=h.defaultUserAvatar,exports.ConversationSearchInput=M.ConversationSearchInput,exports.ConversationSearchResult=d.ConversationSearchResult,exports.TUIManage=P.TUIManage,exports.Popup=j.Popup,exports.Checkbox=q.Checkbox,exports.DivWithEdit=f.DivWithEdit,exports.Icon=S.Icon,exports.changeTypeToIconClassName=S.changeTypeToIconClassName,Object.defineProperty(exports,"IconTypes",{enumerable:!0,get:function(){return A.IconTypes}}),exports.EmptyStateIndicator=K.EmptyStateIndicator,exports.Input=w.Input,exports.Model=D.Model,exports.Plugins=y.Plugins,exports.Switch=b.Switch,exports.Toast=k.Toast,exports.TUIKitContext=L.TUIKitContext,exports.TUIKitProvider=L.TUIKitProvider,exports.useTUIKitContext=L.useTUIKitContext,exports.TUIChatStateContext=E.TUIChatStateContext,exports.TUIChatStateContextProvider=E.TUIChatStateContextProvider,exports.useTUIChatStateContext=E.useTUIChatStateContext,exports.TUIChatActionContext=G.TUIChatActionContext,exports.TUIChatActionProvider=G.TUIChatActionProvider,exports.useTUIChatActionContext=G.useTUIChatActionContext,exports.TUIMessageContext=H.TUIMessageContext,exports.TUIMessageContextProvider=H.TUIMessageContextProvider,Object.defineProperty(exports,"messageShowType",{enumerable:!0,get:function(){return H.messageShowType}}),exports.useTUIMessageContext=H.useTUIMessageContext,exports.ComponentContext=W.ComponentContext,exports.ComponentProvider=W.ComponentProvider,exports.useComponentContext=W.useComponentContext,exports.TUIMessageInputContext=R.TUIMessageInputContext,exports.TUIMessageInputContextProvider=R.TUIMessageInputContextProvider,exports.useTUIMessageInputContext=R.useTUIMessageInputContext,exports.useConversation=O.useConversation,exports.useProfile=z.useProfile;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./components/TUIKit/TUIKit.js"),t=require("./components/TUIKit/hooks/useTUIKit.js"),o=require("./components/TUIKit/hooks/useCreateTUIKitContext.js"),s=require("./components/TUIConversation/TUIConversation.js"),r=require("./components/TUIConversationList/TUIConversationList.js");require("tslib"),require("react"),require("@tencentcloud/chat");var n=require("./components/TUIChat/TUIChat.js"),a=require("./components/ConversationPreview/ConversationPreview.js"),i=require("./components/ConversationPreview/ConversationPreviewContent.js"),p=require("./components/TUIChatHeader/TUIChatHeader.js"),u=require("./components/TUIChatHeader/TUIChatHeaderDefault.js"),I=require("./components/TUIMessageList/TUIMessageList.js"),C=require("./components/TUIMessage/TUIMessage.js"),x=require("./components/TUIMessage/MessagePlugins.js"),T=require("./components/TUIMessage/MessageContext.js"),U=require("./components/TUIMessageInput/TUIMessageInput.js"),c=require("./components/TUIMessageInput/TUIMessageInputDefault.js"),v=require("./components/TUIMessageInput/InputPluginsDefalut.js"),g=require("./components/TUIProfile/TUIProfile.js"),m=require("./components/TUIProfile/TUIProfileDefault.js"),l=require("./components/Avatar/Avatar.js"),h=require("./components/Avatar/default.js"),M=require("./components/ConversationSearch/ConversationSearchInput.js"),d=require("./components/ConversationSearch/ConversationSearchResult.js"),P=require("./components/TUIManage/TUIManage.js"),j=require("./components/Popup/index.js"),q=require("./components/Checkbox/index.js"),f=require("./components/DivWithEdit/DivWithEdit.js"),S=require("./components/Icon/Icon.js"),A=require("./components/Icon/type.js"),K=require("./components/EmptyStateIndicator/EmptyStateIndicator.js"),w=require("./components/Input/Input.js"),D=require("./components/Model/index.js"),y=require("./components/Plugins/index.js"),b=require("./components/Switch/Switch.js"),L=require("./components/Toast/index.js"),k=require("./context/TUIKitContext.js"),E=require("./context/TUIChatStateContext.js"),G=require("./context/TUIChatActionContext.js"),H=require("./context/TUIMessageContext.js"),W=require("./context/ComponentContext.js"),R=require("./context/TUIMessageInputContext.js"),O=require("./hooks/useConversation.js"),z=require("./hooks/useProfile.js");exports.TUIKit=e.TUIKit,exports.useTUIKit=t.useTUIKit,exports.useCreateTUIKitContext=o.useCreateTUIKitContext,exports.TUIConversation=s.TUIConversation,exports.UnMemoizedTUIConversation=s.UnMemoizedTUIConversation,exports.TUIConversationList=r.TUIConversationList,exports.UnMemoTUIConversationList=r.UnMemoTUIConversationList,exports.TUIChat=n.TUIChat,exports.ConversationPreview=a.ConversationPreview,exports.ConversationPreviewContent=i.ConversationPreviewContent,exports.unMemoConversationPreviewContent=i.unMemoConversationPreviewContent,exports.TUIChatHeader=p.TUIChatHeader,exports.TUIChatHeaderDefault=u.TUIChatHeaderDefault,exports.TUIMessageList=I.TUIMessageList,exports.TUIMessage=C.TUIMessage,exports.MessagePlugins=x.MessagePlugins,exports.MessageContext=T.MessageContext,exports.TUIMessageInput=U.TUIMessageInput,exports.TUIMessageInputDefault=c.TUIMessageInputDefault,exports.InputPluginsDefalut=v.InputPluginsDefalut,exports.TUIProfile=g.TUIProfile,exports.TUIProfileDefault=m.TUIProfileDefault,exports.Avatar=l.Avatar,exports.defaultGroupAvatarAVChatRoom=h.defaultGroupAvatarAVChatRoom,exports.defaultGroupAvatarMeeting=h.defaultGroupAvatarMeeting,exports.defaultGroupAvatarPublic=h.defaultGroupAvatarPublic,exports.defaultGroupAvatarWork=h.defaultGroupAvatarWork,exports.defaultUserAvatar=h.defaultUserAvatar,exports.ConversationSearchInput=M.ConversationSearchInput,exports.ConversationSearchResult=d.ConversationSearchResult,exports.TUIManage=P.TUIManage,exports.Popup=j.Popup,exports.Checkbox=q.Checkbox,exports.DivWithEdit=f.DivWithEdit,exports.Icon=S.Icon,exports.changeTypeToIconClassName=S.changeTypeToIconClassName,Object.defineProperty(exports,"IconTypes",{enumerable:!0,get:function(){return A.IconTypes}}),exports.EmptyStateIndicator=K.EmptyStateIndicator,exports.Input=w.Input,exports.Model=D.Model,exports.Plugins=y.Plugins,exports.Switch=b.Switch,exports.Toast=L.Toast,exports.TUIKitContext=k.TUIKitContext,exports.TUIKitProvider=k.TUIKitProvider,exports.useTUIKitContext=k.useTUIKitContext,exports.TUIChatStateContext=E.TUIChatStateContext,exports.TUIChatStateContextProvider=E.TUIChatStateContextProvider,exports.useTUIChatStateContext=E.useTUIChatStateContext,exports.TUIChatActionContext=G.TUIChatActionContext,exports.TUIChatActionProvider=G.TUIChatActionProvider,exports.useTUIChatActionContext=G.useTUIChatActionContext,exports.TUIMessageContext=H.TUIMessageContext,exports.TUIMessageContextProvider=H.TUIMessageContextProvider,Object.defineProperty(exports,"messageShowType",{enumerable:!0,get:function(){return H.messageShowType}}),exports.useTUIMessageContext=H.useTUIMessageContext,exports.ComponentContext=W.ComponentContext,exports.ComponentProvider=W.ComponentProvider,exports.useComponentContext=W.useComponentContext,exports.TUIMessageInputContext=R.TUIMessageInputContext,exports.TUIMessageInputContextProvider=R.TUIMessageInputContextProvider,exports.useTUIMessageInputContext=R.useTUIMessageInputContext,exports.useConversation=O.useConversation,exports.useProfile=z.useProfile;
@@ -1 +1 @@
1
- import{__spreadArray as e,__assign as t,__awaiter as r,__generator as a}from"tslib";import{jsxs as o,Fragment as i,jsx as n}from"react/jsx-runtime";import{useState as c}from"react";import{Input as s}from"../Input/Input.js";import{Icon as u}from"../Icon/Icon.js";import{IconTypes as p}from"../Icon/type.js";import{Avatar as l}from"../Avatar/Avatar.js";import{defaultUserAvatar as m,defaultGroupAvatarAVChatRoom as d,defaultGroupAvatarMeeting as f,defaultGroupAvatarPublic as v,defaultGroupAvatarWork as g}from"../Avatar/default.js";import{PageStateTypes as h}from"./ConversationCreate.js";import{ConversationGroupTypeInfo as C,typeInfoList as N,GroupType as x}from"./ConversationGroupTypeInfo.js";import{useTUIKitContext as b}from"../../context/TUIKitContext.js";import"../../context/TUIMessageContext.js";function I(I){var y=this,j=I.profileList,k=I.pageState,P=I.setPageState,G=I.createConversation,T=I.setConversationCreated,A=b(),R=A.setActiveConversation,w=A.myProfile,D=e([],j,!0);D.unshift(w);var S=D.map((function(e){return e.nick||e.userID})).toString(),U=c(S.length>=15?"".concat(S.slice(0,12),"..."):S),O=U[0],W=U[1],_=c(""),E=_[0],L=_[1],M=c("Work"),Y=M[0],q=M[1],z=function(e,t){var r=e.target.value;switch(t){case"name":W(r);break;case"id":L(r);break;case"type":q(r)}};return k!==h.GROUP_TYPE?o(i,{children:[o("div",t({className:"tui-conversation-create-group-detail"},{children:[n("div",t({className:"create-group-box create-group-name"},{children:n(s,{maxLength:15,value:O,onChange:function(e){z(e,"name")},border:"bottom",customClassName:"input-group-name",clearable:!0,prefix:n("div",t({className:"input-group-title"},{children:"Group Name"}))})})),n("div",t({className:"create-group-box create-group-id"},{children:n(s,{border:"bottom",customClassName:"input-group-text",clearable:!0,value:E,onChange:function(e){z(e,"id")},prefix:n("div",t({className:"input-group-title"},{children:"Group ID"}))})})),n("div",t({className:"create-group-box create-group-type"},{children:n(s,{disabled:!0,border:"bottom",customClassName:"input-group-text",prefix:n("div",t({className:"input-group-title"},{children:"Group of type"})),suffix:n(u,{onClick:function(){P(h.GROUP_TYPE)},type:p.ARROW_RIGHT,width:7,height:12}),value:Y,onChange:function(e){z(e,"type")}})})),n("div",t({className:"create-group-illustrate"},{children:N.find((function(e){return e.type===Y})).des})),o("div",t({className:"create-group-portrait"},{children:[n("div",t({className:"create-group-portrait-title"},{children:"Participants"})),n("div",t({className:"create-group-portrait-info-container"},{children:j.map((function(e){var r=e.avatar,a=e.userID,i=e.nick;return o("div",t({className:"create-group-portrait-info"},{children:[n(l,{shape:"square",size:50,image:r||m}),n("div",t({className:"create-group-portrait-info-nick"},{children:i}))]}),a)}))}))]}))]})),n("div",t({className:"tui-conversation-create-next-container"},{children:n("div",t({role:"presentation",className:"tui-conversation-create-next",onClick:function(){return r(y,void 0,void 0,(function(){var e,t;return a(this,(function(r){switch(r.label){case 0:return e=function(e){switch(e){case"Work":return g;case"Public":return v;case"Meeting":return f;case"AVChatRoom":return d;default:return""}}(Y),[4,G({name:O,type:x[Y],groupID:E,avatar:e})];case 1:return t=r.sent(),R(t),T(!1),[2]}}))}))}},{children:"Create"}))}))]}):n(C,{groupType:Y,setGroupType:q,setPageState:P})}export{I as ConversationCreatGroupDetail};
1
+ import{__spreadArray as e,__assign as t,__awaiter as r,__generator as a}from"tslib";import{jsxs as i,Fragment as o,jsx as n}from"react/jsx-runtime";import{useState as c}from"react";import{Input as s}from"../Input/Input.js";import{Icon as u}from"../Icon/Icon.js";import{IconTypes as p}from"../Icon/type.js";import{Avatar as l}from"../Avatar/Avatar.js";import{defaultUserAvatar as m,defaultGroupAvatarAVChatRoom as d,defaultGroupAvatarMeeting as f,defaultGroupAvatarPublic as v,defaultGroupAvatarWork as g}from"../Avatar/default.js";import{PageStateTypes as h}from"./ConversationCreate.js";import{ConversationGroupTypeInfo as C,typeInfoList as N,GroupType as b}from"./ConversationGroupTypeInfo.js";import{useTUIKitContext as x}from"../../context/TUIKitContext.js";import"../../context/TUIMessageContext.js";function I(I){var y=this,j=I.profileList,k=I.pageState,P=I.setPageState,G=I.createConversation,T=I.setConversationCreated,A=x(),D=A.setActiveConversation,R=A.myProfile,w=e([],j,!0);w.unshift(R);var S=w.map((function(e){return e.nick||e.userID})).toString(),U=c(S.length>=15?"".concat(S.slice(0,12),"..."):S),L=U[0],O=U[1],W=c(""),_=W[0],E=W[1],M=c("Work"),Y=M[0],q=M[1],z=function(e,t){var r=e.target.value;switch(t){case"name":O(r);break;case"id":E(r);break;case"type":q(r)}};return k!==h.GROUP_TYPE?i(o,{children:[i("div",t({className:"tui-conversation-create-group-detail"},{children:[n("div",t({className:"create-group-box create-group-name"},{children:n(s,{maxLength:15,value:L,onChange:function(e){z(e,"name")},border:"bottom",customClassName:"input-group-name",clearable:!0,prefix:n("div",t({className:"input-group-title"},{children:"Group Name"}))})})),n("div",t({className:"create-group-box create-group-id"},{children:n(s,{border:"bottom",customClassName:"input-group-text",clearable:!0,value:_,onChange:function(e){z(e,"id")},prefix:n("div",t({className:"input-group-title"},{children:"Group ID"}))})})),n("div",t({className:"create-group-box create-group-type"},{children:n(s,{disabled:!0,border:"bottom",customClassName:"input-group-text",prefix:n("div",t({className:"input-group-title"},{children:"Group of type"})),suffix:n(u,{onClick:function(){P(h.GROUP_TYPE)},type:p.ARROW_RIGHT,width:7,height:12}),value:Y,onChange:function(e){z(e,"type")}})})),n("div",t({className:"create-group-illustrate"},{children:N.find((function(e){return e.type===Y})).des})),i("div",t({className:"create-group-portrait"},{children:[n("div",t({className:"create-group-portrait-title"},{children:"Participants"})),n("div",t({className:"create-group-portrait-info-container"},{children:j.map((function(e){var r=e.avatar,a=e.userID,o=e.nick;return i("div",t({className:"create-group-portrait-info"},{children:[n(l,{shape:"square",size:50,image:r||m}),n("div",t({className:"create-group-portrait-info-nick"},{children:o}))]}),a)}))}))]}))]})),n("div",t({className:"tui-conversation-create-next-container"},{children:n("div",t({role:"presentation",className:"tui-conversation-create-next",onClick:function(){return r(y,void 0,void 0,(function(){var e,t,r;return a(this,(function(a){switch(a.label){case 0:return e=j.map((function(e){return{userID:e.userID}})),t=function(e){switch(e){case"Work":return g;case"Public":return v;case"Meeting":return f;case"AVChatRoom":return d;default:return""}}(Y),[4,G({name:L,type:b[Y],groupID:_,avatar:t,memberList:e})];case 1:return r=a.sent(),D(r),T(!1),[2]}}))}))}},{children:"Create"}))}))]}):n(C,{groupType:Y,setGroupType:q,setPageState:P})}export{I as ConversationCreatGroupDetail};
@@ -1 +1 @@
1
- import{__assign as e}from"tslib";import{jsxs as t,Fragment as r,jsx as o}from"react/jsx-runtime";import{useState as i,useMemo as s}from"react";import{Icon as a}from"../Icon/Icon.js";import{IconTypes as n}from"../Icon/type.js";import{ConversationCreateUserSelectList as c}from"./ConversationCreateUserSelectList.js";import{ConversationCreatGroupDetail as C}from"./ConversationCreatGroupDetail.js";import{useTUIKitContext as m}from"../../context/TUIKitContext.js";import"../../context/TUIMessageContext.js";import{useConversation as E}from"../../hooks/useConversation.js";var p;function f(f){var l=f.className,v=void 0===l?"":l,T=f.setConversationCreated,u=f.conversationList,S=void 0===u?[]:u,d=i(!1),L=d[0],h=d[1],R=i(p.USER_SELECT),U=R[0],_=R[1],I=i([]),j=I[0],A=I[1],x=m().tim,P=E(x).createConversation,G=function(){if(L)switch(U){case p.USER_SELECT:h(!1);break;case p.CREATE_DETAIL:_(p.USER_SELECT),A([]);break;case p.GROUP_TYPE:_(p.CREATE_DETAIL)}else T(!1)};return s((function(){return t(r,{children:[t("div",e({className:"tui-conversation-create-header"},{children:[o(a,{onClick:G,type:n.BACK,width:9,height:16}),o("div",e({className:"title"},{children:L?"Add Participants":"New Chat"}))]})),U===p.USER_SELECT?o(c,{isCreateGroup:L,setIsCreateGroup:h,className:v,selectList:j,setSelectList:A,conversationList:S,setConversationCreated:T,setPageState:_}):o(C,{pageState:U,setPageState:_,profileList:j.map((function(e){return e.profile})),createConversation:P,setConversationCreated:T})]})}),[L,j,U])}!function(e){e.USER_SELECT="Next",e.CREATE_DETAIL="Create",e.GROUP_TYPE="GroupType"}(p||(p={}));export{f as ConversationCreate,p as PageStateTypes};
1
+ import{__assign as e}from"tslib";import{jsxs as t,Fragment as r,jsx as o}from"react/jsx-runtime";import{useState as i,useMemo as s}from"react";import{Icon as a}from"../Icon/Icon.js";import{IconTypes as n}from"../Icon/type.js";import{ConversationCreateUserSelectList as c}from"./ConversationCreateUserSelectList.js";import{ConversationCreatGroupDetail as C}from"./ConversationCreatGroupDetail.js";import{useTUIKitContext as E}from"../../context/TUIKitContext.js";import"../../context/TUIMessageContext.js";import{useConversation as m}from"../../hooks/useConversation.js";var p;function f(f){var l=f.className,v=void 0===l?"":l,T=f.setConversationCreated,u=f.conversationList,S=void 0===u?[]:u,d=i(!1),L=d[0],h=d[1],R=i(p.USER_SELECT),U=R[0],_=R[1],I=i([]),j=I[0],A=I[1],x=E().chat,P=m(x).createConversation,G=function(){if(L)switch(U){case p.USER_SELECT:h(!1);break;case p.CREATE_DETAIL:_(p.USER_SELECT),A([]);break;case p.GROUP_TYPE:_(p.CREATE_DETAIL)}else T(!1)};return s((function(){return t(r,{children:[t("div",e({className:"tui-conversation-create-header"},{children:[o(a,{onClick:G,type:n.BACK,width:9,height:16}),o("div",e({className:"title"},{children:L?"Add Participants":"New Chat"}))]})),U===p.USER_SELECT?o(c,{isCreateGroup:L,setIsCreateGroup:h,className:v,selectList:j,setSelectList:A,conversationList:S,setConversationCreated:T,setPageState:_}):o(C,{pageState:U,setPageState:_,profileList:j.map((function(e){return e.profile})),createConversation:P,setConversationCreated:T})]})}),[L,j,U])}!function(e){e.USER_SELECT="Next",e.CREATE_DETAIL="Create",e.GROUP_TYPE="GroupType"}(p||(p={}));export{f as ConversationCreate,p as PageStateTypes};
@@ -1 +1 @@
1
- import{__assign as e,__awaiter as t,__generator as r,__spreadArray as n}from"tslib";import{jsxs as i,Fragment as o,jsx as c}from"react/jsx-runtime";import{useState as a,useRef as s}from"react";import{Input as u}from"../Input/Input.js";import{Icon as l}from"../Icon/Icon.js";import{IconTypes as m}from"../Icon/type.js";import{ConversationCreateSelectView as p}from"./ConversationCreateSelectView.js";import{Avatar as d}from"../Avatar/Avatar.js";import{defaultUserAvatar as h}from"../Avatar/default.js";import{useConversationCreate as v}from"./hooks/useConversationCreate.js";import{useTUIKitContext as f}from"../../context/TUIKitContext.js";import"../../context/TUIMessageContext.js";import{PageStateTypes as C}from"./ConversationCreate.js";import{useConversation as x}from"../../hooks/useConversation.js";import{Toast as g}from"../Toast/index.js";function N(N){var j=this,k=N.isCreateGroup,I=N.selectList,b=N.setSelectList,y=N.className,A=N.conversationList,L=N.setIsCreateGroup,S=N.setConversationCreated,D=N.setPageState,w=a(""),E=w[0],T=w[1],G=f(),R=G.tim,F=G.setActiveConversation,M=a({}),P=M[0],U=M[1],z=v(R,A,(function(e){U(e)})).getFriendListSortSearchResult,H=x(R).createConversation,K=s(new Map);return i(o,{children:[c(u,{className:"tui-conversation-create-search-input",placeholder:"Search",clearable:!0,value:E,onChange:function(e){return t(j,void 0,void 0,(function(){var t,n;return r(this,(function(r){switch(r.label){case 0:return t=e.target.value,T(t),n=U,[4,z(t)];case 1:return n.apply(void 0,[r.sent()]),[2]}}))}))},prefix:c(l,{type:m.SEARCH,height:16,width:16})}),k&&c(p,{selectList:I,setSelectList:b}),!k&&i("div",e({role:"presentation",className:"tui-user",onClick:function(){L(!0),K.current.clear(),b([])}},{children:[c(l,{type:m.ADD}),c("div",e({className:"tui-user-name active"},{children:"New Group"}))]})),c("div",e({className:"tui-conversation-create ".concat(y)},{children:c("div",e({className:"tui-conversation-create-container"},{children:c("div",e({className:"tui-group-container"},{children:Object.keys(P).map((function(o){return 0!==P[o].length&&i("div",e({className:"tui-group-box"},{children:[c("div",e({className:"title"},{children:o})),P[o].map((function(a,s){var u=a.userID,l=a.nick,m=a.avatar;return i("label",e({role:"presentation",className:"tui-user tui-user-checkbox-label",htmlFor:"userChecked-".concat(o,"-").concat(u),onClick:function(e){!function(e){t(j,void 0,void 0,(function(){var t,n;return r(this,(function(r){switch(r.label){case 0:return k?[2]:(t=e.userID,[4,H("C2C".concat(t))]);case 1:return n=r.sent(),S(!1),F(n),[2]}}))}))}(a)}},{children:[c(d,{size:30,image:m||h}),c("div",e({className:"tui-user-name"},{children:l||"".concat(u)})),k&&c("input",{onChange:function(e){!function(e,t,r){void 0===r&&(r=[]);var i=t.userID,o=e.target.checked;r.forEach((function(e){e.checked=o})),o?I.push({profile:t,domList:r}):I.splice(I.findIndex((function(e){return e.profile.userID===i})),1),b(n([],I,!0))}(e,a,K.current.get(u))},type:"checkbox",ref:function(e){!function(e,t){if(t){K.current.has(e)||K.current.set(e,[]);var r=K.current.get(e);0!==r.length&&r.some((function(e){return e.id===t.id}))||r.push(t)}}(u,e)},id:"userChecked-".concat(o,"-").concat(u),className:"tui-user-checkbox"})]}),u)}))]}),o)}))}))}))})),k&&c("div",e({className:"tui-conversation-create-next-container"},{children:c("div",e({role:"presentation",className:"tui-conversation-create-next",onClick:function(){I&&0===I.length?g({text:"Participant cannot be empty.",type:"error"}):D(C.CREATE_DETAIL)}},{children:"Next"}))}))]})}export{N as ConversationCreateUserSelectList};
1
+ import{__assign as e,__awaiter as t,__generator as r,__spreadArray as n}from"tslib";import{jsxs as i,Fragment as o,jsx as c}from"react/jsx-runtime";import{useState as a,useRef as s}from"react";import{Input as u}from"../Input/Input.js";import{Icon as l}from"../Icon/Icon.js";import{IconTypes as m}from"../Icon/type.js";import{ConversationCreateSelectView as p}from"./ConversationCreateSelectView.js";import{Avatar as d}from"../Avatar/Avatar.js";import{defaultUserAvatar as h}from"../Avatar/default.js";import{useConversationCreate as v}from"./hooks/useConversationCreate.js";import{useTUIKitContext as f}from"../../context/TUIKitContext.js";import"../../context/TUIMessageContext.js";import{PageStateTypes as C}from"./ConversationCreate.js";import{useConversation as x}from"../../hooks/useConversation.js";import{Toast as g}from"../Toast/index.js";function N(N){var j=this,k=N.isCreateGroup,I=N.selectList,b=N.setSelectList,y=N.className,A=N.conversationList,L=N.setIsCreateGroup,S=N.setConversationCreated,D=N.setPageState,w=a(""),E=w[0],T=w[1],G=f(),R=G.chat,F=G.setActiveConversation,M=a({}),P=M[0],U=M[1],z=v(R,A,(function(e){U(e)})).getFriendListSortSearchResult,H=x(R).createConversation,K=s(new Map);return i(o,{children:[c(u,{className:"tui-conversation-create-search-input",placeholder:"Search",clearable:!0,value:E,onChange:function(e){return t(j,void 0,void 0,(function(){var t,n;return r(this,(function(r){switch(r.label){case 0:return t=e.target.value,T(t),n=U,[4,z(t)];case 1:return n.apply(void 0,[r.sent()]),[2]}}))}))},prefix:c(l,{type:m.SEARCH,height:16,width:16})}),k&&c(p,{selectList:I,setSelectList:b}),!k&&i("div",e({role:"presentation",className:"tui-user",onClick:function(){L(!0),K.current.clear(),b([])}},{children:[c(l,{type:m.ADD}),c("div",e({className:"tui-user-name active"},{children:"New Group"}))]})),c("div",e({className:"tui-conversation-create ".concat(y)},{children:c("div",e({className:"tui-conversation-create-container"},{children:c("div",e({className:"tui-group-container"},{children:Object.keys(P).map((function(o){return 0!==P[o].length&&i("div",e({className:"tui-group-box"},{children:[c("div",e({className:"title"},{children:o})),P[o].map((function(a,s){var u=a.userID,l=a.nick,m=a.avatar;return i("label",e({role:"presentation",className:"tui-user tui-user-checkbox-label",htmlFor:"userChecked-".concat(o,"-").concat(u),onClick:function(e){!function(e){t(j,void 0,void 0,(function(){var t,n;return r(this,(function(r){switch(r.label){case 0:return k?[2]:(t=e.userID,[4,H("C2C".concat(t))]);case 1:return n=r.sent(),S(!1),F(n),[2]}}))}))}(a)}},{children:[c(d,{size:30,image:m||h}),c("div",e({className:"tui-user-name"},{children:l||"".concat(u)})),k&&c("input",{onChange:function(e){!function(e,t,r){void 0===r&&(r=[]);var i=t.userID,o=e.target.checked;r.forEach((function(e){e.checked=o})),o?I.push({profile:t,domList:r}):I.splice(I.findIndex((function(e){return e.profile.userID===i})),1),b(n([],I,!0))}(e,a,K.current.get(u))},type:"checkbox",ref:function(e){!function(e,t){if(t){K.current.has(e)||K.current.set(e,[]);var r=K.current.get(e);0!==r.length&&r.some((function(e){return e.id===t.id}))||r.push(t)}}(u,e)},id:"userChecked-".concat(o,"-").concat(u),className:"tui-user-checkbox"})]}),u)}))]}),o)}))}))}))})),k&&c("div",e({className:"tui-conversation-create-next-container"},{children:c("div",e({role:"presentation",className:"tui-conversation-create-next",onClick:function(){I&&0===I.length?g({text:"Participant cannot be empty.",type:"error"}):D(C.CREATE_DETAIL)}},{children:"Next"}))}))]})}export{N as ConversationCreateUserSelectList};
@@ -1 +1 @@
1
- import{__awaiter as t,__generator as e}from"tslib";import{useState as r,useEffect as o}from"react";import n from"tim-js-sdk";import{strChineseFirstPy as i}from"../static/word.js";import"react/jsx-runtime";import"../../../context/TUIMessageContext.js";import"../../Icon/config.js";import"../../Icon/type.js";import"date-fns";import"../ConversationCreate.js";import"../ConversationGroupTypeInfo.js";import"../../TUIProfile/TUIProfileDefault.js";import"../../../constants.js";import"../../TUIMessage/hooks/useMessageReply.js";import"../../TUIMessage/MessagePlugins.js";import"../../TUIMessage/MessageContext.js";import"../../TUIMessageInput/hooks/useHandleQuoteMessage.js";import"../../Switch/Switch.js";import{useProfile as s}from"../../../hooks/useProfile.js";var u=function(u,c,a){var f=r({}),p=f[0],m=f[1],l=function(t){var e=t.trim(),r=e.charCodeAt(0);return r>40869||r<19968?e.charAt(0):i.charAt(r-19968)},d=function(){return t(void 0,void 0,void 0,(function(){var t,r,o,i,s;return e(this,(function(e){switch(e.label){case 0:return t=c.filter((function(t){return t.type===n.TYPES.CONV_C2C})).slice(0,5).map((function(t){return t.userProfile})),[4,u.getFriendList()];case 1:return r=e.sent(),o=r.code,i=r.data,0===o&&(s=v(i.map((function(t){return t.profile})),t),m(s),a&&a(s,m)),[2]}}))}))},v=function(t,e){void 0===e&&(e=[]);for(var r={"Frequently Contacted":e,"#":[]},o=65;o<=90;o+=1)r[String.fromCharCode(o)]=[];return t.forEach((function(t){var e=t.nick,o=t.userID,n=l(e||o);n>="a"&&n<="z"?r[n.toLocaleUpperCase()].push(t):n<"A"||n>"z"?r["#"].push(t):r[n].push(t)})),Object.keys(r).forEach((function(t){r[t].sort((function(t,e){var r=t.nick,o=t.userID,n=e.nick,i=e.userID;return r||o<n||i||r||o===n||i?1:-1}))})),r},h=s(u).getUserProfile;return o((function(){d()}),[u]),{getFirstLetter:l,queryFriendList:d,getFriendListSortSearchResult:function(r){return t(void 0,void 0,void 0,(function(){var t,o,n,i;return e(this,(function(e){switch(e.label){case 0:return r?[4,h([r])]:[2,p];case 1:return t=e.sent().data,o={},n=!1,Object.keys(p).forEach((function(t){o[t]=p[t].filter((function(t){var e=t.nick,o=t.userID,i=e.toLocaleLowerCase(),s=r.toLocaleLowerCase(),u=i?i.includes(s):o.includes(s);return n=n||u,u}))})),"TencentCloudDemo"===(null===(i=process.env)||void 0===i?void 0:i.REACT_APP_ONLINE)?[2,o]:[2,n?o:v(t)]}}))}))},friendListSortResult:p}};export{u as useConversationCreate};
1
+ import{__awaiter as t,__generator as e}from"tslib";import{useState as r,useEffect as o}from"react";import n from"@tencentcloud/chat";import{strChineseFirstPy as i}from"../static/word.js";import"react/jsx-runtime";import"../../../context/TUIMessageContext.js";import"../../Icon/config.js";import"../../Icon/type.js";import"date-fns";import"../ConversationCreate.js";import"../ConversationGroupTypeInfo.js";import"../../TUIProfile/TUIProfileDefault.js";import"../../../constants.js";import"../../TUIMessage/hooks/useMessageReply.js";import"../../TUIMessage/MessagePlugins.js";import"../../TUIMessage/MessageContext.js";import"../../TUIMessageInput/hooks/useHandleQuoteMessage.js";import"../../Switch/Switch.js";import{useProfile as s}from"../../../hooks/useProfile.js";var c=function(c,u,a){var f=r({}),p=f[0],l=f[1],m=function(t){var e=t.trim(),r=e.charCodeAt(0);return r>40869||r<19968?e.charAt(0):i.charAt(r-19968)},d=function(){return t(void 0,void 0,void 0,(function(){var t,r,o,i,s;return e(this,(function(e){switch(e.label){case 0:return t=u.filter((function(t){return t.type===n.TYPES.CONV_C2C})).slice(0,5).map((function(t){return t.userProfile})),[4,c.getFriendList()];case 1:return r=e.sent(),o=r.code,i=r.data,0===o&&(s=h(i.map((function(t){return t.profile})),t),l(s),a&&a(s,l)),[2]}}))}))},h=function(t,e){void 0===e&&(e=[]);for(var r={"Frequently Contacted":e,"#":[]},o=65;o<=90;o+=1)r[String.fromCharCode(o)]=[];return t.forEach((function(t){var e=t.nick,o=t.userID,n=m(e||o);n>="a"&&n<="z"?r[n.toLocaleUpperCase()].push(t):n<"A"||n>"z"?r["#"].push(t):r[n].push(t)})),Object.keys(r).forEach((function(t){r[t].sort((function(t,e){var r=t.nick,o=t.userID,n=e.nick,i=e.userID;return r||o<n||i||r||o===n||i?1:-1}))})),r},v=s(c).getUserProfile;return o((function(){d()}),[c]),{getFirstLetter:m,queryFriendList:d,getFriendListSortSearchResult:function(r){return t(void 0,void 0,void 0,(function(){var t,o,n,i;return e(this,(function(e){switch(e.label){case 0:return r?[4,v([r])]:[2,p];case 1:return t=e.sent().data,o={},n=!1,Object.keys(p).forEach((function(t){o[t]=p[t].filter((function(t){var e=t.nick,o=t.userID,i=e.toLocaleLowerCase(),s=r.toLocaleLowerCase(),c=i?i.includes(s):o.includes(s);return n=n||c,c}))})),"TencentCloudDemo"===(null===(i=process.env)||void 0===i?void 0:i.REACT_APP_ONLINE)?[2,o]:[2,n?o:h(t)]}}))}))},friendListSortResult:p}};export{c as useConversationCreate};
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { Conversation } from 'tim-js-sdk';
2
+ import { Conversation } from '@tencentcloud/chat';
3
3
 
4
4
  interface ConversationListContainerProps {
5
5
  error?: Error | null;
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { Conversation } from 'tim-js-sdk';
2
+ import { Conversation } from '@tencentcloud/chat';
3
3
  import { TUIKitContextValue } from '../../context/TUIKitContext.js';
4
4
  import { AvatarProps } from '../Avatar/Avatar.js';
5
5
 
@@ -1 +1 @@
1
- import{__assign as e}from"tslib";import{jsxs as n,jsx as o}from"react/jsx-runtime";import i,{useRef as t,useState as r}from"react";import{Avatar as a}from"../Avatar/Avatar.js";import{Icon as s}from"../Icon/Icon.js";import{IconTypes as c}from"../Icon/type.js";import{Plugins as l}from"../Plugins/index.js";import{useConversation as m}from"../../hooks/useConversation.js";import{useTUIKitContext as d}from"../../context/TUIKitContext.js";import"../../context/TUIMessageContext.js";function v(i){var v=i.conversation,p=i.Avatar,u=void 0===p?a:p,h=i.displayImage,f=i.displayTitle,C=i.displayMessage,N=i.displayTime,g=i.unread,P=i.active,x=i.setActiveConversation,I=t(null),j=P?"conversation-preview-content--active":"",w=g&&g>=1?"conversation-preview-content--unread":"",y=v.isPinned?"conversation-preview-content--pin":"",b=r(!1),M=b[0],k=b[1],A=d("ConversationPreviewContent"),T=A.tim,D=A.conversation,E=m(T),F=E.pinConversation,U=E.deleteConversation,z=function(e){var n=v.conversationID,o=v.isPinned;switch(e){case"pin":F({conversationID:n,isPinned:!o});break;case"delete":U(n),v===D&&x(null)}};return n("button",e({type:"button","aria-selected":P,role:"option",className:"conversation-preview-container ".concat(j," ").concat(w," ").concat(y),onClick:function(){x&&x(v),(null==I?void 0:I.current)&&I.current.blur()},onMouseEnter:function(){k(!0)},onMouseLeave:function(){k(!1)},ref:I},{children:[o("div",e({className:"avatar"},{children:o(u,{image:h,name:f,size:40})})),n("div",e({className:"content"},{children:[o("div",e({className:"title"},{children:f})),o("div",e({className:"message"},{children:C}))]})),n("div",e({className:"external"},{children:[o("div",g?e({className:"unread"},{children:g<=99?g:"99+"}):{className:"unread"}),o("div",M?e({className:"".concat(M?"more--hover":"more")},{children:o(l,{customClass:"more-handle-box",plugins:[o("div",e({role:"presentation",className:"more-handle-item",onClick:function(e){e.stopPropagation(),z("pin")}},{children:v.isPinned?"Cancel Pin":"Pin"})),o("div",e({className:"more-handle-item",style:{color:"#FF584C"},onClick:function(e){e.stopPropagation(),z("delete")},role:"presentation"},{children:"Delete"}))],showNumber:0,MoreIcon:o(s,{className:"icon-more",width:16,height:16,type:c.MORE})})}):e({className:"time"},{children:N}))]}))]}))}var p=i.memo(v);export{p as ConversationPreviewContent,v as unMemoConversationPreviewContent};
1
+ import{__assign as e}from"tslib";import{jsxs as n,jsx as o}from"react/jsx-runtime";import i,{useRef as t,useState as a}from"react";import{Avatar as r}from"../Avatar/Avatar.js";import{Icon as s}from"../Icon/Icon.js";import{IconTypes as c}from"../Icon/type.js";import{Plugins as l}from"../Plugins/index.js";import{useConversation as m}from"../../hooks/useConversation.js";import{useTUIKitContext as d}from"../../context/TUIKitContext.js";import"../../context/TUIMessageContext.js";function v(i){var v=i.conversation,p=i.Avatar,u=void 0===p?r:p,h=i.displayImage,f=i.displayTitle,C=i.displayMessage,N=i.displayTime,g=i.unread,P=i.active,x=i.setActiveConversation,I=t(null),j=P?"conversation-preview-content--active":"",w=g&&g>=1?"conversation-preview-content--unread":"",y=v.isPinned?"conversation-preview-content--pin":"",b=a(!1),M=b[0],k=b[1],A=d("ConversationPreviewContent"),T=A.chat,D=A.conversation,E=m(T),F=E.pinConversation,U=E.deleteConversation,z=function(e){var n=v.conversationID,o=v.isPinned;switch(e){case"pin":F({conversationID:n,isPinned:!o});break;case"delete":U(n),v===D&&x(null)}};return n("button",e({type:"button","aria-selected":P,role:"option",className:"conversation-preview-container ".concat(j," ").concat(w," ").concat(y),onClick:function(){x&&x(v),(null==I?void 0:I.current)&&I.current.blur()},onMouseEnter:function(){k(!0)},onMouseLeave:function(){k(!1)},ref:I},{children:[o("div",e({className:"avatar"},{children:o(u,{image:h,name:f,size:40})})),n("div",e({className:"content"},{children:[o("div",e({className:"title"},{children:f})),o("div",e({className:"message"},{children:C}))]})),n("div",e({className:"external"},{children:[o("div",g?e({className:"unread"},{children:g<=99?g:"99+"}):{className:"unread"}),o("div",M?e({className:"".concat(M?"more--hover":"more")},{children:o(l,{customClass:"more-handle-box",plugins:[o("div",e({role:"presentation",className:"more-handle-item",onClick:function(e){e.stopPropagation(),z("pin")}},{children:v.isPinned?"Cancel Pin":"Pin"})),o("div",e({className:"more-handle-item",style:{color:"#FF584C"},onClick:function(e){e.stopPropagation(),z("delete")},role:"presentation"},{children:"Delete"}))],showNumber:0,MoreIcon:o(s,{className:"icon-more",width:16,height:16,type:c.MORE})})}):e({className:"time"},{children:N}))]}))]}))}var p=i.memo(v);export{p as ConversationPreviewContent,v as unMemoConversationPreviewContent};
@@ -1 +1 @@
1
- import{__assign as e}from"tslib";import{jsxs as r,jsx as t}from"react/jsx-runtime";import{isThisYear as a,format as o,isToday as s,isYesterday as i,formatDistance as n,isThisWeek as c}from"date-fns";import l from"tim-js-sdk";import"react";import"../Icon/config.js";import"../Icon/type.js";import{defaultGroupAvatarWork as u,defaultUserAvatar as d}from"../Avatar/default.js";import{formatEmojiString as p}from"../TUIMessage/utils/emojiMap.js";var f=function(a,o,s){void 0===s&&(s="#147AFF");var i=v(a),n=i.name,c=i.nick,u=i.groupID,d=i.userID,p="";switch(a.type){case l.TYPES.CONV_C2C:p=c||d;break;case l.TYPES.CONV_GROUP:p=n||u;break;default:p=""}var f,m;return o?(m=(f=p).toLocaleLowerCase().indexOf(o.toLocaleLowerCase()),r("div",{children:[t("span",{children:f.slice(0,m)}),t("span",e({style:{color:s}},{children:f.slice(m,m+o.length)})),t("span",{children:f.slice(m+o.length)})]})):p},m=function(e){var r=e.type,t=v(e).avatar,a=t;if(!t)switch(r){case l.TYPES.CONV_C2C:a=d;break;case l.TYPES.CONV_GROUP:default:a=u}return a},C=function(a,o){var s=a.lastMessage,i=a.type,n=s.fromAccount,c=s.nick,u=s.nameCard,d=s.isRevoked,f="";switch(i){case l.TYPES.CONV_GROUP:f=(null==s?void 0:s.fromAccount)===(null==o?void 0:o.userID)?"You":"".concat(u||c||n||""),f="".concat(f?"".concat(f,":"):"");break;case l.TYPES.CONV_C2C:f=d?"you ":""}return r("div",e({style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}},{children:[t("span",{children:f}),t("span",{children:s.isRevoked?"recalled a message":p(s.messageForShow,1)})]}))},v=function(e){if(!e)return null;var r={},t=e.type,a=e.groupProfile,o=e.userProfile;switch(t){case l.TYPES.CONV_C2C:r=o;break;case l.TYPES.CONV_GROUP:r=a;case l.TYPES.CONV_SYSTEM:}return r},h=function(e){var r=e.lastMessage;return O(1e3*r.lastTime)},O=function(e){return e?a(e)?s(e)?o(e,"p"):i(e)?n(e,new Date):c(e)?o(e,"eeee"):o(e,"MMM dd"):o(e,"yyyy MMM dd"):""};export{m as getDisplayImage,C as getDisplayMessage,h as getDisplayTime,f as getDisplayTitle,v as getMessageProfile,O as getTimeStamp};
1
+ import{__assign as e}from"tslib";import{jsxs as r,jsx as t}from"react/jsx-runtime";import{isThisYear as a,format as o,isToday as n,isYesterday as c,formatDistance as i,isThisWeek as s}from"date-fns";import l from"@tencentcloud/chat";import"react";import"../Icon/config.js";import"../Icon/type.js";import{defaultGroupAvatarWork as u,defaultUserAvatar as d}from"../Avatar/default.js";import{formatEmojiString as p}from"../TUIMessage/utils/emojiMap.js";var f=function(a,o,n){void 0===n&&(n="#147AFF");var c=v(a),i=c.name,s=c.nick,u=c.groupID,d=c.userID,p="";switch(a.type){case l.TYPES.CONV_C2C:p=s||d;break;case l.TYPES.CONV_GROUP:p=i||u;break;default:p=""}var f,m;return o?(m=(f=p).toLocaleLowerCase().indexOf(o.toLocaleLowerCase()),r("div",{children:[t("span",{children:f.slice(0,m)}),t("span",e({style:{color:n}},{children:f.slice(m,m+o.length)})),t("span",{children:f.slice(m+o.length)})]})):p},m=function(e){var r=e.type,t=v(e).avatar,a=t;if(!t)switch(r){case l.TYPES.CONV_C2C:a=d;break;case l.TYPES.CONV_GROUP:default:a=u}return a},C=function(a,o){var n=a.lastMessage,c=a.type,i=n.fromAccount,s=n.nick,u=n.nameCard,d=n.isRevoked,f="";switch(c){case l.TYPES.CONV_GROUP:f=(null==n?void 0:n.fromAccount)===(null==o?void 0:o.userID)?"You":"".concat(u||s||i||""),f="".concat(f?"".concat(f,":"):"");break;case l.TYPES.CONV_C2C:f=d?"you ":""}return r("div",e({style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}},{children:[t("span",{children:f}),t("span",{children:n.isRevoked?"recalled a message":p(n.messageForShow,1)})]}))},v=function(e){if(!e)return null;var r={},t=e.type,a=e.groupProfile,o=e.userProfile;switch(t){case l.TYPES.CONV_C2C:r=o;break;case l.TYPES.CONV_GROUP:r=a;case l.TYPES.CONV_SYSTEM:}return r},h=function(e){var r=e.lastMessage;return O(1e3*r.lastTime)},O=function(e){return e?a(e)?n(e)?o(e,"p"):c(e)?i(e,new Date):s(e)?o(e,"eeee"):o(e,"MMM dd"):o(e,"yyyy MMM dd"):""};export{m as getDisplayImage,C as getDisplayMessage,h as getDisplayTime,f as getDisplayTitle,v as getMessageProfile,O as getTimeStamp};
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { Conversation } from 'tim-js-sdk';
2
+ import { Conversation } from '@tencentcloud/chat';
3
3
  import { ConversationPreviewUIComponentProps } from '../ConversationPreview/ConversationPreview.js';
4
4
 
5
5
  interface ConversationSearchResultProps {
@@ -1 +1 @@
1
- import{__assign as e}from"tslib";import{jsx as s,jsxs as o}from"react/jsx-runtime";import{ConversationPreview as t}from"../ConversationPreview/ConversationPreview.js";import"react";import{Icon as r}from"../Icon/Icon.js";import{IconTypes as i}from"../Icon/type.js";import"tim-js-sdk";import"../../context/TUIMessageContext.js";import"../ConversationCreate/ConversationCreate.js";import"../ConversationCreate/ConversationGroupTypeInfo.js";import"date-fns";import"../TUIProfile/TUIProfileDefault.js";import"../../constants.js";import"../TUIMessage/hooks/useMessageReply.js";import"../TUIMessage/MessagePlugins.js";import"../TUIMessage/MessageContext.js";import"../TUIMessageInput/hooks/useHandleQuoteMessage.js";import"../Switch/Switch.js";function n(n){var a=n.result,m=n.searchValue,p=n.Preview;return s("div",{children:0===(null==a?void 0:a.length)?o("div",e({className:"conversation-search-result no-result"},{children:[s(r,{className:"no-result-icon",type:i.CRY,width:42,height:42}),s("span",e({className:"no-result-message"},{children:'No results for "'.concat(m,'"')}))]})):a.map((function(o){return s(t,e({searchValue:m},{conversation:o,Preview:p}),o.conversationID)}))})}export{n as ConversationSearchResult};
1
+ import{__assign as e}from"tslib";import{jsx as o,jsxs as s}from"react/jsx-runtime";import{ConversationPreview as t}from"../ConversationPreview/ConversationPreview.js";import"react";import{Icon as r}from"../Icon/Icon.js";import{IconTypes as n}from"../Icon/type.js";import"@tencentcloud/chat";import"../../context/TUIMessageContext.js";import"../ConversationCreate/ConversationCreate.js";import"../ConversationCreate/ConversationGroupTypeInfo.js";import"date-fns";import"../TUIProfile/TUIProfileDefault.js";import"../../constants.js";import"../TUIMessage/hooks/useMessageReply.js";import"../TUIMessage/MessagePlugins.js";import"../TUIMessage/MessageContext.js";import"../TUIMessageInput/hooks/useHandleQuoteMessage.js";import"../Switch/Switch.js";function i(i){var a=i.result,c=i.searchValue,m=i.Preview;return o("div",{children:0===(null==a?void 0:a.length)?s("div",e({className:"conversation-search-result no-result"},{children:[o(r,{className:"no-result-icon",type:n.CRY,width:42,height:42}),o("span",e({className:"no-result-message"},{children:'No results for "'.concat(c,'"')}))]})):a.map((function(s){return o(t,e({searchValue:c},{conversation:s,Preview:m}),s.conversationID)}))})}export{i as ConversationSearchResult};
@@ -1,5 +1,5 @@
1
1
  import React, { PropsWithChildren } from 'react';
2
- import { Conversation, Message } from 'tim-js-sdk';
2
+ import { Conversation, Message } from '@tencentcloud/chat';
3
3
  import { UnknowPorps } from '../../context/ComponentContext.js';
4
4
  import { TUIChatHeaderDefaultProps } from '../TUIChatHeader/TUIChatHeaderDefault.js';
5
5
  import { TUIMessageProps } from '../TUIMessage/TUIMessage.js';
@@ -1 +1 @@
1
- import{__assign as e,__awaiter as s,__generator as t}from"tslib";import a,{createElement as o,useReducer as r,useRef as n,useEffect as i,useMemo as c}from"react";import{jsx as g,jsxs as u,Fragment as m}from"react/jsx-runtime";import{useTUIKitContext as M}from"../../context/TUIKitContext.js";import{TUIChatStateContextProvider as d}from"../../context/TUIChatStateContext.js";import{TUIChatActionProvider as p}from"../../context/TUIChatActionContext.js";import{ComponentProvider as l}from"../../context/ComponentContext.js";import I from"./hooks/useCreateTUIChatStateContext.js";import{TUIMessage as T}from"../TUIMessage/TUIMessage.js";import"../TUIMessage/MessagePlugins.js";import"../TUIMessage/MessageContext.js";import{CONSTANT_DISPATCH_TYPE as f}from"../../constants.js";import{useMessageReceviedListener as v}from"./hooks/useMessageReceviedListener.js";import{chatReducer as h,initialState as C}from"./TUIChatState.js";import{useCreateMessage as S}from"./hooks/useCreateMessage.js";import{useHandleMessageList as E}from"./hooks/useHandleMessageList.js";import{useHandleMessage as U}from"./hooks/useHandleMessage.js";import{TUIChatHeader as x}from"../TUIChatHeader/TUIChatHeader.js";import"tim-js-sdk";import"../Icon/config.js";import"../Icon/type.js";import"date-fns";import"../../context/TUIMessageContext.js";import{TUIMessageList as j}from"../TUIMessageList/TUIMessageList.js";import{TUIMessageInput as L}from"../TUIMessageInput/TUIMessageInput.js";import{EmptyStateIndicator as _}from"../EmptyStateIndicator/EmptyStateIndicator.js";import{Toast as y}from"../Toast/index.js";function A(s){var t=s.conversation,a=s.EmptyPlaceholder,r=void 0===a?g(_,{listType:"chat"}):a,n=M("TUIChat"),i=n.conversation,c=n.tim,u=t||i;return(null==u?void 0:u.conversationID)?o(R,e({tim:c},s,{conversation:u,key:u.conversationID})):r}function R(a){var o=this,M=a.tim,_=a.conversation,A=a.className,R=a.children,D=a.TUIMessage,P=a.TUIChatHeader,k=a.TUIMessageInput,H=a.InputPlugins,w=a.MessagePlugins,b=a.MessageContext,F=a.InputQuote,G=a.onMessageRecevied,N=a.sendMessage,O=a.revokeMessage,q=a.messageConfig,Q=a.cloudCustomData,V=a.TUIMessageInputConfig,X=a.TUIMessageListConfig,K=r(h,e(e({},C),{conversation:_})),Y=K[0],z=K[1],B=n(null),J=n(),W=I(e({tim:M,conversation:_,messageListRef:B,textareaRef:J,messageConfig:q,cloudCustomData:Q,TUIMessageInputConfig:V,TUIMessageListConfig:X},Y)),Z=S({tim:M,conversation:_,cloudCustomData:Q}),$=Z.createTextMessage,ee=Z.createFaceMessage,se=Z.createImageMessage,te=Z.createVideoMessage,ae=Z.createFileMessage,oe=Z.createForwardMessage,re=Z.createCustomMessage,ne=Z.createAudioMessage,ie=Z.createTextAtMessage,ce=Z.createLocationMessage,ge=Z.createMergerMessage,ue=E({tim:M,conversation:_,state:Y,dispatch:z}),me=ue.getMessageList,Me=ue.updateMessage,de=ue.editLocalmessage,pe=ue.removeMessage,le=ue.updataUploadPenddingMessageList,Ie=U({state:Y,dispatch:z}),Te=Ie.operateMessage,fe=Ie.setAudioSource,ve=Ie.setVideoSource,he=Ie.setHighlightedMessageId,Ce=function(e,a){return s(o,void 0,void 0,(function(){var s;return t(this,(function(t){switch(t.label){case 0:Me([e]),t.label=1;case 1:return t.trys.push([1,6,,7]),N?[4,N(e,a)]:[3,3];case 2:return t.sent(),[3,5];case 3:return[4,M.sendMessage(e,a)];case 4:t.sent(),t.label=5;case 5:return de(e),[3,7];case 6:throw s=t.sent(),y({text:s,type:"error"}),de(e),new Error(s);case 7:return[2]}}))}))},Se=function(){return s(o,void 0,void 0,(function(){var e;return t(this,(function(s){switch(s.label){case 0:return Y.isCompleted?(z({type:f.SET_NO_MORE,value:!0}),[2]):[4,me({nextReqMessageID:Y.nextReqMessageID})];case 1:return e=s.sent(),z({type:f.SET_HISTORY_MESSAGELIST,value:e.data.messageList}),z({type:f.SET_IS_COMPLETE,value:e.data.isCompleted}),z({type:f.SET_NEXT_REQ_MESSAGE_ID,value:e.data.nextReqMessageID}),[2]}}))}))};v(Me,G),i((function(){s(o,void 0,void 0,(function(){var e;return t(this,(function(s){switch(s.label){case 0:return[4,me()];case 1:return(e=s.sent()).data.messageList.length>0&&z({type:f.SET_MESSAGELIST,value:e.data.messageList}),z({type:f.SET_MESSAGELIST,value:e.data.messageList}),z({type:f.SET_IS_COMPLETE,value:e.data.isCompleted}),z({type:f.SET_NEXT_REQ_MESSAGE_ID,value:e.data.nextReqMessageID}),[2]}}))}))}),[_]);var Ee=c((function(){return{sendMessage:Ce,removeMessage:pe,updateMessage:Me,createTextMessage:$,createFaceMessage:ee,createImageMessage:se,createVideoMessage:te,createFileMessage:ae,createForwardMessage:oe,createCustomMessage:re,createAudioMessage:ne,createTextAtMessage:ie,createLocationMessage:ce,createMergerMessage:ge,editLocalmessage:de,operateMessage:Te,loadMore:Se,revokeMessage:O,setAudioSource:fe,setVideoSource:ve,setHighlightedMessageId:he,updataUploadPenddingMessageList:le}}),[Ce,pe,Me,$,ee,se,te,ae,oe,re,ne,ie,ce,ge,de,Te,Se,O,fe,ve,he,le]),Ue=c((function(){return{TUIMessage:D||T,MessageContext:b,InputPlugins:H,MessagePlugins:w,TUIChatHeader:P,TUIMessageInput:k,InputQuote:F}}),[]);return g("div",e({className:"chat ".concat(A)},{children:g(d,e({value:W},{children:g(p,e({value:Ee},{children:g(l,e({value:Ue},{children:R||u(m,{children:[g(x,{}),g(j,{}),g(L,{})]})}))}))}))}))}var D=a.memo(A);export{D as TUIChat};
1
+ import{__assign as e,__awaiter as t,__generator as s}from"tslib";import a,{createElement as o,useReducer as r,useRef as n,useEffect as i,useMemo as c}from"react";import{jsx as g,jsxs as u,Fragment as M}from"react/jsx-runtime";import{useTUIKitContext as m}from"../../context/TUIKitContext.js";import{TUIChatStateContextProvider as d}from"../../context/TUIChatStateContext.js";import{TUIChatActionProvider as p}from"../../context/TUIChatActionContext.js";import{ComponentProvider as l}from"../../context/ComponentContext.js";import I from"./hooks/useCreateTUIChatStateContext.js";import{TUIMessage as T}from"../TUIMessage/TUIMessage.js";import"../TUIMessage/MessagePlugins.js";import"../TUIMessage/MessageContext.js";import{CONSTANT_DISPATCH_TYPE as h}from"../../constants.js";import{useMessageReceviedListener as f}from"./hooks/useMessageReceviedListener.js";import{chatReducer as v,initialState as C}from"./TUIChatState.js";import{useCreateMessage as S}from"./hooks/useCreateMessage.js";import{useHandleMessageList as E}from"./hooks/useHandleMessageList.js";import{useHandleMessage as U}from"./hooks/useHandleMessage.js";import{TUIChatHeader as x}from"../TUIChatHeader/TUIChatHeader.js";import"@tencentcloud/chat";import"../Icon/config.js";import"../Icon/type.js";import"date-fns";import"../../context/TUIMessageContext.js";import{TUIMessageList as j}from"../TUIMessageList/TUIMessageList.js";import{TUIMessageInput as L}from"../TUIMessageInput/TUIMessageInput.js";import{EmptyStateIndicator as _}from"../EmptyStateIndicator/EmptyStateIndicator.js";import{Toast as y}from"../Toast/index.js";function A(t){var s=t.conversation,a=t.EmptyPlaceholder,r=void 0===a?g(_,{listType:"chat"}):a,n=m("TUIChat"),i=n.conversation,c=n.chat,u=s||i;return(null==u?void 0:u.conversationID)?o(R,e({chat:c},t,{conversation:u,key:u.conversationID})):r}function R(a){var o=this,m=a.chat,_=a.conversation,A=a.className,R=a.children,D=a.TUIMessage,P=a.TUIChatHeader,H=a.TUIMessageInput,k=a.InputPlugins,w=a.MessagePlugins,b=a.MessageContext,F=a.InputQuote,G=a.onMessageRecevied,N=a.sendMessage,O=a.revokeMessage,q=a.messageConfig,Q=a.cloudCustomData,V=a.TUIMessageInputConfig,X=a.TUIMessageListConfig,K=r(v,e(e({},C),{conversation:_})),Y=K[0],z=K[1],B=n(null),J=n(),W=I(e({chat:m,conversation:_,messageListRef:B,textareaRef:J,messageConfig:q,cloudCustomData:Q,TUIMessageInputConfig:V,TUIMessageListConfig:X},Y)),Z=S({chat:m,conversation:_,cloudCustomData:Q}),$=Z.createTextMessage,ee=Z.createFaceMessage,te=Z.createImageMessage,se=Z.createVideoMessage,ae=Z.createFileMessage,oe=Z.createForwardMessage,re=Z.createCustomMessage,ne=Z.createAudioMessage,ie=Z.createTextAtMessage,ce=Z.createLocationMessage,ge=Z.createMergerMessage,ue=E({chat:m,conversation:_,state:Y,dispatch:z}),Me=ue.getMessageList,me=ue.updateMessage,de=ue.editLocalMessage,pe=ue.removeMessage,le=ue.updateUploadPendingMessageList,Ie=U({state:Y,dispatch:z}),Te=Ie.operateMessage,he=Ie.setAudioSource,fe=Ie.setVideoSource,ve=Ie.setHighlightedMessageId,Ce=function(e,a){return t(o,void 0,void 0,(function(){var t;return s(this,(function(s){switch(s.label){case 0:me([e]),s.label=1;case 1:return s.trys.push([1,6,,7]),N?[4,N(e,a)]:[3,3];case 2:return s.sent(),[3,5];case 3:return[4,m.sendMessage(e,a)];case 4:s.sent(),s.label=5;case 5:return de(e),[3,7];case 6:throw t=s.sent(),y({text:t,type:"error"}),de(e),new Error(t);case 7:return[2]}}))}))},Se=function(){return t(o,void 0,void 0,(function(){var e;return s(this,(function(t){switch(t.label){case 0:return Y.isCompleted?(z({type:h.SET_NO_MORE,value:!0}),[2]):[4,Me({nextReqMessageID:Y.nextReqMessageID})];case 1:return(e=t.sent())?(z({type:h.SET_HISTORY_MESSAGELIST,value:e.data.messageList}),z({type:h.SET_IS_COMPLETE,value:e.data.isCompleted}),z({type:h.SET_NEXT_REQ_MESSAGE_ID,value:e.data.nextReqMessageID}),[2]):[2]}}))}))};f(me,G),i((function(){t(o,void 0,void 0,(function(){var e;return s(this,(function(t){switch(t.label){case 0:return[4,Me()];case 1:return(e=t.sent())?(e.data.messageList.length>0&&z({type:h.SET_MESSAGELIST,value:e.data.messageList}),z({type:h.SET_MESSAGELIST,value:e.data.messageList}),z({type:h.SET_IS_COMPLETE,value:e.data.isCompleted}),z({type:h.SET_NEXT_REQ_MESSAGE_ID,value:e.data.nextReqMessageID}),[2]):[2]}}))}))}),[_]);var Ee=c((function(){return{sendMessage:Ce,removeMessage:pe,updateMessage:me,createTextMessage:$,createFaceMessage:ee,createImageMessage:te,createVideoMessage:se,createFileMessage:ae,createForwardMessage:oe,createCustomMessage:re,createAudioMessage:ne,createTextAtMessage:ie,createLocationMessage:ce,createMergerMessage:ge,editLocalMessage:de,operateMessage:Te,loadMore:Se,revokeMessage:O,setAudioSource:he,setVideoSource:fe,setHighlightedMessageId:ve,updateUploadPendingMessageList:le}}),[Ce,pe,me,$,ee,te,se,ae,oe,re,ne,ie,ce,ge,de,Te,Se,O,he,fe,ve,le]),Ue=c((function(){return{TUIMessage:D||T,MessageContext:b,InputPlugins:k,MessagePlugins:w,TUIChatHeader:P,TUIMessageInput:H,InputQuote:F}}),[]);return g("div",e({className:"chat ".concat(A)},{children:g(d,e({value:W},{children:g(p,e({value:Ee},{children:g(l,e({value:Ue},{children:R||u(M,{children:[g(x,{}),g(j,{}),g(L,{})]})}))}))}))}))}var D=a.memo(A);export{D as TUIChat};
@@ -1 +1 @@
1
- import{__assign as e,__spreadArray as s}from"tslib";import{CONSTANT_DISPATCH_TYPE as a}from"../../constants.js";import{handleUploadPenddingMessage as t,handleMessageList as r,handleMessage as E,handleRemoveMessage as u,handleEditMessage as n}from"./unitls.js";var S=function(S,o){switch(null==o?void 0:o.type){case a.SET_CONVERSATION_PRPFILE:return e(e({},S),{conversation:o.value});case a.SET_MESSAGELIST:return e(e({},S),r(s([],S.messageList.concat(E(o.value).filter((function(e){return!S.messageList.includes(e)}))),!0),S));case a.SET_UPDATE_MESSAGE:return e(e({},S),r(s(s([],S.messageList,!0),E(o.value),!0),S));case a.SET_EDIT_MESSAGE:return e(e({},S),{messageList:s([],n(S.messageList,o.value),!0)});case a.SET_REMOVE_MESSAGE:return e(e({},S),{messageList:s([],u(S.messageList,o.value),!0)});case a.SET_HISTORY_MESSAGELIST:return e(e({},S),r(s(s([],E(o.value),!0),S.messageList,!0),S));case a.SET_NEXT_REQ_MESSAGE_ID:return e(e({},S),{nextReqMessageID:o.value});case a.SET_IS_COMPLETE:return e(e({},S),{isCompleted:o.value});case a.RESET:return e({},i);case a.SET_HIGH_LIGHTED_MESSAGE_ID:return e(e({},S),{highlightedMessageId:o.value});case a.OPERATE_MESSAGE:return e(e({},S),{operateData:e({},o.value)});case a.SET_NO_MORE:return e(e({},S),{noMore:o.value});case a.SET_AUDIO_SOURCE:return e(e({},S),{audioSource:o.value});case a.SET_VIDEO_SOURCE:return e(e({},S),{vidoeSource:o.value});case a.UPDATE_UPLOAD_PENDDING_MESSAGE_LIST:return e(e({},S),{uploadPenddingMessageList:s([],t(S.uploadPenddingMessageList,o.value),!0)});default:return S}},i={conversation:{},messageList:[],nextReqMessageID:"",isCompleted:!1,init:!1,highlightedMessageId:"",lastMessageID:"",isSameLastMessageID:!1,operateData:{},noMore:!1,audioSource:null,vidoeSource:null,uploadPenddingMessageList:[]};export{S as chatReducer,i as initialState};
1
+ import{__assign as e,__spreadArray as s}from"tslib";import{CONSTANT_DISPATCH_TYPE as a}from"../../constants.js";import{handleUploadPendingMessage as t,handleMessageList as r,handleMessage as E,handleRemoveMessage as u,handleEditMessage as n}from"./unitls.js";var S=function(S,o){switch(null==o?void 0:o.type){case a.SET_CONVERSATION_PRPFILE:return e(e({},S),{conversation:o.value});case a.SET_MESSAGELIST:return e(e({},S),r(s([],S.messageList.concat(E(o.value).filter((function(e){return!S.messageList.includes(e)}))),!0),S));case a.SET_UPDATE_MESSAGE:return e(e({},S),r(s(s([],S.messageList,!0),E(o.value),!0),S));case a.SET_EDIT_MESSAGE:return e(e({},S),{messageList:s([],n(S.messageList,o.value),!0)});case a.SET_REMOVE_MESSAGE:return e(e({},S),{messageList:s([],u(S.messageList,o.value),!0)});case a.SET_HISTORY_MESSAGELIST:return e(e({},S),r(s(s([],E(o.value),!0),S.messageList,!0),S));case a.SET_NEXT_REQ_MESSAGE_ID:return e(e({},S),{nextReqMessageID:o.value});case a.SET_IS_COMPLETE:return e(e({},S),{isCompleted:o.value});case a.RESET:return e({},i);case a.SET_HIGH_LIGHTED_MESSAGE_ID:return e(e({},S),{highlightedMessageId:o.value});case a.OPERATE_MESSAGE:return e(e({},S),{operateData:e({},o.value)});case a.SET_NO_MORE:return e(e({},S),{noMore:o.value});case a.SET_AUDIO_SOURCE:return e(e({},S),{audioSource:o.value});case a.SET_VIDEO_SOURCE:return e(e({},S),{vidoeSource:o.value});case a.UPDATE_UPLOAD_PENDING_MESSAGE_LIST:return e(e({},S),{uploadPendingMessageList:s([],t(S.uploadPendingMessageList,o.value),!0)});default:return S}},i={conversation:{},messageList:[],nextReqMessageID:"",isCompleted:!1,init:!1,highlightedMessageId:"",lastMessageID:"",isSameLastMessageID:!1,operateData:{},noMore:!1,audioSource:null,vidoeSource:null,uploadPendingMessageList:[]};export{S as chatReducer,i as initialState};
@@ -1,8 +1,8 @@
1
- import tim_js_sdk__default, { Conversation, Message } from 'tim-js-sdk';
1
+ import _tencentcloud_chat__default, { Conversation, Message } from '@tencentcloud/chat';
2
2
 
3
3
  interface BasicCreateMessageProps {
4
4
  needReadReceipt?: boolean;
5
- priority?: tim_js_sdk__default.TYPES;
5
+ priority?: _tencentcloud_chat__default.TYPES;
6
6
  onProgress?: (num: number) => void;
7
7
  cloudCustomData?: string;
8
8
  receiverList?: Array<string>;
@@ -1 +1 @@
1
- import{__assign as e,__rest as t}from"tslib";import{useState as r,useEffect as a,useCallback as o}from"react";import s from"tim-js-sdk";function n(n){var c=n.tim,u=n.conversation,i=n.to,g=void 0===i?"":i,M=n.type,f=n.cloudCustomData,l=u.type,m=u.userProfile,d=u.groupProfile,p=M||l,v=r({to:g||(p===s.TYPES.CONV_C2C?null==m?void 0:m.userID:null==d?void 0:d.groupID),conversationType:p,cloudCustomData:f}),C=v[0],T=v[1];return a((function(){C.cloudCustomData=f,T(C)}),[f]),{createTextMessage:o((function(t){return c.createTextMessage(e(e({},C),t))}),[c]),createFaceMessage:o((function(t){return c.createFaceMessage(e(e({},C),t))}),[c]),createImageMessage:o((function(t){return c.createImageMessage(e(e({},C),t))}),[c]),createVideoMessage:o((function(t){return c.createVideoMessage(e(e({},C),t))}),[c]),createFileMessage:o((function(t){return c.createFileMessage(e(e({},C),t))}),[c]),createForwardMessage:o((function(r){var a=r.conversation,o=r.message,n=t(r,["conversation","message"]),u=a.type,i=a.userProfile,g=a.groupProfile,M=u===s.TYPES.CONV_C2C?null==i?void 0:i.userID:null==g?void 0:g.groupID;return c.createForwardMessage(e({to:M,conversationType:u,payload:o},n))}),[c]),createCustomMessage:o((function(t){return c.createCustomMessage(e(e({},C),t))}),[c]),createAudioMessage:o((function(t){return c.createAudioMessage(e(e({},C),t))}),[c]),createTextAtMessage:o((function(t){return c.createTextAtMessage(e(e({},C),t))}),[c]),createLocationMessage:o((function(t){return c.createLocationMessage(e(e({},C),t))}),[c]),createMergerMessage:o((function(t){return c.createMergerMessage(e(e({},C),t))}),[c])}}export{n as useCreateMessage};
1
+ import{__assign as e,__rest as t}from"tslib";import{useState as r,useEffect as a,useCallback as o}from"react";import s from"@tencentcloud/chat";function n(n){var c=n.chat,u=n.conversation,i=n.to,g=void 0===i?"":i,M=n.type,f=n.cloudCustomData,l=u.type,d=u.userProfile,m=u.groupProfile,p=M||l,v=r({to:g||(p===s.TYPES.CONV_C2C?null==d?void 0:d.userID:null==m?void 0:m.groupID),conversationType:p,cloudCustomData:f}),C=v[0],T=v[1];return a((function(){C.cloudCustomData=f,T(C)}),[f]),{createTextMessage:o((function(t){return c.createTextMessage(e(e({},C),t))}),[c]),createFaceMessage:o((function(t){return c.createFaceMessage(e(e({},C),t))}),[c]),createImageMessage:o((function(t){return c.createImageMessage(e(e({},C),t))}),[c]),createVideoMessage:o((function(t){return c.createVideoMessage(e(e({},C),t))}),[c]),createFileMessage:o((function(t){return c.createFileMessage(e(e({},C),t))}),[c]),createForwardMessage:o((function(r){var a=r.conversation,o=r.message,n=t(r,["conversation","message"]),u=a.type,i=a.userProfile,g=a.groupProfile,M=u===s.TYPES.CONV_C2C?null==i?void 0:i.userID:null==g?void 0:g.groupID;return c.createForwardMessage(e({to:M,conversationType:u,payload:o},n))}),[c]),createCustomMessage:o((function(t){return c.createCustomMessage(e(e({},C),t))}),[c]),createAudioMessage:o((function(t){return c.createAudioMessage(e(e({},C),t))}),[c]),createTextAtMessage:o((function(t){return c.createTextAtMessage(e(e({},C),t))}),[c]),createLocationMessage:o((function(t){return c.createLocationMessage(e(e({},C),t))}),[c]),createMergerMessage:o((function(t){return c.createMergerMessage(e(e({},C),t))}),[c])}}export{n as useCreateMessage};
@@ -1 +1 @@
1
- import{__rest as s,__assign as e}from"tslib";import{useMemo as t}from"react";function i(i){var a=i.tim,o=i.conversation,g=i.messageList,n=i.messageListRef,m=i.messageConfig,f=i.cloudCustomData,r=i.TUIMessageInputConfig,u=i.TUIMessageListConfig,C=s(i,["tim","conversation","messageList","messageListRef","messageConfig","cloudCustomData","TUIMessageInputConfig","TUIMessageListConfig"]);return t((function(){return e({tim:a,conversation:o,messageList:g,messageListRef:n,messageConfig:m,cloudCustomData:f,TUIMessageInputConfig:r,TUIMessageListConfig:u},C)}),[a,o,g,n,m,f,r,u,C])}export{i as default};
1
+ import{__rest as s,__assign as e}from"tslib";import{useMemo as t}from"react";function a(a){var o=a.chat,i=a.conversation,g=a.messageList,n=a.messageListRef,f=a.messageConfig,m=a.cloudCustomData,r=a.TUIMessageInputConfig,u=a.TUIMessageListConfig,c=s(a,["chat","conversation","messageList","messageListRef","messageConfig","cloudCustomData","TUIMessageInputConfig","TUIMessageListConfig"]);return t((function(){return e({chat:o,conversation:i,messageList:g,messageListRef:n,messageConfig:f,cloudCustomData:m,TUIMessageInputConfig:r,TUIMessageListConfig:u},c)}),[o,i,g,n,f,m,r,u,c])}export{a as default};
@@ -1,4 +1,4 @@
1
- import { Message } from 'tim-js-sdk';
1
+ import { Message } from '@tencentcloud/chat';
2
2
 
3
3
  interface OperateMessageParams {
4
4
  [propName: string]: Message;
@@ -1 +1 @@
1
- import{__assign as t}from"tslib";import{useCallback as e}from"react";import{CONSTANT_DISPATCH_TYPE as n}from"../../../constants.js";function o(o){var a=o.tim,s=o.conversation;o.state;var i=o.dispatch,r=s.conversationID,u={conversationID:r};return{getMessageList:e((function(e){var n=e||{};return a.getMessageList(t(t({},u),n))}),[a]),updateMessage:e((function(t){i({type:n.SET_UPDATE_MESSAGE,value:t.filter((function(t){return(null==t?void 0:t.conversationID)===r}))})}),[i]),removeMessage:e((function(t){i({type:n.SET_REMOVE_MESSAGE,value:t})}),[i]),editLocalmessage:e((function(t){i({type:n.SET_EDIT_MESSAGE,value:t})}),[i]),updataUploadPenddingMessageList:e((function(t){i({type:n.UPDATE_UPLOAD_PENDDING_MESSAGE_LIST,value:t})}),[i])}}export{o as useHandleMessageList};
1
+ import{__awaiter as e,__generator as t,__assign as n}from"tslib";import{useCallback as o}from"react";import r from"@tencentcloud/chat";import{CONSTANT_DISPATCH_TYPE as i}from"../../../constants.js";function s(s){var a=this,u=s.chat,c=s.conversation;s.state;var l=s.dispatch,p=c.conversationID,v=c.groupProfile,E=c.type===r.TYPES.CONV_C2C,d={conversationID:p};return{getMessageList:o((function(o){return e(a,void 0,void 0,(function(){var e,i,s,a,c;return t(this,(function(t){switch(t.label){case 0:if(e=o||{},i="",!v)return[3,4];t.label=1;case 1:return t.trys.push([1,3,,4]),[4,u.searchGroupByID(v.groupID)];case 2:return s=t.sent(),i=null===(c=null===(a=null==s?void 0:s.data)||void 0===a?void 0:a.group)||void 0===c?void 0:c.type,[3,4];case 3:return t.sent(),i="",[3,4];case 4:return E||i&&i!==r.TYPES.GRP_AVCHATROOM?[2,u.getMessageList(n(n({},d),e))]:[2,null]}}))}))}),[u]),updateMessage:o((function(e){l({type:i.SET_UPDATE_MESSAGE,value:e.filter((function(e){return(null==e?void 0:e.conversationID)===p}))})}),[l]),removeMessage:o((function(e){l({type:i.SET_REMOVE_MESSAGE,value:e})}),[l]),editLocalMessage:o((function(e){l({type:i.SET_EDIT_MESSAGE,value:e})}),[l]),updateUploadPendingMessageList:o((function(e){l({type:i.UPDATE_UPLOAD_PENDING_MESSAGE_LIST,value:e})}),[l])}}export{s as useHandleMessageList};
@@ -1 +1 @@
1
- import{useEffect as t}from"react";import o from"tim-js-sdk";import{useTUIKitContext as e}from"../../../context/TUIKitContext.js";import"tslib";import"react/jsx-runtime";import"../../../context/TUIMessageContext.js";function i(i,n){var r=this,E=e("useMessageReceviedListener").tim;t((function(){var t=function(t){n&&"function"==typeof n?n(i,t):i(t.data)};return E.on(o.EVENT.MESSAGE_RECEIVED,t,r),function(){E.off(o.EVENT.MESSAGE_RECEIVED,t,r)}}),[E])}export{i as useMessageReceviedListener};
1
+ import{useEffect as t}from"react";import o from"@tencentcloud/chat";import{useTUIKitContext as e}from"../../../context/TUIKitContext.js";import"tslib";import"react/jsx-runtime";import"../../../context/TUIMessageContext.js";function n(n,r){var i=this,c=e("useMessageReceviedListener").chat;t((function(){var t=function(t){r&&"function"==typeof r?r(n,t):n(t.data)};return c.on(o.EVENT.MESSAGE_RECEIVED,t,i),function(){c.off(o.EVENT.MESSAGE_RECEIVED,t,i)}}),[c])}export{n as useMessageReceviedListener};
@@ -1 +1 @@
1
- import{__spreadArray as n}from"tslib";import s from"tim-js-sdk";import e from"../../constants.js";import{JSONStringToParse as t}from"../untils.js";var i=function(n){var i=null;return n.filter((function(n){var l;return n.type===s.TYPES.MSG_CUSTOM&&(i=t(null===(l=null==n?void 0:n.payload)||void 0===l?void 0:l.data)),!i||(null==i?void 0:i.businessID)!==e.TYPE_TYPING}))},l=function(n,s){var e,t={messageList:[],lastMessageID:"",isSameLastMessageID:!1};return t.messageList=n,t.messageList.length>=1&&(t.lastMessageID=null===(e=null==t?void 0:t.messageList[t.messageList.length-1])||void 0===e?void 0:e.ID),t.messageList=t.messageList.filter((function(n){return!(null==n?void 0:n.isDeleted)})),t.isSameLastMessageID=(null==t?void 0:t.lastMessageID)===(null==s?void 0:s.lastMessageID),t},r=function(s,e){var t=n([],s,!0),i=t.findIndex((function(n){return(null==n?void 0:n.ID)===(null==e?void 0:e.ID)}));return t[i]=e,t},u=function(s,e){var t=n([],s,!0),i=t.findIndex((function(n){return(null==n?void 0:n.ID)===(null==e?void 0:e.ID)}));return t.splice(i,1),t},o=function(s,e){var t=n([],s,!0);t.some((function(n){return n.ID===e.ID}))||t.push(e);var i=t.findIndex((function(n){return(null==n?void 0:n.ID)===(null==e?void 0:e.ID)}));return t[i]=e,t};export{r as handleEditMessage,i as handleMessage,l as handleMessageList,u as handleRemoveMessage,o as handleUploadPenddingMessage};
1
+ import{__spreadArray as n}from"tslib";import e from"@tencentcloud/chat";import s from"../../constants.js";import{JSONStringToParse as t}from"../untils.js";var i=function(n){var i=null;return n.filter((function(n){var l;return n.type===e.TYPES.MSG_CUSTOM&&(i=t(null===(l=null==n?void 0:n.payload)||void 0===l?void 0:l.data)),!i||(null==i?void 0:i.businessID)!==s.TYPE_TYPING}))},l=function(n,e){var s,t={messageList:[],lastMessageID:"",isSameLastMessageID:!1};return t.messageList=n,t.messageList.length>=1&&(t.lastMessageID=null===(s=null==t?void 0:t.messageList[t.messageList.length-1])||void 0===s?void 0:s.ID),t.messageList=t.messageList.filter((function(n){return!(null==n?void 0:n.isDeleted)})),t.isSameLastMessageID=(null==t?void 0:t.lastMessageID)===(null==e?void 0:e.lastMessageID),t},r=function(e,s){var t=n([],e,!0),i=t.findIndex((function(n){return(null==n?void 0:n.ID)===(null==s?void 0:s.ID)}));return t[i]=s,t},u=function(e,s){var t=n([],e,!0),i=t.findIndex((function(n){return(null==n?void 0:n.ID)===(null==s?void 0:s.ID)}));return t.splice(i,1),t},o=function(e,s){var t=n([],e,!0);t.some((function(n){return n.ID===s.ID}))||t.push(s);var i=t.findIndex((function(n){return(null==n?void 0:n.ID)===(null==s?void 0:s.ID)}));return t[i]=s,t};export{r as handleEditMessage,i as handleMessage,l as handleMessageList,u as handleRemoveMessage,o as handleUploadPendingMessage};
@@ -1,5 +1,5 @@
1
1
  import React, { PropsWithChildren } from 'react';
2
- import { Conversation } from 'tim-js-sdk';
2
+ import { Conversation } from '@tencentcloud/chat';
3
3
  import { TUIChatHeaderDefaultProps } from './TUIChatHeaderDefault.js';
4
4
 
5
5
  interface TUIChatHeaderProps {
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { Conversation } from 'tim-js-sdk';
2
+ import { Conversation } from '@tencentcloud/chat';
3
3
 
4
4
  interface TUIChatHeaderDefaultProps {
5
5
  title?: string;
@@ -1 +1 @@
1
- import{__assign as e}from"tslib";import{jsx as t,jsxs as a}from"react/jsx-runtime";import i,{useState as r,useEffect as o}from"react";import n from"tim-js-sdk";import{Avatar as c}from"../Avatar/Avatar.js";import{handleDisplayAvatar as s}from"../untils.js";import{Icon as l}from"../Icon/Icon.js";import{IconTypes as m}from"../Icon/type.js";import{useTUIKitContext as d}from"../../context/TUIKitContext.js";import"../../context/TUIMessageContext.js";function h(i){var h=i.title,u=void 0===h?"":h,v=i.avatar;i.isOnline;var f=i.conversation,p=i.isLive,S=i.opateIcon,N=r(u),T=N[0],C=N[1],E=r(""),I=E[0],P=E[1];o((function(){switch(C(u),v&&P(v),null==f?void 0:f.type){case n.TYPES.CONV_C2C:O(f.userProfile);break;case n.TYPES.CONV_GROUP:Y(f.groupProfile);break;case n.TYPES.CONV_SYSTEM:C("System Notice");break;default:C("")}}),[f]);var O=function(e){T||C((null==e?void 0:e.nick)||(null==e?void 0:e.userID)),v||P(t(c,{size:32,image:s(e.avatar)}))},Y=function(e){T||C((null==e?void 0:e.name)||(null==e?void 0:e.groupID)),v||P(t(c,{size:32,image:s(e.avatar,n.TYPES.CONV_GROUP)}))},g=d().setTUIManageShow;return a("header",e({className:"tui-chat-header ".concat(p?"tui-chat-live-header":"")},{children:[t("div",e({className:"tui-chat-header-left ".concat((null==f?void 0:f.type)===n.TYPES.CONV_SYSTEM?"system":"")},{children:(null==f?void 0:f.type)!==n.TYPES.CONV_SYSTEM&&I})),t("div",e({className:"header-content"},{children:t("h3",e({className:"title"},{children:T}))})),t("div",e({className:"tui-chat-header-right"},{children:t("div",e({className:"header-handle"},{children:S||t(l,{className:"header-handle-more",onClick:function(){g(!0)},type:m.ELLIPSE,width:18,height:5})}))}))]}),null==f?void 0:f.conversationID)}var u=i.memo(h);function v(a){var i=e({},a);return t(u,e({},i))}export{v as TUIChatHeaderDefault};
1
+ import{__assign as e}from"tslib";import{jsx as t,jsxs as a}from"react/jsx-runtime";import i,{useState as r,useEffect as o}from"react";import n from"@tencentcloud/chat";import{Avatar as c}from"../Avatar/Avatar.js";import{handleDisplayAvatar as l}from"../untils.js";import{Icon as s}from"../Icon/Icon.js";import{IconTypes as m}from"../Icon/type.js";import{useTUIKitContext as d}from"../../context/TUIKitContext.js";import"../../context/TUIMessageContext.js";function h(i){var h=i.title,u=void 0===h?"":h,v=i.avatar;i.isOnline;var f=i.conversation,p=i.isLive,S=i.opateIcon,N=r(u),T=N[0],C=N[1],E=r(""),I=E[0],P=E[1];o((function(){switch(C(u),v&&P(v),null==f?void 0:f.type){case n.TYPES.CONV_C2C:O(f.userProfile);break;case n.TYPES.CONV_GROUP:Y(f.groupProfile);break;case n.TYPES.CONV_SYSTEM:C("System Notice");break;default:C("")}}),[f]);var O=function(e){T||C((null==e?void 0:e.nick)||(null==e?void 0:e.userID)),v||P(t(c,{size:32,image:l(e.avatar)}))},Y=function(e){T||C((null==e?void 0:e.name)||(null==e?void 0:e.groupID)),v||P(t(c,{size:32,image:l(e.avatar,n.TYPES.CONV_GROUP)}))},g=d().setTUIManageShow;return a("header",e({className:"tui-chat-header ".concat(p?"tui-chat-live-header":"")},{children:[t("div",e({className:"tui-chat-header-left ".concat((null==f?void 0:f.type)===n.TYPES.CONV_SYSTEM?"system":"")},{children:(null==f?void 0:f.type)!==n.TYPES.CONV_SYSTEM&&I})),t("div",e({className:"header-content"},{children:t("h3",e({className:"title"},{children:T}))})),t("div",e({className:"tui-chat-header-right"},{children:t("div",e({className:"header-handle"},{children:S||t(s,{className:"header-handle-more",onClick:function(){g(!0)},type:m.ELLIPSE,width:18,height:5})}))}))]}),null==f?void 0:f.conversationID)}var u=i.memo(h);function v(a){var i=e({},a);return t(u,e({},i))}export{v as TUIChatHeaderDefault};
@@ -1,5 +1,5 @@
1
1
  import React, { PropsWithChildren } from 'react';
2
- import { Conversation } from 'tim-js-sdk';
2
+ import { Conversation } from '@tencentcloud/chat';
3
3
 
4
4
  interface TUIConversationProps {
5
5
  createConversation?: (conversationID: string) => Promise<any>;
@@ -1 +1 @@
1
- import{__assign as r}from"tslib";import{jsx as o,jsxs as t,Fragment as e}from"react/jsx-runtime";import i,{useMemo as n}from"react";import{TUIConversationProvider as s}from"../../context/TUIConversationContext.js";import{TUIConversationList as m}from"../TUIConversationList/TUIConversationList.js";import"tim-js-sdk";import{TUIProfile as a}from"../TUIProfile/TUIProfile.js";import"../TUIProfile/TUIProfileDefault.js";function f(i){var f=i.children,l=i.createConversation,v=i.deleteConversation,c=i.filterConversation,C=n((function(){return{createConversation:l,deleteConversation:v,filterConversation:c}}),[l,v,c]);return o(s,r({value:C},{children:f||t(e,{children:[o(m,{}),o(a,{})]})}))}var l=i.memo(f);export{l as TUIConversation,f as UnMemoizedTUIConversation};
1
+ import{__assign as r}from"tslib";import{jsx as o,jsxs as t,Fragment as e}from"react/jsx-runtime";import i,{useMemo as n}from"react";import{TUIConversationProvider as a}from"../../context/TUIConversationContext.js";import{TUIConversationList as m}from"../TUIConversationList/TUIConversationList.js";import"@tencentcloud/chat";import{TUIProfile as s}from"../TUIProfile/TUIProfile.js";import"../TUIProfile/TUIProfileDefault.js";function f(i){var f=i.children,l=i.createConversation,c=i.deleteConversation,v=i.filterConversation,C=n((function(){return{createConversation:l,deleteConversation:c,filterConversation:v}}),[l,c,v]);return o(a,r({value:C},{children:f||t(e,{children:[o(m,{}),o(s,{})]})}))}var l=i.memo(f);export{l as TUIConversation,f as UnMemoizedTUIConversation};
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { Conversation } from 'tim-js-sdk';
2
+ import { Conversation } from '@tencentcloud/chat';
3
3
  import { ConversationPreviewUIComponentProps } from '../ConversationPreview/ConversationPreview.js';
4
4
  import { ConversationListContainerProps } from '../ConversationPreview/ConversationListContainer.js';
5
5
 
@@ -1 +1 @@
1
- import{__assign as o}from"tslib";import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import n,{useState as i,useRef as s}from"react";import{useTUIKitContext as a}from"../../context/TUIKitContext.js";import"../../context/TUIMessageContext.js";import v from"./hooks/useConversationList.js";import{ConversationPreview as c}from"../ConversationPreview/ConversationPreview.js";import{Icon as l}from"../Icon/Icon.js";import{IconTypes as m}from"../Icon/type.js";import"tim-js-sdk";import{useTUIConversationContext as C}from"../../context/TUIConversationContext.js";import{ConversationListContainer as u}from"../ConversationPreview/ConversationListContainer.js";import{Profile as f}from"../Profile/Profile.js";import{ConversationSearchInput as p}from"../ConversationSearch/ConversationSearchInput.js";import{ConversationSearchResult as d}from"../ConversationSearch/ConversationSearchResult.js";import{ConversationCreate as h}from"../ConversationCreate/ConversationCreate.js";import"../ConversationCreate/ConversationGroupTypeInfo.js";import{getDisplayTitle as j}from"../ConversationPreview/utils.js";import{useConversationUpdate as L}from"./hooks/useConversationUpdate.js";function w(n){var w=n.Preview,I=n.Container,P=void 0===I?u:I,g=n.onConversationListUpdated,T=n.filterConversation,U=a("TUIConversationList"),x=U.tim,N=U.customClasses,y=U.conversation,S=U.setActiveConversation,k=U.setTUIProfileShow,A=C("TUIConversationList").filterConversation,E=T||A,R=i(0),b=R[0],F=R[1],D=v(x,(function(o,e){o.length&&S(y)}),E),G=D.conversationList,K=D.setConversationList;L(K,g,(function(){return F((function(o){return o+1}))}),E);var M=i(""),O=M[0],V=M[1],q=i(G),z=q[0],B=q[1],H=i(!1),J=H[0],Q=H[1],W=a().myProfile,X=s(null);return e("div",o({className:"tui-conversation ".concat(N||""),ref:X},{children:J?e(h,{conversationList:G,setConversationCreated:Q}):t(r,{children:[e(f,{profile:W,handleAvatar:function(){k(!0)}}),t("div",o({className:"tui-conversation-header"},{children:[e(p,{value:O,clearable:!0,onChange:function(o){var e,t;if(V(null===(e=o.target)||void 0===e?void 0:e.value),null===(t=o.target)||void 0===t?void 0:t.value){var r=G.filter((function(e){var t;return j(e).toLocaleLowerCase().includes(null===(t=o.target)||void 0===t?void 0:t.value.toLocaleLowerCase())}));B(r)}else B([])}}),e("div",o({className:"tui-conversation-create-icon"},{children:e(l,{onClick:function(){V(""),Q(!0)},type:m.CREATE,height:24,width:24})}))]})),e(P,o({setConversationList:K},{children:0===G.length?t("div",o({className:"no-result"},{children:[e(l,{className:"no-result-icon",type:m.EFFORT,width:42,height:42}),e("div",o({className:"no-result-message"},{children:"No conversation"}))]})):O?e(d,{Preview:w,searchValue:O,result:z}):G.map((function(t){return e(c,o({},{activeConversation:y,conversation:t,setActiveConversation:S,Preview:w,conversationUpdateCount:b}),t.conversationID)}))}))]})}))}var I=n.memo(w);export{I as TUIConversationList,w as UnMemoTUIConversationList};
1
+ import{__assign as o}from"tslib";import{jsx as e,jsxs as t,Fragment as n}from"react/jsx-runtime";import r,{useState as i,useRef as s}from"react";import{useTUIKitContext as a}from"../../context/TUIKitContext.js";import"../../context/TUIMessageContext.js";import v from"./hooks/useConversationList.js";import{ConversationPreview as c}from"../ConversationPreview/ConversationPreview.js";import{Icon as l}from"../Icon/Icon.js";import{IconTypes as m}from"../Icon/type.js";import"@tencentcloud/chat";import{useTUIConversationContext as C}from"../../context/TUIConversationContext.js";import{ConversationListContainer as u}from"../ConversationPreview/ConversationListContainer.js";import{Profile as f}from"../Profile/Profile.js";import{ConversationSearchInput as p}from"../ConversationSearch/ConversationSearchInput.js";import{ConversationSearchResult as d}from"../ConversationSearch/ConversationSearchResult.js";import{ConversationCreate as h}from"../ConversationCreate/ConversationCreate.js";import"../ConversationCreate/ConversationGroupTypeInfo.js";import{getDisplayTitle as j}from"../ConversationPreview/utils.js";import{useConversationUpdate as L}from"./hooks/useConversationUpdate.js";function w(r){var w=r.Preview,I=r.Container,P=void 0===I?u:I,g=r.onConversationListUpdated,T=r.filterConversation,U=a("TUIConversationList"),x=U.chat,N=U.customClasses,y=U.conversation,S=U.setActiveConversation,A=U.setTUIProfileShow,k=C("TUIConversationList").filterConversation,E=T||k,R=i(0),b=R[0],F=R[1],D=v(x,(function(o,e){o.length&&S(y)}),E),G=D.conversationList,K=D.setConversationList;L(K,g,(function(){return F((function(o){return o+1}))}),E);var M=i(""),O=M[0],V=M[1],q=i(G),z=q[0],B=q[1],H=i(!1),J=H[0],Q=H[1],W=a().myProfile,X=s(null);return e("div",o({className:"tui-conversation ".concat(N||""),ref:X},{children:J?e(h,{conversationList:G,setConversationCreated:Q}):t(n,{children:[e(f,{profile:W,handleAvatar:function(){A(!0)}}),t("div",o({className:"tui-conversation-header"},{children:[e(p,{value:O,clearable:!0,onChange:function(o){var e,t;if(V(null===(e=o.target)||void 0===e?void 0:e.value),null===(t=o.target)||void 0===t?void 0:t.value){var n=G.filter((function(e){var t;return j(e).toLocaleLowerCase().includes(null===(t=o.target)||void 0===t?void 0:t.value.toLocaleLowerCase())}));B(n)}else B([])}}),e("div",o({className:"tui-conversation-create-icon"},{children:e(l,{onClick:function(){V(""),Q(!0)},type:m.CREATE,height:24,width:24})}))]})),e(P,o({setConversationList:K},{children:0===G.length?t("div",o({className:"no-result"},{children:[e(l,{className:"no-result-icon",type:m.EFFORT,width:42,height:42}),e("div",o({className:"no-result-message"},{children:"No conversation"}))]})):O?e(d,{Preview:w,searchValue:O,result:z}):G.map((function(t){return e(c,o({},{activeConversation:y,conversation:t,setActiveConversation:S,Preview:w,conversationUpdateCount:b}),t.conversationID)}))}))]})}))}var I=r.memo(w);export{I as TUIConversationList,w as UnMemoTUIConversationList};
@@ -1 +1 @@
1
- import{__awaiter as t,__generator as o,__spreadArray as r}from"tslib";import{useState as n,useEffect as i}from"react";import e from"tim-js-sdk";function a(a,s,l){var c=this,d=n([]),u=d[0],v=d[1];return i((function(){var n;n="reload",t(c,void 0,void 0,(function(){var t,i,c,d;return o(this,(function(o){switch(o.label){case 0:return"reload"===n&&v([]),t="reload"===n?0:u.length,[4,null==a?void 0:a.getConversationList()];case 1:return 0===(null==(i=o.sent())?void 0:i.code)&&(c=[],c=l?l(i.data.conversationList):i.data.conversationList.filter((function(t){return t.type!==e.TYPES.CONV_SYSTEM})),d="reload"===n?c:r(r([],u,!0),[c],!1),v(d),!t&&s&&s(d,v)),[2]}}))}))}),[a]),{conversationList:u,setConversationList:v}}export{a as default};
1
+ import{__awaiter as t,__generator as o,__spreadArray as n}from"tslib";import{useState as r,useEffect as e}from"react";import i from"@tencentcloud/chat";function a(a,s,c){var l=this,u=r([]),d=u[0],v=u[1];return e((function(){var r;r="reload",t(l,void 0,void 0,(function(){var t,e,l,u;return o(this,(function(o){switch(o.label){case 0:return"reload"===r&&v([]),t="reload"===r?0:d.length,[4,null==a?void 0:a.getConversationList()];case 1:return 0===(null==(e=o.sent())?void 0:e.code)&&(l=[],l=c?c(e.data.conversationList):e.data.conversationList.filter((function(t){return t.type!==i.TYPES.CONV_SYSTEM})),u="reload"===r?l:n(n([],d,!0),[l],!1),v(u),!t&&s&&s(u,v)),[2]}}))}))}),[a]),{conversationList:d,setConversationList:v}}export{a as default};
@@ -1 +1 @@
1
- import{useEffect as t}from"react";import o from"tim-js-sdk";import{useTUIKitContext as n}from"../../../context/TUIKitContext.js";import"tslib";import"react/jsx-runtime";import"../../../context/TUIMessageContext.js";var r=function(r,i,e,f){var a=n("useConversationUpdate").tim;t((function(){var t=function(t){r&&r(f?f(t.data):t.data.filter((function(t){return t.type!==o.TYPES.CONV_SYSTEM}))),e&&e(),i&&"function"==typeof i&&i(r,t)};return null==a||a.on(o.EVENT.CONVERSATION_LIST_UPDATED,t),function(){null==a||a.off(o.EVENT.CONVERSATION_LIST_UPDATED,t)}}),[a,i])};export{r as useConversationUpdate};
1
+ import{useEffect as t}from"react";import n from"@tencentcloud/chat";import{useTUIKitContext as o}from"../../../context/TUIKitContext.js";import"tslib";import"react/jsx-runtime";import"../../../context/TUIMessageContext.js";var r=function(r,e,i,a){var c=o("useConversationUpdate").chat;t((function(){var t=function(t){r&&r(a?a(t.data):t.data.filter((function(t){return t.type!==n.TYPES.CONV_SYSTEM}))),i&&i(),e&&"function"==typeof e&&e(r,t)};return null==c||c.on(n.EVENT.CONVERSATION_LIST_UPDATED,t),function(){null==c||c.off(n.EVENT.CONVERSATION_LIST_UPDATED,t)}}),[c,e])};export{r as useConversationUpdate};
@@ -1,8 +1,8 @@
1
1
  import React, { PropsWithChildren } from 'react';
2
- import { ChatSDK, Conversation } from 'tim-js-sdk';
2
+ import { ChatSDK, Conversation } from '@tencentcloud/chat';
3
3
 
4
4
  interface ChatProps {
5
- tim?: ChatSDK | null;
5
+ chat?: ChatSDK | null;
6
6
  customClasses?: unknown;
7
7
  activeConversation?: Conversation;
8
8
  }
@@ -1 +1 @@
1
- import{__assign as o}from"tslib";import{jsx as t,jsxs as e,Fragment as i}from"react/jsx-runtime";import{useTUIKit as r}from"./hooks/useTUIKit.js";import{useCreateTUIKitContext as s}from"./hooks/useCreateTUIKitContext.js";import{TUIKitProvider as a}from"../../context/TUIKitContext.js";import{TUIConversation as n}from"../TUIConversation/TUIConversation.js";import{TUIChat as m}from"../TUIChat/TUIChat.js";import"react";import{TUIManage as c}from"../TUIManage/TUIManage.js";function I(I){var T=I.children,U=I.tim,h=I.customClasses,l=I.activeConversation;window.tencent_cloud_im_csig_react_uikit_23F_xa=!0;var v=r({tim:U,activeConversation:l}),f=v.conversation,C=v.setActiveConversation,u=v.myProfile,p=v.TUIManageShow,w=v.setTUIManageShow,S=v.TUIProfileShow,d=v.setTUIProfileShow,g=s({tim:U,conversation:f,setActiveConversation:C,customClasses:h,myProfile:u,TUIManageShow:p,setTUIManageShow:w,TUIProfileShow:S,setTUIProfileShow:d});return t(a,o({value:g},{children:t("div",o({className:"tui-kit"},{children:T||e(i,{children:[t(n,{}),t(m,{}),t(c,{})]})}))}))}export{I as TUIKit};
1
+ import{__assign as o}from"tslib";import{jsx as t,jsxs as e,Fragment as i}from"react/jsx-runtime";import{useTUIKit as r}from"./hooks/useTUIKit.js";import{useCreateTUIKitContext as a}from"./hooks/useCreateTUIKitContext.js";import{TUIKitProvider as s}from"../../context/TUIKitContext.js";import{TUIConversation as n}from"../TUIConversation/TUIConversation.js";import{TUIChat as c}from"../TUIChat/TUIChat.js";import"react";import{TUIManage as m}from"../TUIManage/TUIManage.js";function h(h){var I=h.children,T=h.chat,U=h.customClasses,l=h.activeConversation;window.tencent_cloud_im_csig_react_uikit_23F_xa=!0;var v=r({chat:T,activeConversation:l}),f=v.conversation,C=v.setActiveConversation,u=v.myProfile,p=v.TUIManageShow,w=v.setTUIManageShow,S=v.TUIProfileShow,d=v.setTUIProfileShow,g=a({chat:T,conversation:f,setActiveConversation:C,customClasses:U,myProfile:u,TUIManageShow:p,setTUIManageShow:w,TUIProfileShow:S,setTUIProfileShow:d});return t(s,o({value:g},{children:t("div",o({className:"tui-kit"},{children:I||e(i,{children:[t(n,{}),t(c,{}),t(m,{})]})}))}))}export{h as TUIKit};
@@ -1,13 +1,13 @@
1
- import * as tim_js_sdk from 'tim-js-sdk';
1
+ import * as _tencentcloud_chat from '@tencentcloud/chat';
2
2
  import React from 'react';
3
3
  import { TUIKitContextValue } from '../../../context/TUIKitContext.js';
4
4
 
5
5
  declare const useCreateTUIKitContext: (value: TUIKitContextValue) => {
6
- tim: tim_js_sdk.ChatSDK;
7
- conversation: tim_js_sdk.Conversation;
6
+ chat: _tencentcloud_chat.ChatSDK;
7
+ conversation: _tencentcloud_chat.Conversation;
8
8
  customClasses: unknown;
9
- setActiveConversation: (conversation?: tim_js_sdk.Conversation) => void;
10
- myProfile: tim_js_sdk.Profile;
9
+ setActiveConversation: (conversation?: _tencentcloud_chat.Conversation) => void;
10
+ myProfile: _tencentcloud_chat.Profile;
11
11
  TUIManageShow: boolean;
12
12
  setTUIManageShow: React.Dispatch<React.SetStateAction<boolean>>;
13
13
  TUIProfileShow: boolean;
@@ -1 +1 @@
1
- import{useMemo as o}from"react";var e=function(e){var t=e.tim,r=e.conversation,n=e.customClasses,s=e.setActiveConversation,a=e.myProfile,i=e.TUIManageShow,c=e.setTUIManageShow,f=e.TUIProfileShow,h=e.setTUIProfileShow;return o((function(){return{tim:t,conversation:r,customClasses:n,setActiveConversation:s,myProfile:a,TUIManageShow:i,setTUIManageShow:c,TUIProfileShow:f,setTUIProfileShow:h}}),[r,n,t,i,f,h,a])};export{e as useCreateTUIKitContext};
1
+ import{useMemo as o}from"react";var e=function(e){var t=e.chat,r=e.conversation,a=e.customClasses,n=e.setActiveConversation,s=e.myProfile,i=e.TUIManageShow,c=e.setTUIManageShow,h=e.TUIProfileShow,f=e.setTUIProfileShow;return o((function(){return{chat:t,conversation:r,customClasses:a,setActiveConversation:n,myProfile:s,TUIManageShow:i,setTUIManageShow:c,TUIProfileShow:h,setTUIProfileShow:f}}),[r,a,t,i,h,f,s])};export{e as useCreateTUIKitContext};
@@ -1,11 +1,11 @@
1
1
  import React from 'react';
2
- import { ChatSDK, Conversation, Profile } from 'tim-js-sdk';
2
+ import { ChatSDK, Conversation, Profile } from '@tencentcloud/chat';
3
3
 
4
4
  interface UseChatParams {
5
- tim: ChatSDK;
5
+ chat: ChatSDK;
6
6
  activeConversation?: Conversation;
7
7
  }
8
- declare const useTUIKit: ({ tim, activeConversation: paramsActiveConversation }: UseChatParams) => {
8
+ declare const useTUIKit: ({ chat, activeConversation: paramsActiveConversation }: UseChatParams) => {
9
9
  conversation: Conversation;
10
10
  setActiveConversation: (activeConversation?: Conversation) => void;
11
11
  myProfile: Profile;
@@ -1 +1 @@
1
- import{__awaiter as o,__generator as n}from"tslib";import{useState as t,useEffect as e,useCallback as i}from"react";var r=function(r){var a=r.tim,s=r.activeConversation,v=t(s),c=v[0],l=v[1],u=t(),f=u[0],I=u[1],d=t(!1),h=d[0],m=d[1],w=t(!1),g=w[0],D=w[1];e((function(){o(void 0,void 0,void 0,(function(){var o;return n(this,(function(n){switch(n.label){case 0:return[4,null==a?void 0:a.getMyProfile()];case 1:return o=n.sent(),I(null==o?void 0:o.data),[2]}}))}))}),[a]);var M=i((function(o){o&&(null==a||a.setMessageRead({conversationID:o.conversationID})),c&&o.conversationID!==c.conversationID&&m(!1),l(o)}),[a]);return e((function(){l(s)}),[s]),{conversation:c,setActiveConversation:M,myProfile:f,TUIManageShow:h,setTUIManageShow:m,TUIProfileShow:g,setTUIProfileShow:D}};export{r as useTUIKit};
1
+ import{__awaiter as o,__generator as n}from"tslib";import{useState as t,useEffect as e,useCallback as i}from"react";var r=function(r){var a=r.chat,s=r.activeConversation,c=t(s),v=c[0],l=c[1],u=t(),f=u[0],I=u[1],d=t(!1),h=d[0],m=d[1],w=t(!1),g=w[0],D=w[1];e((function(){o(void 0,void 0,void 0,(function(){var o;return n(this,(function(n){switch(n.label){case 0:return[4,null==a?void 0:a.getMyProfile()];case 1:return o=n.sent(),I(null==o?void 0:o.data),[2]}}))}))}),[a]);var M=i((function(o){o&&(null==a||a.setMessageRead({conversationID:o.conversationID})),v&&o.conversationID!==v.conversationID&&m(!1),l(o)}),[a]);return e((function(){l(s)}),[s]),{conversation:v,setActiveConversation:M,myProfile:f,TUIManageShow:h,setTUIManageShow:m,TUIProfileShow:g,setTUIProfileShow:D}};export{r as useTUIKit};