@tencentcloud/chat-uikit-react 0.0.3 → 1.0.1

package/dist/esm/components/TUIChat/TUIChat.js

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

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

@@ -1 +1 @@
-import{__assign as e,__spreadArray as s}from"tslib";import{CONSTANT_DISPATCH_TYPE as a}from"../../constants.js";import{handleMessageList as t,handleMessage as r,handleRemoveMessage as E,handleEditMessage as n}from"./unitls.js";var S=function(S,u){switch(null==u?void 0:u.type){case a.SET_CONVERSATION_PRPFILE:return e(e({},S),{conversation:u.value});case a.SET_MESSAGELIST:return e(e({},S),t(s([],S.messageList.concat(r(u.value).filter((function(e){return!S.messageList.includes(e)}))),!0),S));case a.SET_UPDATE_MESSAGE:return e(e({},S),t(s(s([],S.messageList,!0),r(u.value),!0),S));case a.SET_EDIT_MESSAGE:return e(e({},S),{messageList:s([],n(S.messageList,u.value),!0)});case a.SET_REMOVE_MESSAGE:return e(e({},S),{messageList:s([],E(S.messageList,u.value),!0)});case a.SET_HISTORY_MESSAGELIST:return e(e({},S),t(s(s([],r(u.value),!0),S.messageList,!0),S));case a.SET_NEXT_REQ_MESSAGE_ID:return e(e({},S),{nextReqMessageID:u.value});case a.SET_IS_COMPLETE:return e(e({},S),{isCompleted:u.value});case a.RESET:return e({},i);case a.SET_HIGH_LIGHTED_MESSAGE_ID:return e(e({},S),{highlightedMessageId:u.value});case a.OPERATE_MESSAGE:return e(e({},S),{operateData:e({},u.value)});case a.SET_NO_MORE:return e(e({},S),{noMore:u.value});default:return S}},i={conversation:{},messageList:[],nextReqMessageID:"",isCompleted:!1,init:!1,highlightedMessageId:"",lastMessageID:"",isSameLastMessageID:!1,operateData:{},noMore:!1};export{S as chatReducer,i as initialState};
+import{__assign as e,__spreadArray as s}from"tslib";import{CONSTANT_DISPATCH_TYPE as a}from"../../constants.js";import{handleUploadPenddingMessage as t,handleMessageList as r,handleMessage as E,handleRemoveMessage as u,handleEditMessage as n}from"./unitls.js";var S=function(S,o){switch(null==o?void 0:o.type){case a.SET_CONVERSATION_PRPFILE:return e(e({},S),{conversation:o.value});case a.SET_MESSAGELIST:return e(e({},S),r(s([],S.messageList.concat(E(o.value).filter((function(e){return!S.messageList.includes(e)}))),!0),S));case a.SET_UPDATE_MESSAGE:return e(e({},S),r(s(s([],S.messageList,!0),E(o.value),!0),S));case a.SET_EDIT_MESSAGE:return e(e({},S),{messageList:s([],n(S.messageList,o.value),!0)});case a.SET_REMOVE_MESSAGE:return e(e({},S),{messageList:s([],u(S.messageList,o.value),!0)});case a.SET_HISTORY_MESSAGELIST:return e(e({},S),r(s(s([],E(o.value),!0),S.messageList,!0),S));case a.SET_NEXT_REQ_MESSAGE_ID:return e(e({},S),{nextReqMessageID:o.value});case a.SET_IS_COMPLETE:return e(e({},S),{isCompleted:o.value});case a.RESET:return e({},i);case a.SET_HIGH_LIGHTED_MESSAGE_ID:return e(e({},S),{highlightedMessageId:o.value});case a.OPERATE_MESSAGE:return e(e({},S),{operateData:e({},o.value)});case a.SET_NO_MORE:return e(e({},S),{noMore:o.value});case a.SET_AUDIO_SOURCE:return e(e({},S),{audioSource:o.value});case a.SET_VIDEO_SOURCE:return e(e({},S),{vidoeSource:o.value});case a.UPDATE_UPLOAD_PENDDING_MESSAGE_LIST:return e(e({},S),{uploadPenddingMessageList:s([],t(S.uploadPenddingMessageList,o.value),!0)});default:return S}},i={conversation:{},messageList:[],nextReqMessageID:"",isCompleted:!1,init:!1,highlightedMessageId:"",lastMessageID:"",isSameLastMessageID:!1,operateData:{},noMore:!1,audioSource:null,vidoeSource:null,uploadPenddingMessageList:[]};export{S as chatReducer,i as initialState};

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

@@ -27,5 +27,33 @@ interface CreateForwardMessageProps extends BasicCreateMessageProps {
     conversation: Conversation;
     message: Message;
 }
+interface CreateCustomMessageProps extends BasicCreateMessageProps {
+    payload: {
+        data: string;
+        description: string;
+        extension: string;
+    };
+}
+interface CreateTextAtMessageProps extends BasicCreateMessageProps {
+    payload: {
+        text: string;
+        atUserList: Array<string>;
+    };
+}
+interface CreateLocationMessageProps extends BasicCreateMessageProps {
+    payload: {
+        description: string;
+        longitude: number;
+        latitude: number;
+    };
+}
+interface CreateMergerMessageProps extends BasicCreateMessageProps {
+    payload: {
+        messageList: Array<Message>;
+        title: string;
+        abstractList: string;
+        compatibleText: string;
+    };
+}
 
-export { BasicCreateMessageProps, CreateFaceMessageProps, CreateForwardMessageProps, CreateTextMessageProps, CreateUploadMessageProps };
+export { BasicCreateMessageProps, CreateCustomMessageProps, CreateFaceMessageProps, CreateForwardMessageProps, CreateLocationMessageProps, CreateMergerMessageProps, CreateTextAtMessageProps, CreateTextMessageProps, CreateUploadMessageProps };

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

@@ -1 +1 @@
-import{__assign as e,__rest as r}from"tslib";import{useCallback as t}from"react";import o from"tim-js-sdk";function a(a){var s=a.tim,n=a.conversation,i=a.to,c=void 0===i?"":i,u=a.type,g=n.type,l=n.userProfile,f=n.groupProfile,p=u||g,m={to:c||(p===o.TYPES.CONV_C2C?null==l?void 0:l.userID:null==f?void 0:f.groupID),conversationType:p};return{createTextMessage:t((function(r){return s.createTextMessage(e(e({},m),r))}),[s]),createFaceMessage:t((function(r){return s.createFaceMessage(e(e({},m),r))}),[s]),createImageMessage:t((function(r){return s.createImageMessage(e(e({},m),r))}),[s]),createVideoMessage:t((function(r){return s.createVideoMessage(e(e({},m),r))}),[s]),createFileMessage:t((function(r){return s.createFileMessage(e(e({},m),r))}),[s]),createForwardMessage:t((function(t){var a=t.conversation,n=t.message,i=r(t,["conversation","message"]),c=a.type,u=a.userProfile,g=a.groupProfile,l=c===o.TYPES.CONV_C2C?null==u?void 0:u.userID:null==g?void 0:g.groupID;return s.createForwardMessage(e({to:l,conversationType:c,payload:n},i))}),[s])}}export{a as useCreateMessage};
+import{__assign as e,__rest as t}from"tslib";import{useState as r,useEffect as a,useCallback as s}from"react";import o from"../../../node_modules/tim-js-sdk/tim-js.js";function n(n){var c=n.tim,u=n.conversation,i=n.to,g=void 0===i?"":i,M=n.type,f=n.cloudCustomData,l=u.type,m=u.userProfile,d=u.groupProfile,p=M||l,v=r({to:g||(p===o.TYPES.CONV_C2C?null==m?void 0:m.userID:null==d?void 0:d.groupID),conversationType:p,cloudCustomData:f}),C=v[0],T=v[1];return a((function(){C.cloudCustomData=f,T(C)}),[f]),{createTextMessage:s((function(t){return c.createTextMessage(e(e({},C),t))}),[c]),createFaceMessage:s((function(t){return c.createFaceMessage(e(e({},C),t))}),[c]),createImageMessage:s((function(t){return c.createImageMessage(e(e({},C),t))}),[c]),createVideoMessage:s((function(t){return c.createVideoMessage(e(e({},C),t))}),[c]),createFileMessage:s((function(t){return c.createFileMessage(e(e({},C),t))}),[c]),createForwardMessage:s((function(r){var a=r.conversation,s=r.message,n=t(r,["conversation","message"]),u=a.type,i=a.userProfile,g=a.groupProfile,M=u===o.TYPES.CONV_C2C?null==i?void 0:i.userID:null==g?void 0:g.groupID;return c.createForwardMessage(e({to:M,conversationType:u,payload:s},n))}),[c]),createCustomMessage:s((function(t){return c.createCustomMessage(e(e({},C),t))}),[c]),createAudioMessage:s((function(t){return c.createAudioMessage(e(e({},C),t))}),[c]),createTextAtMessage:s((function(t){return c.createTextAtMessage(e(e({},C),t))}),[c]),createLocationMessage:s((function(t){return c.createLocationMessage(e(e({},C),t))}),[c]),createMergerMessage:s((function(t){return c.createMergerMessage(e(e({},C),t))}),[c])}}export{n as useCreateMessage};

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

@@ -1 +1 @@
-import{__rest as e,__assign as s}from"tslib";import{useMemo as t}from"react";function i(i){var r=i.tim,a=i.conversation,m=i.messageList,o=i.messageListRef,n=e(i,["tim","conversation","messageList","messageListRef"]);return t((function(){return s({tim:r,conversation:a,messageList:m,messageListRef:o},n)}),[r,a,m,o,n])}export{i as default};
+import{__rest as s,__assign as e}from"tslib";import{useMemo as t}from"react";function i(i){var a=i.tim,o=i.conversation,g=i.messageList,n=i.messageListRef,m=i.messageConfig,f=i.cloudCustomData,r=i.TUIMessageInputConfig,u=i.TUIMessageListConfig,C=s(i,["tim","conversation","messageList","messageListRef","messageConfig","cloudCustomData","TUIMessageInputConfig","TUIMessageListConfig"]);return t((function(){return e({tim:a,conversation:o,messageList:g,messageListRef:n,messageConfig:m,cloudCustomData:f,TUIMessageInputConfig:r,TUIMessageListConfig:u},C)}),[a,o,g,n,m,f,r,u,C])}export{i as default};

package/dist/esm/components/TUIChat/hooks/useHandleMessage.js

@@ -1 +1 @@
-import{useCallback as t}from"react";import{CONSTANT_DISPATCH_TYPE as e}from"../../../constants.js";function r(r){r.state;var o=r.dispatch;return{operateMessage:t((function(t){o({type:e.OPERATE_MESSAGE,value:t})}),[o])}}export{r as useHandleMessage};
+import{useCallback as e}from"react";import{CONSTANT_DISPATCH_TYPE as t}from"../../../constants.js";function o(o){o.state;var n=o.dispatch;return{operateMessage:e((function(e){n({type:t.OPERATE_MESSAGE,value:e})}),[n]),setAudioSource:e((function(e){n({type:t.SET_AUDIO_SOURCE,value:e})}),[n]),setVideoSource:e((function(e){n({type:t.SET_VIDEO_SOURCE,value:e})}),[n]),setHighlightedMessageId:e((function(e){n({type:t.SET_HIGH_LIGHTED_MESSAGE_ID,value:e})}),[n])}}export{o as useHandleMessage};

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

@@ -1 +1 @@
-import{__assign as t}from"tslib";import{useCallback as e}from"react";import{CONSTANT_DISPATCH_TYPE as n}from"../../../constants.js";function o(o){var r=o.tim,s=o.conversation;o.state;var a=o.dispatch,i=s.conversationID,c={conversationID:i};return{getMessageList:e((function(e){var n=e||{};return r.getMessageList(t(t({},c),n))}),[r]),updateMessage:e((function(t){a({type:n.SET_UPDATE_MESSAGE,value:t.filter((function(t){return(null==t?void 0:t.conversationID)===i}))})}),[a]),removeMessage:e((function(t){a({type:n.SET_REMOVE_MESSAGE,value:t})}),[a]),editLocalmessage:e((function(t){a({type:n.SET_EDIT_MESSAGE,value:t})}),[a])}}export{o as useHandleMessageList};
+import{__assign as t}from"tslib";import{useCallback as e}from"react";import{CONSTANT_DISPATCH_TYPE as n}from"../../../constants.js";function o(o){var a=o.tim,s=o.conversation;o.state;var i=o.dispatch,r=s.conversationID,u={conversationID:r};return{getMessageList:e((function(e){var n=e||{};return a.getMessageList(t(t({},u),n))}),[a]),updateMessage:e((function(t){i({type:n.SET_UPDATE_MESSAGE,value:t.filter((function(t){return(null==t?void 0:t.conversationID)===r}))})}),[i]),removeMessage:e((function(t){i({type:n.SET_REMOVE_MESSAGE,value:t})}),[i]),editLocalmessage:e((function(t){i({type:n.SET_EDIT_MESSAGE,value:t})}),[i]),updataUploadPenddingMessageList:e((function(t){i({type:n.UPDATE_UPLOAD_PENDDING_MESSAGE_LIST,value:t})}),[i])}}export{o as useHandleMessageList};

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

@@ -1 +1 @@
-import{useLayoutEffect as t}from"react";import o from"tim-js-sdk";import{useTUIKitContext as i}from"../../../context/TUIKitContext.js";import"tslib";import"react/jsx-runtime";function r(r,e){var n=this,E=i("useMessageReceviedListener").tim;t((function(){var t=function(t){e&&"function"==typeof e?e(r,t):r(t.data)};return E.on(o.EVENT.MESSAGE_RECEIVED,t,n),function(){E.off(o.EVENT.MESSAGE_RECEIVED,t,n)}}),[E])}export{r as useMessageReceviedListener};
+import{useEffect as t}from"react";import o from"../../../node_modules/tim-js-sdk/tim-js.js";import{useTUIKitContext as e}from"../../../context/TUIKitContext.js";import"tslib";import"react/jsx-runtime";import"../../../context/TUIMessageContext.js";function i(i,n){var r=this,s=e("useMessageReceviedListener").tim;t((function(){var t=function(t){n&&"function"==typeof n?n(i,t):i(t.data)};return s.on(o.EVENT.MESSAGE_RECEIVED,t,r),function(){s.off(o.EVENT.MESSAGE_RECEIVED,t,r)}}),[s])}export{i as useMessageReceviedListener};

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

@@ -1 +1 @@
-import{__spreadArray as s}from"tslib";import e from"tim-js-sdk";import n from"../../constants.js";import{JSONStringToParse as t}from"../untils.js";var i=function(s){var i=null;return s.filter((function(s){var l;return s.type===e.TYPES.MSG_CUSTOM&&(i=t(null===(l=null==s?void 0:s.payload)||void 0===l?void 0:l.data)),!i||(null==i?void 0:i.businessID)!==n.TYPE_TYPING}))},l=function(s,e){var n,t={messageList:[],lastMessageID:"",isSameLastMessageID:!1};return t.messageList=s,t.messageList.length>=1&&(t.lastMessageID=null===(n=null==t?void 0:t.messageList[t.messageList.length-1])||void 0===n?void 0:n.ID),t.messageList=t.messageList.filter((function(s){return!(null==s?void 0:s.isDeleted)})),t.isSameLastMessageID=(null==t?void 0:t.lastMessageID)===(null==e?void 0:e.lastMessageID),t},o=function(e,n){var t=s([],e,!0),i=t.findIndex((function(s){return(null==s?void 0:s.ID)===(null==n?void 0:n.ID)}));return t[i]=n,t},r=function(e,n){var t=s([],e,!0),i=t.findIndex((function(s){return(null==s?void 0:s.ID)===(null==n?void 0:n.ID)}));return t.splice(i,1),t};export{o as handleEditMessage,i as handleMessage,l as handleMessageList,r as handleRemoveMessage};
+import{__spreadArray as n}from"tslib";import s from"../../node_modules/tim-js-sdk/tim-js.js";import e from"../../constants.js";import{JSONStringToParse as t}from"../untils.js";var i=function(n){var i=null;return n.filter((function(n){var l;return n.type===s.TYPES.MSG_CUSTOM&&(i=t(null===(l=null==n?void 0:n.payload)||void 0===l?void 0:l.data)),!i||(null==i?void 0:i.businessID)!==e.TYPE_TYPING}))},l=function(n,s){var e,t={messageList:[],lastMessageID:"",isSameLastMessageID:!1};return t.messageList=n,t.messageList.length>=1&&(t.lastMessageID=null===(e=null==t?void 0:t.messageList[t.messageList.length-1])||void 0===e?void 0:e.ID),t.messageList=t.messageList.filter((function(n){return!(null==n?void 0:n.isDeleted)})),t.isSameLastMessageID=(null==t?void 0:t.lastMessageID)===(null==s?void 0:s.lastMessageID),t},o=function(s,e){var t=n([],s,!0),i=t.findIndex((function(n){return(null==n?void 0:n.ID)===(null==e?void 0:e.ID)}));return t[i]=e,t},r=function(s,e){var t=n([],s,!0),i=t.findIndex((function(n){return(null==n?void 0:n.ID)===(null==e?void 0:e.ID)}));return t.splice(i,1),t},u=function(s,e){var t=n([],s,!0);t.some((function(n){return n.ID===e.ID}))||t.push(e);var i=t.findIndex((function(n){return(null==n?void 0:n.ID)===(null==e?void 0:e.ID)}));return t[i]=e,t};export{o as handleEditMessage,i as handleMessage,l as handleMessageList,r as handleRemoveMessage,u as handleUploadPenddingMessage};

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

@@ -6,6 +6,8 @@ interface TUIChatHeaderProps {
     title?: string;
     TUIChatHeader?: React.ComponentType<TUIChatHeaderDefaultProps>;
     conversation?: Conversation;
+    avatar?: React.ReactElement | string;
+    headerOpateIcon?: React.ReactElement | string;
 }
 declare function UnMemoizedTUIChatHeader<T extends TUIChatHeaderProps>(props: PropsWithChildren<T>): React.ReactElement;
 declare const TUIChatHeader: typeof UnMemoizedTUIChatHeader;

package/dist/esm/components/TUIChatHeader/TUIChatHeader.js

@@ -1 +1 @@
-import{jsx as t}from"react/jsx-runtime";import e from"react";import{useTUIChatStateContext as o}from"../../context/TUIChatStateContext.js";import{TUIChatHeaderDefault as r}from"./TUIChatHeaderDefault.js";import"tslib";import{useComponentContext as a}from"../../context/ComponentContext.js";function n(e){var n=e.title,m=e.conversation,i=e.TUIChatHeader,c=o("TUIChatHeader").conversation,p=a().TUIChatHeader;return t(i||p||r,{title:n,conversation:m||c})}var m=e.memo(n);export{m as TUIChatHeader};
+import{jsx as t}from"react/jsx-runtime";import e from"react";import{useTUIChatStateContext as o}from"../../context/TUIChatStateContext.js";import{TUIChatHeaderDefault as r}from"./TUIChatHeaderDefault.js";import"tslib";import"../../context/TUIMessageContext.js";import{useComponentContext as a}from"../../context/ComponentContext.js";function n(e){var n=e.title,m=e.conversation,i=e.TUIChatHeader,c=e.avatar,p=e.headerOpateIcon,s=o("TUIChatHeader").conversation,C=a().TUIChatHeader;return t(i||C||r,{title:n,conversation:m||s,avatar:c,opateIcon:p})}var m=e.memo(n);export{m as TUIChatHeader};

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

@@ -3,11 +3,15 @@ import { Conversation } from 'tim-js-sdk';
 
 interface TUIChatHeaderDefaultProps {
     title?: string;
-    avatar?: string;
+    avatar?: React.ReactElement | string;
     isOnline?: boolean;
     conversation?: Conversation;
     pluginComponentList?: Array<React.ComponentType>;
 }
-declare function TUIChatHeaderDefault(props: TUIChatHeaderDefaultProps): React.ReactElement;
+interface TUIChatHeaderBasicProps extends TUIChatHeaderDefaultProps {
+    isLive?: boolean;
+    opateIcon?: React.ReactElement | string;
+}
+declare function TUIChatHeaderDefault(props: TUIChatHeaderBasicProps): React.ReactElement;
 
-export { TUIChatHeaderDefault, TUIChatHeaderDefaultProps };
+export { TUIChatHeaderBasicProps, TUIChatHeaderDefault, TUIChatHeaderDefaultProps };

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

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

package/dist/esm/components/TUIConversation/TUIConversation.js

@@ -1 +1 @@
-import{__assign as r}from"tslib";import{jsx as o,jsxs as t,Fragment as e}from"react/jsx-runtime";import i,{useMemo as n}from"react";import{TUIConversationProvider as m}from"../../context/TUIConversationContext.js";import{TUIConversationList as s}from"../TUIConversationList/TUIConversationList.js";import"tim-js-sdk";import{TUIProfile as a}from"../TUIProfile/TUIProfile.js";import"../TUIProfile/TUIProfileDefault.js";function f(i){var f=i.children,l=i.createConversation,c=i.deleteConversation,v=n((function(){return{createConversation:l,deleteConversation:c}}),[l,c]);return o(m,r({value:v},{children:f||t(e,{children:[o(s,{}),o(a,{})]})}))}var l=i.memo(f);export{l as TUIConversation,f as UnMemoizedTUIConversation};
+import{__assign as o}from"tslib";import{jsx as r,jsxs as e,Fragment as t}from"react/jsx-runtime";import i,{useMemo as n}from"react";import{TUIConversationProvider as m}from"../../context/TUIConversationContext.js";import{TUIConversationList as s}from"../TUIConversationList/TUIConversationList.js";import"../../node_modules/tim-js-sdk/tim-js.js";import{TUIProfile as a}from"../TUIProfile/TUIProfile.js";import"../TUIProfile/TUIProfileDefault.js";function f(i){var f=i.children,l=i.createConversation,c=i.deleteConversation,v=n((function(){return{createConversation:l,deleteConversation:c}}),[l,c]);return r(m,o({value:v},{children:f||e(t,{children:[r(s,{}),r(a,{})]})}))}var l=i.memo(f);export{l as TUIConversation,f as UnMemoizedTUIConversation};

package/dist/esm/components/TUIConversationList/TUIConversationList.js

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

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

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

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

@@ -1 +1 @@
-import{useEffect as t}from"react";import n from"tim-js-sdk";import{useTUIKitContext as o}from"../../../context/TUIKitContext.js";import"tslib";import"react/jsx-runtime";var r=function(r,i,e){var f=o("useConversationUpdate").tim;t((function(){var t=function(t){r&&r(t.data.filter((function(t){return t.type!==n.TYPES.CONV_SYSTEM}))),e&&e(),i&&"function"==typeof i&&i(r,t)};return null==f||f.on(n.EVENT.CONVERSATION_LIST_UPDATED,t),function(){null==f||f.off(n.EVENT.CONVERSATION_LIST_UPDATED,t)}}),[f,i])};export{r as useConversationUpdate};
+import{useEffect as t}from"react";import o from"../../../node_modules/tim-js-sdk/tim-js.js";import{useTUIKitContext as n}from"../../../context/TUIKitContext.js";import"tslib";import"react/jsx-runtime";import"../../../context/TUIMessageContext.js";var r=function(r,e,i){var m=n("useConversationUpdate").tim;t((function(){var t=function(t){r&&r(t.data.filter((function(t){return t.type!==o.TYPES.CONV_SYSTEM}))),i&&i(),e&&"function"==typeof e&&e(r,t)};return null==m||m.on(o.EVENT.CONVERSATION_LIST_UPDATED,t),function(){null==m||m.off(o.EVENT.CONVERSATION_LIST_UPDATED,t)}}),[m,e])};export{r as useConversationUpdate};

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

@@ -1,9 +1,10 @@
 import React, { PropsWithChildren } from 'react';
-import { ChatSDK } from 'tim-js-sdk';
+import { ChatSDK, Conversation } from 'tim-js-sdk';
 
 interface ChatProps {
     tim?: ChatSDK | null;
     customClasses?: unknown;
+    activeConversation?: Conversation;
 }
 declare function TUIKit<T extends ChatProps>(props: PropsWithChildren<T>): React.ReactElement;
 

package/dist/esm/components/TUIKit/TUIKit.js

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

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

@@ -3,8 +3,9 @@ import { ChatSDK, Conversation, Profile } from 'tim-js-sdk';
 
 interface UseChatParams {
     tim: ChatSDK;
+    activeConversation?: Conversation;
 }
-declare const useTUIKit: ({ tim }: UseChatParams) => {
+declare const useTUIKit: ({ tim, activeConversation: paramsActiveConversation }: UseChatParams) => {
     conversation: Conversation;
     setActiveConversation: (activeConversation?: Conversation) => void;
     myProfile: Profile;

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

@@ -1 +1 @@
-import{__awaiter as o,__generator as n}from"tslib";import{useState as e,useEffect as t,useCallback as r}from"react";var i=function(i){var a=i.tim,s=e(),v=s[0],c=s[1],l=e(),u=l[0],f=l[1],I=e(!1),d=I[0],h=I[1],m=e(!1),w=m[0],g=m[1];t((function(){o(void 0,void 0,void 0,(function(){var o;return n(this,(function(n){switch(n.label){case 0:return[4,null==a?void 0:a.getMyProfile()];case 1:return o=n.sent(),f(null==o?void 0:o.data),[2]}}))}))}),[a]);var D=r((function(o){o&&(null==a||a.setMessageRead({conversationID:o.conversationID})),v&&o.conversationID!==v.conversationID&&h(!1),c(o)}),[a]);return{conversation:v,setActiveConversation:D,myProfile:u,TUIManageShow:d,setTUIManageShow:h,TUIProfileShow:w,setTUIProfileShow:g}};export{i as useTUIKit};
+import{__awaiter as o,__generator as n}from"tslib";import{useState as t,useEffect as e,useCallback as i}from"react";var r=function(r){var a=r.tim,s=r.activeConversation,v=t(s),c=v[0],l=v[1],u=t(),f=u[0],I=u[1],d=t(!1),h=d[0],m=d[1],w=t(!1),g=w[0],D=w[1];e((function(){o(void 0,void 0,void 0,(function(){var o;return n(this,(function(n){switch(n.label){case 0:return[4,null==a?void 0:a.getMyProfile()];case 1:return o=n.sent(),I(null==o?void 0:o.data),[2]}}))}))}),[a]);var M=i((function(o){o&&(null==a||a.setMessageRead({conversationID:o.conversationID})),c&&o.conversationID!==c.conversationID&&m(!1),l(o)}),[a]);return e((function(){l(s)}),[s]),{conversation:c,setActiveConversation:M,myProfile:f,TUIManageShow:h,setTUIManageShow:m,TUIProfileShow:g,setTUIProfileShow:D}};export{r as useTUIKit};

package/dist/esm/components/TUIManage/TUIManage.js

@@ -1 +1 @@
-import{__assign as n}from"tslib";import{jsxs as e,jsx as i}from"react/jsx-runtime";import{useState as a,useEffect as o}from"react";import{Icon as t}from"../Icon/Icon.js";import{IconTypes as r}from"../Icon/type.js";import{Avatar as l}from"../Avatar/Avatar.js";import{defaultGroupAvatarWork as s,defaultUserAvatar as c}from"../Avatar/default.js";import{Switch as m}from"../Switch/Switch.js";import{useTUIKitContext as d}from"../../context/TUIKitContext.js";import{getMessageProfile as v}from"../ConversationPreview/utils.js";import{useConversationUpdate as u}from"../TUIConversationList/hooks/useConversationUpdate.js";import{useConversation as h}from"../../hooks/useConversation.js";function f(){var f=a(null),p=f[0],g=f[1],I=a(null),C=I[0],N=I[1],j=a(!1),k=j[0],D=j[1],w=a(0),x=w[0],U=w[1],A=d("TUIManage"),T=A.conversation,P=A.setActiveConversation,S=A.tim,b=A.TUIManageShow,M=A.setTUIManageShow;u(null,(function(){U((function(n){return n+1}))}));var y=h(S),L=y.pinConversation,z=y.deleteConversation;return o((function(){g(T),N(v(T)),D(!!T&&T.isPinned)}),[T,x]),b&&T&&e("div",n({className:"tui-manage"},{children:[e("div",n({className:"tui-manage-title"},{children:[i(t,{type:r.CANCEL,width:16,height:16,onClick:function(){M(!1)}}),i("span",{children:"Conversation Information"})]})),e("div",n({className:"tui-manage-container"},{children:[e("div",n({className:"tui-manage-info"},{children:[i("div",n({className:"info-avatar"},{children:i(l,{size:64,image:(null==C?void 0:C.avatar)||((null==C?void 0:C.groupID)?s:c)})})),i("div",n({className:"info-name"},{children:(null==C?void 0:C.nick)||(null==C?void 0:C.name)})),e("div",n({className:"info-id"},{children:["ID:",(null==C?void 0:C.userID)||(null==C?void 0:C.groupID)]}))]})),e("div",n({className:"tui-manage-handle"},{children:[e("div",n({className:"manage-handle-box"},{children:[i("div",n({className:"manage-handle-title"},{children:"Pin"})),i(m,{onChange:function(n){D(n.target.checked),L({conversationID:p.conversationID,isPinned:n.target.checked})},checked:k})]})),i("div",n({className:"manage-handle-box",role:"presentation",onClick:function(){z(p.conversationID),P(null)}},{children:i("div",n({className:"manage-handle-title red"},{children:"Delete"}))}))]}))]}))]}))}export{f as TUIManage};
+import{__assign as n}from"tslib";import{jsxs as e,jsx as i}from"react/jsx-runtime";import{useState as a,useEffect as o}from"react";import{Icon as t}from"../Icon/Icon.js";import{IconTypes as r}from"../Icon/type.js";import{Avatar as s}from"../Avatar/Avatar.js";import{defaultGroupAvatarWork as l,defaultUserAvatar as c}from"../Avatar/default.js";import{Switch as m}from"../Switch/Switch.js";import{useTUIKitContext as d}from"../../context/TUIKitContext.js";import"../../context/TUIMessageContext.js";import{getMessageProfile as v}from"../ConversationPreview/utils.js";import{useConversationUpdate as u}from"../TUIConversationList/hooks/useConversationUpdate.js";import{useConversation as h}from"../../hooks/useConversation.js";function f(){var f=a(null),p=f[0],g=f[1],I=a(null),C=I[0],N=I[1],j=a(!1),k=j[0],x=j[1],D=a(0),U=D[0],w=D[1],T=d("TUIManage"),A=T.conversation,M=T.setActiveConversation,P=T.tim,S=T.TUIManageShow,b=T.setTUIManageShow;u(null,(function(){w((function(n){return n+1}))}));var y=h(P),L=y.pinConversation,z=y.deleteConversation;return o((function(){g(A),N(v(A)),x(!!A&&A.isPinned)}),[A,U]),S&&A&&e("div",n({className:"tui-manage"},{children:[e("div",n({className:"tui-manage-title"},{children:[i(t,{type:r.CANCEL,width:16,height:16,onClick:function(){b(!1)}}),i("span",{children:"Conversation Information"})]})),e("div",n({className:"tui-manage-container"},{children:[e("div",n({className:"tui-manage-info"},{children:[i("div",n({className:"info-avatar"},{children:i(s,{size:64,image:(null==C?void 0:C.avatar)||((null==C?void 0:C.groupID)?l:c)})})),i("div",n({className:"info-name"},{children:(null==C?void 0:C.nick)||(null==C?void 0:C.name)})),e("div",n({className:"info-id"},{children:["ID:",(null==C?void 0:C.userID)||(null==C?void 0:C.groupID)]}))]})),e("div",n({className:"tui-manage-handle"},{children:[e("div",n({className:"manage-handle-box"},{children:[i("div",n({className:"manage-handle-title"},{children:"Pin"})),i(m,{onChange:function(n){x(n.target.checked),L({conversationID:p.conversationID,isPinned:n.target.checked})},checked:k})]})),i("div",n({className:"manage-handle-box",role:"presentation",onClick:function(){z(p.conversationID),M(null)}},{children:i("div",n({className:"manage-handle-title red"},{children:"Delete"}))}))]}))]}))]}))}export{f as TUIManage};

package/dist/esm/components/TUIMessage/MessageAudio.js

@@ -1 +1 @@
-import{__assign as r}from"tslib";import{jsx as e,jsxs as t}from"react/jsx-runtime";import m from"react";function o(m){var o=m.context;m.message;var i=m.children;return t("div",r({className:"message-audio"},{children:[e("audio",{muted:!0,src:o.url}),i]}))}var i=m.memo(o);function a(t){return e(i,r({},t))}export{a as MessageAudio};
+import{__assign as e}from"tslib";import{jsx as n,jsxs as t}from"react/jsx-runtime";import r,{useState as o,useRef as c,useCallback as i,useEffect as u}from"react";import{useTUIChatStateContext as a}from"../../context/TUIChatStateContext.js";import{useTUIChatActionContext as s}from"../../context/TUIChatActionContext.js";import"../../context/TUIMessageContext.js";import{Icon as l}from"../Icon/Icon.js";import{IconTypes as d}from"../Icon/type.js";function m(r){var m=r.context,p=r.message,f=r.children,v=s().setAudioSource,h=a("MessageAudioWithContext").audioSource,x=o(0),g=x[0],C=x[1],I=c(null),j=o(!1),E=j[0],y=j[1],L=i((function(){h&&h!==(null==I?void 0:I.current)&&(h.pause(),h.currentTime=0,v(null)),(null==I?void 0:I.current)&&(I.current.paused?(I.current.play(),y(!0),v(I.current)):(I.current.pause(),N()))}),[I,h]),T=function(){y(!1)},N=function(){v(null),I.current.currentTime=0,T()};return u((function(){return(null==I?void 0:I.current)&&(I.current.addEventListener("pause",T),I.current.addEventListener("ended",N),I.current.addEventListener("canplay",(function(){C(parseInt("".concat(I.current.duration),10))}))),function(){(null==I?void 0:I.current)&&(I.current.removeEventListener("pause",T),I.current.removeEventListener("ended",N))}}),[I]),t("div",e({className:"message-audio"},{children:[t("div",e({className:"message-audio-content message-audio-".concat(p.flow)},{children:[n(l,{className:"".concat(null==p?void 0:p.flow," ").concat(E?"playing":""),type:d.VOICE,width:16,height:16,onClick:L}),n("span",{children:"".concat(g,"s")})]})),n("audio",e({src:null==m?void 0:m.url,ref:I,controls:!0,className:"message-audio-none"},{children:n("track",{kind:"captions"})})),f]}))}var p=r.memo(m);function f(t){return n(p,e({},t))}export{f as MessageAudio};

package/dist/esm/components/TUIMessage/MessageAvatar.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import"tslib";import"react";import{messageShowType as r}from"../../context/TUIMessageContext.js";import{Avatar as o}from"../Avatar/Avatar.js";import{handleDisplayAvatar as a}from"../untils.js";function e(e){e.className;var m=e.CustomAvatar,s=e.message,i=e.showType;return(i===r.ALL||(null==s?void 0:s.flow)===i)&&i!==r.NONE?m||t(o,{size:32,image:a(null==s?void 0:s.avatar)}):null}export{e as MessageAvatar};

package/dist/esm/components/TUIMessage/MessageBubble.js

@@ -1 +1 @@
-import{__assign as e}from"tslib";import{jsx as s,jsxs as l}from"react/jsx-runtime";import n,{useState as o}from"react";import t from"tim-js-sdk";import{MESSAGE_STATUS as a}from"../../constants.js";import{Icon as i}from"../Icon/Icon.js";import{IconTypes as m}from"../Icon/type.js";import{useMessageReply as r}from"./hooks/useMessageReply.js";function c(n){var c=n.message,u=n.children,d=n.Context,p=n.Plugins,b=o(!1),g=b[0],v=b[1],f=r({message:c}),h=f.messageReply,N=f.replyMessage,y=f.sender;return l("div",e({className:"meesage-bubble"},{children:[l("div",e({className:"meesage-bubble-context ".concat(null==c?void 0:c.flow),onMouseEnter:function(){v(!0)},onMouseLeave:function(){v(!1)}},{children:[l("div",e({className:"message-context\n            ".concat(h?"meesage-bubble-reply meesage-bubble-reply-".concat(null==c?void 0:c.flow):"","\n            ").concat((null==c?void 0:c.type)!==t.TYPES.MSG_IMAGE&&(null==c?void 0:c.type)!==t.TYPES.MSG_VIDEO&&(null==c?void 0:c.type)!==t.TYPES.MSG_FILE||(null==c?void 0:c.status)!==a.UNSEND?"":"loading")},{children:[h&&l("main",e({className:"meesage-bubble-reply-main"},{children:[s("header",e({className:"title"},{children:y})),d&&s(d,{message:N})]})),u]})),s("div",e({className:"message-plugin"},{children:g&&p&&s(p,{})}))]})),l("div",e({className:"message-bubble-status icon"},{children:[(null==c?void 0:c.status)===a.FAIL&&s("i",{className:"icon-fail"}),(null==c?void 0:c.status)===a.UNSEND&&s(i,{width:10,height:10,type:m.PROGRESS})]}))]}))}var u=n.memo(c);function d(l){return s(u,e({},l))}export{d as MessageBubble};
+import{__assign as e}from"tslib";import{jsx as s,jsxs as o}from"react/jsx-runtime";import t,{useState as n}from"react";import i from"../../node_modules/tim-js-sdk/tim-js.js";import{MESSAGE_STATUS as l}from"../../constants.js";import{useTUIChatActionContext as a}from"../../context/TUIChatActionContext.js";import"../../context/TUIMessageContext.js";import{Icon as m}from"../Icon/Icon.js";import{IconTypes as r}from"../Icon/type.js";import{useMessageReply as c}from"./hooks/useMessageReply.js";import{MessageProgress as u}from"./MessageProgress.js";function d(t){var d=t.message,g=t.children,p=t.Context,b=t.Plugins,f=n(!1),v=f[0],h=f[1],I=c({message:d}),N=I.messageReply,j=I.replyMessage,y=I.sender,M=a().setHighlightedMessageId;return o("div",e({className:"meesage-bubble"},{children:[o("div",e({className:"meesage-bubble-context ".concat(null==d?void 0:d.flow),onMouseEnter:function(){h(!0)},onMouseLeave:function(){h(!1)}},{children:[o("div",e({className:"message-context\n            ".concat(N?"meesage-bubble-reply meesage-bubble-reply-".concat(null==d?void 0:d.flow):"","\n            ").concat((null==d?void 0:d.type)!==i.TYPES.MSG_IMAGE&&(null==d?void 0:d.type)!==i.TYPES.MSG_VIDEO&&(null==d?void 0:d.type)!==i.TYPES.MSG_FILE||(null==d?void 0:d.status)!==l.UNSEND?"":"loading")},{children:[N&&o("div",e({className:"meesage-bubble-reply-main",role:"menuitem",tabIndex:0,onClick:function(){M(null==j?void 0:j.ID)}},{children:[s("header",e({className:"title"},{children:y})),p&&s(p,{message:j})]})),g,s(u,{message:d})]})),b&&s("div",e({className:"message-plugin"},{children:v&&s(b,{})}))]})),o("div",e({className:"message-bubble-status icon"},{children:[(null==d?void 0:d.status)===l.FAIL&&s("i",{className:"icon-fail"}),(null==d?void 0:d.status)===l.UNSEND&&s(m,{width:10,height:10,type:r.PROGRESS})]}))]}))}var g=t.memo(d);function p(o){return s(g,e({},o))}export{p as MessageBubble};

package/dist/esm/components/TUIMessage/MessageContext.d.ts

@@ -1,7 +1,9 @@
+import React from 'react';
 import { Message } from 'tim-js-sdk';
 
 interface MessageContextProps {
     message?: Message;
 }
+declare function MessageContext(props: MessageContextProps): React.ReactElement;
 
-export { MessageContextProps };
+export { MessageContext, MessageContextProps };

package/dist/esm/components/TUIMessage/MessageContext.js

@@ -1 +1 @@
-import{__assign as e}from"tslib";import{jsx as s}from"react/jsx-runtime";import t from"react";import o from"tim-js-sdk";import{MessageAudio as m}from"./MessageAudio.js";import{MessageCustom as r}from"./MessageCustom.js";import{MessageFace as E}from"./MessageFace.js";import{MessageFile as M}from"./MessageFile.js";import{MessageImage as S}from"./MessageImage.js";import{MessageLocation as i}from"./MessageLocation.js";import{MessageMerger as a}from"./MessageMerger.js";import{MessageText as n}from"./MessageText.js";import{MessageVideo as T}from"./MessageVideo.js";import"../../constants.js";import{useTUIMessageContext as G}from"../../context/TUIMessageContext.js";import{useMessageContextHandler as g}from"./hooks/useMessageContextHandler.js";import{MessageStatus as p}from"./MessageStatus.js";var f,l=((f={})[o.TYPES.MSG_TEXT]=n,f[o.TYPES.MSG_FACE]=E,f[o.TYPES.MSG_IMAGE]=S,f[o.TYPES.MSG_AUDIO]=m,f[o.TYPES.MSG_VIDEO]=T,f[o.TYPES.MSG_FILE]=M,f[o.TYPES.MSG_CUSTOM]=r,f[o.TYPES.MSG_MERGER]=a,f[o.TYPES.MSG_LOCATION]=i,f);function P(t){var m,r=t.message,E=g({message:r}).context,M=G("MessageCustom"),S=M.CustemElement,i=M.TextElement,a=M.FaceElement,n=M.ImageElement,T=M.AudioElement,f=M.VideoElement,P=M.FileElement,Y=M.MergerElement,_=M.LocationElement,j=((m={})[o.TYPES.MSG_TEXT]=i,m[o.TYPES.MSG_FACE]=a,m[o.TYPES.MSG_IMAGE]=n,m[o.TYPES.MSG_AUDIO]=T,m[o.TYPES.MSG_VIDEO]=f,m[o.TYPES.MSG_FILE]=P,m[o.TYPES.MSG_CUSTOM]=S,m[o.TYPES.MSG_MERGER]=Y,m[o.TYPES.MSG_LOCATION]=_,m)[null==r?void 0:r.type]||l[null==r?void 0:r.type];return j&&s(j,e({context:E,message:r},{children:s(p,{message:r})}))}var Y=t.memo(P);function _(t){return s(Y,e({},t))}export{_ as MessageContext};
+import{__assign as e}from"tslib";import{jsx as s}from"react/jsx-runtime";import t from"react";import o from"../../node_modules/tim-js-sdk/tim-js.js";import{MessageAudio as m}from"./MessageAudio.js";import{MessageCustom as r}from"./MessageCustom.js";import{MessageFace as E}from"./MessageFace.js";import{MessageFile as M}from"./MessageFile.js";import{MessageImage as S}from"./MessageImage.js";import{MessageLocation as i}from"./MessageLocation.js";import{MessageMerger as a}from"./MessageMerger.js";import{MessageText as n}from"./MessageText.js";import{MessageVideo as T}from"./MessageVideo.js";import"../../constants.js";import{useTUIMessageContext as G}from"../../context/TUIMessageContext.js";import{useMessageContextHandler as g}from"./hooks/useMessageContextHandler.js";import{MessageStatus as p}from"./MessageStatus.js";var l,_=((l={})[o.TYPES.MSG_TEXT]=n,l[o.TYPES.MSG_FACE]=E,l[o.TYPES.MSG_IMAGE]=S,l[o.TYPES.MSG_AUDIO]=m,l[o.TYPES.MSG_VIDEO]=T,l[o.TYPES.MSG_FILE]=M,l[o.TYPES.MSG_CUSTOM]=r,l[o.TYPES.MSG_MERGER]=a,l[o.TYPES.MSG_LOCATION]=i,l);function f(t){var m,r=t.message,E=g({message:r}).context,M=G("MessageCustom"),S=M.CustemElement,i=M.TextElement,a=M.FaceElement,n=M.ImageElement,T=M.AudioElement,l=M.VideoElement,f=M.FileElement,P=M.MergerElement,Y=M.LocationElement,j=((m={})[o.TYPES.MSG_TEXT]=i,m[o.TYPES.MSG_FACE]=a,m[o.TYPES.MSG_IMAGE]=n,m[o.TYPES.MSG_AUDIO]=T,m[o.TYPES.MSG_VIDEO]=l,m[o.TYPES.MSG_FILE]=f,m[o.TYPES.MSG_CUSTOM]=S,m[o.TYPES.MSG_MERGER]=P,m[o.TYPES.MSG_LOCATION]=Y,m)[null==r?void 0:r.type]||_[null==r?void 0:r.type];return j&&s(j,e({context:E,message:r},{children:s(p,{message:r})}))}var P=t.memo(f);function Y(t){return s(P,e({},t))}export{Y as MessageContext};

package/dist/esm/components/TUIMessage/MessageCustom.js

@@ -1 +1 @@
-import{__assign as r}from"tslib";import{jsx as e,jsxs as n}from"react/jsx-runtime";import t from"react";import{JSONStringToParse as o}from"../untils.js";function i(t){var i=t.context,a=t.message,l=t.children;return n("div",r({className:"bubble message-custom bubble-".concat(a.flow)},{children:[function(n){if("Hyperlink"===n.data){var t=o(null==n?void 0:n.extension);return null==t?void 0:t.item.map((function(n){return e("a",r({target:"_blank",href:n.value,rel:"noreferrer"},{children:n.value}),n.value)}))}return"group_create"===n.data?"".concat((null==a?void 0:a.nick)||(null==a?void 0:a.from)," Create a group"):n.extension}(null==i?void 0:i.custom),l]}))}var a=t.memo(i);function l(n){return e(a,r({},n))}export{l as MessageCustom};
+import{__assign as e}from"tslib";import{jsx as r,jsxs as n,Fragment as t}from"react/jsx-runtime";import l from"react";import o from"../../node_modules/tim-js-sdk/tim-js.js";import{JSONStringToParse as i}from"../untils.js";function u(l){var u=l.context,a=l.message,m=l.children;return n("div",e({className:"bubble message-custom bubble-".concat(a.flow,"  ").concat((null==a?void 0:a.conversationType)===o.TYPES.CONV_GROUP?"group":"")},{children:[function(l){if("Hyperlink"===l.data){var o=i(null==l?void 0:l.extension);if(null==o?void 0:o.item)return null==o?void 0:o.item.map((function(n){return r("a",e({target:"_blank",href:n.value,rel:"noreferrer"},{children:n.value}),n.value)}));if(null==o?void 0:o.hyperlinks_text){var u=o.hyperlinks_text;return n(t,{children:[o.title," ",r("a",e({target:"_blank",href:null==u?void 0:u.value,rel:"noreferrer"},{children:u.key}),null==u?void 0:u.value)]})}}return"group_create"===l.data?"".concat((null==a?void 0:a.nick)||(null==a?void 0:a.from)," Create a group"):l.extension}(null==u?void 0:u.custom),m]}))}var a=l.memo(u);function m(n){return r(a,e({},n))}export{m as MessageCustom};

package/dist/esm/components/TUIMessage/MessageFile.js

@@ -1 +1 @@
-import{__assign as e}from"tslib";import{jsx as i,jsxs as s}from"react/jsx-runtime";import m from"react";import{Icon as r}from"../Icon/Icon.js";import{IconTypes as a}from"../Icon/type.js";function o(m){var o=m.context,l=m.message,n=m.children;return s("div",e({className:"bubble message-file bubble-".concat(l.flow)},{children:[s("main",e({className:"message-file-main"},{children:[i(r,{className:"icon",width:15,height:20,type:a.FILE}),i("label",e({htmlFor:"message-file"},{children:o.name}))]})),s("div",e({className:"message-file-footer"},{children:[i("span",e({className:"message-file-size"},{children:o.size})),n]}))]}))}var l=m.memo(o);function n(s){return i(l,e({},s))}export{n as MessageFile};
+import{__assign as e}from"tslib";import{jsx as r,jsxs as o}from"react/jsx-runtime";import s from"react";import m from"../../node_modules/tim-js-sdk/tim-js.js";import{Icon as a}from"../Icon/Icon.js";import{IconTypes as i}from"../Icon/type.js";function n(s){var n=s.context,t=s.message,l=s.children;return o("a",e({href:n.url,download:n.name,target:"_parent",className:"bubble message-file bubble-".concat(t.flow," ").concat((null==t?void 0:t.conversationType)===m.TYPES.CONV_GROUP?"group":""),rel:"noreferrer"},{children:[o("main",e({className:"message-file-main"},{children:[r(a,{className:"icon",width:15,height:20,type:i.FILE}),r("label",e({htmlFor:"message-file"},{children:n.name}))]})),o("div",e({className:"message-file-footer"},{children:[r("span",e({className:"message-file-size"},{children:n.size})),l]}))]}))}var t=s.memo(n);function l(o){return r(t,e({},o))}export{l as MessageFile};

package/dist/esm/components/TUIMessage/MessageImage.js

@@ -1 +1 @@
-import{__assign as i}from"tslib";import{jsx as o,jsxs as r}from"react/jsx-runtime";import e,{useState as n}from"react";import{Model as l}from"../Model/index.js";function t(e){var t,a,m,c=e.context,d=e.message,u=e.children,s=n(!1),f=s[0],v=s[1],g=null===(a=null===(t=null==d?void 0:d.payload)||void 0===t?void 0:t.imageInfoArray)||void 0===a?void 0:a.filter((function(i){return 0===i.type}));return r("div",i({className:"message-image"},{children:[o("div",i({role:"button",tabIndex:0,onClick:function(){v(!0)}},{children:o("img",{className:"img bubble-".concat(d.flow),src:c.url,alt:""})})),u,f&&o(l,i({onClick:function(){v(!1)}},{children:o("img",{className:"big-image",src:null===(m=g[0])||void 0===m?void 0:m.url,alt:""})}))]}))}var a=e.memo(t);function m(r){return o(a,i({},r))}export{m as MessageImage};
+import{__assign as o}from"tslib";import{jsx as i,jsxs as r}from"react/jsx-runtime";import n,{useState as e}from"react";import t from"../../node_modules/tim-js-sdk/tim-js.js";import{Model as l}from"../Model/index.js";function m(n){var m,a,c,d=n.context,s=n.message,u=n.children,f=e(!1),v=f[0],g=f[1],p=null===(a=null===(m=null==s?void 0:s.payload)||void 0===m?void 0:m.imageInfoArray)||void 0===a?void 0:a.filter((function(o){return 0===o.type}));return r("div",o({className:"message-image"},{children:[i("div",o({role:"button",tabIndex:0,onClick:function(){g(!0)}},{children:i("img",{className:"img bubble-".concat(s.flow," ").concat((null==s?void 0:s.conversationType)===t.TYPES.CONV_GROUP?"group":""),src:d.url,alt:""})})),u,v&&i(l,o({onClick:function(){g(!1)}},{children:i("img",{className:"big-image",src:null===(c=p[0])||void 0===c?void 0:c.url,alt:""})}))]}))}var a=n.memo(m);function c(r){return i(a,o({},r))}export{c as MessageImage};

package/dist/esm/components/TUIMessage/MessageMerger.js

@@ -1 +1 @@
-import{__assign as e}from"tslib";import{jsx as r,jsxs as t}from"react/jsx-runtime";import a from"react";function i(a){var i=a.context,m=a.message,s=a.children;return t("div",e({className:"bubble message-merger bubble-".concat(m.flow)},{children:[r("h3",{children:i.title}),r("ul",e({className:"message-merger-list"},{children:(null==i?void 0:i.abstractList.length)>0&&i.abstractList.map((function(t,a){var i=t+a;return r("li",e({className:"message-merger-item"},{children:t}),i)}))})),s]}))}var m=a.memo(i);function s(t){return r(m,e({},t))}export{s as MessageMerger};
+import{__assign as e}from"tslib";import{jsx as r,jsxs as t}from"react/jsx-runtime";import s from"react";import i from"../../node_modules/tim-js-sdk/tim-js.js";function m(s){var m=s.context,n=s.message,o=s.children;return t("div",e({className:"bubble message-merger bubble-".concat(n.flow," ").concat((null==n?void 0:n.conversationType)===i.TYPES.CONV_GROUP?"group":"")},{children:[r("h3",{children:m.title}),r("ul",e({className:"message-merger-list"},{children:(null==m?void 0:m.abstractList.length)>0&&m.abstractList.map((function(t,s){var i=t+s;return r("li",e({className:"message-merger-item"},{children:t}),i)}))})),o]}))}var n=s.memo(m);function o(t){return r(n,e({},t))}export{o as MessageMerger};

package/dist/esm/components/TUIMessage/MessageName.js

@@ -0,0 +1 @@
+import{__assign as o}from"tslib";import{jsx as e}from"react/jsx-runtime";import t from"../../node_modules/tim-js-sdk/tim-js.js";import"react";import{messageShowType as m}from"../../context/TUIMessageContext.js";function r(r){r.className;var l=r.CustomName,n=r.message,s=r.showType;return(s===m.ALL||(null==n?void 0:n.flow)===s)&&(null==n?void 0:n.conversationType)===t.TYPES.CONV_GROUP&&s!==m.NONE?l||e("label",o({htmlFor:"content",className:"name"},{children:(null==n?void 0:n.nick)||(null==n?void 0:n.from)})):null}export{r as MessageName};

package/dist/esm/components/TUIMessage/MessagePlugins.d.ts

@@ -0,0 +1,24 @@
+import React, { PropsWithChildren } from 'react';
+import tim_js_sdk__default from 'tim-js-sdk';
+import { PluginsProps } from '../Plugins/index.js';
+
+declare enum PluginsNameEnum {
+    quote = "quote",
+    forward = "forward",
+    copy = "copy",
+    delete = "delete",
+    resend = "resend",
+    revoke = "revoke"
+}
+type MessagePluginConfigProps = {
+    [propsName in PluginsNameEnum]?: {
+        isShow?: boolean;
+        relateMessageType?: tim_js_sdk__default.TYPES[];
+    };
+};
+interface MessagePluginsProps extends PluginsProps {
+    config?: MessagePluginConfigProps;
+}
+declare function MessagePlugins<T extends MessagePluginsProps>(props: PropsWithChildren<T>): React.ReactElement;
+
+export { MessagePluginConfigProps, MessagePlugins, MessagePluginsProps };

package/dist/esm/components/TUIMessage/MessagePlugins.js

@@ -1 +1 @@
-import{__assign as e,__spreadArray as s}from"tslib";import{jsxs as n,jsx as t}from"react/jsx-runtime";import{useState as i,useRef as l}from"react";import o from"tim-js-sdk";import{Plugins as a}from"../Plugins/index.js";import{Icon as r}from"../Icon/Icon.js";import{IconTypes as c}from"../Icon/type.js";import{useTUIChatStateContext as m}from"../../context/TUIChatStateContext.js";import{useTUIMessageContext as d}from"../../context/TUIMessageContext.js";import{useMessageHandler as h}from"./hooks/useMessageHandler.js";import{MESSAGE_STATUS as g,MESSAGE_FLOW as p}from"../../constants.js";import"date-fns";import{useMessagePluginElement as u}from"./hooks/useMessagePluginElement.js";function f(f){var M=f.plugins,v=f.showNumber,N=void 0===v?0:v,C=f.MoreIcon,y=i(""),w=y[0],E=y[1],R=l(null),j=d("MessagePlugins").message,S=m("MessageBubbleWithContext").messageListRef,x=h({message:j}),I=x.handleDelMessage,T=x.handleRevokeMessage,O=x.handleReplyMessage,U=x.handleCopyMessage,b=x.handleResendMessage,P=x.handleForWardMessage,D=u({children:n("div",e({className:"message-plugin-item"},{children:[t("span",{children:"Recall"}),t(r,{width:20,height:20,type:c.REVOCATION})]})),handle:function(e){R.current.closeMore(),T(e)},message:j}),k=u({children:n("div",e({className:"message-plugin-item"},{children:[t("span",e({className:"del"},{children:"Delete"})),t(r,{width:20,height:20,type:c.DEL})]})),handle:function(e){R.current.closeMore(),I(e)},message:j}),F=u({children:n("div",e({className:"message-plugin-item"},{children:[t("span",{children:"Quote"}),t(r,{width:20,height:20,type:c.QUOTE})]})),handle:function(e){R.current.closeMore(),O(e)},message:j}),L=u({children:n("div",e({className:"message-plugin-item"},{children:[t("span",{children:"Copy"}),t(r,{width:20,height:20,type:c.COPY})]})),handle:function(e){R.current.closeMore(),U(e)},message:j}),W=u({children:n("div",e({className:"message-plugin-item"},{children:[t("span",{children:"Resend"}),t(r,{width:20,height:20,type:c.REPLY})]})),handle:function(e){R.current.closeMore(),b(e)},message:j}),Y=u({children:n("div",e({className:"message-plugin-item"},{children:[t("span",{children:"Forward"}),t(r,{width:20,height:20,type:c.FORWARD})]})),handle:function(e){R.current.closeMore(),P(e)},message:j}),A=(null==j?void 0:j.status)===g.SUCCESS?[F,Y,k]:[W];(null==j?void 0:j.status)===g.SUCCESS&&j.flow===p.OUT&&(A=s([D],A,!0)),j.type===o.TYPES.MSG_TEXT&&A.splice(-1,0,L);var Q=M||A,V=C||t(r,{className:"icon-more",width:16,height:16,type:c.MORE});return(null==j?void 0:j.status)!==g.UNSEND&&t(a,{className:"message-plugin",customClass:w,ref:R,plugins:Q,showNumber:N,MoreIcon:V,root:null==S?void 0:S.current,handleVisible:function(e){E("".concat(!e.top&&"message-plugin-top"," ").concat(!e.left&&"message-plugin-left"))}})}export{f as MessagePlugins};
+import{__assign as e}from"tslib";import{jsxs as s,jsx as o}from"react/jsx-runtime";import{useState as l,useRef as i}from"react";import n from"../../node_modules/tim-js-sdk/tim-js.js";import{Plugins as t}from"../Plugins/index.js";import{Icon as r}from"../Icon/Icon.js";import{IconTypes as a}from"../Icon/type.js";import{useTUIChatStateContext as d}from"../../context/TUIChatStateContext.js";import{useTUIMessageContext as u}from"../../context/TUIMessageContext.js";import{useMessageHandler as c}from"./hooks/useMessageHandler.js";import{MESSAGE_STATUS as h,MESSAGE_FLOW as g}from"../../constants.js";import"date-fns";import{useMessagePluginElement as m}from"./hooks/useMessagePluginElement.js";var p;function v(p){var v,f,S,w,M,y,C=p.plugins,T=p.showNumber,E=p.MoreIcon,N=p.config,j=l(""),k=j[0],R=j[1],U=i(null),I=u("MessagePlugins"),x=I.message,b=I.plugin,q=d("MessageBubbleWithContext").messageListRef,O=c({message:x}),P=O.handleDelMessage,D=O.handleRevokeMessage,F=O.handleReplyMessage,L=O.handleCopyMessage,W=O.handleResendMessage,Y=O.handleForWardMessage,A={quote:e(e({isShow:!0},null==N?void 0:N.quote),null===(v=null==b?void 0:b.config)||void 0===v?void 0:v.quote),forward:e(e({isShow:!0},null==N?void 0:N.forward),null===(f=null==b?void 0:b.config)||void 0===f?void 0:f.forward),copy:e(e({isShow:!0,relateMessageType:[n.TYPES.MSG_TEXT]},null==N?void 0:N.copy),null===(S=null==b?void 0:b.config)||void 0===S?void 0:S.copy),delete:e(e({isShow:!0},null==N?void 0:N.delete),null===(w=null==b?void 0:b.config)||void 0===w?void 0:w.delete),revoke:e(e({isShow:!0},null==N?void 0:N.revoke),null===(M=null==b?void 0:b.config)||void 0===M?void 0:M.revoke),resend:e(e({isShow:!0},null==N?void 0:N.resend),null===(y=null==b?void 0:b.config)||void 0===y?void 0:y.resend)},Q=m({children:s("div",e({className:"message-plugin-item"},{children:[o("span",{children:"Recall"}),o(r,{width:20,height:20,type:a.REVOCATION})]})),handle:function(e){U.current.closeMore(),D(e)},message:x,isShow:A.revoke.isShow&&(null==x?void 0:x.status)===h.SUCCESS&&x.flow===g.OUT,relateMessageType:A.revoke.relateMessageType}),V=m({children:s("div",e({className:"message-plugin-item"},{children:[o("span",e({className:"del"},{children:"Delete"})),o(r,{width:20,height:20,type:a.DEL})]})),handle:function(e){U.current.closeMore(),P(e)},message:x,isShow:A.delete.isShow&&(null==x?void 0:x.status)===h.SUCCESS,relateMessageType:A.delete.relateMessageType}),_=m({children:s("div",e({className:"message-plugin-item"},{children:[o("span",{children:"Quote"}),o(r,{width:20,height:20,type:a.QUOTE})]})),handle:function(e){U.current.closeMore(),F(e)},message:x,isShow:A.quote.isShow&&(null==x?void 0:x.status)===h.SUCCESS,relateMessageType:A.quote.relateMessageType}),B=m({children:s("div",e({className:"message-plugin-item"},{children:[o("span",{children:"Copy"}),o(r,{width:20,height:20,type:a.COPY})]})),handle:function(e){U.current.closeMore(),L(e)},message:x,isShow:A.copy.isShow&&(null==x?void 0:x.status)===h.SUCCESS,relateMessageType:A.copy.relateMessageType}),G=m({children:s("div",e({className:"message-plugin-item"},{children:[o("span",{children:"Resend"}),o(r,{width:20,height:20,type:a.REPLY})]})),handle:function(e){U.current.closeMore(),W(e)},message:x,isShow:A.resend.isShow&&(null==x?void 0:x.status)!==h.SUCCESS,relateMessageType:A.resend.relateMessageType}),H=[Q,_,m({children:s("div",e({className:"message-plugin-item"},{children:[o("span",{children:"Forward"}),o(r,{width:20,height:20,type:a.FORWARD})]})),handle:function(e){U.current.closeMore(),Y(e)},message:x,isShow:A.forward.isShow&&(null==x?void 0:x.status)===h.SUCCESS,relateMessageType:A.forward.relateMessageType}),V,G,B],X=(C||(null==b?void 0:b.plugins)||H).filter((function(e){return e})),z=E||(null==b?void 0:b.MoreIcon)||o(r,{className:"icon-more",width:16,height:16,type:a.MORE}),J=T||(null==b?void 0:b.showNumber)||0;return(null==x?void 0:x.status)!==h.UNSEND&&o(t,{className:"message-plugin",customClass:k,ref:U,plugins:X,showNumber:J,MoreIcon:z,root:null==q?void 0:q.current,handleVisible:function(e){R("".concat(!e.top&&"message-plugin-top"," ").concat(!e.left&&"message-plugin-left"))}})}!function(e){e.quote="quote",e.forward="forward",e.copy="copy",e.delete="delete",e.resend="resend",e.revoke="revoke"}(p||(p={}));export{v as MessagePlugins};

package/dist/esm/components/TUIMessage/MessageProgress.js

@@ -0,0 +1 @@
+import{__assign as o}from"tslib";import{jsx as s,jsxs as t}from"react/jsx-runtime";import e,{useState as r,useEffect as n}from"react";import i from"../../node_modules/tim-js-sdk/tim-js.js";import{MESSAGE_STATUS as l}from"../../constants.js";import{useTUIChatStateContext as m}from"../../context/TUIChatStateContext.js";import{useTUIMessageContext as a}from"../../context/TUIMessageContext.js";function d(e){var d=e.message,u=e.children,p=e.Progress,g=e.isShow,c=void 0!==g&&g,v=r(),f=v[0],S=v[1],h=r(0),x=h[0],P=h[1],M=m("MessageProgressWithContext").uploadPenddingMessageList,j=a("MessageProgressWithContext"),E=j.isShowProgress,I=void 0!==E&&E,C=j.Progress,T=p||C,y=c||I;return n((function(){M&&M.length>0&&M.map((function(o){return(null==o?void 0:o.ID)===(null==d?void 0:d.ID)&&(S(o),P(null==o?void 0:o.progress)),o}))}),[M]),y?T?s(T,{message:f}):!((null==d?void 0:d.type)!==i.TYPES.MSG_IMAGE&&(null==d?void 0:d.type)!==i.TYPES.MSG_VIDEO&&(null==d?void 0:d.type)!==i.TYPES.MSG_FILE||(null==d?void 0:d.status)!==l.UNSEND)&&t("div",o({className:"progress-box"},{children:[s("span",{className:"progress",style:{width:"".concat(100*x,"%")}}),u]})):null}var u=e.memo(d);function p(t){return s(u,o({},t))}export{p as MessageProgress};

package/dist/esm/components/TUIMessage/MessageRevoke.js

@@ -1 +1 @@
-import{__assign as e}from"tslib";import{jsx as o,jsxs as n}from"react/jsx-runtime";import r,{useCallback as t}from"react";import i from"tim-js-sdk";import{MESSAGE_OPERATE as l,MESSAGE_FLOW as s}from"../../constants.js";import{useTUIChatActionContext as a}from"../../context/TUIChatActionContext.js";function m(r){var m=r.message,c=a().operateMessage,d=t((function(){var e;c(((e={})[l.REVOKE]=m,e))}),[c]);return n("div",e({className:"bubble message-system message-revoke"},{children:[(null==m?void 0:m.flow)===s.IN&&o("span",{children:(null==m?void 0:m.nick)||(null==m?void 0:m.from)}),(null==m?void 0:m.flow)!==s.IN&&o("span",{children:"you "}),o("span",{children:"recalled a message"}),(null==m?void 0:m.flow)===s.OUT&&(null==m?void 0:m.type)===i.TYPES.MSG_TEXT&&o("span",e({className:"edit",role:"button",tabIndex:0,onClick:d},{children:" Re-edit"}))]}))}var c=r.memo(m);function d(n){return o(c,e({},n))}export{d as MessageRevoke};
+import{__assign as e}from"tslib";import{jsx as o,jsxs as t}from"react/jsx-runtime";import n,{useCallback as r}from"react";import s from"../../node_modules/tim-js-sdk/tim-js.js";import{MESSAGE_OPERATE as i,MESSAGE_FLOW as l}from"../../constants.js";import{useTUIChatActionContext as m}from"../../context/TUIChatActionContext.js";import"../../context/TUIMessageContext.js";function a(n){var a=n.message,c=m().operateMessage,d=r((function(){var e;c(((e={})[i.REVOKE]=a,e))}),[c]);return t("div",e({className:"bubble message-system message-revoke"},{children:[(null==a?void 0:a.flow)===l.IN&&o("span",{children:(null==a?void 0:a.nick)||(null==a?void 0:a.from)}),(null==a?void 0:a.flow)!==l.IN&&o("span",{children:"you "}),o("span",{children:" recalled a message"}),(null==a?void 0:a.flow)===l.OUT&&(null==a?void 0:a.type)===s.TYPES.MSG_TEXT&&o("span",e({className:"edit",role:"button",tabIndex:0,onClick:d},{children:" Re-edit"}))]}))}var c=n.memo(a);function d(t){return o(c,e({},t))}export{d as MessageRevoke};

package/dist/esm/components/TUIMessage/MessageStatus.js

@@ -1 +1 @@
-import{__assign as r}from"tslib";import{jsx as e}from"react/jsx-runtime";import t from"react";import{getTimeStamp as m}from"../untils.js";function i(t){var i=t.message,s=e("div",r({className:"time"},{children:(null==i?void 0:i.time)?m(1e3*i.time):0}));return e("div",r({className:"message-status"},{children:s}))}var s=t.memo(i);function o(t){return e(s,r({},t))}export{o as MessageStatus};
+import{__assign as t}from"tslib";import{jsx as e}from"react/jsx-runtime";import i from"react";import{useTUIMessageContext as r}from"../../context/TUIMessageContext.js";import{getTimeStamp as m}from"../untils.js";function s(i){var s=i.message,o=r("MessageStatustWithContext").isShowTime,a=(void 0===o||o)&&e("div",t({className:"time"},{children:(null==s?void 0:s.time)?m(1e3*s.time):0}));return e("div",t({className:"message-status"},{children:a}))}var o=i.memo(s);function a(i){return e(o,t({},i))}export{a as MessageStatus};

package/dist/esm/components/TUIMessage/MessageSystem.js

@@ -1 +1 @@
-import{__assign as e}from"tslib";import{jsx as r}from"react/jsx-runtime";import t from"react";import"../../constants.js";import{useMessageContextHandler as s}from"./hooks/useMessageContextHandler.js";function o(t){var o=t.message,m=s({message:o}).context;return r("div",e({className:"bubble message-system"},{children:r("div",{children:m})}))}var m=t.memo(o);function n(t){return r(m,e({},t))}export{n as MessageSystem};
+import{__assign as e}from"tslib";import{jsx as t}from"react/jsx-runtime";import r from"react";import"../../constants.js";import"../../context/TUIMessageContext.js";import{useMessageContextHandler as s}from"./hooks/useMessageContextHandler.js";function o(r){var o=r.message,m=s({message:o}).context;return t("div",e({className:"bubble message-system"},{children:t("div",{children:m})}))}var m=r.memo(o);function n(r){return t(m,e({},r))}export{n as MessageSystem};

package/dist/esm/components/TUIMessage/MessageText.js

@@ -1 +1 @@
-import{__assign as t}from"tslib";import{jsx as e,jsxs as r}from"react/jsx-runtime";import m from"react";function a(m){var a=m.context,c=m.message,n=m.children;return e("div",t({className:"bubble message-text bubble-".concat(c.flow)},{children:r("div",t({className:"message-text-content"},{children:[a.text.map((function(t,r){var m=c.ID+r;return"text"===t.name?t.text:e("img",{className:"text-img",src:t.src,alt:""},t.src+m)})),n]}))}))}var c=m.memo(a);function n(r){return e(c,t({},r))}export{n as MessageText};
+import{__assign as e}from"tslib";import{jsx as t,jsxs as r}from"react/jsx-runtime";import s from"react";import m from"../../node_modules/tim-js-sdk/tim-js.js";function n(s){var n=s.context,c=s.message,o=s.children;return t("div",e({className:"bubble message-text bubble-".concat(c.flow," ").concat((null==c?void 0:c.conversationType)===m.TYPES.CONV_GROUP?"group":"")},{children:r("div",e({className:"message-text-content"},{children:[n.text.map((function(r,s){var m=c.ID+s;return"text"===r.name?t("p",e({className:"message-text-content-p"},{children:r.text}),r.src+m):t("img",{className:"text-img",src:r.src,alt:""},r.src+m)})),o]}))}))}var c=s.memo(n);function o(r){return t(c,e({},r))}export{o as MessageText};

package/dist/esm/components/TUIMessage/MessageTip.js

@@ -1 +1 @@
-import{__assign as e}from"tslib";import{jsx as t}from"react/jsx-runtime";import r from"react";import"../../constants.js";import{useMessageContextHandler as o}from"./hooks/useMessageContextHandler.js";function s(r){var s=r.message,m=o({message:s}).context;return t("div",e({className:"bubble message-tip"},{children:m.text}))}var m=r.memo(s);function n(r){return t(m,e({},r))}export{n as MessageTip};
+import{__assign as t}from"tslib";import{jsx as e}from"react/jsx-runtime";import r from"react";import"../../constants.js";import"../../context/TUIMessageContext.js";import{useMessageContextHandler as o}from"./hooks/useMessageContextHandler.js";function s(r){var s=r.message,m=o({message:s}).context;return e("div",t({className:"bubble message-tip"},{children:m.text}))}var m=r.memo(s);function n(r){return e(m,t({},r))}export{n as MessageTip};

package/dist/esm/components/TUIMessage/TUIMessage.d.ts

@@ -1,9 +1,28 @@
 import React, { ReactEventHandler } from 'react';
 import { Message } from 'tim-js-sdk';
 import { UnknowPorps } from '../../context/ComponentContext.js';
+import { messageShowType } from '../../context/TUIMessageContext.js';
+import { MessagePluginsProps } from './MessagePlugins.js';
 
-interface TUIMessageProps {
-    message: Message;
+interface TUIMessageBasicProps {
+    className?: string;
+    filter?: (data: Message) => void;
+    isShowTime?: boolean;
+    isShowRead?: boolean;
+    plugin?: MessagePluginsProps;
+    prefix?: React.ReactElement | string;
+    suffix?: React.ReactElement | string;
+    customName?: React.ReactElement;
+    showAvatar?: messageShowType;
+    showName?: messageShowType;
+    customAvatar?: React.ReactElement;
+    isShowProgress?: boolean;
+    Progress?: React.ComponentType<{
+        message: Message;
+    }>;
+}
+interface TUIMessageProps extends TUIMessageBasicProps {
+    message?: Message;
     className?: string;
     TUIMessage?: React.ComponentType;
     MessageContext?: React.ComponentType<UnknowPorps>;
@@ -37,5 +56,6 @@ interface TUIMessageProps {
         message: Message;
     }>;
 }
+declare function TUIMessage(props: TUIMessageProps): React.ReactElement;
 
-export { TUIMessageProps };
+export { TUIMessage, TUIMessageProps };

package/dist/esm/components/TUIMessage/TUIMessage.js

@@ -1 +1 @@
-import{__assign as e}from"tslib";import{jsx as t}from"react/jsx-runtime";import s from"react";import{TUIMessageContextProvider as m}from"../../context/TUIMessageContext.js";import{useComponentContext as n}from"../../context/ComponentContext.js";import{useMessageHandler as o}from"./hooks/useMessageHandler.js";import"tim-js-sdk";import"../../constants.js";import"date-fns";import"../Icon/config.js";import"../Icon/type.js";import{TUIMessageDefault as r}from"./TUIMessageDefault.js";import{MessagePlugins as a}from"./MessagePlugins.js";import{MessageContext as l}from"./MessageContext.js";function i(s){var o=s.message,i=s.TUIMessage,g=s.MessagePlugins,E=s.MessageContext,p=s.handleDelete,u=s.CustemElement,c=s.TextElement,M=s.ImageElement,f=s.VideoElement,d=s.AudioElement,x=s.FileElement,j=s.MergerElement,C=s.LocationElement,I=s.FaceElement,h=n(),D=h.MessagePlugins,T=h.MessageContext;return t(m,e({value:{message:o,handleDelete:p,CustemElement:u,TextElement:c,ImageElement:M,VideoElement:f,AudioElement:d,FileElement:x,MergerElement:j,LocationElement:C,FaceElement:I}},{children:t(i||r,{message:o,MessageContext:E||T||l,MessagePlugins:g||D||a})}))}var g=s.memo(i);function E(s){var m=s.message,n=o({message:m}).handleDelMessage;return t(g,e({handleDelete:n},s))}export{E as TUIMessage};
+import{__assign as e}from"tslib";import{jsx as o}from"react/jsx-runtime";import s from"react";import{useTUIChatStateContext as t}from"../../context/TUIChatStateContext.js";import{TUIMessageContextProvider as l}from"../../context/TUIMessageContext.js";import{useComponentContext as n}from"../../context/ComponentContext.js";import{useMessageHandler as m}from"./hooks/useMessageHandler.js";import"../../node_modules/tim-js-sdk/tim-js.js";import"../../constants.js";import"date-fns";import"../Icon/config.js";import"../Icon/type.js";import{TUIMessageDefault as i}from"./TUIMessageDefault.js";import{MessagePlugins as a}from"./MessagePlugins.js";import{MessageContext as r}from"./MessageContext.js";function u(s){var m=s.message,u=s.TUIMessage,d=s.MessagePlugins,g=s.MessageContext,v=s.handleDelete,c=s.CustemElement,f=s.TextElement,E=s.ImageElement,p=s.VideoElement,h=s.AudioElement,x=s.FileElement,M=s.MergerElement,w=s.LocationElement,j=s.FaceElement,C=s.className,T=s.filter,I=s.isShowTime,P=s.isShowRead,S=s.plugin,A=s.prefix,N=s.suffix,D=s.customName,F=s.showAvatar,U=s.showName,L=s.customAvatar,R=s.isShowProgress,V=s.Progress,k=n(),b=k.MessagePlugins,y=k.MessageContext,H=t("TUIMessage").messageConfig,_=u||i,q=d||b||a,z=g||y||r,B=T||(null==H?void 0:H.filter),G=m||(null==H?void 0:H.message);B&&B(G);var J={message:G,handleDelete:v||(null==H?void 0:H.handleDelete),CustemElement:c||(null==H?void 0:H.CustemElement),TextElement:f||(null==H?void 0:H.TextElement),ImageElement:E||(null==H?void 0:H.ImageElement),VideoElement:p||(null==H?void 0:H.VideoElement),AudioElement:h||(null==H?void 0:H.AudioElement),FileElement:x||(null==H?void 0:H.FileElement),MergerElement:M||(null==H?void 0:H.MergerElement),LocationElement:w||(null==H?void 0:H.LocationElement),FaceElement:j||(null==H?void 0:H.FaceElement),isShowTime:I||(null==H?void 0:H.isShowTime),isShowRead:P||(null==H?void 0:H.isShowRead),plugin:S||(null==H?void 0:H.plugin),prefix:A||(null==H?void 0:H.prefix),suffix:N||(null==H?void 0:H.suffix),customName:D||(null==H?void 0:H.customName),showAvatar:F||(null==H?void 0:H.showAvatar),showName:U||(null==H?void 0:H.showName),customAvatar:L||(null==H?void 0:H.customAvatar),isShowProgress:R||(null==H?void 0:H.isShowProgress),Progress:V||(null==H?void 0:H.Progress)};return o(l,e({value:J},{children:o(_,{message:G,MessageContext:z,MessagePlugins:q,className:C||(null==H?void 0:H.className)})}))}var d=s.memo(u);function g(s){var t=s.message,l=m({message:t}).handleDelMessage;return o(d,e({handleDelete:l},s))}export{g as TUIMessage};

package/dist/esm/components/TUIMessage/TUIMessageDefault.js

@@ -1 +1 @@
-import{__assign as e}from"tslib";import{jsx as o,jsxs as s}from"react/jsx-runtime";import l from"react";import i from"tim-js-sdk";import{MessageBubble as t}from"./MessageBubble.js";import{MessageTip as n}from"./MessageTip.js";import{Avatar as m}from"../Avatar/Avatar.js";import{useComponentContext as a}from"../../context/ComponentContext.js";import{handleDisplayAvatar as r}from"../untils.js";import{MessageSystem as d}from"./MessageSystem.js";import{MessageRevoke as v}from"./MessageRevoke.js";import{MESSAGE_FLOW as u}from"../../constants.js";function c(l){var c=l.message,p=l.MessageContext,g=l.MessagePlugins,f=a(),P=f.MessageContext,S=f.MessagePlugins,M=p||P,T=g||S;return s("div",e({className:"message-default ".concat((null==c?void 0:c.type)===i.TYPES.MSG_GRP_TIP||(null==c?void 0:c.isRevoked)?"tip":null==c?void 0:c.flow)},{children:[(null==c?void 0:c.type)===i.TYPES.MSG_GRP_TIP&&o(n,{message:c}),(null==c?void 0:c.type)===i.TYPES.MSG_GRP_SYS_NOTICE&&o(d,{message:c}),(null==c?void 0:c.isRevoked)&&o(v,{message:c}),(null==c?void 0:c.type)!==i.TYPES.MSG_GRP_TIP&&(null==c?void 0:c.type)!==i.TYPES.MSG_GRP_SYS_NOTICE&&!(null==c?void 0:c.isRevoked)&&s("div",e({className:"".concat(null==c?void 0:c.flow),"data-message-id":null==c?void 0:c.ID},{children:[(null==c?void 0:c.flow)===u.IN&&o(m,{size:32,image:r(null==c?void 0:c.avatar)}),s("main",e({className:"content"},{children:[(null==c?void 0:c.conversationType)===i.TYPES.CONV_GROUP&&(null==c?void 0:c.flow)===u.IN&&o("label",e({htmlFor:"content",className:"name"},{children:(null==c?void 0:c.nick)||(null==c?void 0:c.from)})),o(t,e({message:c,Context:M,Plugins:T},{children:o(M,{message:c})}))]}))]}),null==c?void 0:c.ID)]}))}var p=l.memo(c);function g(s){return s.message,o(p,e({},s))}export{g as TUIMessageDefault};
+import{__assign as e}from"tslib";import{jsx as s,jsxs as o}from"react/jsx-runtime";import t from"react";import m from"../../node_modules/tim-js-sdk/tim-js.js";import{MessageBubble as a}from"./MessageBubble.js";import{MessageTip as i}from"./MessageTip.js";import{useTUIMessageContext as n,messageShowType as r}from"../../context/TUIMessageContext.js";import{useComponentContext as l}from"../../context/ComponentContext.js";import{MessageSystem as d}from"./MessageSystem.js";import{MessageRevoke as u}from"./MessageRevoke.js";import{MessageName as g}from"./MessageName.js";import{MessageAvatar as v}from"./MessageAvatar.js";function p(t){var p=t.message,c=t.MessageContext,f=t.MessagePlugins,M=t.className,P=l(),S=P.MessageContext,T=P.MessagePlugins,_=n("TUIMessage"),j=_.prefix,N=_.suffix,x=_.customName,I=_.showAvatar,C=void 0===I?r.IN:I,G=_.showName,R=void 0===G?r.IN:G,h=_.customAvatar,y=c||S,E=f||T;return o("div",e({className:"message-default\n      ".concat((null==p?void 0:p.type)===m.TYPES.MSG_GRP_TIP||(null==p?void 0:p.isRevoked)?"tip":null==p?void 0:p.flow,"\n      ").concat(M,"\n      ")},{children:[(null==p?void 0:p.type)===m.TYPES.MSG_GRP_TIP&&s(i,{message:p}),(null==p?void 0:p.type)===m.TYPES.MSG_GRP_SYS_NOTICE&&s(d,{message:p}),(null==p?void 0:p.isRevoked)&&s(u,{message:p}),(null==p?void 0:p.type)!==m.TYPES.MSG_GRP_TIP&&(null==p?void 0:p.type)!==m.TYPES.MSG_GRP_SYS_NOTICE&&!(null==p?void 0:p.isRevoked)&&o("div",e({className:"".concat(null==p?void 0:p.flow),"data-message-id":null==p?void 0:p.ID},{children:[j,s(v,{message:p,CustomAvatar:h,showType:C}),o("main",e({className:"content"},{children:[s(g,{message:p,CustomName:x,showType:R}),s(a,e({message:p,Context:y,Plugins:E},{children:s(y,{message:p})}))]})),N]}),null==p?void 0:p.ID)]}))}var c=t.memo(p);function f(o){return o.message,s(c,e({},o))}export{f as TUIMessageDefault};