@tencentcloud/chat-uikit-react 0.0.3 → 1.0.1

package/dist/cjs/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/cjs/components/TUIChat/hooks/useCreateMessage.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=a(require("tim-js-sdk"));exports.useCreateMessage=function(a){var t=a.tim,n=a.conversation,i=a.to,o=void 0===i?"":i,u=a.type,c=n.type,l=n.userProfile,g=n.groupProfile,_=u||c,f={to:o||(_===r.default.TYPES.CONV_C2C?null==l?void 0:l.userID:null==g?void 0:g.groupID),conversationType:_};return{createTextMessage:s.useCallback((function(s){return t.createTextMessage(e.__assign(e.__assign({},f),s))}),[t]),createFaceMessage:s.useCallback((function(s){return t.createFaceMessage(e.__assign(e.__assign({},f),s))}),[t]),createImageMessage:s.useCallback((function(s){return t.createImageMessage(e.__assign(e.__assign({},f),s))}),[t]),createVideoMessage:s.useCallback((function(s){return t.createVideoMessage(e.__assign(e.__assign({},f),s))}),[t]),createFileMessage:s.useCallback((function(s){return t.createFileMessage(e.__assign(e.__assign({},f),s))}),[t]),createForwardMessage:s.useCallback((function(s){var a=s.conversation,n=s.message,i=e.__rest(s,["conversation","message"]),o=a.type,u=a.userProfile,c=a.groupProfile,l=o===r.default.TYPES.CONV_C2C?null==u?void 0:u.userID:null==c?void 0:c.groupID;return t.createForwardMessage(e.__assign({to:l,conversationType:o,payload:n},i))}),[t])}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react"),a=require("../../../node_modules/tim-js-sdk/tim-js.js");exports.useCreateMessage=function(t){var r=t.tim,n=t.conversation,u=t.to,i=void 0===u?"":u,o=t.type,c=t.cloudCustomData,g=n.type,_=n.userProfile,l=n.groupProfile,M=o||g,C=s.useState({to:i||(M===a.TYPES.CONV_C2C?null==_?void 0:_.userID:null==l?void 0:l.groupID),conversationType:M,cloudCustomData:c}),d=C[0],f=C[1];return s.useEffect((function(){d.cloudCustomData=c,f(d)}),[c]),{createTextMessage:s.useCallback((function(s){return r.createTextMessage(e.__assign(e.__assign({},d),s))}),[r]),createFaceMessage:s.useCallback((function(s){return r.createFaceMessage(e.__assign(e.__assign({},d),s))}),[r]),createImageMessage:s.useCallback((function(s){return r.createImageMessage(e.__assign(e.__assign({},d),s))}),[r]),createVideoMessage:s.useCallback((function(s){return r.createVideoMessage(e.__assign(e.__assign({},d),s))}),[r]),createFileMessage:s.useCallback((function(s){return r.createFileMessage(e.__assign(e.__assign({},d),s))}),[r]),createForwardMessage:s.useCallback((function(s){var t=s.conversation,n=s.message,u=e.__rest(s,["conversation","message"]),i=t.type,o=t.userProfile,c=t.groupProfile,g=i===a.TYPES.CONV_C2C?null==o?void 0:o.userID:null==c?void 0:c.groupID;return r.createForwardMessage(e.__assign({to:g,conversationType:i,payload:n},u))}),[r]),createCustomMessage:s.useCallback((function(s){return r.createCustomMessage(e.__assign(e.__assign({},d),s))}),[r]),createAudioMessage:s.useCallback((function(s){return r.createAudioMessage(e.__assign(e.__assign({},d),s))}),[r]),createTextAtMessage:s.useCallback((function(s){return r.createTextAtMessage(e.__assign(e.__assign({},d),s))}),[r]),createLocationMessage:s.useCallback((function(s){return r.createLocationMessage(e.__assign(e.__assign({},d),s))}),[r]),createMergerMessage:s.useCallback((function(s){return r.createMergerMessage(e.__assign(e.__assign({},d),s))}),[r])}};

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../constants.js");exports.useHandleMessage=function(s){s.state;var r=s.dispatch;return{operateMessage:e.useCallback((function(e){r({type:t.CONSTANT_DISPATCH_TYPE.OPERATE_MESSAGE,value:e})}),[r])}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../constants.js");exports.useHandleMessage=function(a){a.state;var s=a.dispatch;return{operateMessage:e.useCallback((function(e){s({type:t.CONSTANT_DISPATCH_TYPE.OPERATE_MESSAGE,value:e})}),[s]),setAudioSource:e.useCallback((function(e){s({type:t.CONSTANT_DISPATCH_TYPE.SET_AUDIO_SOURCE,value:e})}),[s]),setVideoSource:e.useCallback((function(e){s({type:t.CONSTANT_DISPATCH_TYPE.SET_VIDEO_SOURCE,value:e})}),[s]),setHighlightedMessageId:e.useCallback((function(e){s({type:t.CONSTANT_DISPATCH_TYPE.SET_HIGH_LIGHTED_MESSAGE_ID,value:e})}),[s])}};

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("tim-js-sdk"),r=require("../../../context/TUIKitContext.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("tslib"),require("react/jsx-runtime");var i=u(t);exports.useMessageReceviedListener=function(t,u){var n=this,s=r.useTUIKitContext("useMessageReceviedListener").tim;e.useLayoutEffect((function(){var e=function(e){u&&"function"==typeof u?u(t,e):t(e.data)};return s.on(i.default.EVENT.MESSAGE_RECEIVED,e,n),function(){s.off(i.default.EVENT.MESSAGE_RECEIVED,e,n)}}),[s])};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../node_modules/tim-js-sdk/tim-js.js"),r=require("../../../context/TUIKitContext.js");require("tslib"),require("react/jsx-runtime"),require("../../../context/TUIMessageContext.js"),exports.useMessageReceviedListener=function(s,i){var n=this,u=r.useTUIKitContext("useMessageReceviedListener").tim;e.useEffect((function(){var e=function(e){i&&"function"==typeof i?i(s,e):s(e.data)};return u.on(t.EVENT.MESSAGE_RECEIVED,e,n),function(){u.off(t.EVENT.MESSAGE_RECEIVED,e,n)}}),[u])};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("tim-js-sdk"),t=require("../../constants.js"),n=require("../untils.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=i(s);exports.handleEditMessage=function(s,t){var n=e.__spreadArray([],s,!0),i=n.findIndex((function(e){return(null==e?void 0:e.ID)===(null==t?void 0:t.ID)}));return n[i]=t,n},exports.handleMessage=function(e){var s=null;return e.filter((function(e){var i;return e.type===a.default.TYPES.MSG_CUSTOM&&(s=n.JSONStringToParse(null===(i=null==e?void 0:e.payload)||void 0===i?void 0:i.data)),!s||(null==s?void 0:s.businessID)!==t.default.TYPE_TYPING}))},exports.handleMessageList=function(e,s){var t,n={messageList:[],lastMessageID:"",isSameLastMessageID:!1};return n.messageList=e,n.messageList.length>=1&&(n.lastMessageID=null===(t=null==n?void 0:n.messageList[n.messageList.length-1])||void 0===t?void 0:t.ID),n.messageList=n.messageList.filter((function(e){return!(null==e?void 0:e.isDeleted)})),n.isSameLastMessageID=(null==n?void 0:n.lastMessageID)===(null==s?void 0:s.lastMessageID),n},exports.handleRemoveMessage=function(s,t){var n=e.__spreadArray([],s,!0),i=n.findIndex((function(e){return(null==e?void 0:e.ID)===(null==t?void 0:t.ID)}));return n.splice(i,1),n};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("../../node_modules/tim-js-sdk/tim-js.js"),n=require("../../constants.js"),t=require("../untils.js");exports.handleEditMessage=function(s,n){var t=e.__spreadArray([],s,!0),r=t.findIndex((function(e){return(null==e?void 0:e.ID)===(null==n?void 0:n.ID)}));return t[r]=n,t},exports.handleMessage=function(e){var r=null;return e.filter((function(e){var i;return e.type===s.TYPES.MSG_CUSTOM&&(r=t.JSONStringToParse(null===(i=null==e?void 0:e.payload)||void 0===i?void 0:i.data)),!r||(null==r?void 0:r.businessID)!==n.default.TYPE_TYPING}))},exports.handleMessageList=function(e,s){var n,t={messageList:[],lastMessageID:"",isSameLastMessageID:!1};return t.messageList=e,t.messageList.length>=1&&(t.lastMessageID=null===(n=null==t?void 0:t.messageList[t.messageList.length-1])||void 0===n?void 0:n.ID),t.messageList=t.messageList.filter((function(e){return!(null==e?void 0:e.isDeleted)})),t.isSameLastMessageID=(null==t?void 0:t.lastMessageID)===(null==s?void 0:s.lastMessageID),t},exports.handleRemoveMessage=function(s,n){var t=e.__spreadArray([],s,!0),r=t.findIndex((function(e){return(null==e?void 0:e.ID)===(null==n?void 0:n.ID)}));return t.splice(r,1),t},exports.handleUploadPenddingMessage=function(s,n){var t=e.__spreadArray([],s,!0);t.some((function(e){return e.ID===n.ID}))||t.push(n);var r=t.findIndex((function(e){return(null==e?void 0:e.ID)===(null==n?void 0:n.ID)}));return t[r]=n,t};

package/dist/cjs/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/cjs/components/TUIChatHeader/TUIChatHeader.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../context/TUIChatStateContext.js"),a=require("./TUIChatHeaderDefault.js");require("tslib");var n=require("../../context/ComponentContext.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(t){var o=t.title,u=t.conversation,i=t.TUIChatHeader,s=r.useTUIChatStateContext("TUIChatHeader").conversation,C=n.useComponentContext().TUIChatHeader,c=i||C||a.TUIChatHeaderDefault,d=u||s;return e.jsx(c,{title:o,conversation:d})}var i=o(t).default.memo(u);exports.TUIChatHeader=i;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../context/TUIChatStateContext.js"),a=require("./TUIChatHeaderDefault.js");require("tslib"),require("../../context/TUIMessageContext.js");var o=require("../../context/ComponentContext.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(t){var n=t.title,u=t.conversation,i=t.TUIChatHeader,s=t.avatar,c=t.headerOpateIcon,C=r.useTUIChatStateContext("TUIChatHeader").conversation,d=o.useComponentContext().TUIChatHeader,x=i||d||a.TUIChatHeaderDefault,I=u||C;return e.jsx(x,{title:n,conversation:I,avatar:s,opateIcon:c})}var i=n(t).default.memo(u);exports.TUIChatHeader=i;

package/dist/cjs/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/cjs/components/TUIChatHeader/TUIChatHeaderDefault.js

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

package/dist/cjs/components/TUIConversation/TUIConversation.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),t=require("react"),o=require("../../context/TUIConversationContext.js"),i=require("../TUIConversationList/TUIConversationList.js");require("tim-js-sdk");var n=require("../TUIProfile/TUIProfile.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function a(s){var a=s.children,u=s.createConversation,l=s.deleteConversation,v=t.useMemo((function(){return{createConversation:u,deleteConversation:l}}),[u,l]);return r.jsx(o.TUIConversationProvider,e.__assign({value:v},{children:a||r.jsxs(r.Fragment,{children:[r.jsx(i.TUIConversationList,{}),r.jsx(n.TUIProfile,{})]})}))}require("../TUIProfile/TUIProfileDefault.js");var u=s(t).default.memo(a);exports.TUIConversation=u,exports.UnMemoizedTUIConversation=a;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),t=require("react"),o=require("../../context/TUIConversationContext.js"),i=require("../TUIConversationList/TUIConversationList.js");require("../../node_modules/tim-js-sdk/tim-js.js");var n=require("../TUIProfile/TUIProfile.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function a(s){var a=s.children,u=s.createConversation,l=s.deleteConversation,v=t.useMemo((function(){return{createConversation:u,deleteConversation:l}}),[u,l]);return r.jsx(o.TUIConversationProvider,e.__assign({value:v},{children:a||r.jsxs(r.Fragment,{children:[r.jsx(i.TUIConversationList,{}),r.jsx(n.TUIProfile,{})]})}))}require("../TUIProfile/TUIProfileDefault.js");var u=s(t).default.memo(a);exports.TUIConversation=u,exports.UnMemoizedTUIConversation=a;

package/dist/cjs/components/TUIConversationList/TUIConversationList.js

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

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("tim-js-sdk"),r=require("../../../context/TUIKitContext.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("tslib"),require("react/jsx-runtime");var u=n(t);exports.useConversationUpdate=function(t,n,i){var o=r.useTUIKitContext("useConversationUpdate").tim;e.useEffect((function(){var e=function(e){t&&t(e.data.filter((function(e){return e.type!==u.default.TYPES.CONV_SYSTEM}))),i&&i(),n&&"function"==typeof n&&n(t,e)};return null==o||o.on(u.default.EVENT.CONVERSATION_LIST_UPDATED,e),function(){null==o||o.off(u.default.EVENT.CONVERSATION_LIST_UPDATED,e)}}),[o,n])};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../node_modules/tim-js-sdk/tim-js.js"),r=require("../../../context/TUIKitContext.js");require("tslib"),require("react/jsx-runtime"),require("../../../context/TUIMessageContext.js");exports.useConversationUpdate=function(n,u,i){var o=r.useTUIKitContext("useConversationUpdate").tim;e.useEffect((function(){var e=function(e){n&&n(e.data.filter((function(e){return e.type!==t.TYPES.CONV_SYSTEM}))),i&&i(),u&&"function"==typeof u&&u(n,e)};return null==o||o.on(t.EVENT.CONVERSATION_LIST_UPDATED,e),function(){null==o||o.off(t.EVENT.CONVERSATION_LIST_UPDATED,e)}}),[o,u])};

package/dist/cjs/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/cjs/components/TUIKit/TUIKit.js

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

package/dist/cjs/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/cjs/components/TUIKit/hooks/useTUIKit.js

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

package/dist/cjs/components/TUIManage/TUIManage.js

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

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

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

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

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

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

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

package/dist/cjs/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/cjs/components/TUIMessage/MessageContext.js

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react/jsx-runtime");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function t(r){var t=r.context,a=r.message,i=r.children;return s.jsxs("div",e.__assign({className:"bubble message-merger bubble-".concat(a.flow)},{children:[s.jsx("h3",{children:t.title}),s.jsx("ul",e.__assign({className:"message-merger-list"},{children:(null==t?void 0:t.abstractList.length)>0&&t.abstractList.map((function(r,t){var a=r+t;return s.jsx("li",e.__assign({className:"message-merger-item"},{children:r}),a)}))})),i]}))}var a=r(require("react")).default.memo(t);exports.MessageMerger=function(r){return s.jsx(a,e.__assign({},r))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react/jsx-runtime"),r=require("react"),t=require("../../node_modules/tim-js-sdk/tim-js.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function a(r){var i=r.context,a=r.message,n=r.children;return s.jsxs("div",e.__assign({className:"bubble message-merger bubble-".concat(a.flow," ").concat((null==a?void 0:a.conversationType)===t.TYPES.CONV_GROUP?"group":"")},{children:[s.jsx("h3",{children:i.title}),s.jsx("ul",e.__assign({className:"message-merger-list"},{children:(null==i?void 0:i.abstractList.length)>0&&i.abstractList.map((function(r,t){var i=r+t;return s.jsx("li",e.__assign({className:"message-merger-item"},{children:r}),i)}))})),n]}))}var n=i(r).default.memo(a);exports.MessageMerger=function(r){return s.jsx(n,e.__assign({},r))};

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

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

package/dist/cjs/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/cjs/components/TUIMessage/MessagePlugins.js

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

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

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

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react/jsx-runtime"),t=require("react"),r=require("../untils.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function a(t){var i=t.message,a=s.jsx("div",e.__assign({className:"time"},{children:(null==i?void 0:i.time)?r.getTimeStamp(1e3*i.time):0}));return s.jsx("div",e.__assign({className:"message-status"},{children:a}))}var u=i(t).default.memo(a);exports.MessageStatus=function(t){return s.jsx(u,e.__assign({},t))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),s=require("react"),i=require("../../context/TUIMessageContext.js"),r=require("../untils.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(s){var a=s.message,u=i.useTUIMessageContext("MessageStatustWithContext").isShowTime,n=(void 0===u||u)&&t.jsx("div",e.__assign({className:"time"},{children:(null==a?void 0:a.time)?r.getTimeStamp(1e3*a.time):0}));return t.jsx("div",e.__assign({className:"message-status"},{children:n}))}var n=a(s).default.memo(u);exports.MessageStatus=function(s){return t.jsx(n,e.__assign({},s))};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react/jsx-runtime"),r=require("react");require("../../constants.js");var t=require("./hooks/useMessageContextHandler.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function n(r){var a=r.message,n=t.useMessageContextHandler({message:a}).context;return s.jsx("div",e.__assign({className:"bubble message-system"},{children:s.jsx("div",{children:n})}))}var u=a(r).default.memo(n);exports.MessageSystem=function(r){return s.jsx(u,e.__assign({},r))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react/jsx-runtime"),t=require("react");require("../../constants.js"),require("../../context/TUIMessageContext.js");var r=require("./hooks/useMessageContextHandler.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function a(t){var n=t.message,a=r.useMessageContextHandler({message:n}).context;return s.jsx("div",e.__assign({className:"bubble message-system"},{children:s.jsx("div",{children:a})}))}var u=n(t).default.memo(a);exports.MessageSystem=function(t){return s.jsx(u,e.__assign({},t))};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function r(s){var r=s.context,a=s.message,n=s.children;return t.jsx("div",e.__assign({className:"bubble message-text bubble-".concat(a.flow)},{children:t.jsxs("div",e.__assign({className:"message-text-content"},{children:[r.text.map((function(e,s){var r=a.ID+s;return"text"===e.name?e.text:t.jsx("img",{className:"text-img",src:e.src,alt:""},e.src+r)})),n]}))}))}var a=s(require("react")).default.memo(r);exports.MessageText=function(s){return t.jsx(a,e.__assign({},s))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),s=require("react"),r=require("../../node_modules/tim-js-sdk/tim-js.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function a(s){var n=s.context,a=s.message,c=s.children;return t.jsx("div",e.__assign({className:"bubble message-text bubble-".concat(a.flow," ").concat((null==a?void 0:a.conversationType)===r.TYPES.CONV_GROUP?"group":"")},{children:t.jsxs("div",e.__assign({className:"message-text-content"},{children:[n.text.map((function(s,r){var n=a.ID+r;return"text"===s.name?t.jsx("p",e.__assign({className:"message-text-content-p"},{children:s.text}),s.src+n):t.jsx("img",{className:"text-img",src:s.src,alt:""},s.src+n)})),c]}))}))}var c=n(s).default.memo(a);exports.MessageText=function(s){return t.jsx(c,e.__assign({},s))};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react/jsx-runtime"),t=require("react");require("../../constants.js");var r=require("./hooks/useMessageContextHandler.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function n(t){var a=t.message,n=r.useMessageContextHandler({message:a}).context;return s.jsx("div",e.__assign({className:"bubble message-tip"},{children:n.text}))}var u=a(t).default.memo(n);exports.MessageTip=function(t){return s.jsx(u,e.__assign({},t))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react/jsx-runtime"),t=require("react");require("../../constants.js"),require("../../context/TUIMessageContext.js");var r=require("./hooks/useMessageContextHandler.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function n(t){var a=t.message,n=r.useMessageContextHandler({message:a}).context;return s.jsx("div",e.__assign({className:"bubble message-tip"},{children:n.text}))}var u=a(t).default.memo(n);exports.MessageTip=function(t){return s.jsx(u,e.__assign({},t))};

package/dist/cjs/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/cjs/components/TUIMessage/TUIMessage.js

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

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

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

package/dist/cjs/components/TUIMessage/hooks/useMessageContextHandler.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tim-js-sdk"),a=require("../utils/index.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=t(e);exports.useMessageContextHandler=function(e){var t,o=e.message;if(o)switch(null==o?void 0:o.type){case s.default.TYPES.MSG_TEXT:t=a.handleTextMessageShowContext(o);break;case s.default.TYPES.MSG_FACE:t=a.handleFaceMessageShowContext(o);break;case s.default.TYPES.MSG_IMAGE:t=a.handleImageMessageShowContext(o);break;case s.default.TYPES.MSG_AUDIO:t=a.handleAudioMessageShowContext(o);break;case s.default.TYPES.MSG_VIDEO:t=a.handleVideoMessageShowContext(o);break;case s.default.TYPES.MSG_FILE:t=a.handleFileMessageShowContext(o);break;case s.default.TYPES.MSG_CUSTOM:t=a.handleCustomMessageShowContext(o);break;case s.default.TYPES.MSG_MERGER:t=a.handleMergerMessageShowContext(o);break;case s.default.TYPES.MSG_LOCATION:t=a.handleLocationMessageShowContext(o);break;case s.default.TYPES.MSG_GRP_TIP:t=a.handleTipMessageShowContext(o);break;case s.default.TYPES.MSG_GRP_SYS_NOTICE:t=a.translateGroupSystemNotice(o)}return{context:t,message:o}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/tim-js-sdk/tim-js.js"),s=require("../utils/index.js");exports.useMessageContextHandler=function(a){var t,o=a.message;if(o)switch(null==o?void 0:o.type){case e.TYPES.MSG_TEXT:t=s.handleTextMessageShowContext(o);break;case e.TYPES.MSG_FACE:t=s.handleFaceMessageShowContext(o);break;case e.TYPES.MSG_IMAGE:t=s.handleImageMessageShowContext(o);break;case e.TYPES.MSG_AUDIO:t=s.handleAudioMessageShowContext(o);break;case e.TYPES.MSG_VIDEO:t=s.handleVideoMessageShowContext(o);break;case e.TYPES.MSG_FILE:t=s.handleFileMessageShowContext(o);break;case e.TYPES.MSG_CUSTOM:t=s.handleCustomMessageShowContext(o);break;case e.TYPES.MSG_MERGER:t=s.handleMergerMessageShowContext(o);break;case e.TYPES.MSG_LOCATION:t=s.handleLocationMessageShowContext(o);break;case e.TYPES.MSG_GRP_TIP:t=s.handleTipMessageShowContext(o);break;case e.TYPES.MSG_GRP_SYS_NOTICE:t=s.translateGroupSystemNotice(o)}return{context:t,message:o}};

package/dist/cjs/components/TUIMessage/hooks/useMessageHandler.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react"),t=require("../../../constants.js"),a=require("../../../context/TUIKitContext.js");require("react/jsx-runtime");var n=require("../../../context/TUIChatActionContext.js"),s=require("../../Toast/index.js");exports.useMessageHandler=function(o){var i=o.message,u=o.handleError,l=n.useTUIChatActionContext(),c=l.removeMessage,d=l.editLocalmessage,v=l.operateMessage,f=l.revokeMessage,g=a.useTUIKitContext("useDeleteHandler").tim,p=r.useCallback((function(r){return e.__awaiter(void 0,void 0,void 0,(function(){var t;return e.__generator(this,(function(e){switch(e.label){case 0:if(r.preventDefault(),!(null==i?void 0:i.ID)||!g||!c)return[2];e.label=1;case 1:return e.trys.push([1,3,,4]),[4,g.deleteMessage([i])];case 2:return e.sent(),c(i),[3,4];case 3:if(t=e.sent(),!u)throw s.Toast({text:"Error deleting message",type:"error"}),new Error(t);return u({functionName:"deleteMessage",error:t}),[3,4];case 4:return[2]}}))}))}),[i]),h=r.useCallback((function(r){return e.__awaiter(void 0,void 0,void 0,(function(){var a,n;return e.__generator(this,(function(e){switch(e.label){case 0:if(r.preventDefault(),!(null==i?void 0:i.ID)||!g||!d)return[2];e.label=1;case 1:return e.trys.push([1,6,,7]),f?[4,f(i)]:[3,3];case 2:return e.sent(),[3,5];case 3:return[4,g.revokeMessage(i)];case 4:e.sent(),e.label=5;case 5:return d(i),[3,7];case 6:if(a=e.sent(),!u)throw n=i.flow===t.MESSAGE_FLOW.OUT?"The message recall exceeded the time limit (default 2 minutes)":"Error revoke Message",s.Toast({text:n,type:"error"}),new Error(a);return u({functionName:"revokeMessage",error:a}),[3,7];case 7:return[2]}}))}))}),[i]),m=r.useCallback((function(e){var r;e.preventDefault(),(null==i?void 0:i.ID)&&g&&v&&v(((r={})[t.MESSAGE_OPERATE.QUOTE]=i,r))}),[i]),x=r.useCallback((function(e){if(e.preventDefault(),navigator.clipboard)navigator.clipboard.writeText(i.payload.text);else{var r=document.createElement("textarea");document.body.appendChild(r),r.style.position="fixed",r.style.clip="rect(0 0 0 0)",r.style.top="10px",r.value=i.payload.text,r.select(),document.execCommand("copy",!0),document.body.removeChild(r)}}),[i]),M=r.useCallback((function(r){return e.__awaiter(void 0,void 0,void 0,(function(){var r,t,a;return e.__generator(this,(function(e){switch(e.label){case 0:return e.trys.push([0,2,,3]),[4,g.resendMessage(i)];case 1:return r=e.sent(),d(null===(a=null==r?void 0:r.data)||void 0===a?void 0:a.message),[3,3];case 2:if(t=e.sent(),!u)throw s.Toast({text:t,type:"error"}),new Error(t);return u({functionName:"resendMessage",error:t}),[3,3];case 3:return[2]}}))}))}),[i]),_=r.useCallback((function(r){return e.__awaiter(void 0,void 0,void 0,(function(){var a;return e.__generator(this,(function(e){return r.preventDefault(),(null==i?void 0:i.ID)&&g&&v?(v(((a={})[t.MESSAGE_OPERATE.FORWARD]=i,a)),[2]):[2]}))}))}),[i]);return{handleDelMessage:p,handleRevokeMessage:h,handleReplyMessage:m,handleCopyMessage:x,handleResendMessage:M,handleForWardMessage:_}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react"),t=require("../../../constants.js"),a=require("../../../context/TUIKitContext.js");require("react/jsx-runtime");var n=require("../../../context/TUIChatActionContext.js");require("../../../context/TUIMessageContext.js");var s=require("../../Toast/index.js");exports.useMessageHandler=function(o){var i=o.message,u=o.handleError,l=n.useTUIChatActionContext(),c=l.removeMessage,d=l.editLocalmessage,v=l.operateMessage,f=l.revokeMessage,g=a.useTUIKitContext("useDeleteHandler").tim,p=r.useCallback((function(r){return e.__awaiter(void 0,void 0,void 0,(function(){var t;return e.__generator(this,(function(e){switch(e.label){case 0:if(r.preventDefault(),!(null==i?void 0:i.ID)||!g||!c)return[2];e.label=1;case 1:return e.trys.push([1,3,,4]),[4,g.deleteMessage([i])];case 2:return e.sent(),c(i),[3,4];case 3:if(t=e.sent(),!u)throw s.Toast({text:"Error deleting message",type:"error"}),new Error(t);return u({functionName:"deleteMessage",error:t}),[3,4];case 4:return[2]}}))}))}),[i]),h=r.useCallback((function(r){return e.__awaiter(void 0,void 0,void 0,(function(){var a,n;return e.__generator(this,(function(e){switch(e.label){case 0:if(r.preventDefault(),!(null==i?void 0:i.ID)||!g||!d)return[2];e.label=1;case 1:return e.trys.push([1,6,,7]),f?[4,f(i)]:[3,3];case 2:return e.sent(),[3,5];case 3:return[4,g.revokeMessage(i)];case 4:e.sent(),e.label=5;case 5:return d(i),[3,7];case 6:if(a=e.sent(),!u)throw n=i.flow===t.MESSAGE_FLOW.OUT?"The message recall exceeded the time limit (default 2 minutes)":"Error revoke Message",s.Toast({text:n,type:"error"}),new Error(a);return u({functionName:"revokeMessage",error:a}),[3,7];case 7:return[2]}}))}))}),[i]),x=r.useCallback((function(e){var r;e.preventDefault(),(null==i?void 0:i.ID)&&g&&v&&v(((r={})[t.MESSAGE_OPERATE.QUOTE]=i,r))}),[i]),m=r.useCallback((function(e){if(e.preventDefault(),navigator.clipboard)navigator.clipboard.writeText(i.payload.text);else{var r=document.createElement("textarea");document.body.appendChild(r),r.style.position="fixed",r.style.clip="rect(0 0 0 0)",r.style.top="10px",r.value=i.payload.text,r.select(),document.execCommand("copy",!0),document.body.removeChild(r)}}),[i]),M=r.useCallback((function(r){return e.__awaiter(void 0,void 0,void 0,(function(){var r,t,a;return e.__generator(this,(function(e){switch(e.label){case 0:return e.trys.push([0,2,,3]),[4,g.resendMessage(i)];case 1:return r=e.sent(),d(null===(a=null==r?void 0:r.data)||void 0===a?void 0:a.message),[3,3];case 2:if(t=e.sent(),!u)throw s.Toast({text:t,type:"error"}),new Error(t);return u({functionName:"resendMessage",error:t}),[3,3];case 3:return[2]}}))}))}),[i]),_=r.useCallback((function(r){return e.__awaiter(void 0,void 0,void 0,(function(){var a;return e.__generator(this,(function(e){return r.preventDefault(),(null==i?void 0:i.ID)&&g&&v?(v(((a={})[t.MESSAGE_OPERATE.FORWARD]=i,a)),[2]):[2]}))}))}),[i]);return{handleDelMessage:p,handleRevokeMessage:h,handleReplyMessage:x,handleCopyMessage:m,handleResendMessage:M,handleForWardMessage:_}};