@tencentcloud/chat-uikit-react 2.2.7 → 2.2.8

package/CHANGELOG.md

@@ -1,3 +1,9 @@
+## [2.2.8] (2024-09-27)
+
+#### feat
+* feat: Rename UIKit components to Chat, ConversationList, ChatSetting, Contact, and Profile.
+* feat: Support Custom ConversationList
+
 ## [2.2.7] (2024-09-13)
 
 #### feat

package/dist/cjs/_virtual/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.classnames={exports:{}};

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

@@ -15,7 +15,7 @@ interface AvatarProps {
      */
     shape?: 'circle' | 'rounded' | 'square';
     update?: (url: string) => void;
-    list?: Array<string>;
+    list?: string[];
 }
 declare function Avatar<T extends AvatarProps>(props: T): React__default.ReactElement;
 

package/dist/cjs/components/{TUIChat/TUIChat.d.ts → Chat/Chat.d.ts}

@@ -2,11 +2,11 @@ import React__default, { PropsWithChildren } from 'react';
 import { Conversation, Message } from '@tencentcloud/chat';
 import { IMessageModel } from '@tencentcloud/chat-uikit-engine';
 import { UnknowPorps } from '../../context/ComponentContext.js';
-import { TUIChatHeaderDefaultProps } from '../TUIChatHeader/TUIChatHeaderDefault.js';
-import { TUIMessageProps } from '../TUIMessage/TUIMessage.js';
-import { MessageContextProps } from '../TUIMessage/MessageContext.js';
-import { MessageListProps } from '../TUIMessageList/TUIMessageList.js';
-import { TUIMessageInputBasicProps } from '../TUIMessageInput/TUIMessageInput.js';
+import { TUIChatHeaderDefaultProps } from '../ChatHeader/ChatHeaderDefault.js';
+import { TUIMessageProps } from '../MessageElement/Message.js';
+import { MessageContextProps } from '../MessageElement/MessageContext.js';
+import { MessageListProps } from '../MessageList/MessageList.js';
+import { TUIMessageInputBasicProps } from '../MessageInput/MessageInput.js';
 
 interface TUIChatProps {
     className?: string;
@@ -33,7 +33,7 @@ interface TUIChatProps {
     TUIMessageListConfig?: MessageListProps;
     [propName: string]: any;
 }
-declare function UnMemoizedTUIChat<T extends TUIChatProps>(props: PropsWithChildren<T>): React__default.ReactElement;
-declare const TUIChat: typeof UnMemoizedTUIChat;
+declare function UnMemoizedChat<T extends TUIChatProps>(props: PropsWithChildren<T>): React__default.ReactElement;
+declare const Chat: typeof UnMemoizedChat;
 
-export { TUIChat };
+export { Chat };

package/dist/cjs/components/Chat/Chat.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react"),s=require("react/jsx-runtime"),a=require("@tencentcloud/chat-uikit-engine"),n=require("../utils.js"),r=require("../../context/UIKitContext.js"),i=require("../../context/UIManagerContext.js"),o=require("../../context/ChatStateContext.js"),u=require("../../context/ChatActionContext.js");require("../../context/MessageContext.js");var c=require("../../context/ComponentContext.js"),g=require("./hooks/useCreateTUIChatStateContext.js"),l=require("../MessageElement/Message.js");require("../MessageElement/MessagePlugins.js"),require("../MessageElement/MessageContext.js");var d=require("../../constants.js"),M=require("./ChatState.js"),C=require("./hooks/useHandleMessageList.js"),v=require("./hooks/useHandleMessage.js"),I=require("../ChatHeader/ChatHeader.js");require("@tencentcloud/tui-core"),require("@tencentcloud/chat"),require("../Icon/config.js"),require("../Icon/type.js"),require("../../utils/env.js");var h=require("../MessageList/MessageList.js"),T=require("../MessageInput/MessageInput.js");require("react-i18next");var f=require("../EmptyStateIndicator/EmptyStateIndicator.js");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function _(a){var n=a.conversation,o=a.EmptyPlaceholder,u=void 0===o?s.jsx(f.EmptyStateIndicator,{listType:"chat"}):o,c=r.useUIKit().chat,g=i.useUIManager().conversation,l=n||g;return(null==l?void 0:l.conversationID)?t.createElement(S,e.__assign({chat:c},a,{conversation:l,key:l.conversationID})):u}function S(r){var i=this,f=r.chat,p=r.conversation,_=r.className,S=r.children,j=r.TUIMessage,m=r.TUIChatHeader,x=r.TUIMessageInput,q=r.InputPlugins,P=r.MessagePlugins,U=r.MessageContext,E=r.MessageCustomPlugins,A=r.MessageTextPlugins,H=r.InputQuote;r.onMessageRecevied,r.sendMessage;var L=r.revokeMessage;r.selectedConversation;var y=r.filterMessage,N=r.messageConfig,D=r.cloudCustomData,k=r.TUIMessageInputConfig,R=r.TUIMessageListConfig,O=r.callButtonClicked,w=t.useReducer(M.chatReducer,e.__assign(e.__assign({},M.initialState),{conversation:p})),b=w[0],F=w[1],Y=t.useRef(null),B=t.useRef(),G=b&&g(e.__assign({chat:f,conversation:p,messageListRef:Y,textareaRef:B,messageConfig:N,cloudCustomData:D,TUIMessageInputConfig:k,TUIMessageListConfig:R},b)),K=C.useHandleMessageList({chat:f,conversation:p,state:b,dispatch:F,filterMessage:y}),Q=K.editLocalMessage,V=K.updateUploadPendingMessageList,J=v.useHandleMessage({state:b,dispatch:F}),z=J.operateMessage,W=J.setAudioSource,X=J.setVideoSource,Z=J.setHighlightedMessageId,$=J.setActiveMessageID;t.useEffect((function(){return a.TUIStore.watch(a.StoreName.CHAT,{messageList:ee,isCompleted:te}),function(){a.TUIStore.unwatch(a.StoreName.CHAT,{messageList:ee,isCompleted:te})}}),[]);var ee=function(e){var t=e.filter((function(e){return!e.isDeleted}));F({type:d.CONSTANT_DISPATCH_TYPE.SET_MESSAGELIST,value:y?y(t):t})},te=function(e){e&&F({type:d.CONSTANT_DISPATCH_TYPE.SET_NO_MORE,value:e})},se=function(){return e.__awaiter(i,void 0,void 0,(function(){return e.__generator(this,(function(e){return a.TUIChatService.getMessageList(),[2]}))}))},ae=function(t){return e.__awaiter(i,void 0,void 0,(function(){var s;return e.__generator(this,(function(e){return"TIMCustomElem"===t.type&&7===(null===(s=n.JSONStringToParse(t.payload.data))||void 0===s?void 0:s.src)||b.firstSendMessage||F({type:d.CONSTANT_DISPATCH_TYPE.SET_FIRST_SEND_MESSAGE,value:t}),[2]}))}))},ne=t.useMemo((function(){return{editLocalMessage:Q,operateMessage:z,loadMore:se,revokeMessage:L,setAudioSource:W,setVideoSource:X,setHighlightedMessageId:Z,setActiveMessageID:$,updateUploadPendingMessageList:V,setFirstSendMessage:ae,callButtonClicked:O}}),[Q,z,se,L,W,X,Z,$,V,ae,O]),re=t.useMemo((function(){return{TUIMessage:j||l.TUIMessage,MessageContext:U,InputPlugins:q,MessagePlugins:P,MessageCustomPlugins:E,MessageTextPlugins:A,TUIChatHeader:m,TUIMessageInput:x,InputQuote:H}}),[]);return s.jsx("div",e.__assign({className:"chat ".concat(_)},{children:s.jsx(o.TUIChatStateContextProvider,e.__assign({value:G},{children:s.jsx(u.TUIChatActionProvider,e.__assign({value:ne},{children:s.jsx(c.ComponentProvider,e.__assign({value:re},{children:S||s.jsxs(s.Fragment,{children:[s.jsx(I.ChatHeader,{}),s.jsx(h.MessageList,{}),s.jsx(T.MessageInput,{})]})}))}))}))}))}var j=p(t).default.memo(_);exports.Chat=j;

package/dist/cjs/components/Chat/index.js

@@ -0,0 +1 @@
+"use strict";var e=require("./server.js");require("tslib"),require("react"),require("react/jsx-runtime"),require("@tencentcloud/chat-uikit-engine"),require("date-fns"),require("date-fns/locale"),require("@tencentcloud/chat"),require("../Icon/config.js"),require("../Icon/type.js"),require("@tencentcloud/tui-core"),require("react-i18next"),require("../../context/MessageContext.js"),require("../../constants.js"),require("../MessageElement/hooks/useMessageReply.js"),require("../MessageElement/MessagePlugins.js"),require("../MessageElement/MessageContext.js"),require("../../utils/env.js"),require("../MessageInput/hooks/useHandleQuoteMessage.js"),new e;

package/dist/cjs/components/{TUIChatHeader/TUIChatHeader.d.ts → ChatHeader/ChatHeader.d.ts}

@@ -1,6 +1,6 @@
 import React__default, { PropsWithChildren } from 'react';
 import { Conversation } from '@tencentcloud/chat';
-import { TUIChatHeaderDefaultProps } from './TUIChatHeaderDefault.js';
+import { TUIChatHeaderDefaultProps } from './ChatHeaderDefault.js';
 
 interface TUIChatHeaderProps {
     title?: string;
@@ -11,6 +11,6 @@ interface TUIChatHeaderProps {
     enableCall?: boolean;
 }
 declare function UnMemoizedTUIChatHeader<T extends TUIChatHeaderProps>(props: PropsWithChildren<T>): React__default.ReactElement;
-declare const TUIChatHeader: typeof UnMemoizedTUIChatHeader;
+declare const ChatHeader: typeof UnMemoizedTUIChatHeader;
 
-export { TUIChatHeader };
+export { ChatHeader };

package/dist/cjs/components/ChatHeader/ChatHeader.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../context/ChatStateContext.js"),a=require("./ChatHeaderDefault.js");require("tslib"),require("@tencentcloud/tui-core"),require("react-i18next"),require("@tencentcloud/chat-uikit-engine"),require("../../context/MessageContext.js");var n=require("../../context/ComponentContext.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(t){var o=t.title,u=t.conversation,i=t.TUIChatHeader,c=t.avatar,s=t.headerOpateIcon,l=t.enableCall,C=r.useTUIChatStateContext("TUIChatHeader").conversation,d=n.useComponentContext().TUIChatHeader,x=i||d||a.ChatHeaderDefault,h=u||C;return e.jsx(x,{title:o,conversation:h,avatar:c,opateIcon:s,enableCall:l})}var i=o(t).default.memo(u);exports.ChatHeader=i;

package/dist/cjs/components/{TUIChatHeader/TUIChatHeaderDefault.d.ts → ChatHeader/ChatHeaderDefault.d.ts}

@@ -13,6 +13,6 @@ interface TUIChatHeaderBasicProps extends TUIChatHeaderDefaultProps {
     isLive?: boolean;
     opateIcon?: React__default.ReactElement | string;
 }
-declare function TUIChatHeaderDefault(props: TUIChatHeaderBasicProps): React__default.ReactElement;
+declare function ChatHeaderDefault(props: TUIChatHeaderBasicProps): React__default.ReactElement;
 
-export { TUIChatHeaderBasicProps, TUIChatHeaderDefault, TUIChatHeaderDefaultProps };
+export { ChatHeaderDefault, TUIChatHeaderBasicProps, TUIChatHeaderDefaultProps };

package/dist/cjs/components/ChatHeader/ChatHeaderDefault.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),a=require("react"),i=require("@tencentcloud/tui-core"),n=require("@tencentcloud/chat"),s=require("@tencentcloud/chat-uikit-engine"),r=require("../Avatar/Avatar.js"),l=require("../utils.js"),c=require("../../utils/env.js"),u=require("../Icon/Icon.js"),o=require("../Icon/type.js");require("react-i18next");var d=require("../../context/UIManagerContext.js"),v=require("../../context/ChatActionContext.js");require("../../context/MessageContext.js");var h=require("../Chat/utils.js");function C(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var f=C(a),I=C(i),_=C(n);function g(n){var C=n.title,f=void 0===C?"":C,g=n.avatar;n.isOnline;var j=n.conversation,x=n.isLive,p=n.opateIcon,y=n.enableCall,S=void 0!==y&&y,T=v.useTUIChatActionContext().callButtonClicked,m=d.useUIManager().setActiveContact,N=a.useState(f),E=N[0],q=N[1],P=a.useState(""),A=P[0],O=P[1],k=a.useState(!1),M=k[0],b=k[1];a.useEffect((function(){switch(q(f),g&&O(g),null==j?void 0:j.type){case _.default.TYPES.CONV_C2C:!function(e,a){E||q(a||(null==e?void 0:e.nick)||(null==e?void 0:e.userID));g||O(t.jsx(r.Avatar,{size:32,image:l.handleDisplayAvatar(e.avatar)}))}(j.userProfile,null==j?void 0:j.remark);var e=!!I.default.getService(i.TUIConstants.TUICalling.SERVICE.NAME);b(e&&S);break;case _.default.TYPES.CONV_GROUP:!function(e){E||q((null==e?void 0:e.name)||(null==e?void 0:e.groupID));g||O(t.jsx(r.Avatar,{size:32,image:l.handleDisplayAvatar(e.avatar,_.default.TYPES.CONV_GROUP)}))}(j.groupProfile);break;case _.default.TYPES.CONV_SYSTEM:q("System Notice");break;default:q("")}}),[j]);var U=d.useUIManager().setTUIManageShow,V=function(e){var t,a=(null===(t=null==j?void 0:j.userProfile)||void 0===t?void 0:t.userID)||"",i=(null==j?void 0:j.type)||_.default.TYPES.CONV_C2C;h.startCall({callType:i,callMediaType:e,userIDList:[a],callButtonClicked:T})};return t.jsxs("header",e.__assign({className:"tui-chat-header ".concat(x?"tui-chat-live-header":"")},{children:[c.isH5&&t.jsx("div",e.__assign({style:{paddingRight:"10px"}},{children:t.jsx(u.Icon,{onClick:function(){s.TUIConversationService.switchConversation(""),m()},type:o.IconTypes.BACK,width:9,height:16})})),t.jsx("div",e.__assign({className:"tui-chat-header-left ".concat((null==j?void 0:j.type)===_.default.TYPES.CONV_SYSTEM?"system":"")},{children:(null==j?void 0:j.type)!==_.default.TYPES.CONV_SYSTEM&&A})),t.jsx("div",e.__assign({className:"header-content"},{children:t.jsx("h3",e.__assign({className:"title"},{children:E}))})),M&&t.jsxs("div",e.__assign({className:"call-btn-container"},{children:[t.jsx(u.Icon,{className:"call-btn",onClick:function(){return V(2)},type:o.IconTypes.VIDEOCALL,width:24}),t.jsx(u.Icon,{className:"call-btn",onClick:function(){return V(1)},type:o.IconTypes.VOICECALL,width:20})]})),t.jsx("div",e.__assign({className:"tui-chat-header-right"},{children:t.jsx("div",e.__assign({className:"header-handle"},{children:p||t.jsx(u.Icon,{className:"header-handle-more",onClick:function(){U&&U(!0)},type:o.IconTypes.ELLIPSE,width:18,height:5})}))}))]}),null==j?void 0:j.conversationID)}var j=f.default.memo(g);exports.ChatHeaderDefault=function(a){var i=e.__assign({},a);return t.jsx(j,e.__assign({},i))};

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

@@ -0,0 +1,6 @@
+import React__default from 'react';
+
+declare function UnMemoizedChatSetting<T>(): React__default.ReactElement;
+declare const ChatSetting: typeof UnMemoizedChatSetting;
+
+export { ChatSetting };

package/dist/cjs/components/ChatSetting/ChatSetting.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("react/jsx-runtime"),i=require("react"),a=require("react-i18next"),s=require("@tencentcloud/chat-uikit-engine"),t=require("../Icon/Icon.js"),r=require("../Icon/type.js"),o=require("../Avatar/Avatar.js"),l=require("../Avatar/default.js"),c=require("../Switch/Switch.js");require("@tencentcloud/tui-core");var u=require("../../context/UIManagerContext.js");require("../../context/MessageContext.js");var d=require("../../utils/env.js"),v=require("../ConversationPreview/utils.js");function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function h(){var g=a.useTranslation().t,h=i.useState(),m=h[0],j=h[1],x=i.useState(),_=x[0],f=x[1],I=i.useState(!1),C=I[0],p=I[1],q=i.useState(0),N=q[0];q[1];var S=u.useUIManager(),T=S.conversation,U=S.setActiveConversation,A=S.TUIManageShow,D=S.setTUIManageShow,M=function(){D&&D(!1)};return i.useEffect((function(){j(T),T&&f(v.getMessageProfile(T)),p(!!T&&T.isPinned)}),[T,N]),A&&T&&n.jsxs("div",e.__assign({className:"tui-manage ".concat(d.isH5?"tui-h5-manage":"")},{children:[n.jsxs("div",e.__assign({className:"tui-manage-title"},{children:[d.isPC&&n.jsx(t.Icon,{onClick:M,type:r.IconTypes.CANCEL,width:9,height:16}),d.isH5&&n.jsx(t.Icon,{onClick:M,type:r.IconTypes.BACK,width:9,height:16}),n.jsx("span",e.__assign({style:{marginLeft:"10px"}},{children:g("TUIConversation.Conversation Information")}))]})),n.jsxs("div",e.__assign({className:"tui-manage-container"},{children:[n.jsxs("div",e.__assign({className:"tui-manage-info"},{children:[n.jsx("div",e.__assign({className:"info-avatar"},{children:n.jsx(o.Avatar,{size:64,image:(null==_?void 0:_.avatar)||((null==_?void 0:_.groupID)?l.defaultGroupAvatarWork:l.defaultUserAvatar)})})),n.jsx("div",e.__assign({className:"info-name"},{children:(null==_?void 0:_.nick)||(null==_?void 0:_.name)})),n.jsxs("div",e.__assign({className:"info-id"},{children:["ID:",(null==_?void 0:_.userID)||(null==_?void 0:_.groupID)]}))]})),n.jsxs("div",e.__assign({className:"tui-manage-handle"},{children:[n.jsxs("div",e.__assign({className:"manage-handle-box"},{children:[n.jsx("div",e.__assign({className:"manage-handle-title"},{children:g("TUIConversation.Pin")})),n.jsx(c.Switch,{onChange:function(e){!function(e){if(p(e.target.checked),null==m?void 0:m.conversationID){var n=s.TUIStore.getConversationModel(null==m?void 0:m.conversationID);n&&n.pinConversation()}}(e)},checked:C})]})),d.isPC&&n.jsx("div",e.__assign({className:"manage-handle-box",role:"presentation",onClick:function(){if(null==m?void 0:m.conversationID){var e=s.TUIStore.getConversationModel(null==m?void 0:m.conversationID);e&&e.deleteConversation()}U(void 0)}},{children:n.jsx("div",e.__assign({className:"manage-handle-title red"},{children:g("TUIConversation.Delete")}))}))]}))]}))]}))}var m=g(i).default.memo(h);exports.ChatSetting=m;

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

@@ -0,0 +1,6 @@
+import React__default, { PropsWithChildren } from 'react';
+
+declare function UnMemoizedContact<T>(props: PropsWithChildren<T>): React__default.ReactElement;
+declare const Contact: React__default.MemoExoticComponent<typeof UnMemoizedContact>;
+
+export { Contact, UnMemoizedContact };

package/dist/cjs/components/Contact/Contact.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("tslib"),e=require("react/jsx-runtime"),i=require("react"),n=require("react-i18next"),s=require("../../context/ContactContext.js"),c=require("../../utils/env.js");require("@tencentcloud/tui-core");var r=require("../../context/UIManagerContext.js");require("../../context/MessageContext.js"),require("@tencentcloud/chat-uikit-engine");var a=require("./hooks/useTUIContact.js"),o=require("./ContactList/ContactList.js"),u=require("../ContactSearch/ContactSearch.js"),d=require("../Icon/Icon.js"),l=require("../Icon/type.js");function h(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}function j(h){var j=h.children,x=n.useTranslation().t,C=r.useUIManager().setActiveContact,f=i.useState(!1),p=f[0],q=f[1],v=a(),g=v.friendList,_=v.blockList,I=v.blocklistProfile,L=v.friendApplicationList,m=v.isShowContactList,S=v.setShowContactList,k=i.useMemo((function(){return{friendList:g,blockList:_,blocklistProfile:I,friendApplicationList:L,isShowContactList:m,setShowContactList:S}}),[g,I,L,m,S]);return e.jsx(s.TUIContactContextProvider,t.__assign({value:k},{children:j||e.jsxs("div",t.__assign({className:"tui-contacts ".concat(c.isH5?"tui-contacts-h5":""," ")},{children:[!p&&e.jsxs(e.Fragment,{children:[e.jsxs("div",t.__assign({className:"tui-contacts-header"},{children:[e.jsx("div",t.__assign({className:"tui-contact-input"},{children:e.jsx(u.ContactSearch,{})})),e.jsx(d.Icon,{onClick:function(){C(),q(!0)},type:l.IconTypes.ADDFRIEND,width:24,height:24})]})),e.jsx(o.ContactList,{})]}),p&&e.jsxs(e.Fragment,{children:[e.jsxs("div",t.__assign({className:"tui-contacts-add-header"},{children:[e.jsx(d.Icon,{onClick:function(){C(),q(!1)},type:l.IconTypes.BACK,width:9,height:16}),e.jsx("div",t.__assign({className:"tui-contacts-add-header-title"},{children:x("TUIContact.Add Friend")}))]})),e.jsx(u.ContactSearch,{})]})]}))}))}var x=h(i).default.memo(j);exports.Contact=x,exports.UnMemoizedContact=j;

package/dist/cjs/components/Contact/ContactInfo/ContactInfo.d.ts

@@ -0,0 +1,10 @@
+import React__default, { PropsWithChildren } from 'react';
+
+interface TUIContactInfoProps {
+    className?: string;
+    showChats?: () => void;
+}
+declare function UnMemoizedContactInfo<T extends TUIContactInfoProps>(props: PropsWithChildren<T>): React__default.ReactElement;
+declare const ContactInfo: React__default.MemoExoticComponent<typeof UnMemoizedContactInfo>;
+
+export { ContactInfo, UnMemoizedContactInfo };

package/dist/cjs/components/Contact/ContactInfo/ContactInfo.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("react/jsx-runtime"),t=require("react");require("@tencentcloud/tui-core"),require("react-i18next");var r=require("../../../context/UIManagerContext.js");require("../../../context/MessageContext.js"),require("@tencentcloud/chat-uikit-engine");var i=require("../../../utils/env.js"),o=require("./friendInfo.js"),a=require("./blockInfo.js"),u=require("./addFriendInfo.js"),d=require("./groupInfo.js"),l=require("./friendApplication.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(t){var s=t.showChats,c=r.useUIManager().contactData;return(null==c?void 0:c.type)?n.jsxs("div",e.__assign({className:"tui-contact-info ".concat(i.isH5?"tui-contact-info-h5":""," ")},{children:["addFriend"===(null==c?void 0:c.type)&&n.jsx(u.AddFriendInfo,{profile:null==c?void 0:c.data}),"friend"===(null==c?void 0:c.type)&&n.jsx(o.FriendInfo,{showChats:s,friend:null==c?void 0:c.data}),"block"===(null==c?void 0:c.type)&&n.jsx(a.BlockInfo,{profile:null==c?void 0:c.data}),"group"===(null==c?void 0:c.type)&&n.jsx(d.GroupInfo,{showChats:s,group:null==c?void 0:c.data}),"friendApplication"===(null==c?void 0:c.type)&&n.jsx(l.FriendApplicationInfo,{application:null==c?void 0:c.data})]})):n.jsx(n.Fragment,{children:" "})}var f=s(t).default.memo(c);exports.ContactInfo=f,exports.UnMemoizedContactInfo=c;

package/dist/cjs/components/Contact/ContactInfo/basicInfo.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),a=require("react"),t=require("react-i18next"),i=require("@tencentcloud/chat-uikit-engine");require("@tencentcloud/tui-core");var n=require("../../../context/UIManagerContext.js");require("../../../context/MessageContext.js");var s=require("../../Icon/Icon.js"),c=require("../../Icon/type.js"),o=require("../../../utils/env.js"),u=require("../../Avatar/Avatar.js"),d=require("../../Avatar/default.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function v(a){var l=a.profile,v=t.useTranslation().t,x=l.userID,j=l.nick,h=l.selfSignature,f=l.avatar,g=n.useUIManager().setActiveContact;return r.jsxs("div",e.__assign({className:"tui-contact-info-header"},{children:[o.isH5&&r.jsx(s.Icon,{width:9,height:16,type:c.IconTypes.BACK,onClick:function(){i.TUIConversationService.switchConversation(""),g()}}),r.jsxs("div",e.__assign({className:"header-container"},{children:[r.jsxs("div",e.__assign({className:"header-container-avatar"},{children:[r.jsx(u.Avatar,{size:60,image:f||d.defaultUserAvatar}),r.jsx("div",e.__assign({className:"header-container-name"},{children:j||x}))]})),r.jsx("div",e.__assign({className:"header-container-text"},{children:"ID:".concat(x)})),r.jsxs("div",e.__assign({className:"header-container-text"},{children:[v("TUIContact.Signature"),":",h||""]}))]}))]}))}var x=l(a).default.memo(v);exports.BasicInfo=x,exports.UnMemoizedBasicInfo=v;

package/dist/cjs/components/Contact/ContactInfo/blockInfo.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),n=require("react"),r=require("react-i18next");require("@tencentcloud/tui-core");var i=require("../../../context/UIManagerContext.js");require("../../../context/MessageContext.js"),require("@tencentcloud/chat-uikit-engine");var c=require("./basicInfo.js"),s=require("../../Switch/Switch.js"),o=require("./hooks/useContactInfo.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(a){var u=this,l=a.profile,f=i.useUIManager(),d=f.contactData,x=f.setActiveContact,h=r.useTranslation().t,j=n.useState(!1),m=j[0],v=j[1],_=o().removeFromBlocklist;n.useEffect((function(){v(!0)}),[d]);return t.jsxs(t.Fragment,{children:[t.jsx(c.BasicInfo,{profile:l}),t.jsx("div",e.__assign({className:"tui-contact-info-content"},{children:t.jsxs("div",e.__assign({className:"content-item"},{children:[t.jsx("p",e.__assign({className:"content-item-label"},{children:h("TUIContact.block")})),t.jsx(s.Switch,{className:"content-item-text",onChange:function(){return e.__awaiter(u,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return[4,_(l.userID)];case 1:return e.sent(),v(!1),x(),[2]}}))}))},checked:m})]}))}))]})}var l=a(n).default.memo(u);exports.BlockInfo=l,exports.UnMemoizedBlockInfo=u;

package/dist/cjs/components/Contact/ContactInfo/friendApplication.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),n=require("react"),a=require("react-i18next"),i=require("@tencentcloud/chat");require("@tencentcloud/tui-core");var s=require("../../../context/UIManagerContext.js");require("../../../context/MessageContext.js"),require("@tencentcloud/chat-uikit-engine");var r=require("../../Avatar/Avatar.js"),c=require("../../Avatar/default.js"),o=require("./hooks/useContactInfo.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=l(n),u=l(i);function _(n){var i=s.useUIManager().setActiveContact,l=a.useTranslation().t,d=n.application,_=d.userID,x=d.nick,v=d.avatar,m=d.type,j=d.wording,f=o(),h=f.acceptFriendApplication,g=f.refuseFriendApplication;return t.jsxs(t.Fragment,{children:[t.jsx("div",e.__assign({className:"tui-contact-info-header"},{children:t.jsxs("div",e.__assign({className:"header-container"},{children:[t.jsxs("div",e.__assign({className:"header-container-avatar"},{children:[t.jsx(r.Avatar,{size:60,image:v||c.defaultUserAvatar}),t.jsx("div",e.__assign({className:"header-container-name"},{children:x||_}))]})),t.jsx("div",e.__assign({className:"header-container-text"},{children:"ID:".concat(_)}))]}))})),t.jsx("div",e.__assign({className:"tui-contact-info-content"},{children:t.jsxs("div",e.__assign({className:"content-item"},{children:[t.jsx("p",e.__assign({className:"content-item-label"},{children:l("TUIContact.verification info")})),t.jsx("p",e.__assign({className:"content-item-text"},{children:j}))]}))})),m===u.default.TYPES.SNS_APPLICATION_SENT_TO_ME&&t.jsx("div",e.__assign({className:"tui-contact-info-content"},{children:t.jsxs("div",e.__assign({className:"content-btn-container"},{children:[t.jsx("div",e.__assign({className:"content-item-btn delete-btn",role:"button",tabIndex:0,onClick:function(){i(),g(_)}},{children:l("TUIContact.Refuse")})),t.jsx("div",e.__assign({className:"content-item-btn confirm-btn",role:"button",tabIndex:0,onClick:function(){i(),h(_)}},{children:l("TUIContact.Agree")}))]}))}))]})}var x=d.default.memo(_);exports.FriendApplicationInfo=x,exports.UnMemoizedFriendApplication=_;

package/dist/cjs/components/Contact/ContactInfo/friendInfo.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),n=require("react"),i=require("react-i18next"),r=require("@tencentcloud/chat-uikit-engine"),s=require("../../../context/UIKitContext.js"),a=require("../../../context/UIManagerContext.js");require("../../../context/MessageContext.js");var c=require("./basicInfo.js"),o=require("../../Switch/Switch.js"),u=require("./hooks/useContactInfo.js"),l=require("../../DivWithEdit/DivWithEdit.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function f(d){var f=this,m=s.useUIKit().chat,v=a.useUIManager(),h=v.contactData,x=v.setActiveContact,_=v.setActiveConversation,j=i.useTranslation().t,g=d.friend,C=d.showChats,b=g.userID,I=g.profile,k=g.remark,q=n.useState(""),p=q[0],N=q[1],U=n.useState(""),w=U[0],S=U[1],D=n.useState(!1),T=D[0],M=D[1],E=u(),F=E.addToBlocklist,y=E.deleteFriend;n.useEffect((function(){M(!1),S(k)}),[h,k]);return t.jsxs(t.Fragment,{children:[t.jsx(c.BasicInfo,{profile:I}),t.jsxs("div",e.__assign({className:"tui-contact-info-content"},{children:[t.jsxs("div",e.__assign({className:"content-item"},{children:[t.jsx("p",e.__assign({className:"content-item-label"},{children:j("TUIContact.remark")})),t.jsx(l.DivWithEdit,{name:"remark",className:"content-item-text",value:w,type:"text",toggle:function(){N("remark")},isEdit:"remark"===p,confirm:function(e){m.updateFriend({userID:b,remark:null==e?void 0:e.value}),S(null==e?void 0:e.value),N("")},close:function(){N("")}})]})),t.jsxs("div",e.__assign({className:"content-item"},{children:[t.jsx("p",e.__assign({className:"content-item-label"},{children:j("TUIContact.block")})),t.jsx(o.Switch,{className:"content-item-text",onChange:function(){return e.__awaiter(f,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return[4,F(b)];case 1:return e.sent(),M(!0),x(),[2]}}))}))},checked:T})]})),t.jsxs("div",e.__assign({className:"content-btn-container"},{children:[t.jsx("div",e.__assign({className:"content-item-btn delete-btn",role:"button",tabIndex:0,onClick:function(){return e.__awaiter(f,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return[4,y(b)];case 1:return e.sent(),x(),[2]}}))}))}},{children:j("TUIContact.Delete friend")})),t.jsx("div",e.__assign({className:"content-item-btn confirm-btn",role:"button",tabIndex:0,onClick:function(){var e="C2C".concat(b);C&&C(),r.TUIConversationService.switchConversation(e).then((function(e){_(e.getConversation())}))}},{children:j("TUIContact.Send Message")}))]}))]}))]})}var m=d(n).default.memo(f);exports.FriendInfo=m,exports.UnMemoizedFriendInfo=f;

package/dist/cjs/components/Contact/ContactInfo/groupInfo.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("react/jsx-runtime"),t=require("react"),r=require("react-i18next"),a=require("@tencentcloud/chat-uikit-engine");require("@tencentcloud/tui-core");var i=require("../../../context/UIManagerContext.js");require("../../../context/MessageContext.js");var s=require("../../Icon/Icon.js"),c=require("../../Icon/type.js"),o=require("../../../utils/env.js"),u=require("../../Avatar/Avatar.js"),d=require("../../Avatar/default.js");function v(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function l(t){var v=t.group,l=t.showChats,h=i.useUIManager(),x=h.setActiveContact,j=h.setActiveConversation,g=r.useTranslation().t,m=v.groupID,_=v.name,f=v.avatar;return n.jsxs(n.Fragment,{children:[n.jsxs("div",e.__assign({className:"tui-contact-info-header"},{children:[o.isH5&&n.jsx(s.Icon,{width:9,height:16,type:c.IconTypes.BACK,onClick:function(){a.TUIConversationService.switchConversation(""),x()}}),n.jsxs("div",e.__assign({className:"header-container"},{children:[n.jsxs("div",e.__assign({className:"header-container-avatar"},{children:[n.jsx(u.Avatar,{size:60,image:f||d.defaultUserAvatar}),n.jsx("div",e.__assign({className:"header-container-name"},{children:_||m}))]})),n.jsx("div",e.__assign({className:"header-container-text"},{children:"groupID:".concat(m)}))]}))]})),n.jsx("div",e.__assign({className:"tui-contact-info-content"},{children:n.jsx("div",e.__assign({className:"content-btn-container"},{children:n.jsx("div",e.__assign({className:"content-item-btn confirm-btn",role:"button",tabIndex:0,onClick:function(){var e="GROUP".concat(m);l&&l(),a.TUIConversationService.switchConversation(e).then((function(e){j(e.getConversation())}))}},{children:g("TUIContact.Send Message")}))}))}))]})}var h=v(t).default.memo(l);exports.GroupInfo=h,exports.UnMemoizedGroupInfo=l;

package/dist/cjs/components/Contact/ContactInfo/hooks/useContactInfo.js

@@ -0,0 +1 @@
+"use strict";var e=require("tslib"),t=require("react"),r=require("@tencentcloud/chat"),i=require("../../../Toast/index.js"),n=require("../../../../context/UIKitContext.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("react/jsx-runtime"),require("@tencentcloud/chat-uikit-engine"),require("../../../../context/MessageContext.js");var c=u(r);module.exports=function(){var r=this,u=n.useUIKit().chat,a=t.useCallback((function(e){u.removeFromBlacklist({userIDList:[e]})}),[u]),o=t.useCallback((function(e){u.addFriend({to:null==e?void 0:e.userID,source:"AddSource_Type_Web",remark:null==e?void 0:e.remark,wording:null==e?void 0:e.wording}).catch((function(e){console.warn("delete friend failed:",e),i.Toast({text:e,type:"error"})}))}),[u]),l=t.useCallback((function(e){u.deleteFriend({userIDList:[e]})}),[u]);return{addToBlocklist:t.useCallback((function(e){u.addToBlacklist({userIDList:[e]})}),[u]),removeFromBlocklist:a,isFriend:function(e){return new Promise((function(t,r){u.checkFriend({userIDList:[null==e?void 0:e.userID],type:c.default.TYPES.SNS_CHECK_TYPE_BOTH}).then((function(e){var r,i;switch(null===(i=null===(r=null==e?void 0:e.data)||void 0===r?void 0:r.successUserIDList[0])||void 0===i?void 0:i.relation){case c.default.TYPES.SNS_TYPE_NO_RELATION:case c.default.TYPES.SNS_TYPE_A_WITH_B:case c.default.TYPES.SNS_TYPE_B_WITH_A:t(!1);break;case c.default.TYPES.SNS_TYPE_BOTH_WAY:t(!0);break;default:t(!1)}})).catch((function(e){console.warn("checkFriend error",e),r(e)}))}))},isBlock:function(t){return e.__awaiter(r,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return[4,u.getBlacklist()];case 1:return[2,e.sent().data.includes(t)]}}))}))},addFriend:o,deleteFriend:l,acceptFriendApplication:t.useCallback((function(e){u.acceptFriendApplication({userID:e,type:c.default.TYPES.SNS_APPLICATION_AGREE_AND_ADD})}),[u]),refuseFriendApplication:t.useCallback((function(e){u.refuseFriendApplication({userID:e})}),[u])}};

package/dist/cjs/components/Contact/ContactList/ContactList.d.ts

@@ -0,0 +1,6 @@
+import React__default from 'react';
+
+declare function UnMemoizedContactList<T>(): React__default.ReactElement;
+declare const ContactList: React__default.MemoExoticComponent<typeof UnMemoizedContactList>;
+
+export { ContactList };

package/dist/cjs/components/Contact/ContactList/ContactList.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("tslib"),s=require("react/jsx-runtime"),i=require("react"),e=require("react-i18next"),n=require("@tencentcloud/chat"),a=require("../../../utils/env.js");require("@tencentcloud/tui-core");var c=require("../../../context/UIManagerContext.js");require("../../../context/MessageContext.js");var o=require("../../../context/ContactContext.js");require("@tencentcloud/chat-uikit-engine");var r=require("../ContactInfo/hooks/useContactInfo.js"),l=require("../hooks/useTUIContact.js"),u=require("../../Avatar/Avatar.js"),d=require("../../Avatar/default.js");function _(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var x=_(i),m=_(n);function p(){var n=c.useUIManager().setActiveContact,_=e.useTranslation().t,x=o.useTUIContactContext("TUIContactList"),p=x.isShowContactList,j=x.friendList,v=x.blocklistProfile,h=x.friendApplicationList,f=r().acceptFriendApplication,g=l().groupList,C=i.useState(!1),N=C[0],I=C[1],S=i.useState(!1),b=S[0],T=S[1],A=i.useState(!1),q=A[0],k=A[1],U=i.useState(!1),w=U[0],L=U[1],P=function(i){var e=i.type,a=i.isShow,c=i.setShow,o=i.list,r=i.title;return s.jsxs(s.Fragment,{children:[s.jsxs("div",t.__assign({className:"tui-contacts-title",role:"button",tabIndex:0,onClick:function(){return c(!a)}},{children:[s.jsx("div",t.__assign({className:"tui-contacts-list-title"},{children:r})),s.jsx("div",t.__assign({className:"tui-contacts-list-icon"},{children:a?s.jsx("i",t.__assign({className:"iconfont contacts-list-icon"},{children:""})):s.jsx("i",t.__assign({className:"iconfont contacts-list-icon"},{children:""}))}))]})),a&&(null==o?void 0:o.map((function(i){var a=i.profile||i,c=a.userID,o=a.groupID,r=a.avatar,l=a.name,_=a.nick,x=i.remark||_||c||l||o;return s.jsxs("div",t.__assign({role:"button",tabIndex:0,className:"tui-contacts-list-item",onClick:function(){n({type:e,data:i})}},{children:[s.jsx(u.Avatar,{size:30,image:r||d.defaultUserAvatar}),s.jsx("div",t.__assign({className:"tui-contacts-list-item-container"},{children:s.jsx("p",t.__assign({className:"tui-contacts-list-item-name"},{children:x}))}))]}),c||o)})))]})};return p&&s.jsxs("div",t.__assign({className:"tui-contacts-list ".concat(a.isH5?"tui-contacts-list-h5":""," ")},{children:[s.jsxs("div",t.__assign({className:"tui-contacts-title",role:"button",tabIndex:0,onClick:function(){return I(!N)}},{children:[s.jsx("p",t.__assign({className:"tui-contacts-list-title"},{children:_("TUIContact.New Contacts")})),s.jsx("div",t.__assign({className:"tui-contacts-list-icon"},{children:N?s.jsx("i",t.__assign({className:"iconfont contacts-list-icon"},{children:""})):s.jsx("i",t.__assign({className:"iconfont contacts-list-icon"},{children:""}))}))]})),N&&(null==h?void 0:h.map((function(i,e){var a=i.userID,c=i.avatar,o=i.nick,r=i.wording,l=i.type;return s.jsxs("div",t.__assign({role:"button",tabIndex:0,className:"tui-contacts-list-item",onClick:function(t){t.stopPropagation(),n({type:"friendApplication",data:i})}},{children:[s.jsx(u.Avatar,{size:30,image:c||d.defaultUserAvatar}),s.jsxs("div",t.__assign({className:"tui-contacts-list-item-card"},{children:[s.jsxs("div",{children:[s.jsx("p",t.__assign({className:"tui-contacts-list-item-name text-ellipsis"},{children:o||a})),""!==r&&s.jsx("p",t.__assign({className:"tui-contacts-list-item-text text-ellipsis"},{children:r}))]}),l===m.default.TYPES.SNS_APPLICATION_SENT_BY_ME&&s.jsx("p",t.__assign({className:"tui-contacts-list-btn-text text-ellipsis"},{children:_("TUIContact.waiting for verification")})),l===m.default.TYPES.SNS_APPLICATION_SENT_TO_ME&&s.jsx("div",t.__assign({className:"application-btn",role:"button",tabIndex:0,onClick:function(t){!function(t,s){t.stopPropagation(),f(s),n()}(t,a)}},{children:_("TUIContact.Agree")}))]}))]}),a)}))),s.jsx(P,{type:"block",title:_("TUIContact.Blocked List"),isShow:q,setShow:k,list:v}),s.jsx(P,{type:"group",title:_("TUIContact.Group List"),setShow:L,isShow:w,list:g}),s.jsx(P,{type:"friend",title:_("TUIContact.Friends"),setShow:T,isShow:b,list:j})]}))}var j=x.default.memo(p);exports.ContactList=j;

package/dist/cjs/components/Contact/hooks/useTUIContact.js

@@ -0,0 +1 @@
+"use strict";var t=require("tslib"),e=require("react"),n=require("@tencentcloud/chat"),i=require("@tencentcloud/chat-uikit-engine"),r=require("../../../context/UIKitContext.js");function a(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}require("react/jsx-runtime"),require("../../../context/MessageContext.js");var u=a(n);module.exports=function(){var n=this,a=r.useUIKit().chat,o=e.useState([]),c=o[0],s=o[1],l=e.useState([]),d=l[0],f=l[1],v=e.useState([]),_=v[0],L=v[1],h=e.useState([]),g=h[0],E=h[1],S=e.useState(),p=S[0],w=S[1],I=e.useState(!0),T=I[0],A=I[1];e.useEffect((function(){i.TUIStore.watch(i.StoreName.GRP,{groupList:D}),P(),q(),b()}),[a]);var D=function(t){w(t)};e.useEffect((function(){null==a||a.on(u.default.EVENT.BLACKLIST_UPDATED,x),null==a||a.on(u.default.EVENT.FRIEND_LIST_UPDATED,C),null==a||a.on(u.default.EVENT.FRIEND_APPLICATION_LIST_UPDATED,U)}),[a]);var b=function(){return t.__awaiter(n,void 0,void 0,(function(){var e;return t.__generator(this,(function(t){switch(t.label){case 0:return[4,a.getFriendApplicationList()];case 1:return e=t.sent().data,L(null==e?void 0:e.friendApplicationList),[2]}}))}))},P=function(){return t.__awaiter(n,void 0,void 0,(function(){var e,n,i;return t.__generator(this,(function(t){switch(t.label){case 0:return[4,null==a?void 0:a.getFriendList()];case 1:return e=t.sent(),n=e.code,i=e.data,0===n&&s(i),[2]}}))}))},q=function(){return t.__awaiter(n,void 0,void 0,(function(){var e;return t.__generator(this,(function(t){switch(t.label){case 0:return[4,null==a?void 0:a.getBlacklist()];case 1:return 0===(e=t.sent().data).length||(f(e),N(e)),[2]}}))}))},N=function(e){return t.__awaiter(n,void 0,void 0,(function(){var n;return t.__generator(this,(function(t){switch(t.label){case 0:return[4,a.getUserProfile({userIDList:e})];case 1:return n=t.sent().data,E(n),[2]}}))}))},U=function(t){var e;L(null===(e=null==t?void 0:t.data)||void 0===e?void 0:e.friendApplicationList)},x=function(t){f(t.data),N(t.data)},C=function(t){s(t.data)};return{friendList:c,groupList:p,blocklistProfile:g,friendApplicationList:_,blockList:d,isShowContactList:T,setShowContactList:A}};

package/dist/cjs/components/ContactSearch/ContactSearch.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),r=require("react"),n=require("react-i18next");require("@tencentcloud/tui-core");var a=require("../../context/UIManagerContext.js");require("../../context/MessageContext.js");var i=require("../../context/ContactContext.js");require("@tencentcloud/chat-uikit-engine");var o=require("./hooks/useContactSearch.js"),u=require("../Icon/Icon.js"),s=require("../Icon/type.js"),c=require("../Avatar/Avatar.js"),l=require("../Avatar/default.js"),d=require("../Input/Input.js");function v(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function f(){var v=this,f=a.useUIManager().setActiveContact,h=n.useTranslation().t,x=i.useTUIContactContext("TUIContactList"),j=x.friendList,I=x.setShowContactList,g=r.useState(!1),p=g[0],_=g[1],C=o(),m=C.checkFriend,q=C.isBlock,y=C.getUserProfile,U=r.useState(""),b=U[0],S=U[1],k=r.useState([]),A=k[0],w=k[1];return t.jsxs("div",e.__assign({className:"tui-contact-search"},{children:[t.jsx(d.Input,{className:"tui-contact-search-input",placeholder:h("TUIContact.Enter a userID"),clearable:!0,value:b,onBlur:function(e){var t;S(null===(t=e.target)||void 0===t?void 0:t.value)},onFocus:function(){f()},onChange:function(e){var t,r;if(""===(null===(t=e.target)||void 0===t?void 0:t.value))return I&&I(!0),_(!1),void w([]);_(!0),S(null===(r=e.target)||void 0===r?void 0:r.value),I&&I(!1)},onKeyDown:function(){return e.__awaiter(v,void 0,void 0,(function(){return e.__generator(this,(function(e){return b&&y(b).then((function(e){var t=e.data;w(t)})),[2]}))}))},prefix:t.jsx(u.Icon,{type:s.IconTypes.SEARCH,height:16,width:16})}),p&&0===A.length?t.jsx("div",e.__assign({className:"tui-contact-search-item"},{children:h("TUIContact.No Result")})):A.map((function(r,n){var a=r.userID,i=r.avatar,o=r.nick;return t.jsxs("div",e.__assign({className:"tui-contact-search-item",role:"button",tabIndex:0,onClick:function(){var t;t=r,e.__awaiter(v,void 0,void 0,(function(){var r;return e.__generator(this,(function(e){switch(e.label){case 0:return[4,m(t)];case 1:return e.sent()?((r=null==j?void 0:j.find((function(e){return e.userID===b})))&&f({type:"friend",data:r}),[2]):q(t.userID)?(f({type:"block",data:t}),[2]):(f({type:"addFriend",data:t}),[2])}}))}))}},{children:[t.jsx(c.Avatar,{size:30,image:i||l.defaultUserAvatar}),t.jsx("div",e.__assign({className:"search-item-name"},{children:o||a}))]}),a)}))]}))}var h=v(r).default.memo(f);exports.ContactSearch=h,exports.UnMemoizedContactSearch=f;

package/dist/cjs/components/ContactSearch/hooks/useContactSearch.js

@@ -0,0 +1 @@
+"use strict";var e=require("@tencentcloud/chat"),t=require("../../../context/UIKitContext.js");require("tslib"),require("react/jsx-runtime"),require("react"),require("@tencentcloud/chat-uikit-engine"),require("../../../context/MessageContext.js");var r=require("../../../context/ContactContext.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=n(e);module.exports=function(){var e=r.useTUIContactContext("TUIContactList").blockList,n=t.useUIKit().chat;return{checkFriend:function(e){return n.checkFriend({userIDList:[null==e?void 0:e.userID],type:i.default.TYPES.SNS_CHECK_TYPE_BOTH}).then((function(e){var t,r;return(null===(r=null===(t=null==e?void 0:e.data)||void 0===t?void 0:t.successUserIDList[0])||void 0===r?void 0:r.relation)===i.default.TYPES.SNS_TYPE_BOTH_WAY}))},isBlock:function(t){return null==e?void 0:e.includes(t)},getUserProfile:function(e){return n.getUserProfile({userIDList:[e]})}}};

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

@@ -0,0 +1,52 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default from 'react';
+import { IConversationModel } from '@tencentcloud/chat-uikit-engine';
+
+interface IConversationActionsConfig {
+    /** Determines whether the pin button appears on the conversation actions list view. (Default: True) */
+    enablePin?: boolean;
+    /**  Determines whether the mute button appears on the conversation actions list view. (Default: True) */
+    enableMute?: boolean;
+    /** Determines whether the delete button appears on the conversation actions list view. (Default: True) */
+    enableDelete?: boolean;
+    /** Function to override the default behavior when user pin or unpin a conversation.  */
+    onConversationPin?: (conversation: IConversationModel, e?: React__default.MouseEvent) => void;
+    /** Function to override the default behavior when user mute or unmute a conversation. */
+    onConversationMute?: (conversation: IConversationModel, e?: React__default.MouseEvent) => void;
+    /** Function to override the default behavior when user delete a conversation. */
+    onConversationDelete?: (conversation: IConversationModel, e?: React__default.MouseEvent) => void;
+    /**
+     * An object containing custom conversation actions (key) and object (value).
+     * Each value is an object with the following properties:
+     * enable: Determines whether the custom action is enabled. (Default: True)
+     * label: The label of the custom action.
+     * onClick: The function to be called when the custom action is clicked.
+     * Note: The key of the custom action must be unique.
+     */
+    customConversationActions?: Record<string, IConversationActionItem>;
+    /** The icon react element to be displayed in the action popup. */
+    PopupIcon?: React__default.ReactElement;
+    /** An array of react elements to be displayed in the action popup. */
+    PopupElements?: React__default.ReactElement[];
+    /** The function to be called when the action popup is clicked. */
+    onClick?: (e: React__default.MouseEvent, key?: string, conversation?: IConversationModel) => void;
+}
+interface IConversationActionsProps extends IConversationActionsConfig {
+    /** The conversation model. */
+    conversation: IConversationModel;
+    /** The class name of the root element. */
+    className?: string;
+    /** The style of the root element. */
+    style?: React__default.CSSProperties;
+}
+interface IConversationActionItem {
+    /** Determines whether the custom action is enabled. (Default: True)  */
+    enable?: boolean;
+    /** label: The label of the custom action. */
+    label: string;
+    /** onClick: The function to be called when the custom action is clicked. */
+    onClick: (conversation: IConversationModel, e?: React__default.MouseEvent) => void;
+}
+declare const ConversationActions: (props: IConversationActionsProps) => react_jsx_runtime.JSX.Element;
+
+export { ConversationActions, IConversationActionItem, IConversationActionsConfig, IConversationActionsProps };

package/dist/cjs/components/ConversationActions/ConversationActions.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("react/jsx-runtime"),o=require("react"),i=require("react-i18next"),t=require("../../node_modules/classnames/index.js"),s=require("../Plugins/index.js"),a=require("../Icon/Icon.js"),r=require("../Icon/type.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=l(o);exports.ConversationActions=function(l){var u=l.conversation,v=l.PopupIcon,d=l.enablePin,p=void 0===d||d,C=l.enableMute,f=void 0===C||C,_=l.enableDelete,m=void 0===_||_,b=l.onConversationPin,k=l.onConversationMute,j=l.onConversationDelete,I=l.customConversationActions,x=l.PopupElements,P=l.onClick,g=l.className,M=l.style,q=i.useTranslation().t,y=o.useRef(null),T=c.default.useState({}),U=T[0],h=T[1],N={delete:{enable:m,label:q("TUIConversation.Delete"),onClick:j||function(e){e.deleteConversation()}},pin:{enable:p,label:q(u.isPinned?"TUIConversation.Unpin":"TUIConversation.Pin"),onClick:b||function(e){e.pinConversation()}},mute:{enable:f,label:q(u.isMuted?"TUIConversation.Unmute":"TUIConversation.Mute"),onClick:k||function(e){e.muteConversation()}}};o.useEffect((function(){h(e.__assign(e.__assign({},N),I))}),[u,I]);var D=function(e,n){var o,i;(null===(o=null==y?void 0:y.current)||void 0===o?void 0:o.closeMore)&&y.current.closeMore(),null==P||P(e,n,u),null===(i=U[n])||void 0===i||i.onClick(u,e)};return n.jsx("div",e.__assign({className:t({"uikit-conversation-actions":!0,className:g}),style:M,onClick:function(e){e.stopPropagation()}},{children:n.jsx(s.Plugins,{customClass:"uikit-conversation-actions__container",ref:y,plugins:x||Object.keys(U).map((function(o){return!1===U[o].enable?null:n.jsx("div",e.__assign({className:t("uikit-conversation-actions__item",["uikit-conversation-actions__item--".concat(o)]),onClick:function(e){return D(e,o)}},{children:U[o].label}),o)})),showNumber:0,MoreIcon:v||n.jsx(a.Icon,{className:"uikit-conversation-actions__popup-icon",width:16,height:16,type:r.IconTypes.MORE})})}))};

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

@@ -0,0 +1,21 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default from 'react';
+import { CreateGroupParams, IConversationModel } from '@tencentcloud/chat-uikit-engine';
+
+interface IConversationCreateProps {
+    visible?: boolean;
+    className?: string;
+    style?: React__default.CSSProperties;
+    onBeforeCreateConversation?: (params: string | CreateGroupParams) => string | CreateGroupParams;
+    onConversationCreated?: (conversation: IConversationModel) => void;
+    onChangeCreateModelVisible: (visible: boolean) => void;
+    conversationList?: IConversationModel[];
+}
+declare enum PageStateTypes {
+    USER_SELECT = "Next",
+    CREATE_DETAIL = "Create",
+    GROUP_TYPE = "GroupType"
+}
+declare function ConversationCreate<T extends IConversationCreateProps>(props: T): react_jsx_runtime.JSX.Element | null;
+
+export { ConversationCreate, IConversationCreateProps, PageStateTypes };

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),s=require("react"),r=require("react-i18next"),a=require("../Icon/Icon.js"),o=require("../Icon/type.js"),i=require("./ConversationCreateUserSelectList.js"),n=require("./ConversationCreatGroupDetail.js"),c=require("../../context/UIKitContext.js");require("@tencentcloud/chat-uikit-engine"),require("../../context/TUIMessageContext.js");var u,p=require("../../hooks/useConversation.js");exports.PageStateTypes=void 0,(u=exports.PageStateTypes||(exports.PageStateTypes={})).USER_SELECT="Next",u.CREATE_DETAIL="Create",u.GROUP_TYPE="GroupType",exports.ConversationCreate=function(u){var C=u.className,S=void 0===C?"":C,T=u.setConversationCreated,v=u.conversationList,E=void 0===v?[]:v,l=r.useTranslation().t,x=s.useState(!1),d=x[0],g=x[1],P=s.useState(exports.PageStateTypes.USER_SELECT),_=P[0],j=P[1],y=s.useState([]),L=y[0],I=y[1],U=c.useUIKit().chat,h=p.useConversation(U).createConversation,q=function(){if(d)switch(_){case exports.PageStateTypes.USER_SELECT:g(!1);break;case exports.PageStateTypes.CREATE_DETAIL:j(exports.PageStateTypes.USER_SELECT),I([]);break;case exports.PageStateTypes.GROUP_TYPE:j(exports.PageStateTypes.CREATE_DETAIL)}else T(!1)};return s.useMemo((function(){return t.jsxs(t.Fragment,{children:[t.jsxs("div",e.__assign({className:"tui-conversation-create-header"},{children:[t.jsx(a.Icon,{onClick:q,type:o.IconTypes.BACK,width:9,height:16}),t.jsx("div",e.__assign({className:"title"},{children:l(d?"TUIConversation.Add Participants":"TUIConversation.Start chat")}))]})),_===exports.PageStateTypes.USER_SELECT?t.jsx(i.ConversationCreateUserSelectList,{isCreateGroup:d,setIsCreateGroup:g,className:S,selectList:L,setSelectList:I,conversationList:E,setConversationCreated:T,setPageState:j}):t.jsx(n.ConversationCreatGroupDetail,{pageState:_,setPageState:j,profileList:L.map((function(e){return null==e?void 0:e.profile})),createConversation:h,setConversationCreated:T})]})}),[d,L,_])};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),s=require("react/jsx-runtime"),r=require("react"),a=require("react-i18next"),n=require("@tencentcloud/chat-uikit-engine"),o=require("../../node_modules/classnames/index.js"),i=require("../Icon/Icon.js"),c=require("../Icon/type.js"),u=require("./ConversationCreateButton.js"),C=require("./ConversationCreateUserSelectList.js"),l=require("./ConversationCreateGroupDetail.js");exports.PageStateTypes=void 0,(e=exports.PageStateTypes||(exports.PageStateTypes={})).USER_SELECT="Next",e.CREATE_DETAIL="Create",e.GROUP_TYPE="GroupType",exports.ConversationCreate=function(e){var p=e.visible,v=void 0===p||p,S=e.className,T=e.style,E=e.onChangeCreateModelVisible,d=e.conversationList,x=void 0===d?[]:d,_=e.onBeforeCreateConversation,g=e.onConversationCreated,P=a.useTranslation().t,y=r.useState(!1),f=y[0],j=y[1],L=r.useState(!1),h=L[0],I=L[1],U=r.useState(exports.PageStateTypes.USER_SELECT),q=U[0],R=U[1],m=r.useState([]),A=m[0],G=m[1],b=function(e){j(!1),B(),n.TUIConversationService.switchConversation(e.conversationID),null==g||g(e)};r.useEffect((function(){E(f)}),[E,f]);var k=function(){if(h)switch(q){case exports.PageStateTypes.USER_SELECT:I(!1);break;case exports.PageStateTypes.CREATE_DETAIL:R(exports.PageStateTypes.USER_SELECT),G([]);break;case exports.PageStateTypes.GROUP_TYPE:R(exports.PageStateTypes.CREATE_DETAIL)}else j(!1),B()};function B(){I(!1),R(exports.PageStateTypes.USER_SELECT),G([])}return r.useMemo((function(){return v?s.jsxs("div",t.__assign({className:o("uikit-conversation-create-container",S),style:T},{children:[!f&&s.jsx(u.ConversationCreateButton,{onClick:function(){return j(!0)}}),f&&s.jsxs("div",t.__assign({className:"tui-conversation-create"},{children:[s.jsxs("div",t.__assign({className:"tui-conversation-create-header"},{children:[s.jsx(i.Icon,{onClick:k,type:c.IconTypes.BACK,width:9,height:16}),s.jsx("div",t.__assign({className:"title"},{children:P(h?"TUIConversation.Add Participants":"TUIConversation.Start chat")}))]})),q===exports.PageStateTypes.USER_SELECT?s.jsx(C.ConversationCreateUserSelectList,{isCreateGroup:h,setIsCreateGroup:I,selectList:A,setSelectList:G,conversationList:x,onBeforeCreateConversation:_,onConversationCreated:b,setPageState:R}):s.jsx(l.ConversationCreateGroupDetail,{pageState:q,setPageState:R,profileList:A.map((function(e){return null==e?void 0:e.profile})),onBeforeCreateConversation:_,onConversationCreated:b})]}))]})):null}),[v,S,f,h,q,A,x,_])};

package/dist/cjs/components/ConversationCreate/ConversationCreateButton.d.ts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default from 'react';
+
+interface IConversationCreateButtonProps {
+    visible?: boolean;
+    onClick?: (event: React__default.BaseSyntheticEvent) => void;
+    height?: number;
+    width?: number;
+    className?: string;
+}
+declare const ConversationCreateButton: (props: IConversationCreateButtonProps) => react_jsx_runtime.JSX.Element | null;
+
+export { ConversationCreateButton, IConversationCreateButtonProps };

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),r=require("../../node_modules/classnames/index.js"),s=require("../Icon/Icon.js"),t=require("../Icon/type.js");exports.ConversationCreateButton=function(n){var o=n.visible,c=void 0===o||o,u=n.className,a=n.onClick,l=n.height,d=void 0===l?24:l,v=n.width,h=void 0===v?24:v;return c?i.jsx("div",e.__assign({className:r("tui-conversation-create-button",u)},{children:i.jsx(s.Icon,{onClick:a,type:t.IconTypes.CREATE,height:d,width:h})})):null};

package/dist/cjs/components/ConversationCreate/ConversationCreateGroupDetail.d.ts

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default from 'react';
+import { Profile } from '@tencentcloud/chat';
+import { CreateGroupParams, IConversationModel } from '@tencentcloud/chat-uikit-engine';
+import { PageStateTypes } from './ConversationCreate.js';
+
+interface ConversationCreateGroupDetailProps {
+    profileList: Profile[];
+    pageState: PageStateTypes;
+    setPageState: React__default.Dispatch<React__default.SetStateAction<PageStateTypes>>;
+    onBeforeCreateConversation?: (params: CreateGroupParams) => void;
+    onConversationCreated?: (conversation: IConversationModel) => void;
+}
+declare function ConversationCreateGroupDetail(props: ConversationCreateGroupDetailProps): react_jsx_runtime.JSX.Element;
+
+export { ConversationCreateGroupDetail, ConversationCreateGroupDetailProps };

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),t=require("react"),a=require("react-i18next"),n=require("../Input/Input.js"),i=require("../Icon/Icon.js"),s=require("../Icon/type.js"),o=require("../Toast/index.js"),u=require("../Avatar/Avatar.js"),c=require("../Avatar/default.js"),p=require("./ConversationCreate.js"),l=require("./ConversationGroupTypeInfo.js");require("@tencentcloud/tui-core");var v=require("../../context/UIManagerContext.js");require("../../context/MessageContext.js"),require("@tencentcloud/chat-uikit-engine");var d=require("../../hooks/useConversation.js");exports.ConversationCreateGroupDetail=function(g){var x=this,f=g.profileList,_=g.pageState,m=g.setPageState,h=g.onBeforeCreateConversation,j=g.onConversationCreated,C=a.useTranslation().t,I=v.useUIManager();I.setActiveConversation;var y=I.myProfile,T=e.__spreadArray([],f,!0);y&&T.unshift(y);var G=T.map((function(e){return e.nick||e.userID})).toString(),N=t.useState(G.length>=15?"".concat(G.slice(0,12),"..."):G),b=N[0],q=N[1],A=t.useState(""),k=A[0],P=A[1],U=t.useState(l.GroupType.Work),S=U[0],D=U[1],R=function(e,r){var t=e.target.value;switch(r){case"name":q(t);break;case"id":P(t);break;case"type":D(t)}},L=function(){m(p.PageStateTypes.GROUP_TYPE)};return _!==p.PageStateTypes.GROUP_TYPE?r.jsxs(r.Fragment,{children:[r.jsxs("div",e.__assign({className:"tui-conversation-create-group-detail"},{children:[r.jsx("div",e.__assign({className:"create-group-box create-group-name"},{children:r.jsx(n.Input,{maxLength:15,value:b,onChange:function(e){R(e,"name")},border:"bottom",inputClassName:"input-group-name",clearable:!0,prefix:r.jsx("div",e.__assign({className:"input-group-title"},{children:C("TUIConversation.Group Name")}))})})),r.jsx("div",e.__assign({className:"create-group-box create-group-id"},{children:r.jsx(n.Input,{border:"bottom",inputClassName:"input-group-text",clearable:!0,value:k,onChange:function(e){R(e,"id")},prefix:r.jsx("div",e.__assign({className:"input-group-title"},{children:C("TUIConversation.Group ID")}))})})),r.jsx("div",e.__assign({className:"create-group-box create-group-type",onClick:L},{children:r.jsx(n.Input,{readOnly:!0,border:"bottom",inputClassName:"input-group-text",prefix:r.jsx("div",e.__assign({className:"input-group-title"},{children:C("TUIConversation.Group Type")})),suffix:r.jsx(i.Icon,{onClick:L,type:s.IconTypes.ARROW_RIGHT,width:7,height:12}),value:C("TUIConversation.".concat(S)),onChange:function(e){R(e,"type")}})})),r.jsx("div",e.__assign({className:"create-group-illustrate"},{children:C("TUIConversation.".concat(null===l.typeInfoList||void 0===l.typeInfoList?void 0:l.typeInfoList.find((function(e){return e.type===S})).des))})),r.jsxs("div",e.__assign({className:"create-group-portrait"},{children:[r.jsx("div",e.__assign({className:"create-group-portrait-title"},{children:C("TUIConversation.Participants")})),r.jsx("div",e.__assign({className:"create-group-portrait-info-container"},{children:f.map((function(t){var a=t.avatar,n=t.userID,i=t.nick;return r.jsxs("div",e.__assign({className:"create-group-portrait-info"},{children:[r.jsx(u.Avatar,{shape:"square",size:50,image:a||c.defaultUserAvatar}),r.jsx("div",e.__assign({className:"create-group-portrait-info-nick"},{children:i}))]}),n)}))}))]}))]})),r.jsx("div",e.__assign({className:"tui-conversation-create-next-container"},{children:r.jsx("div",e.__assign({role:"presentation",className:"tui-conversation-create-next",onClick:function(){return e.__awaiter(x,void 0,void 0,(function(){var r,t,a,n;return e.__generator(this,(function(e){return r=f.map((function(e){return{userID:e.userID}})),t=function(e){switch(e){case l.GroupType.Work:return c.defaultGroupAvatarWork;case l.GroupType.Public:return c.defaultGroupAvatarPublic;case l.GroupType.Meeting:return c.defaultGroupAvatarMeeting;case l.GroupType.AVChatRoom:return c.defaultGroupAvatarAVChatRoom;default:return""}}(S),a={name:b,type:S,groupID:k,avatar:t,memberList:r},n=(null==h?void 0:h(a))||a,d.createGroupConversation(n).then((function(e){null==j||j(e)})).catch((function(e){o.Toast({text:e.message,type:"error"})})),[2]}))}))}},{children:C("TUIConversation.Create")}))}))]}):r.jsx(l.ConversationGroupTypeInfo,{groupType:S,setGroupType:D,setPageState:m})};

package/dist/cjs/components/ConversationCreate/ConversationCreateSelectView.d.ts

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default from 'react';
+import { Profile } from '@tencentcloud/chat';
+
+interface ValueProps {
+    profile: Profile;
+    domList: HTMLInputElement[];
+}
+interface ConversationCreateSelectViewProps {
+    selectList: ValueProps[];
+    setSelectList: React__default.Dispatch<React__default.SetStateAction<ValueProps[]>>;
+}
+declare function ConversationCreateSelectView(props: ConversationCreateSelectViewProps): react_jsx_runtime.JSX.Element;
+
+export { ConversationCreateSelectView, ConversationCreateSelectViewProps };

package/dist/cjs/components/ConversationCreate/ConversationCreateUserSelectList.d.ts

@@ -0,0 +1,18 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default from 'react';
+import { ConversationCreateSelectViewProps } from './ConversationCreateSelectView.js';
+import { PageStateTypes } from './ConversationCreate.js';
+import { IConversationModel } from '@tencentcloud/chat-uikit-engine';
+
+interface ConversationCreateUserSelectListProps extends ConversationCreateSelectViewProps {
+    isCreateGroup: boolean;
+    setIsCreateGroup: React__default.Dispatch<React__default.SetStateAction<boolean>>;
+    className?: string;
+    conversationList: IConversationModel[];
+    setPageState: React__default.Dispatch<React__default.SetStateAction<PageStateTypes>>;
+    onBeforeCreateConversation?: (userID: string) => void;
+    onConversationCreated?: (conversation: IConversationModel) => void;
+}
+declare function ConversationCreateUserSelectList(props: ConversationCreateUserSelectListProps): react_jsx_runtime.JSX.Element;
+
+export { ConversationCreateUserSelectList, ConversationCreateUserSelectListProps };

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

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

package/dist/cjs/components/ConversationCreate/ConversationGroupTypeInfo.d.ts

@@ -0,0 +1,24 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default from 'react';
+import { PageStateTypes } from './ConversationCreate.js';
+
+declare enum GroupType {
+    Work,
+    Public,
+    Meeting,
+    AVChatRoom,
+    Community
+}
+interface ConversationGroupTypeInfoProps {
+    groupType: GroupType;
+    setGroupType: React__default.Dispatch<React__default.SetStateAction<GroupType>>;
+    setPageState: React__default.Dispatch<React__default.SetStateAction<PageStateTypes>>;
+}
+declare const typeInfoList: Array<{
+    type: GroupType;
+    name: string;
+    des: string;
+}>;
+declare function ConversationGroupTypeInfo(props: ConversationGroupTypeInfoProps): react_jsx_runtime.JSX.Element;
+
+export { ConversationGroupTypeInfo, ConversationGroupTypeInfoProps, GroupType, typeInfoList };

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),o=require("react/jsx-runtime"),n=require("react-i18next"),r=require("./ConversationCreate.js"),i=require("../Icon/Icon.js"),a=require("../Icon/type.js");exports.GroupType=void 0,(e=exports.GroupType||(exports.GroupType={})).Work="Private",e.Public="Public",e.Meeting="ChatRoom",e.AVChatRoom="AVChatRoom",e.Community="Community";var s=[{type:"Work",des:"Users can join the group only via invitation by existing members. The invitation does not need to be agreed by the invitee or approved by the group owner. See the documentation for details."},{type:"Public",des:"After a public group is created, the group owner can designate group admins. To join the group, a user needs to search the group ID and send a request, which needs to be approved by the group owner or an admin before the user can join the group. See the documentation for details."},{type:"Meeting",des:"After the group is created, a user can join and quit the group freely and can view the messages sent before joining the group. It is suitable for scenarios that integrate Tencent Real-Time Communication (TRTC), such as audio and video conferences and online education. See the documentation for details."},{type:"AVChatRoom",des:"After a group is created, a user can join and quit the group freely. The group can have an unlimited number of members, but it does not store message history. It can be combined with Live Video Broadcasting (LVB) to support on-screen comment scenarios. See the documentation for details."},{type:"Community",des:"After creation, you can enter and leave at will, support up to 100,000 people, support historical message storage, and after users search for group ID and initiate a group application, they can join the group without administrator approval. See product documentation for details."}];exports.ConversationGroupTypeInfo=function(e){var u=e.groupType,p=e.setGroupType,c=e.setPageState,d=n.useTranslation().t;return o.jsxs("div",t.__assign({className:"tui-conversation-group-type-info"},{children:[s.map((function(e){var n=e.type,s=e.des;return o.jsxs("div",t.__assign({role:"presentation",className:"group-type-info-box ".concat(n===u?"group-type-info-box--active":""," "),onClick:function(){!function(e){p(e),c(r.PageStateTypes.CREATE_DETAIL)}(n)}},{children:[o.jsxs("div",t.__assign({className:"group-type-info-title"},{children:[n===u&&o.jsx(i.Icon,{className:"box-active-icon",type:a.IconTypes.RIGHT,width:16,height:16}),d("TUIConversation.".concat(n))]})),o.jsx("div",t.__assign({className:"group-type-info-description"},{children:d("TUIConversation.".concat(s))}))]}),n)})),o.jsx("a",t.__assign({className:"group-type-info-document",target:"_blank",href:"https://www.tencentcloud.com/document/product/1047/33515?lang=en&pg=#group-features",rel:"bookmark noreferrer"},{children:d("TUIConversation.Details")}))]}))},exports.typeInfoList=s;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),o=require("react/jsx-runtime"),n=require("react-i18next"),r=require("@tencentcloud/chat-uikit-engine"),i=require("./ConversationCreate.js"),a=require("../Icon/Icon.js"),s=require("../Icon/type.js");exports.GroupType=void 0,(e=exports.GroupType||(exports.GroupType={}))[e.Work=r.TUIChatEngine.TYPES.GRP_WORK]="Work",e[e.Public=r.TUIChatEngine.TYPES.GRP_PUBLIC]="Public",e[e.Meeting=r.TUIChatEngine.TYPES.GRP_MEETING]="Meeting",e[e.AVChatRoom=r.TUIChatEngine.TYPES.GRP_AVCHATROOM]="AVChatRoom",e[e.Community=r.TUIChatEngine.TYPES.GRP_COMMUNITY]="Community";var p=[{type:exports.GroupType.Work,name:"Work",des:"Users can join the group only via invitation by existing members. The invitation does not need to be agreed by the invitee or approved by the group owner. See the documentation for details."},{type:exports.GroupType.Public,name:"Public",des:"After a public group is created, the group owner can designate group admins. To join the group, a user needs to search the group ID and send a request, which needs to be approved by the group owner or an admin before the user can join the group. See the documentation for details."},{type:exports.GroupType.Meeting,name:"Meeting",des:"After the group is created, a user can join and quit the group freely and can view the messages sent before joining the group. It is suitable for scenarios that integrate Tencent Real-Time Communication (TRTC), such as audio and video conferences and online education. See the documentation for details."},{type:exports.GroupType.AVChatRoom,name:"AVChatRoom",des:"After a group is created, a user can join and quit the group freely. The group can have an unlimited number of members, but it does not store message history. It can be combined with Live Video Broadcasting (LVB) to support on-screen comment scenarios. See the documentation for details."},{type:exports.GroupType.Community,name:"Community",des:"After creation, you can enter and leave at will, support up to 100,000 people, support historical message storage, and after users search for group ID and initiate a group application, they can join the group without administrator approval. See product documentation for details."}];exports.ConversationGroupTypeInfo=function(e){var r=e.groupType,u=e.setGroupType,c=e.setPageState,d=n.useTranslation().t;return o.jsxs("div",t.__assign({className:"tui-conversation-group-type-info"},{children:[p.map((function(e){var n=e.type,p=e.name,g=e.des;return o.jsxs("div",t.__assign({role:"presentation",className:"group-type-info-box ".concat(n===r?"group-type-info-box--active":""," "),onClick:function(){!function(e){u(e),c(i.PageStateTypes.CREATE_DETAIL)}(n)}},{children:[o.jsxs("div",t.__assign({className:"group-type-info-title"},{children:[n===r&&o.jsx(a.Icon,{className:"box-active-icon",type:s.IconTypes.RIGHT,width:16,height:16}),d("TUIConversation.".concat(p))]})),o.jsx("div",t.__assign({className:"group-type-info-description"},{children:d("TUIConversation.".concat(g))}))]}),n)})),o.jsx("a",t.__assign({className:"group-type-info-document",target:"_blank",href:"https://trtc.io/document/33529?platform=web&product=chat&menulabel=uikit#group-types",rel:"bookmark noreferrer"},{children:d("TUIConversation.Details")}))]}))},exports.typeInfoList=p;

package/dist/cjs/components/ConversationCreate/hooks/useConversationCreate.d.ts

@@ -0,0 +1,14 @@
+import React__default from 'react';
+import { IConversationModel } from '@tencentcloud/chat-uikit-engine';
+import { Friend } from '@tencentcloud/chat';
+
+declare const useConversationCreate: (conversationList: IConversationModel[], setFriendListResultHandler?: ((newFriendListResult: object, setFriendListResult: React__default.Dispatch<React__default.SetStateAction<{
+    string: object[];
+}>>) => void) | undefined) => {
+    getFirstLetter: (str: string) => string;
+    queryFriendList: (friendList: Friend[]) => Promise<void>;
+    getFriendListSortSearchResult: (searchValue: string) => Promise<any>;
+    friendListSortResult: any;
+};
+
+export { useConversationCreate };

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

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