@tencentcloud/chat-uikit-react 2.2.9 → 2.3.1-beta.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## [2.3.1] (2024-11-18)
+
+#### feat
+* feat: Upgrade emoji resources to compatible with other platform (e.g. react native).
+
+## [2.3.0] (2024-10-11)
+
 ## [2.2.9] (2024-10-09)
 
 #### feat

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

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

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

@@ -1 +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;
+"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("../../store/UIManagerStore.js"),require("@tencentcloud/tui-core"),require("react-i18next"),require("../../context/MessageContext.js"),require("@tencentcloud/uikit-base-component-react"),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/ChatHeader/ChatHeader.js

@@ -1 +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;
+"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("../../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})}require("@tencentcloud/chat-uikit-engine");var i=o(t).default.memo(u);exports.ChatHeader=i;

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

@@ -1 +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))};
+"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"),r=require("@tencentcloud/chat-uikit-engine"),s=require("../Avatar/Avatar.js"),l=require("../utils.js"),c=require("../../utils/env.js"),o=require("../Icon/Icon.js"),u=require("../Icon/type.js");require("react-i18next");var d=require("../../context/ChatActionContext.js");require("../../context/MessageContext.js");var v=require("../../store/UIManagerStore.js"),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,p=n.isLive,x=n.opateIcon,S=n.enableCall,y=void 0!==S&&S,T=d.useTUIChatActionContext().callButtonClicked,m=v.useUIManagerStore().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(s.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&&y);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(s.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=v.useUIManagerStore().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(p?"tui-chat-live-header":"")},{children:[c.isH5&&t.jsx("div",e.__assign({style:{paddingRight:"10px"}},{children:t.jsx(o.Icon,{onClick:function(){r.TUIConversationService.switchConversation(""),m()},type:u.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(o.Icon,{className:"call-btn",onClick:function(){return V(2)},type:u.IconTypes.VIDEOCALL,width:24}),t.jsx(o.Icon,{className:"call-btn",onClick:function(){return V(1)},type:u.IconTypes.VOICECALL,width:20})]})),t.jsx("div",e.__assign({className:"tui-chat-header-right"},{children:t.jsx("div",e.__assign({className:"header-handle"},{children:x||t.jsx(o.Icon,{className:"header-handle-more",onClick:function(){U&&U(!0)},type:u.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.js

@@ -1 +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;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("react/jsx-runtime"),i=require("react"),a=require("@tencentcloud/chat-uikit-engine"),s=require("@tencentcloud/uikit-base-component-react"),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"),u=require("../../store/UIManagerStore.js"),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=s.useUIKit().t,h=i.useState(),m=h[0],j=h[1],_=i.useState(),f=_[0],I=_[1],x=i.useState(!1),C=x[0],p=x[1],S=i.useState(0),q=S[0];S[1];var N=u.useUIManagerStore(),U=N.conversation,k=N.setActiveConversation,A=N.TUIManageShow,D=N.setTUIManageShow,T=function(){D&&D(!1)};return i.useEffect((function(){j(U),U&&I(v.getMessageProfile(U)),p(!!U&&U.isPinned)}),[U,q]),A&&U&&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:T,type:r.IconTypes.CANCEL,width:9,height:16}),d.isH5&&n.jsx(t.Icon,{onClick:T,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==f?void 0:f.avatar)||((null==f?void 0:f.groupID)?l.defaultGroupAvatarWork:l.defaultUserAvatar)})})),n.jsx("div",e.__assign({className:"info-name"},{children:(null==f?void 0:f.nick)||(null==f?void 0:f.name)})),n.jsxs("div",e.__assign({className:"info-id"},{children:["ID:",(null==f?void 0:f.userID)||(null==f?void 0:f.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=a.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=a.TUIStore.getConversationModel(null==m?void 0:m.conversationID);e&&e.deleteConversation()}k(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.js

@@ -1 +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;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("tslib"),e=require("react/jsx-runtime"),s=require("react"),i=require("@tencentcloud/uikit-base-component-react"),n=require("../../context/ContactContext.js"),c=require("../../utils/env.js"),r=require("../../store/UIManagerStore.js"),o=require("./hooks/useTUIContact.js"),a=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,C=i.useUIKit().t,x=r.useUIManagerStore().setActiveContact,f=s.useState(!1),p=f[0],I=f[1],_=o(),m=_.friendList,v=_.blockList,L=_.blocklistProfile,g=_.friendApplicationList,q=_.isShowContactList,S=_.setShowContactList,b=s.useMemo((function(){return{friendList:m,blockList:v,blocklistProfile:L,friendApplicationList:g,isShowContactList:q,setShowContactList:S}}),[m,L,g,q,S]);return e.jsx(n.TUIContactContextProvider,t.__assign({value:b},{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(){x(),I(!0)},type:l.IconTypes.ADDFRIEND,width:24,height:24})]})),e.jsx(a.ContactList,{})]}),p&&e.jsxs(e.Fragment,{children:[e.jsxs("div",t.__assign({className:"tui-contacts-add-header"},{children:[e.jsx(d.Icon,{onClick:function(){x(),I(!1)},type:l.IconTypes.BACK,width:9,height:16}),e.jsx("div",t.__assign({className:"tui-contacts-add-header-title"},{children:C("TUIContact.Add Friend")}))]})),e.jsx(u.ContactSearch,{})]})]}))}))}var C=h(s).default.memo(j);exports.Contact=C,exports.UnMemoizedContact=j;

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

@@ -1 +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;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("react/jsx-runtime"),o=require("react"),r=require("../../../store/UIManagerStore.js"),i=require("../../../utils/env.js"),t=require("./friendInfo.js"),a=require("./blockInfo.js"),d=require("./addFriendInfo.js"),l=require("./groupInfo.js"),u=require("./friendApplication.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(o){var s=o.showChats,c=r.useUIManagerStore().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(d.AddFriendInfo,{profile:null==c?void 0:c.data}),"friend"===(null==c?void 0:c.type)&&n.jsx(t.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(l.GroupInfo,{showChats:s,group:null==c?void 0:c.data}),"friendApplication"===(null==c?void 0:c.type)&&n.jsx(u.FriendApplicationInfo,{application:null==c?void 0:c.data})]})):n.jsx(n.Fragment,{children:" "})}var f=s(o).default.memo(c);exports.ContactInfo=f,exports.UnMemoizedContactInfo=c;

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

@@ -1 +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"),s=require("./hooks/useContactInfo.js"),a=require("./basicInfo.js"),r=require("../../DivWithEdit/DivWithEdit.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function o(c){var o=this,l=c.profile,d=l.userID,u=i.useTranslation().t,m=n.useState(""),f=m[0],_=m[1],x=n.useState(""),v=x[0],h=x[1],j=n.useState(""),g=j[0],p=j[1],b=n.useState(!1),N=b[0],I=b[1],k=s().addFriend;return t.jsxs(t.Fragment,{children:[t.jsx(a.BasicInfo,{profile:l}),N?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:u("TUIContact.verification info")})),t.jsx("p",e.__assign({className:"content-item-text"},{children:g}))]}))})):t.jsxs("div",e.__assign({className:"tui-contact-info-content"},{children:[t.jsxs("div",e.__assign({className:"content-item-wording"},{children:[t.jsx("p",e.__assign({className:"content-item-label"},{children:u("TUIContact.Enter the verification info")})),t.jsx("textarea",{className:"content-item-wording-text",value:g,onChange:function(e){!function(e){p(e.target.value)}(e)}})]})),t.jsxs("div",e.__assign({className:"content-item"},{children:[t.jsx("p",e.__assign({className:"content-item-label"},{children:u("TUIContact.remark")})),t.jsx(r.DivWithEdit,{name:"remark",className:"content-item-text",value:v,type:"text",toggle:function(){_("remark")},isEdit:"remark"===f,confirm:function(e){h(null==e?void 0:e.value),_("")},close:function(){_("")}})]})),t.jsx("div",e.__assign({className:"content-btn-container"},{children:t.jsx("div",e.__assign({className:"content-item-btn confirm-btn",role:"button",tabIndex:0,onClick:function(){return e.__awaiter(o,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return[4,k({userID:d,remark:v,wording:g})];case 1:return e.sent(),I(!0),[2]}}))}))}},{children:u("TUIContact.Send application")}))}))]}))]})}var l=c(n).default.memo(o);exports.AddFriendInfo=l,exports.UnMemoizedAddFriendInfo=o;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),n=require("react"),i=require("@tencentcloud/uikit-base-component-react"),s=require("./hooks/useContactInfo.js"),a=require("./basicInfo.js"),r=require("../../DivWithEdit/DivWithEdit.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function o(c){var o=this,l=c.profile,u=l.userID,d=i.useUIKit().t,m=n.useState(""),f=m[0],_=m[1],x=n.useState(""),v=x[0],h=x[1],j=n.useState(""),g=j[0],p=j[1],b=n.useState(!1),I=b[0],N=b[1],k=s().addFriend;return t.jsxs(t.Fragment,{children:[t.jsx(a.BasicInfo,{profile:l}),I?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:d("TUIContact.verification info")})),t.jsx("p",e.__assign({className:"content-item-text"},{children:g}))]}))})):t.jsxs("div",e.__assign({className:"tui-contact-info-content"},{children:[t.jsxs("div",e.__assign({className:"content-item-wording"},{children:[t.jsx("p",e.__assign({className:"content-item-label"},{children:d("TUIContact.Enter the verification info")})),t.jsx("textarea",{className:"content-item-wording-text",value:g,onChange:function(e){!function(e){p(e.target.value)}(e)}})]})),t.jsxs("div",e.__assign({className:"content-item"},{children:[t.jsx("p",e.__assign({className:"content-item-label"},{children:d("TUIContact.remark")})),t.jsx(r.DivWithEdit,{name:"remark",className:"content-item-text",value:v,type:"text",toggle:function(){_("remark")},isEdit:"remark"===f,confirm:function(e){h(null==e?void 0:e.value),_("")},close:function(){_("")}})]})),t.jsx("div",e.__assign({className:"content-btn-container"},{children:t.jsx("div",e.__assign({className:"content-item-btn confirm-btn",role:"button",tabIndex:0,onClick:function(){return e.__awaiter(o,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return[4,k({userID:u,remark:v,wording:g})];case 1:return e.sent(),N(!0),[2]}}))}))}},{children:d("TUIContact.Send application")}))}))]}))]})}var l=c(n).default.memo(o);exports.AddFriendInfo=l,exports.UnMemoizedAddFriendInfo=o;

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

@@ -1 +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;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),a=require("react"),t=require("@tencentcloud/uikit-base-component-react"),i=require("@tencentcloud/chat-uikit-engine"),s=require("../../../store/UIManagerStore.js"),n=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.useUIKit().t,h=l.userID,j=l.nick,f=l.selfSignature,x=l.avatar,I=s.useUIManagerStore().setActiveContact;return r.jsxs("div",e.__assign({className:"tui-contact-info-header"},{children:[o.isH5&&r.jsx(n.Icon,{width:9,height:16,type:c.IconTypes.BACK,onClick:function(){i.TUIConversationService.switchConversation(""),I()}}),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:x||d.defaultUserAvatar}),r.jsx("div",e.__assign({className:"header-container-name"},{children:j||h}))]})),r.jsx("div",e.__assign({className:"header-container-text"},{children:"ID:".concat(h)})),r.jsxs("div",e.__assign({className:"header-container-text"},{children:[v("TUIContact.Signature"),":",f||""]}))]}))]}))}var h=l(a).default.memo(v);exports.BasicInfo=h,exports.UnMemoizedBasicInfo=v;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),n=require("react"),r=require("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;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),n=require("react"),r=require("@tencentcloud/uikit-base-component-react"),s=require("./basicInfo.js"),i=require("../../Switch/Switch.js"),c=require("../../../store/UIManagerStore.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=c.useUIManagerStore(),d=f.contactData,m=f.setActiveContact,h=r.useUIKit().t,j=n.useState(!1),_=j[0],x=j[1],v=o().removeFromBlocklist;n.useEffect((function(){x(!0)}),[d]);return t.jsxs(t.Fragment,{children:[t.jsx(s.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(i.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,v(l.userID)];case 1:return e.sent(),x(!1),m(),[2]}}))}))},checked:_})]}))}))]})}var l=a(n).default.memo(u);exports.BlockInfo=l,exports.UnMemoizedBlockInfo=u;

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

@@ -1 +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=_;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),n=require("react"),a=require("@tencentcloud/chat"),i=require("@tencentcloud/uikit-base-component-react"),s=require("../../../store/UIManagerStore.js"),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(a);function _(n){var a=s.useUIManagerStore().setActiveContact,l=i.useUIKit().t,d=n.application,_=d.userID,m=d.nick,v=d.avatar,x=d.type,f=d.wording,j=o(),h=j.acceptFriendApplication,p=j.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:m||_}))]})),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:f}))]}))})),x===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(){a(),p(_)}},{children:l("TUIContact.Refuse")})),t.jsx("div",e.__assign({className:"content-item-btn confirm-btn",role:"button",tabIndex:0,onClick:function(){a(),h(_)}},{children:l("TUIContact.Agree")}))]}))}))]})}var m=d.default.memo(_);exports.FriendApplicationInfo=m,exports.UnMemoizedFriendApplication=_;

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

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

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

@@ -1 +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;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("react/jsx-runtime"),t=require("react"),a=require("@tencentcloud/uikit-base-component-react"),r=require("@tencentcloud/chat-uikit-engine"),i=require("../../../store/UIManagerStore.js"),s=require("../../Icon/Icon.js"),o=require("../../Icon/type.js"),c=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(t){var l=t.group,v=t.showChats,h=i.useUIManagerStore(),j=h.setActiveContact,g=h.setActiveConversation,m=a.useUIKit().t,_=l.groupID,f=l.name,x=l.avatar;return n.jsxs(n.Fragment,{children:[n.jsxs("div",e.__assign({className:"tui-contact-info-header"},{children:[c.isH5&&n.jsx(s.Icon,{width:9,height:16,type:o.IconTypes.BACK,onClick:function(){r.TUIConversationService.switchConversation(""),j()}}),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:x||d.defaultUserAvatar}),n.jsx("div",e.__assign({className:"header-container-name"},{children:f||_}))]})),n.jsx("div",e.__assign({className:"header-container-text"},{children:"groupID:".concat(_)}))]}))]})),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(_);v&&v(),r.TUIConversationService.switchConversation(e).then((function(e){g(e.getConversation())}))}},{children:m("TUIContact.Send Message")}))}))}))]})}var h=l(t).default.memo(v);exports.GroupInfo=h,exports.UnMemoizedGroupInfo=v;

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

@@ -1 +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])}};
+"use strict";var e=require("tslib"),t=require("react"),r=require("@tencentcloud/chat"),n=require("../../../Toast/index.js"),i=require("../../../../store/UIManagerStore.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=a(r);module.exports=function(){var r=this,a=i.useUIManagerStore().chat,c=t.useCallback((function(e){a.removeFromBlacklist({userIDList:[e]})}),[a]),o=t.useCallback((function(e){a.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),n.Toast({text:e,type:"error"})}))}),[a]),l=t.useCallback((function(e){a.deleteFriend({userIDList:[e]})}),[a]);return{addToBlocklist:t.useCallback((function(e){a.addToBlacklist({userIDList:[e]})}),[a]),removeFromBlocklist:c,isFriend:function(e){return new Promise((function(t,r){a.checkFriend({userIDList:[null==e?void 0:e.userID],type:u.default.TYPES.SNS_CHECK_TYPE_BOTH}).then((function(e){var r,n;switch(null===(n=null===(r=null==e?void 0:e.data)||void 0===r?void 0:r.successUserIDList[0])||void 0===n?void 0:n.relation){case u.default.TYPES.SNS_TYPE_NO_RELATION:case u.default.TYPES.SNS_TYPE_A_WITH_B:case u.default.TYPES.SNS_TYPE_B_WITH_A:t(!1);break;case u.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,a.getBlacklist()];case 1:return[2,e.sent().data.includes(t)]}}))}))},addFriend:o,deleteFriend:l,acceptFriendApplication:t.useCallback((function(e){a.acceptFriendApplication({userID:e,type:u.default.TYPES.SNS_APPLICATION_AGREE_AND_ADD})}),[a]),refuseFriendApplication:t.useCallback((function(e){a.refuseFriendApplication({userID:e})}),[a])}};

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

@@ -1 +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;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("tslib"),s=require("react/jsx-runtime"),i=require("react"),e=require("@tencentcloud/uikit-base-component-react"),n=require("@tencentcloud/chat"),a=require("../../../utils/env.js");require("@tencentcloud/tui-core"),require("react-i18next"),require("../../../context/MessageContext.js");var c=require("../../../context/ContactContext.js");require("@tencentcloud/chat-uikit-engine");var o=require("../../../store/UIManagerStore.js"),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=o.useUIManagerStore().setActiveContact,_=e.useUIKit().t,x=c.useTUIContactContext("TUIContactList"),p=x.isShowContactList,j=x.friendList,h=x.blocklistProfile,v=x.friendApplicationList,f=r().acceptFriendApplication,g=l().groupList,N=i.useState(!1),C=N[0],I=N[1],S=i.useState(!1),b=S[0],q=S[1],A=i.useState(!1),T=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(!C)}},{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:C?s.jsx("i",t.__assign({className:"iconfont contacts-list-icon"},{children:""})):s.jsx("i",t.__assign({className:"iconfont contacts-list-icon"},{children:""}))}))]})),C&&(null==v?void 0:v.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:T,setShow:k,list:h}),s.jsx(P,{type:"group",title:_("TUIContact.Group List"),setShow:L,isShow:w,list:g}),s.jsx(P,{type:"friend",title:_("TUIContact.Friends"),setShow:q,isShow:b,list:j})]}))}var j=x.default.memo(p);exports.ContactList=j;

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

@@ -1 +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}};
+"use strict";var t=require("tslib"),e=require("react"),n=require("@tencentcloud/chat"),r=require("@tencentcloud/chat-uikit-engine"),i=require("../../../store/UIManagerStore.js");function a(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var u=a(n);module.exports=function(){var n=this,a=i.useUIManagerStore().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([]),S=h[0],g=h[1],E=e.useState(),p=E[0],w=E[1],I=e.useState(!0),T=I[0],A=I[1];e.useEffect((function(){r.TUIStore.watch(r.StoreName.GRP,{groupList:D}),P(),N(),b()}),[a]);var D=function(t){w(t)};e.useEffect((function(){null==a||a.on(u.default.EVENT.BLACKLIST_UPDATED,k),null==a||a.on(u.default.EVENT.FRIEND_LIST_UPDATED,C),null==a||a.on(u.default.EVENT.FRIEND_APPLICATION_LIST_UPDATED,q)}),[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,r;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,r=e.data,0===n&&s(r),[2]}}))}))},N=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),U(e)),[2]}}))}))},U=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,g(n),[2]}}))}))},q=function(t){var e;L(null===(e=null==t?void 0:t.data)||void 0===e?void 0:e.friendApplicationList)},k=function(t){f(t.data),U(t.data)},C=function(t){s(t.data)};return{friendList:c,groupList:p,blocklistProfile:S,friendApplicationList:_,blockList:d,isShowContactList:T,setShowContactList:A}};

package/dist/cjs/components/ContactSearch/ContactSearch.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");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;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),r=require("react"),n=require("@tencentcloud/uikit-base-component-react");require("@tencentcloud/tui-core"),require("react-i18next"),require("../../context/MessageContext.js");var a=require("../../context/ContactContext.js");require("@tencentcloud/chat-uikit-engine");var i=require("../../store/UIManagerStore.js"),o=require("./hooks/useContactSearch.js"),u=require("../Icon/Icon.js"),c=require("../Icon/type.js"),s=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=i.useUIManagerStore().setActiveContact,h=n.useUIKit().t,I=a.useTUIContactContext("TUIContactList"),j=I.friendList,p=I.setShowContactList,x=r.useState(!1),g=x[0],_=x[1],m=o(),q=m.checkFriend,C=m.isBlock,S=m.getUserProfile,U=r.useState(""),b=U[0],y=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;y(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 p&&p(!0),_(!1),void w([]);_(!0),y(null===(r=e.target)||void 0===r?void 0:r.value),p&&p(!1)},onKeyDown:function(){return e.__awaiter(v,void 0,void 0,(function(){return e.__generator(this,(function(e){return b&&S(b).then((function(e){var t=e.data;w(t)})),[2]}))}))},prefix:t.jsx(u.Icon,{type:c.IconTypes.SEARCH,height:16,width:16})}),g&&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,q(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]):C(t.userID)?(f({type:"block",data:t}),[2]):(f({type:"addFriend",data:t}),[2])}}))}))}},{children:[t.jsx(s.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

@@ -1 +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]})}}};
+"use strict";var e=require("@tencentcloud/chat");require("tslib"),require("react/jsx-runtime"),require("react"),require("@tencentcloud/tui-core"),require("react-i18next"),require("../../../context/MessageContext.js");var t=require("../../../context/ContactContext.js");require("@tencentcloud/chat-uikit-engine");var r=require("../../../store/UIManagerStore.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=n(e);module.exports=function(){var e=t.useTUIContactContext("TUIContactList").blockList,n=r.useUIManagerStore().chat;return{checkFriend:function(e){return n.checkFriend({userIDList:[null==e?void 0:e.userID],type:u.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)===u.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.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("react/jsx-runtime"),i=require("react"),o=require("react-i18next"),t=require("classnames"),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 u=l(i),c=l(t);exports.ConversationActions=function(t){var l=t.conversation,v=t.PopupIcon,d=t.enablePin,f=void 0===d||d,p=t.enableMute,C=void 0===p||p,_=t.enableDelete,m=void 0===_||_,b=t.onConversationPin,k=t.onConversationMute,I=t.onConversationDelete,j=t.customConversationActions,P=t.PopupElements,g=t.onClick,x=t.className,M=t.style,q=o.useTranslation().t,y=i.useRef(null),T=u.default.useState({}),U=T[0],h=T[1],N={delete:{enable:m,label:q("TUIConversation.Delete"),onClick:I||function(e){e.deleteConversation()}},pin:{enable:f,label:q(l.isPinned?"TUIConversation.Unpin":"TUIConversation.Pin"),onClick:b||function(e){e.pinConversation()}},mute:{enable:C,label:q(l.isMuted?"TUIConversation.Unmute":"TUIConversation.Mute"),onClick:k||function(e){e.muteConversation()}}};i.useEffect((function(){h(e.__assign(e.__assign({},N),j))}),[l,j]);var D=function(e,n){var i,o;(null===(i=null==y?void 0:y.current)||void 0===i?void 0:i.closeMore)&&y.current.closeMore(),null==g||g(e,n,l),null===(o=U[n])||void 0===o||o.onClick(l,e)};return n.jsx("div",e.__assign({className:c.default({"uikit-conversation-actions":!0,className:x}),style:M,onClick:function(e){e.stopPropagation()}},{children:n.jsx(s.Plugins,{customClass:"uikit-conversation-actions__container",ref:y,plugins:P||Object.keys(U).map((function(i){return!1===U[i].enable?null:n.jsx("div",e.__assign({className:c.default("uikit-conversation-actions__item",["uikit-conversation-actions__item--".concat(i)]),onClick:function(e){return D(e,i)}},{children:U[i].label}),i)})),showNumber:0,MoreIcon:v||n.jsx(a.Icon,{className:"uikit-conversation-actions__popup-icon",width:16,height:16,type:r.IconTypes.MORE})})}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("react/jsx-runtime"),o=require("react"),i=require("@tencentcloud/uikit-base-component-react"),t=require("classnames"),s=require("../Plugins/index.js"),a=require("../Icon/Icon.js"),r=require("../Icon/type.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=c(o),l=c(t);exports.ConversationActions=function(t){var c=t.conversation,v=t.PopupIcon,d=t.enablePin,p=void 0===d||d,f=t.enableMute,C=void 0===f||f,m=t.enableDelete,_=void 0===m||m,b=t.onConversationPin,k=t.onConversationMute,I=t.onConversationDelete,j=t.customConversationActions,P=t.PopupElements,g=t.onClick,M=t.className,q=t.style,x=i.useUIKit().t,y=o.useRef(null),U=u.default.useState({}),h=U[0],N=U[1],T={delete:{enable:_,label:x("TUIConversation.Delete"),onClick:I||function(e){e.deleteConversation()}},pin:{enable:p,label:x(c.isPinned?"TUIConversation.Unpin":"TUIConversation.Pin"),onClick:b||function(e){e.pinConversation()}},mute:{enable:C,label:x(c.isMuted?"TUIConversation.Unmute":"TUIConversation.Mute"),onClick:k||function(e){e.muteConversation()}}};o.useEffect((function(){N(e.__assign(e.__assign({},T),j))}),[c,j]);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==g||g(e,n,c),null===(i=h[n])||void 0===i||i.onClick(c,e)};return n.jsx("div",e.__assign({className:l.default({"uikit-conversation-actions":!0,className:M}),style:q,onClick:function(e){e.stopPropagation()}},{children:n.jsx(s.Plugins,{customClass:"uikit-conversation-actions__container",ref:y,plugins:P||Object.keys(h).map((function(o){return!1===h[o].enable?null:n.jsx("div",e.__assign({className:l.default("uikit-conversation-actions__item",["uikit-conversation-actions__item--".concat(o)]),onClick:function(e){return D(e,o)}},{children:h[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.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("@tencentcloud/chat-uikit-engine"),n=require("classnames"),o=require("../Icon/Icon.js"),i=require("../Icon/type.js"),c=require("./ConversationCreateButton.js"),u=require("./ConversationCreateUserSelectList.js"),C=require("./ConversationCreateGroupDetail.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p,v=l(n);exports.PageStateTypes=void 0,(p=exports.PageStateTypes||(exports.PageStateTypes={})).USER_SELECT="Next",p.CREATE_DETAIL="Create",p.GROUP_TYPE="GroupType",exports.ConversationCreate=function(n){var l=n.visible,p=void 0===l||l,S=n.className,T=n.style,E=n.onChangeCreateModelVisible,d=n.conversationList,x=void 0===d?[]:d,f=n.onBeforeCreateConversation,g=n.onConversationCreated,_=r.useTranslation().t,y=s.useState(!1),P=y[0],j=y[1],L=s.useState(!1),h=L[0],I=L[1],U=s.useState(exports.PageStateTypes.USER_SELECT),q=U[0],R=U[1],m=s.useState([]),A=m[0],b=m[1],G=function(e){j(!1),B(),a.TUIConversationService.switchConversation(e.conversationID),null==g||g(e)};s.useEffect((function(){E(P)}),[E,P]);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),b([]);break;case exports.PageStateTypes.GROUP_TYPE:R(exports.PageStateTypes.CREATE_DETAIL)}else j(!1),B()};function B(){I(!1),R(exports.PageStateTypes.USER_SELECT),b([])}return s.useMemo((function(){return p?t.jsxs("div",e.__assign({className:v.default("uikit-conversation-create-container",S),style:T},{children:[!P&&t.jsx(c.ConversationCreateButton,{onClick:function(){return j(!0)}}),P&&t.jsxs("div",e.__assign({className:"tui-conversation-create"},{children:[t.jsxs("div",e.__assign({className:"tui-conversation-create-header"},{children:[t.jsx(o.Icon,{onClick:k,type:i.IconTypes.BACK,width:9,height:16}),t.jsx("div",e.__assign({className:"title"},{children:_(h?"TUIConversation.Add Participants":"TUIConversation.Start chat")}))]})),q===exports.PageStateTypes.USER_SELECT?t.jsx(u.ConversationCreateUserSelectList,{isCreateGroup:h,setIsCreateGroup:I,selectList:A,setSelectList:b,conversationList:x,onBeforeCreateConversation:f,onConversationCreated:G,setPageState:R}):t.jsx(C.ConversationCreateGroupDetail,{pageState:q,setPageState:R,profileList:A.map((function(e){return null==e?void 0:e.profile})),onBeforeCreateConversation:f,onConversationCreated:G})]}))]})):null}),[p,S,P,h,q,A,x,f])};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),s=require("react"),r=require("@tencentcloud/uikit-base-component-react"),a=require("@tencentcloud/chat-uikit-engine"),n=require("classnames"),o=require("../Icon/Icon.js"),i=require("../Icon/type.js"),c=require("./ConversationCreateButton.js"),u=require("./ConversationCreateUserSelectList.js"),C=require("./ConversationCreateGroupDetail.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p,v=l(n);exports.PageStateTypes=void 0,(p=exports.PageStateTypes||(exports.PageStateTypes={})).USER_SELECT="Next",p.CREATE_DETAIL="Create",p.GROUP_TYPE="GroupType",exports.ConversationCreate=function(n){var l=n.visible,p=void 0===l||l,S=n.className,E=n.style,T=n.onChangeCreateModelVisible,d=n.conversationList,x=void 0===d?[]:d,f=n.onBeforeCreateConversation,g=n.onConversationCreated,_=r.useUIKit().t,y=s.useState(!1),P=y[0],j=y[1],L=s.useState(!1),I=L[0],U=L[1],h=s.useState(exports.PageStateTypes.USER_SELECT),q=h[0],R=h[1],m=s.useState([]),b=m[0],A=m[1],k=function(e){j(!1),B(),a.TUIConversationService.switchConversation(e.conversationID),null==g||g(e)};s.useEffect((function(){T(P)}),[T,P]);var G=function(){if(I)switch(q){case exports.PageStateTypes.USER_SELECT:U(!1);break;case exports.PageStateTypes.CREATE_DETAIL:R(exports.PageStateTypes.USER_SELECT),A([]);break;case exports.PageStateTypes.GROUP_TYPE:R(exports.PageStateTypes.CREATE_DETAIL)}else j(!1),B()};function B(){U(!1),R(exports.PageStateTypes.USER_SELECT),A([])}return s.useMemo((function(){return p?t.jsxs("div",e.__assign({className:v.default("uikit-conversation-create-container",S),style:E},{children:[!P&&t.jsx(c.ConversationCreateButton,{onClick:function(){return j(!0)}}),P&&t.jsxs("div",e.__assign({className:"tui-conversation-create"},{children:[t.jsxs("div",e.__assign({className:"tui-conversation-create-header"},{children:[t.jsx(o.Icon,{onClick:G,type:i.IconTypes.BACK,width:9,height:16}),t.jsx("div",e.__assign({className:"title"},{children:_(I?"TUIConversation.Add Participants":"TUIConversation.Start chat")}))]})),q===exports.PageStateTypes.USER_SELECT?t.jsx(u.ConversationCreateUserSelectList,{isCreateGroup:I,setIsCreateGroup:U,selectList:b,setSelectList:A,conversationList:x,onBeforeCreateConversation:f,onConversationCreated:k,setPageState:R}):t.jsx(C.ConversationCreateGroupDetail,{pageState:q,setPageState:R,profileList:b.map((function(e){return null==e?void 0:e.profile})),onBeforeCreateConversation:f,onConversationCreated:k})]}))]})):null}),[p,S,P,I,q,b,x,f])};

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

@@ -1 +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})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),t=require("react"),a=require("@tencentcloud/uikit-base-component-react"),n=require("../Input/Input.js"),s=require("../Icon/Icon.js"),i=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"),d=require("../../store/UIManagerStore.js"),v=require("../../hooks/useConversation.js");exports.ConversationCreateGroupDetail=function(g){var f=this,m=g.profileList,_=g.pageState,x=g.setPageState,h=g.onBeforeCreateConversation,j=g.onConversationCreated,I=a.useUIKit().t,C=d.useUIManagerStore().myProfile,y=e.__spreadArray([],m,!0);C&&y.unshift(C);var T=y.map((function(e){return e.nick||e.userID})).toString(),G=t.useState(T.length>=15?"".concat(T.slice(0,12),"..."):T),b=G[0],N=G[1],q=t.useState(""),k=q[0],A=q[1],P=t.useState(l.GroupType.Work),U=P[0],S=P[1],D=function(e,r){var t=e.target.value;switch(r){case"name":N(t);break;case"id":A(t);break;case"type":S(t)}},R=function(){x(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){D(e,"name")},border:"bottom",inputClassName:"input-group-name",clearable:!0,prefix:r.jsx("div",e.__assign({className:"input-group-title"},{children:I("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){D(e,"id")},prefix:r.jsx("div",e.__assign({className:"input-group-title"},{children:I("TUIConversation.Group ID")}))})})),r.jsx("div",e.__assign({className:"create-group-box create-group-type",onClick:R},{children:r.jsx(n.Input,{readOnly:!0,border:"bottom",inputClassName:"input-group-text",prefix:r.jsx("div",e.__assign({className:"input-group-title"},{children:I("TUIConversation.Group Type")})),suffix:r.jsx(s.Icon,{onClick:R,type:i.IconTypes.ARROW_RIGHT,width:7,height:12}),value:I("TUIConversation.".concat(U)),onChange:function(e){D(e,"type")}})})),r.jsx("div",e.__assign({className:"create-group-illustrate"},{children:I("TUIConversation.".concat(null===l.typeInfoList||void 0===l.typeInfoList?void 0:l.typeInfoList.find((function(e){return e.type===U})).des))})),r.jsxs("div",e.__assign({className:"create-group-portrait"},{children:[r.jsx("div",e.__assign({className:"create-group-portrait-title"},{children:I("TUIConversation.Participants")})),r.jsx("div",e.__assign({className:"create-group-portrait-info-container"},{children:m.map((function(t){var a=t.avatar,n=t.userID,s=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:s}))]}),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(f,void 0,void 0,(function(){var r,t,a,n;return e.__generator(this,(function(e){return r=m.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""}}(U),a={name:b,type:U,groupID:k,avatar:t,memberList:r},n=(null==h?void 0:h(a))||a,v.createGroupConversation(n).then((function(e){null==j||j(e)})).catch((function(e){o.Toast({text:e.message,type:"error"})})),[2]}))}))}},{children:I("TUIConversation.Create")}))}))]}):r.jsx(l.ConversationGroupTypeInfo,{groupType:U,setGroupType:S,setPageState:x})};

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("../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")}))}))]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),r=require("react"),n=require("@tencentcloud/uikit-base-component-react"),s=require("../Input/Input.js"),a=require("../Icon/Icon.js"),i=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("../../store/UIManagerStore.js"),h=require("./ConversationCreate.js"),p=require("../Toast/index.js");exports.ConversationCreateUserSelectList=function(C){var _=this,f=C.isCreateGroup,g=C.selectList,x=C.setSelectList,j=C.className,m=C.conversationList,I=C.setIsCreateGroup,N=C.setPageState,k=C.onBeforeCreateConversation,q=C.onConversationCreated,S=n.useUIKit().t,y=r.useState(""),b=y[0],T=y[1];d.useUIManagerStore().chat;var A=r.useState({}),L=A[0],U=A[1],w=l.useConversationCreate(m,(function(e){U(e)})).getFriendListSortSearchResult,D=r.useRef(new Map),E=function(t){return e.__awaiter(_,void 0,void 0,(function(){var r;return e.__generator(this,(function(e){return f||(r=t.userID,null==k||k(r),v.createC2CConversation(r).then((function(e){null==q||q(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:S("TUIConversation.Search"),clearable:!0,value:b,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,T(r),n=U,[4,w(r)];case 1:return n.apply(void 0,[e.sent()]),[2]}}))}))},prefix:t.jsx(a.Icon,{type:i.IconTypes.SEARCH,height:16,width:16})}),f&&t.jsx(c.ConversationCreateSelectView,{selectList:g,setSelectList:x}),!f&&t.jsxs("div",e.__assign({role:"presentation",className:"tui-user",onClick:function(){I(!0),D.current.clear(),x([])}},{children:[t.jsx(a.Icon,{type:i.IconTypes.ADD}),t.jsx("div",e.__assign({className:"tui-user-name active"},{children:S("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 a=n.userID,i=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(a),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:i||"".concat(a)})),f&&t.jsx("input",{onChange:function(t){!function(t,r,n){void 0===n&&(n=[]);var s=r.userID,a=t.target.checked;n.forEach((function(e){e.checked=a})),a?g.push({profile:r,domList:n}):g.splice(g.findIndex((function(e){return e.profile.userID===s})),1),x(e.__spreadArray([],g,!0))}(t,n,D.current.get(a))},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)}}(a,e)},id:"userChecked-".concat(r,"-").concat(a),className:"tui-user-checkbox"})]}),a)}))]}),r)}))}))}))})),f&&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(){g&&0===g.length?p.Toast({text:S("TUIConversation.Participant cannot be empty"),type:"error"}):N(h.PageStateTypes.CREATE_DETAIL)}},{children:S("TUIConversation.Next")}))}))]})};

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("@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;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),o=require("react/jsx-runtime"),n=require("@tencentcloud/uikit-base-component-react"),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.useUIKit().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/ConversationList/ConversationList.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),o=require("react"),t=require("../../context/ConversationListContext.js"),i=require("./ConversationListHeader/ConversationListHeader.js"),n=require("./ConversationListContent/ConversationListContent.js");require("react-i18next"),require("../Icon/config.js"),require("../Icon/type.js");var s=require("classnames"),a=require("../ConversationPreview/ConversationPreview.js"),v=require("../Avatar/Avatar.js"),c=require("../PlaceHolder/index.js"),l=require("../ConversationSearch/ConversationSearch.js"),d=require("../ConversationCreate/ConversationCreate.js");require("../ConversationCreate/ConversationGroupTypeInfo.js"),require("@tencentcloud/tui-core"),require("@tencentcloud/chat-uikit-engine"),require("../../context/MessageContext.js"),require("@tencentcloud/chat");var C=require("../ConversationActions/ConversationActions.js"),u=require("../../utils/env.js");function j(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var h=j(s);function L(s){var j=s.enableSearch,L=void 0===j||j,P=s.enableCreate,q=void 0===P||P,f=s.enableActions,x=void 0===f||f,p=s.actionsConfig,g=s.Header,A=void 0===g?i.ConversationListHeader:g,y=s.List,_=void 0===y?n.ConversationListContent:y,H=s.Preview,b=void 0===H?a.ConversationPreviewUI:H,S=s.ConversationCreate,m=void 0===S?d.ConversationCreate:S,w=s.ConversationSearch,N=void 0===w?l.ConversationSearch:w,I=s.ConversationActions,E=void 0===I?C.ConversationActions:I,O=s.PlaceholderEmptyList,T=void 0===O?r.jsx(c.PlaceHolder,{type:c.PlaceHolderTypes.NO_CONVERSATIONS}):O,k=s.PlaceholderLoading,G=void 0===k?r.jsx(c.PlaceHolder,{type:c.PlaceHolderTypes.LOADING}):k,M=s.PlaceholderLoadError,R=void 0===M?r.jsx(c.PlaceHolder,{type:c.PlaceHolderTypes.WRONG}):M,B=s.Avatar,D=void 0===B?v.Avatar:B,V=s.onSelectConversation,U=s.onBeforeCreateConversation,W=s.onConversationCreated,z=s.className,F=s.style,J=t.useConversationList(),K=J.conversationList,Q=J.filteredAndSortedConversationList,X=J.isLoading,Y=J.isLoadError,Z=o.useState(!1),$=Z[0],ee=Z[1];return r.jsxs("div",e.__assign({className:h.default(z,"uikit-chat-list",{"uikit-chat-list--mobile":u.isH5}),style:F},{children:[r.jsxs(A,{children:[r.jsx(N,{visible:L,conversationList:K,Avatar:D,ResultPreview:a.ConversationPreview}),r.jsx(m,{className:h.default({"uikit-chat-list__header--creating":$}),visible:q,onChangeCreateModelVisible:function(e){return ee(e)},onBeforeCreateConversation:U,onConversationCreated:W})]}),r.jsx(_,e.__assign({empty:0===Q.length,loading:X,error:Y,PlaceholderEmptyList:T,PlaceholderLoadError:R,PlaceholderLoading:G},{children:Q.map((function(e){return r.jsx(a.ConversationPreview,{conversation:e,enableActions:x,Preview:b,Avatar:D,ConversationActions:E,onSelectConversation:V,actionsConfig:p},e.conversationID)}))}))]}))}exports.ConversationList=function(o){return r.jsx(t.ConversationListProvider,e.__assign({filter:o.filter,sort:o.sort},{children:r.jsx(L,e.__assign({},o))}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),o=require("react"),i=require("../../context/ConversationListContext.js"),t=require("./ConversationListHeader/ConversationListHeader.js"),n=require("./ConversationListContent/ConversationListContent.js");require("@tencentcloud/uikit-base-component-react"),require("../Icon/config.js"),require("../Icon/type.js");var s=require("classnames"),a=require("../ConversationPreview/ConversationPreview.js"),v=require("../Avatar/Avatar.js"),c=require("../PlaceHolder/index.js"),l=require("../ConversationSearch/ConversationSearch.js"),d=require("../ConversationCreate/ConversationCreate.js");require("../ConversationCreate/ConversationGroupTypeInfo.js"),require("../../store/UIManagerStore.js"),require("@tencentcloud/chat-uikit-engine"),require("@tencentcloud/chat");var C=require("../ConversationActions/ConversationActions.js"),u=require("../../utils/env.js");function j(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var h=j(s);function L(s){var j=s.enableSearch,L=void 0===j||j,P=s.enableCreate,q=void 0===P||P,f=s.enableActions,p=void 0===f||f,x=s.actionsConfig,g=s.Header,A=void 0===g?t.ConversationListHeader:g,y=s.List,_=void 0===y?n.ConversationListContent:y,b=s.Preview,H=void 0===b?a.ConversationPreviewUI:b,S=s.ConversationCreate,m=void 0===S?d.ConversationCreate:S,w=s.ConversationSearch,I=void 0===w?l.ConversationSearch:w,N=s.ConversationActions,E=void 0===N?C.ConversationActions:N,O=s.PlaceholderEmptyList,k=void 0===O?r.jsx(c.PlaceHolder,{type:c.PlaceHolderTypes.NO_CONVERSATIONS}):O,T=s.PlaceholderLoading,G=void 0===T?r.jsx(c.PlaceHolder,{type:c.PlaceHolderTypes.LOADING}):T,M=s.PlaceholderLoadError,R=void 0===M?r.jsx(c.PlaceHolder,{type:c.PlaceHolderTypes.WRONG}):M,B=s.Avatar,D=void 0===B?v.Avatar:B,U=s.onSelectConversation,V=s.onBeforeCreateConversation,W=s.onConversationCreated,z=s.className,F=s.style,J=i.useConversationList(),K=J.conversationList,Q=J.filteredAndSortedConversationList,X=J.isLoading,Y=J.isLoadError,Z=o.useState(!1),$=Z[0],ee=Z[1];return r.jsxs("div",e.__assign({className:h.default(z,"uikit-chat-list",{"uikit-chat-list--mobile":u.isH5}),style:F},{children:[r.jsxs(A,{children:[r.jsx(I,{visible:L,conversationList:K,Avatar:D,ResultPreview:a.ConversationPreview}),r.jsx(m,{className:h.default({"uikit-chat-list__header--creating":$}),visible:q,onChangeCreateModelVisible:function(e){return ee(e)},onBeforeCreateConversation:V,onConversationCreated:W})]}),r.jsx(_,e.__assign({empty:0===Q.length,loading:X,error:Y,PlaceholderEmptyList:k,PlaceholderLoadError:R,PlaceholderLoading:G},{children:Q.map((function(e){return r.jsx(a.ConversationPreview,{conversation:e,enableActions:p,Preview:H,Avatar:D,ConversationActions:E,onSelectConversation:U,actionsConfig:x},e.conversationID)}))}))]}))}exports.ConversationList=function(o){return r.jsx(i.ConversationListProvider,e.__assign({filter:o.filter,sort:o.sort},{children:r.jsx(L,e.__assign({},o))}))};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),t=require("react"),n=require("classnames"),s=require("../Icon/Icon.js"),r=require("../Icon/type.js"),a=require("../Avatar/Avatar.js"),o=require("../ConversationActions/ConversationActions.js"),c=require("../../context/ConversationListContext.js"),v=require("../../context/UIManagerContext.js"),u=require("../../context/UIKitContext.js");require("../../context/MessageContext.js");var l=require("../../hooks/useLongPress.js"),d=require("../../hooks/useMouseHover.js"),g=require("./utils.js"),h=require("../utils.js"),_=require("../../utils/env.js");function C(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=C(n);function p(n){var s=n.conversation,r=n.isSelected,v=n.enableActions,u=n.Avatar,g=void 0===u?a.Avatar:u,h=n.ConversationActions,C=void 0===h?o.ConversationActions:h,p=n.Title,j=n.LastMessageTimestamp,x=n.LastMessageAbstract,f=n.Unread,A=n.onSelectConversation,M=n.actionsConfig,w=n.className,k=n.style,q=n.children,I=c.useConversationList(),L=I.currentConversation,N=I.setCurrentConversation,S=t.useRef(null),b=t.useState(!1),y=b[0],T=b[1],P=d(S),U=l.default({},{delay:500,shouldPreventDefault:!0}).isLongPressing;t.useEffect((function(){T(P||U)}),[P,U]);return i.jsx("div",e.__assign({ref:S,className:m.default("uikit-conversation-preview",w,{"uikit-conversation-preview--mobile":_.isH5,"uikit-conversation-preview--active":r||s.conversationID===(null==L?void 0:L.conversationID),"uikit-conversation-preview--unread":!s.isMuted&&s.unreadCount>0,"uikit-conversation-preview--pin":s.isPinned,"uikit-conversation-preview--mute":s.isMuted}),style:k,onClick:function(){null==A||A(s),N(s)}},{children:q||i.jsxs(i.Fragment,{children:[i.jsx("div",e.__assign({className:"uikit-conversation-preview__avatar"},{children:i.jsx(g,{image:s.getAvatar(),size:40})})),i.jsxs("div",e.__assign({className:"uikit-conversation-preview__content"},{children:[p,x]})),i.jsxs("div",e.__assign({className:"uikit-conversation-preview__external"},{children:[f,v&&y?i.jsx(C,e.__assign({conversation:s},M)):j]}))]})}))}exports.ConversationPreview=function(t){var n=t.conversation,l=t.isSelected,d=void 0!==l&&l,_=t.enableActions,C=void 0===_||_,j=t.highlightMatchString,x=t.Preview,f=void 0===x?p:x,A=t.Avatar,M=void 0===A?a.Avatar:A,w=t.ConversationActions,k=void 0===w?o.ConversationActions:w,q=t.Title,I=void 0===q?function(t){var n=t.conversation,s=t.highlightMatchString;return i.jsx("div",e.__assign({className:"uikit-conversation-preview__title text-ellipsis"},{children:g.generateHighlightTitle(n,s).map((function(t,n){return i.jsx("span",e.__assign({className:m.default({"uikit-conversation-preview__title--highlight":t.isHighlight,"uikit-conversation-preview__title--normal":!t.isHighlight})},{children:t.text}),n)}))}))}({conversation:n,highlightMatchString:j}):q,L=t.LastMessageTimestamp,N=void 0===L?function(t){var n,s=t.conversation,r=u.useUIKit().language;return i.jsx("div",e.__assign({className:"uikit-conversation-preview__time"},{children:h.getTimeStamp(1e3*+((null===(n=s.lastMessage)||void 0===n?void 0:n.lastTime)||0),r)}))}({conversation:n}):L,S=t.LastMessageAbstract,b=void 0===S?function(t){var n=t.conversation,s=v.useUIManager().myProfile;return i.jsx("div",e.__assign({className:"uikit-conversation-preview__abstract"},{children:g.getLatestMessagePreview(n,s)}))}({conversation:n}):S,y=t.Unread,T=void 0===y?function(t){var n,a=t.conversation;return n=a.isMuted?i.jsx(s.Icon,{type:r.IconTypes.MUTE,width:16,height:16}):a.unreadCount>99?"99+":0===a.unreadCount?null:a.unreadCount,i.jsx("div",e.__assign({className:"uikit-conversation-preview__unread"},{children:n}))}({conversation:n}):y,P=t.onSelectConversation,U=t.actionsConfig,H=t.className,D=t.style,E=t.children;return c.useConversationList().setCurrentConversation,i.jsx(f,{conversation:n,isSelected:d,enableActions:C,highlightMatchString:j,Avatar:M,ConversationActions:k,Title:I,LastMessageTimestamp:N,LastMessageAbstract:b,Unread:T,onSelectConversation:P,actionsConfig:U,className:H,style:D,children:E})},exports.ConversationPreviewUI=p;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),t=require("react"),n=require("classnames"),s=require("@tencentcloud/uikit-base-component-react"),r=require("../Icon/Icon.js"),a=require("../Icon/type.js"),o=require("../Avatar/Avatar.js"),c=require("../ConversationActions/ConversationActions.js"),v=require("../../context/ConversationListContext.js"),u=require("../../store/UIManagerStore.js"),l=require("../../hooks/useLongPress.js"),d=require("../../hooks/useMouseHover.js"),g=require("./utils.js"),h=require("../utils.js"),_=require("../../utils/env.js");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=m(n);function C(n){var s=n.conversation,r=n.isSelected,a=n.enableActions,u=n.Avatar,g=void 0===u?o.Avatar:u,h=n.ConversationActions,m=void 0===h?c.ConversationActions:h,C=n.Title,j=n.LastMessageTimestamp,f=n.LastMessageAbstract,x=n.Unread,A=n.onSelectConversation,w=n.actionsConfig,M=n.className,k=n.style,q=n.children,S=v.useConversationList(),b=S.currentConversation,L=S.setCurrentConversation,N=t.useRef(null),y=t.useState(!1),I=y[0],T=y[1],P=d(N),U=l.default({},{delay:500,shouldPreventDefault:!0}).isLongPressing;t.useEffect((function(){T(P||U)}),[P,U]);return i.jsx("div",e.__assign({ref:N,className:p.default("uikit-conversation-preview",M,{"uikit-conversation-preview--mobile":_.isH5,"uikit-conversation-preview--active":r||s.conversationID===(null==b?void 0:b.conversationID),"uikit-conversation-preview--unread":!s.isMuted&&s.unreadCount>0,"uikit-conversation-preview--pin":s.isPinned,"uikit-conversation-preview--mute":s.isMuted}),style:k,onClick:function(){null==A||A(s),L(s)}},{children:q||i.jsxs(i.Fragment,{children:[i.jsx("div",e.__assign({className:"uikit-conversation-preview__avatar"},{children:i.jsx(g,{image:s.getAvatar(),size:40})})),i.jsxs("div",e.__assign({className:"uikit-conversation-preview__content"},{children:[C,f]})),i.jsxs("div",e.__assign({className:"uikit-conversation-preview__external"},{children:[x,a&&I?i.jsx(m,e.__assign({conversation:s},w)):j]}))]})}))}exports.ConversationPreview=function(t){var n=t.conversation,l=t.isSelected,d=void 0!==l&&l,_=t.enableActions,m=void 0===_||_,j=t.highlightMatchString,f=t.Preview,x=void 0===f?C:f,A=t.Avatar,w=void 0===A?o.Avatar:A,M=t.ConversationActions,k=void 0===M?c.ConversationActions:M,q=t.Title,S=void 0===q?function(t){var n=t.conversation,s=t.highlightMatchString;return i.jsx("div",e.__assign({className:"uikit-conversation-preview__title text-ellipsis"},{children:g.generateHighlightTitle(n,s).map((function(t,n){return i.jsx("span",e.__assign({className:p.default({"uikit-conversation-preview__title--highlight":t.isHighlight,"uikit-conversation-preview__title--normal":!t.isHighlight})},{children:t.text}),n)}))}))}({conversation:n,highlightMatchString:j}):q,b=t.LastMessageTimestamp,L=void 0===b?function(t){var n,r=t.conversation,a=s.useUIKit().language;return i.jsx("div",e.__assign({className:"uikit-conversation-preview__time"},{children:h.getTimeStamp(1e3*+((null===(n=r.lastMessage)||void 0===n?void 0:n.lastTime)||0),a)}))}({conversation:n}):b,N=t.LastMessageAbstract,y=void 0===N?function(t){var n=t.conversation,s=u.useUIManagerStore().myProfile;return i.jsx("div",e.__assign({className:"uikit-conversation-preview__abstract"},{children:g.getLatestMessagePreview(n,s)}))}({conversation:n}):N,I=t.Unread,T=void 0===I?function(t){var n,s=t.conversation;return n=s.isMuted?i.jsx(r.Icon,{type:a.IconTypes.MUTE,width:16,height:16}):s.unreadCount>99?"99+":0===s.unreadCount?null:s.unreadCount,i.jsx("div",e.__assign({className:"uikit-conversation-preview__unread"},{children:n}))}({conversation:n}):I,P=t.onSelectConversation,U=t.actionsConfig,H=t.className,D=t.style,E=t.children;return v.useConversationList().setCurrentConversation,i.jsx(x,{conversation:n,isSelected:d,enableActions:m,highlightMatchString:j,Avatar:w,ConversationActions:k,Title:S,LastMessageTimestamp:L,LastMessageAbstract:y,Unread:T,onSelectConversation:P,actionsConfig:U,className:H,style:D,children:E})},exports.ConversationPreviewUI=C;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),r=require("@tencentcloud/chat-uikit-engine"),a=require("../MessageElement/utils/emojiMap.js");require("react"),require("../Icon/config.js"),require("../Icon/type.js");var i=require("../Avatar/default.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=s(r),n=function(e){if(!e)return null;var t={},r=e.type,a=e.groupProfile,i=e.userProfile;switch(r){case o.default.TYPES.CONV_C2C:t=i;break;case o.default.TYPES.CONV_GROUP:t=a}return t};exports.generateHighlightTitle=function(e,t){var r=e.getShowName();if(!t)return[{text:r,isHighlight:!1}];var a=t.toLowerCase();return r.split(new RegExp("(".concat(t,")"),"gi")).map((function(e){return{text:e,isHighlight:e.toLowerCase()===a}}))},exports.getDisplayImage=function(e){var t=e.type,r=n(e).avatar,a=r;if(!r)switch(t){case o.default.TYPES.CONV_C2C:a=i.defaultUserAvatar;break;case o.default.TYPES.CONV_GROUP:default:a=i.defaultGroupAvatarWork}return a},exports.getDisplayTitle=function(r,a,i){void 0===i&&(i="#147AFF");var s=n(r),u=s.name,l=s.nick,c=s.groupID,d=s.userID,f=r.type,p=r.remark,g="";switch(f){case o.default.TYPES.CONV_C2C:g=p||l||d||"";break;case o.default.TYPES.CONV_GROUP:g=u||c||"";break;default:g=""}var v,C,h,x;return a?(C=(v=g).toLocaleLowerCase(),h=a&&C.indexOf(a.toLocaleLowerCase()),x=v.split(new RegExp("(".concat(a,")"),"gi")),""===h?t.jsx(t.Fragment,{}):t.jsxs("div",{children:[a&&x.map((function(r,s){return r.toLowerCase()===a.toLowerCase()?t.jsx("span",e.__assign({style:{color:i}},{children:r}),s):t.jsx("span",{children:r},s)})),";"]})):g},exports.getLatestMessagePreview=function(r,i){var s,n=r.lastMessage,u=r.type;if(!n)return"";var l=n.fromAccount,c=n.nick,d=n.nameCard,f=n.isRevoked,p=n.messageForShow;n.type===o.default.TYPES.MSG_CUSTOM&&(null===(s=n.payload)||void 0===s?void 0:s.description)&&(p=n.payload.description);var g="";switch(u){case o.default.TYPES.CONV_GROUP:g=(null==n?void 0:n.fromAccount)===(null==i?void 0:i.userID)?"You":"".concat(d||c||l||""),g="".concat(g?"".concat(g,":"):"");break;case o.default.TYPES.CONV_C2C:g=f?"you ":""}return t.jsxs("div",e.__assign({style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}},{children:[t.jsx("span",{children:g}),t.jsx("span",{children:n.isRevoked?"recalled a message":a.formatEmojiString(p,1)})]}))},exports.getMessageProfile=n;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),r=require("@tencentcloud/chat-uikit-engine");require("react"),require("../Icon/config.js"),require("../Icon/type.js");var a=require("../Avatar/default.js"),i=require("../MessageElement/utils/decodeText.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=s(r),n=function(e){if(!e)return null;var t={},r=e.type,a=e.groupProfile,i=e.userProfile;switch(r){case o.default.TYPES.CONV_C2C:t=i;break;case o.default.TYPES.CONV_GROUP:t=a}return t};exports.generateHighlightTitle=function(e,t){var r=e.getShowName();if(!t)return[{text:r,isHighlight:!1}];var a=t.toLowerCase();return r.split(new RegExp("(".concat(t,")"),"gi")).map((function(e){return{text:e,isHighlight:e.toLowerCase()===a}}))},exports.getDisplayImage=function(e){var t=e.type,r=n(e).avatar,i=r;if(!r)switch(t){case o.default.TYPES.CONV_C2C:i=a.defaultUserAvatar;break;case o.default.TYPES.CONV_GROUP:default:i=a.defaultGroupAvatarWork}return i},exports.getDisplayTitle=function(r,a,i){void 0===i&&(i="#147AFF");var s=n(r),u=s.name,l=s.nick,c=s.groupID,d=s.userID,f=r.type,p=r.remark,g="";switch(f){case o.default.TYPES.CONV_C2C:g=p||l||d||"";break;case o.default.TYPES.CONV_GROUP:g=u||c||"";break;default:g=""}var v,C,h,x;return a?(C=(v=g).toLocaleLowerCase(),h=a&&C.indexOf(a.toLocaleLowerCase()),x=v.split(new RegExp("(".concat(a,")"),"gi")),""===h?t.jsx(t.Fragment,{}):t.jsxs("div",{children:[a&&x.map((function(r,s){return r.toLowerCase()===a.toLowerCase()?t.jsx("span",e.__assign({style:{color:i}},{children:r}),s):t.jsx("span",{children:r},s)})),";"]})):g},exports.getLatestMessagePreview=function(r,a){var s,n=r.lastMessage,u=r.type;if(!n)return"";var l=n.fromAccount,c=n.nick,d=n.nameCard,f=n.isRevoked,p=n.messageForShow;n.type===o.default.TYPES.MSG_CUSTOM&&(null===(s=n.payload)||void 0===s?void 0:s.description)&&(p=n.payload.description);var g="";switch(u){case o.default.TYPES.CONV_GROUP:g=(null==n?void 0:n.fromAccount)===(null==a?void 0:a.userID)?"You":"".concat(d||c||l||""),g="".concat(g?"".concat(g,":"):"");break;case o.default.TYPES.CONV_C2C:g=f?"you ":""}return t.jsxs("div",e.__assign({style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}},{children:[t.jsx("span",{children:g}),t.jsx("span",{children:n.isRevoked?"recalled a message":i.transformTextWithEmojiKeyToName(p)})]}))},exports.getMessageProfile=n;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react-i18next"),n=require("../../Icon/Icon.js"),t=require("../../Icon/type.js"),a=require("../../Input/Input.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=o(require("classnames"));exports.ConversationSearchInput=function(o){var s=o.className,c=o.placeholder,i=o.clearable,l=o.value,p=o.onChange,h=o.prefix,v=void 0===h?e.jsx(n.Icon,{type:t.IconTypes.SEARCH,height:16,width:16}):h,I=o.onFocus,d=o.onBlur,f=r.useTranslation().t;return e.jsx(a.Input,{className:u.default("uikit-conversation-search-input",s),placeholder:c||f("TUIConversation.Search"),clearable:i,value:l,onChange:p,onFocus:I,onBlur:d,prefix:v})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@tencentcloud/uikit-base-component-react"),n=require("../../Icon/Icon.js"),t=require("../../Icon/type.js"),o=require("../../Input/Input.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=a(require("classnames"));exports.ConversationSearchInput=function(a){var c=a.className,s=a.placeholder,i=a.clearable,l=a.value,p=a.onChange,I=a.prefix,d=void 0===I?e.jsx(n.Icon,{type:t.IconTypes.SEARCH,height:16,width:16}):I,h=a.onFocus,v=a.onBlur,f=r.useUIKit().t;return e.jsx(o.Input,{className:u.default("uikit-conversation-search-input",c),placeholder:s||f("TUIConversation.Search"),clearable:i,value:l,onChange:p,onFocus:h,onBlur:v,prefix:d})};

package/dist/cjs/components/MessageElement/Message.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react/jsx-runtime"),t=require("react");require("@tencentcloud/tui-core"),require("react-i18next"),require("@tencentcloud/chat-uikit-engine");var n=require("../../context/ChatStateContext.js"),l=require("../../context/MessageContext.js"),o=require("../../context/ComponentContext.js"),i=require("./hooks/useMessageHandler.js");require("@tencentcloud/chat"),require("../../constants.js"),require("date-fns"),require("date-fns/locale"),require("../Icon/config.js"),require("../Icon/type.js");var a=require("./MessageDefault.js"),r=require("./MessagePlugins.js"),u=require("./MessageContext.js");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function d(t){var i=t.message,m=t.TUIMessage,d=t.MessagePlugins,g=t.MessageContext,c=t.handleDelete,v=t.CustemElement,x=t.TextElement,E=t.ImageElement,h=t.VideoElement,f=t.AudioElement,M=t.FileElement,q=t.MergerElement,C=t.LocationElement,j=t.FaceElement,w=t.className,p=t.filter,P=t.isShowTime,T=t.isShowRead,I=t.plugin,S=t.prefix,A=t.suffix,N=t.customName,D=t.showAvatar,F=t.showName,U=t.customAvatar,_=t.isShowProgress,b=t.Progress,y=o.useComponentContext(),L=y.MessagePlugins,R=y.MessageContext,V=n.useTUIChatStateContext("TUIMessage").messageConfig,k=m||a.TUIMessageDefault,H=d||L||r.MessagePlugins,O=g||R||u.MessageContext,z=p||(null==V?void 0:V.filter),B=i||(null==V?void 0:V.message);z&&B&&z(B);var G={message:B,handleDelete:c||(null==V?void 0:V.handleDelete),CustemElement:v||(null==V?void 0:V.CustemElement),TextElement:x||(null==V?void 0:V.TextElement),ImageElement:E||(null==V?void 0:V.ImageElement),VideoElement:h||(null==V?void 0:V.VideoElement),AudioElement:f||(null==V?void 0:V.AudioElement),FileElement:M||(null==V?void 0:V.FileElement),MergerElement:q||(null==V?void 0:V.MergerElement),LocationElement:C||(null==V?void 0:V.LocationElement),FaceElement:j||(null==V?void 0:V.FaceElement),isShowTime:P||(null==V?void 0:V.isShowTime),isShowRead:T||(null==V?void 0:V.isShowRead),plugin:I||(null==V?void 0:V.plugin),prefix:S||(null==V?void 0:V.prefix),suffix:A||(null==V?void 0:V.suffix),customName:N||(null==V?void 0:V.customName),showAvatar:D||(null==V?void 0:V.showAvatar),showName:F||(null==V?void 0:V.showName),customAvatar:U||(null==V?void 0:V.customAvatar),isShowProgress:_||(null==V?void 0:V.isShowProgress),Progress:b||(null==V?void 0:V.Progress)};return s.jsx(l.TUIMessageContextProvider,e.__assign({value:G},{children:s.jsx(k,{message:B,MessageContext:O,MessagePlugins:H,className:w||(null==V?void 0:V.className)})}))}var g=m(t).default.memo(d);exports.TUIMessage=function(t){var n=t.message,l=i.useMessageHandler({message:n}).handleDelMessage;return s.jsx(g,e.__assign({handleDelete:l},t))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react/jsx-runtime"),t=require("react");require("@tencentcloud/tui-core"),require("react-i18next");var n=require("../../context/ChatStateContext.js"),l=require("../../context/MessageContext.js"),o=require("../../context/ComponentContext.js");require("@tencentcloud/chat-uikit-engine");var i=require("./hooks/useMessageHandler.js");require("@tencentcloud/chat"),require("../../constants.js"),require("date-fns"),require("date-fns/locale"),require("../Icon/config.js"),require("../Icon/type.js");var a=require("./MessageDefault.js"),r=require("./MessagePlugins.js"),u=require("./MessageContext.js");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function d(t){var i=t.message,m=t.TUIMessage,d=t.MessagePlugins,g=t.MessageContext,c=t.handleDelete,v=t.CustemElement,x=t.TextElement,E=t.ImageElement,h=t.VideoElement,f=t.AudioElement,M=t.FileElement,q=t.MergerElement,C=t.LocationElement,j=t.FaceElement,w=t.className,p=t.filter,P=t.isShowTime,T=t.isShowRead,I=t.plugin,S=t.prefix,A=t.suffix,N=t.customName,D=t.showAvatar,F=t.showName,U=t.customAvatar,_=t.isShowProgress,b=t.Progress,y=o.useComponentContext(),L=y.MessagePlugins,R=y.MessageContext,V=n.useTUIChatStateContext("TUIMessage").messageConfig,k=m||a.TUIMessageDefault,H=d||L||r.MessagePlugins,O=g||R||u.MessageContext,z=p||(null==V?void 0:V.filter),B=i||(null==V?void 0:V.message);z&&B&&z(B);var G={message:B,handleDelete:c||(null==V?void 0:V.handleDelete),CustemElement:v||(null==V?void 0:V.CustemElement),TextElement:x||(null==V?void 0:V.TextElement),ImageElement:E||(null==V?void 0:V.ImageElement),VideoElement:h||(null==V?void 0:V.VideoElement),AudioElement:f||(null==V?void 0:V.AudioElement),FileElement:M||(null==V?void 0:V.FileElement),MergerElement:q||(null==V?void 0:V.MergerElement),LocationElement:C||(null==V?void 0:V.LocationElement),FaceElement:j||(null==V?void 0:V.FaceElement),isShowTime:P||(null==V?void 0:V.isShowTime),isShowRead:T||(null==V?void 0:V.isShowRead),plugin:I||(null==V?void 0:V.plugin),prefix:S||(null==V?void 0:V.prefix),suffix:A||(null==V?void 0:V.suffix),customName:N||(null==V?void 0:V.customName),showAvatar:D||(null==V?void 0:V.showAvatar),showName:F||(null==V?void 0:V.showName),customAvatar:U||(null==V?void 0:V.customAvatar),isShowProgress:_||(null==V?void 0:V.isShowProgress),Progress:b||(null==V?void 0:V.Progress)};return s.jsx(l.TUIMessageContextProvider,e.__assign({value:G},{children:s.jsx(k,{message:B,MessageContext:O,MessagePlugins:H,className:w||(null==V?void 0:V.className)})}))}var g=m(t).default.memo(d);exports.TUIMessage=function(t){var n=t.message,l=i.useMessageHandler({message:n}).handleDelMessage;return s.jsx(g,e.__assign({handleDelete:l},t))};

package/dist/cjs/components/MessageElement/MessageAudio.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),n=require("react");require("@tencentcloud/tui-core"),require("react-i18next"),require("@tencentcloud/chat-uikit-engine");var r=require("../../context/ChatStateContext.js"),u=require("../../context/ChatActionContext.js");require("../../context/MessageContext.js");var c=require("../Icon/Icon.js"),s=require("../Icon/type.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function a(i){var a=i.context,o=i.message,l=i.children,d=u.useTUIChatActionContext().setAudioSource,v=r.useTUIChatStateContext("MessageAudioWithContext").audioSource,x=n.useState(0),f=x[0],p=x[1],m=n.useRef(null),g=n.useState(!1),j=g[0],h=g[1],C=n.useCallback((function(){v&&v!==(null==m?void 0:m.current)&&(v.pause(),v.currentTime=0,d&&d(null)),(null==m?void 0:m.current)&&(m.current.paused?(m.current.play(),h(!0),d&&d(m.current)):(m.current.pause(),_()))}),[m,v]),q=function(){h(!1)},_=function(){d&&d(null),m.current&&(m.current.currentTime=0),q()};return n.useEffect((function(){return(null==m?void 0:m.current)&&(m.current.addEventListener("pause",q),m.current.addEventListener("ended",_),m.current.addEventListener("canplay",(function(){var e;p(parseInt("".concat(null===(e=m.current)||void 0===e?void 0:e.duration),10))}))),function(){(null==m?void 0:m.current)&&(m.current.removeEventListener("pause",q),m.current.removeEventListener("ended",_))}}),[m]),t.jsxs("div",e.__assign({className:"message-audio"},{children:[t.jsxs("div",e.__assign({className:"message-audio-content message-audio-".concat(null==o?void 0:o.flow)},{children:[t.jsx(c.Icon,{className:"".concat(null==o?void 0:o.flow," ").concat(j?"playing":""),type:s.IconTypes.VOICE,width:16,height:16,onClick:C}),t.jsx("span",{children:"".concat(f,"s")})]})),t.jsx("audio",e.__assign({src:null==a?void 0:a.url,ref:m,controls:!0,className:"message-audio-none"},{children:t.jsx("track",{kind:"captions"})})),l]}))}var o=i(n).default.memo(a);exports.MessageAudio=function(n){return t.jsx(o,e.__assign({},n))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),n=require("react");require("@tencentcloud/tui-core"),require("react-i18next");var r=require("../../context/ChatStateContext.js"),u=require("../../context/ChatActionContext.js");require("../../context/MessageContext.js"),require("@tencentcloud/chat-uikit-engine");var c=require("../Icon/Icon.js"),s=require("../Icon/type.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function a(i){var a=i.context,o=i.message,l=i.children,d=u.useTUIChatActionContext().setAudioSource,v=r.useTUIChatStateContext("MessageAudioWithContext").audioSource,x=n.useState(0),f=x[0],p=x[1],m=n.useRef(null),g=n.useState(!1),j=g[0],h=g[1],C=n.useCallback((function(){v&&v!==(null==m?void 0:m.current)&&(v.pause(),v.currentTime=0,d&&d(null)),(null==m?void 0:m.current)&&(m.current.paused?(m.current.play(),h(!0),d&&d(m.current)):(m.current.pause(),_()))}),[m,v]),q=function(){h(!1)},_=function(){d&&d(null),m.current&&(m.current.currentTime=0),q()};return n.useEffect((function(){return(null==m?void 0:m.current)&&(m.current.addEventListener("pause",q),m.current.addEventListener("ended",_),m.current.addEventListener("canplay",(function(){var e;p(parseInt("".concat(null===(e=m.current)||void 0===e?void 0:e.duration),10))}))),function(){(null==m?void 0:m.current)&&(m.current.removeEventListener("pause",q),m.current.removeEventListener("ended",_))}}),[m]),t.jsxs("div",e.__assign({className:"message-audio"},{children:[t.jsxs("div",e.__assign({className:"message-audio-content message-audio-".concat(null==o?void 0:o.flow)},{children:[t.jsx(c.Icon,{className:"".concat(null==o?void 0:o.flow," ").concat(j?"playing":""),type:s.IconTypes.VOICE,width:16,height:16,onClick:C}),t.jsx("span",{children:"".concat(f,"s")})]})),t.jsx("audio",e.__assign({src:null==a?void 0:a.url,ref:m,controls:!0,className:"message-audio-none"},{children:t.jsx("track",{kind:"captions"})})),l]}))}var o=i(n).default.memo(a);exports.MessageAudio=function(n){return t.jsx(o,e.__assign({},n))};

package/dist/cjs/components/MessageElement/MessageAvatar.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("tslib"),require("react"),require("@tencentcloud/tui-core"),require("react-i18next"),require("@tencentcloud/chat-uikit-engine");var r=require("../../context/MessageContext.js"),t=require("../Avatar/Avatar.js"),a=require("../utils.js");exports.MessageAvatar=function(s){s.className;var i=s.CustomAvatar,u=s.message,n=s.showType;return(n===r.messageShowType.ALL||(null==u?void 0:u.flow)===n)&&n!==r.messageShowType.NONE?i||e.jsx(t.Avatar,{size:32,image:a.handleDisplayAvatar(null==u?void 0:u.avatar)}):e.jsx(e.Fragment,{})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("tslib"),require("react"),require("@tencentcloud/tui-core"),require("react-i18next");var r=require("../../context/MessageContext.js");require("@tencentcloud/chat-uikit-engine");var a=require("../Avatar/Avatar.js"),t=require("../utils.js");exports.MessageAvatar=function(s){s.className;var i=s.CustomAvatar,u=s.message,n=s.showType;return(n===r.messageShowType.ALL||(null==u?void 0:u.flow)===n)&&n!==r.messageShowType.NONE?i||e.jsx(a.Avatar,{size:32,image:t.handleDisplayAvatar(null==u?void 0:u.avatar)}):e.jsx(e.Fragment,{})};