@tencentcloud/chat-uikit-react 0.0.2 → 1.0.0

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");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t=a(require("tim-js-sdk"));exports.useCreateMessage=function(a){var r=a.tim,n=a.conversation,u=a.to,i=void 0===u?"":u,o=a.type,c=a.cloudCustomData,g=n.type,_=n.userProfile,l=n.groupProfile,f=o||g,M=s.useState({to:i||(f===t.default.TYPES.CONV_C2C?null==_?void 0:_.userID:null==l?void 0:l.groupID),conversationType:f,cloudCustomData:c}),C=M[0],d=M[1];return s.useEffect((function(){C.cloudCustomData=c,d(C)}),[c]),{createTextMessage:s.useCallback((function(s){return r.createTextMessage(e.__assign(e.__assign({},C),s))}),[r]),createFaceMessage:s.useCallback((function(s){return r.createFaceMessage(e.__assign(e.__assign({},C),s))}),[r]),createImageMessage:s.useCallback((function(s){return r.createImageMessage(e.__assign(e.__assign({},C),s))}),[r]),createVideoMessage:s.useCallback((function(s){return r.createVideoMessage(e.__assign(e.__assign({},C),s))}),[r]),createFileMessage:s.useCallback((function(s){return r.createFileMessage(e.__assign(e.__assign({},C),s))}),[r]),createForwardMessage:s.useCallback((function(s){var a=s.conversation,n=s.message,u=e.__rest(s,["conversation","message"]),i=a.type,o=a.userProfile,c=a.groupProfile,g=i===t.default.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({},C),s))}),[r]),createAudioMessage:s.useCallback((function(s){return r.createAudioMessage(e.__assign(e.__assign({},C),s))}),[r]),createTextAtMessage:s.useCallback((function(s){return r.createTextAtMessage(e.__assign(e.__assign({},C),s))}),[r]),createLocationMessage:s.useCallback((function(s){return r.createLocationMessage(e.__assign(e.__assign({},C),s))}),[r]),createMergerMessage:s.useCallback((function(s){return r.createMergerMessage(e.__assign(e.__assign({},C),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("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"),require("../../../context/TUIMessageContext.js");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])};

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

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("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 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,U=x.conversation,m=x.setActiveConversation,P=x.setTUIProfileShow,_=r.useState(0),w=_[0],L=_[1],S=n(p,(function(e,s){e.length&&m(U)})),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:U,conversation:r,setActiveConversation:m,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/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("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"),require("../../../context/TUIMessageContext.js");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])};

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/TUILive/TUILive.d.ts

@@ -0,0 +1,29 @@
+import React, { PropsWithChildren } from 'react';
+import { Conversation, Profile, GroupMember } from 'tim-js-sdk';
+import { TUILiveActivePorps, TUILiveCallbackParams, TUILiveTagParam, TUILiveMemberListItemParams } from '../../context/TUILiveContext.js';
+import { OwnerLabelListItem } from './TUILiveFooter.js';
+
+interface TUILiveProps {
+    className?: string;
+    url?: string;
+    conversation?: Conversation;
+    myProfile?: Profile;
+    ownerProfile?: GroupMember;
+    follow?: TUILiveActivePorps;
+    subscribe?: TUILiveActivePorps;
+    like?: TUILiveActivePorps;
+    unlike?: TUILiveActivePorps;
+    activePlugins?: Array<React.ReactElement>;
+    menuIcon?: React.ReactElement;
+    callback?: (data: TUILiveCallbackParams) => void;
+    headerTag?: Array<string>;
+    footerTag?: Array<string>;
+    onTagClick?: (data?: TUILiveTagParam) => void;
+    groupID?: string;
+    memberGroupList?: Array<TUILiveMemberListItemParams>;
+    ownerLabelList?: Array<OwnerLabelListItem>;
+}
+declare function UnMemoizedTUILive<T extends TUILiveProps>(props: PropsWithChildren<T>): React.ReactElement;
+declare const TUILive: typeof UnMemoizedTUILive;
+
+export { TUILive };

package/dist/cjs/components/TUILive/TUILive.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),r=require("react"),t=require("../../context/TUIKitContext.js");require("../../context/TUIMessageContext.js");var o=require("../../context/TUILiveContext.js"),s=require("./hooks/useLiveState.js"),n=require("./TUILiveContent.js"),u=require("./TUILiveFooter.js"),a=require("./TUILiveHeader.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(l){var c=l.className,v=l.url,m=l.conversation,L=l.ownerProfile,b=l.myProfile,f=l.children,x=l.follow,I=l.subscribe,g=l.like,j=l.unlike,T=l.activePlugins,d=void 0===T?[]:T,p=l.callback,_=l.menuIcon,C=l.onTagClick,U=l.groupID,w=l.memberGroupList,k=l.ownerLabelList,q=t.useTUIKitContext("TUILive"),P=q.tim,h=q.conversation,y=q.myProfile,S=q.setActiveConversation,F=b||y,M=m||h,A=s.useLiveState({tim:P,conversation:m||h,groupID:U,setActiveConversation:S}),D=A.group,G=A.ownerProfile,H=A.memberCount,K=A.memberList,N=L||G,O=e.__assign({type:"follow",isShow:!0,value:!1,num:0},x),z=e.__assign({type:"subscribe",isShow:!0,value:!1,num:0},I),B=e.__assign({type:"like",isShow:!0,value:!1,num:0},g),E=e.__assign({type:"unlike",isShow:!0,value:!1,num:0},j),J=r.useMemo((function(){return{url:v,group:D,conversation:M,ownerProfile:N,myProfile:F,follow:O,subscribe:z,like:B,unlike:E,activePlugins:d,menuIcon:_,callback:p,onTagClick:C,memberCount:H,memberList:K,memberGroupList:w,ownerLabelList:k}}),[v,D,M,N,F,O,z,B,E,d,_,p,w,C,H,K,k]);return i.jsx(o.TUILiveContextProvider,e.__assign({value:J},{children:i.jsxs(i.Fragment,{children:[i.jsxs("div",e.__assign({className:"tui-live ".concat(c)},{children:[i.jsx(a.TUILiveHeader,{}),i.jsx(n.TUILiveContent,{}),i.jsx(u.TUILiveFooter,{})]})),f&&f]})}))}var v=l(r).default.memo(c);exports.TUILive=v;

package/dist/cjs/components/TUILive/TUILiveContent.d.ts

@@ -0,0 +1,13 @@
+import React, { PropsWithChildren } from 'react';
+
+interface TUILiveContentBaseProps {
+    url?: string;
+    className?: string;
+}
+interface TUILiveContentProps extends TUILiveContentBaseProps {
+    TUILiveContent?: React.ComponentType<TUILiveContentBaseProps>;
+}
+declare function UnMemoizedTUILiveContent<T extends TUILiveContentProps>(props: PropsWithChildren<T>): React.ReactElement;
+declare const TUILiveContent: typeof UnMemoizedTUILiveContent;
+
+export { TUILiveContent, TUILiveContentBaseProps };

package/dist/cjs/components/TUILive/TUILiveContent.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),t=require("react"),i=require("../../context/TUILiveContext.js"),n=require("./hooks/useLivePlayer.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(o){var s=o.className,u=o.url,a=o.TUILiveContent,l=t.useRef(),c=i.useTUILiveContext("TUILiveHeader").url,v=u||c;if(!/(http(s)?:\/\/)?\w+(\.\w+)+\/(\w+\/)*(.*?\.)+(swf|avi|flv|mpg|mov|wav|3gp|mkv|rmvb|mp3|mp4)/.test(v))throw new Error("The url is invalid, please fill in the correct url");a&&r.jsx(a,{url:v});var f=n.useLivePlayer(null==l?void 0:l.current).TCPlayer,p="player-container-".concat((new Date).getTime());return t.useEffect((function(){l&&f&&f.src(v)}),[l,f]),r.jsx("video",e.__assign({autoPlay:!0,muted:!0,loop:!0,controls:!0,className:"tui-live-content ".concat(s),id:p,preload:"auto",playsInline:!0,ref:l},{children:r.jsx("source",{src:""})}))}var u=o(t).default.memo(s);exports.TUILiveContent=u;

package/dist/cjs/components/TUILive/TUILiveFooter.d.ts

@@ -0,0 +1,29 @@
+import React, { PropsWithChildren } from 'react';
+import { Conversation, Group, GroupMember, Profile } from 'tim-js-sdk';
+import { TUILiveActivePorps, TUILiveCallbackParams } from '../../context/TUILiveContext.js';
+
+interface OwnerLabelListItem {
+    key?: string;
+    value?: string;
+}
+interface TUILiveFooterBaseProps {
+    className?: string;
+    conversation?: Conversation;
+    group?: Group;
+    ownerProfile?: GroupMember;
+    myProfile?: Profile;
+    ownerLabelList?: Array<OwnerLabelListItem>;
+}
+interface TUILiveFooterProps extends TUILiveFooterBaseProps {
+    TUILiveFooter?: React.ComponentType<TUILiveFooterBaseProps>;
+    follow?: TUILiveActivePorps;
+    subscribe?: TUILiveActivePorps;
+    like?: TUILiveActivePorps;
+    unlike?: TUILiveActivePorps;
+    activePlugins?: Array<React.ReactElement>;
+    callback?: (data: TUILiveCallbackParams) => void;
+}
+declare function UnMemoizedTUILiveFooter<T extends TUILiveFooterProps>(props: PropsWithChildren<T>): React.ReactElement;
+declare const TUILiveFooter: typeof UnMemoizedTUILiveFooter;
+
+export { OwnerLabelListItem, TUILiveFooter, TUILiveFooterBaseProps };

package/dist/cjs/components/TUILive/TUILiveFooter.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),l=require("react"),s=require("../../context/TUILiveContext.js"),n=require("./hooks/useLiveAtiveElements.js"),o=require("../Icon/Icon.js"),u=require("../Icon/type.js"),t=require("../Avatar/Avatar.js"),r=require("./untils.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(a){var c=a.className,v=a.conversation,f=a.group,k=a.ownerLabelList,m=a.ownerProfile,b=a.myProfile,p=a.TUILiveFooter,I=a.activePlugins,d=a.follow,y=a.subscribe,w=a.like,h=a.unlike,j=a.callback,x=s.useTUILiveContext("TUILiveHeader"),g=x.group,L=x.ownerProfile,N=x.myProfile,T=x.activePlugins,_=x.follow,U=x.subscribe,E=x.like,q=x.unlike,C=x.callback,A=x.ownerLabelList,P=f||g,O=b||N,S=I||T,K=d||_,F=y||U,V=w||E,D=h||q,R=j||C;p&&i.jsx(p,{conversation:v,group:P,myProfile:O});var H=m||L,W=k||A||((null==H?void 0:H.memberCustomField)||[]).filter((function(e){return null==e?void 0:e.value})),z=l.useState({follow:K.value,subscribe:F.value,like:V.value,unlike:D.value}),M=z[0];z[1];var B=K.isShow&&n.useLiveAtiveElements({icon:u.IconTypes.UNUNION,activeIcon:u.IconTypes.UNION,name:"Follow",type:"follow",iconWidth:12,iconHeight:12,value:M.follow,onClick:function(){return M.follow=!M.follow,R({type:"follow",value:M.follow}),{value:M.follow}}}),G=F.isShow&&n.useLiveAtiveElements({icon:u.IconTypes.UNVECTOR,activeIcon:u.IconTypes.VECTOR,name:"Subscribe",type:"subscribe",value:M.subscribe,onClick:function(){return M.subscribe=!M.subscribe,R({type:"subscribe",value:M.subscribe}),{value:M.subscribe}}}),J=V.isShow&&n.useLiveAtiveElements({icon:u.IconTypes.LIKE,activeIcon:u.IconTypes.LIKED,name:r.handleNumber(V.num,1),type:"like",value:!M.unlike&&M.like,suffix:D.isShow&&{icon:u.IconTypes.UNLIKE,activeIcon:u.IconTypes.UNLIKED,type:"unlike",value:!M.like&&M.unlike,onClick:function(){return M.like&&R({type:"like",value:!M.like}),M.like=!1,M.unlike=!M.unlike,{value:M.like,suffixValue:M.unlike}}},onClick:function(){return M.unlike=!1,M.like=!M.like,R({type:"like",value:M.like}),{value:M.like,suffixValue:M.unlike}}}),Q=e.__spreadArray([B,G,J],S,!0).filter((function(e){return e}));return i.jsxs("footer",e.__assign({className:"tui-live-footer ".concat(c)},{children:[i.jsx(t.Avatar,{size:40,image:(null==H?void 0:H.avatar)||"https://web.sdk.qcloud.com/component/TUIKit/assets/avatar_21.png"}),i.jsxs("div",e.__assign({className:"tui-live-footer-main"},{children:[i.jsxs("div",e.__assign({className:"owner-name"},{children:[i.jsx("h1",{children:(null==H?void 0:H.nick)||(null==H?void 0:H.userID)}),i.jsx(o.Icon,{type:u.IconTypes.OWNER,width:15,height:15})]})),i.jsx("ul",e.__assign({className:"tui-live-list tag-list"},{children:null==W?void 0:W.map((function(l){return i.jsx("li",e.__assign({className:"tui-live-item tag-item"},{children:null==l?void 0:l.value}),l.value)}))}))]})),i.jsx("ul",e.__assign({className:"tui-live-list opate-list"},{children:Q}))]}))}var v=a(l).default.memo(c);exports.TUILiveFooter=v;

package/dist/cjs/components/TUILive/TUILiveHeader.d.ts

@@ -0,0 +1,20 @@
+import React, { PropsWithChildren } from 'react';
+import { Conversation, Group } from 'tim-js-sdk';
+import { TUILiveActivePorps, TUILiveTagParam } from '../../context/TUILiveContext.js';
+
+interface TUILiveHeaderBaseProps {
+    className?: string;
+    conversation?: Conversation;
+    group?: Group;
+}
+interface TUILiveHeaderProps extends TUILiveHeaderBaseProps {
+    TUILiveHeader?: React.ComponentType<TUILiveHeaderBaseProps>;
+    menuIcon?: React.ReactElement;
+    follow?: TUILiveActivePorps;
+    subscribe?: TUILiveActivePorps;
+    onTagClick?: (data?: TUILiveTagParam) => void;
+}
+declare function UnMemoizedTUILiveHeader<T extends TUILiveHeaderProps>(props: PropsWithChildren<T>): React.ReactElement;
+declare const TUILiveHeader: typeof UnMemoizedTUILiveHeader;
+
+export { TUILiveHeader, TUILiveHeaderBaseProps };

package/dist/cjs/components/TUILive/TUILiveHeader.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),n=require("react"),s=require("../../context/TUILiveContext.js"),l=require("../Icon/Icon.js"),a=require("../Icon/type.js"),t=require("./untils.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(n){var r=n.className,u=n.conversation,c=n.group,o=n.TUILiveHeader,v=n.menuIcon,d=n.follow,m=n.subscribe,h=n.onTagClick,x=s.useTUILiveContext("TUILiveHeader"),g=x.group,j=x.follow,I=x.subscribe,p=x.menuIcon,_=x.onTagClick,N=x.memberCount,f=c||g,T=v||p,b=d||j,y=m||I,C=h||_;o&&i.jsx(o,{conversation:u,group:f});var q=((null==f?void 0:f.groupCustomField)||[]).filter((function(e){return null==e?void 0:e.value})),L=[{icon:a.IconTypes.MEMBER,value:N},{icon:a.IconTypes.UNION,value:b.num},{icon:a.IconTypes.VECTOR,value:y.num}];return i.jsxs("header",e.__assign({className:"tui-live-header ".concat(r)},{children:[i.jsxs("div",e.__assign({className:"tui-live-header-name"},{children:[i.jsx("h1",{children:(null==f?void 0:f.name)||(null==f?void 0:f.groupID)}),T]})),i.jsxs("div",e.__assign({className:"tui-live-header-content"},{children:[i.jsxs("div",e.__assign({className:"tui-live-header-label"},{children:[i.jsx(l.Icon,{className:"icon",type:a.IconTypes.LIVING,width:12,height:12}),i.jsx("p",{children:"Living"})]})),i.jsx("ul",e.__assign({className:"tui-live-list tag-list"},{children:null==q?void 0:q.map((function(n,s){return i.jsx("li",e.__assign({role:"menuitem",tabIndex:s,className:"tui-live-item tag-item",onClick:function(e){C({value:n.value,ele:e})}},{children:null==n?void 0:n.value}),n.value)}))})),i.jsx("ul",e.__assign({className:"tui-live-list"},{children:null==L?void 0:L.map((function(n){return i.jsxs("li",e.__assign({className:"tui-live-item"},{children:[i.jsx(l.Icon,{className:"icon",type:n.icon,width:12,height:12}),i.jsx("span",e.__assign({className:"list-item-text"},{children:t.handleNumber(n.value)}))]}),n.icon)}))}))]}))]}))}var c=r(n).default.memo(u);exports.TUILiveHeader=c;

package/dist/cjs/components/TUILive/TUILiveMemberList.d.ts

@@ -0,0 +1,11 @@
+import React, { PropsWithChildren } from 'react';
+import { TUILiveMemberListItemParams } from '../../context/TUILiveContext.js';
+
+interface TUILiveMemberListProps {
+    className?: string;
+    memberGroupList?: Array<TUILiveMemberListItemParams>;
+}
+declare function UnMemoizedTUILiveMemberList<T extends TUILiveMemberListProps>(props: PropsWithChildren<T>): React.ReactElement;
+declare const TUILiveMemberList: typeof UnMemoizedTUILiveMemberList;
+
+export { TUILiveMemberList, TUILiveMemberListProps };

package/dist/cjs/components/TUILive/TUILiveMemberList.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),n=require("react"),s=require("../../context/TUILiveContext.js"),l=require("../Icon/Icon.js"),t=require("../Icon/type.js"),r=require("../Avatar/Avatar.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function o(a){a.className;var o=a.memberGroupList,u=s.useTUILiveContext("TUILiveHeader"),c=u.memberGroupList,v=u.memberList,d=u.ownerProfile,m=n.useState([]),h=m[0],_=m[1];return n.useEffect((function(){var i=o||c;if((null==i?void 0:i.length)>0&&(null==v?void 0:v.length)>0&&0===(null==h?void 0:h.length)){var n=i.map((function(i){var n=e.__assign(e.__assign({},i),{list:[],show:!0});return n.filter&&(n.list=null==n?void 0:n.filter(v,d)),n}));_(n)}0===(null==i?void 0:i.length)&&(null==v?void 0:v.length)>0&&0===(null==h?void 0:h.length)&&_(n=[{title:"All",name:"All",show:!0,list:v}])}),[o,c,d,h,v]),i.jsx("main",e.__assign({className:"tui-live-members"},{children:null==h?void 0:h.map((function(n,s){var a;return i.jsxs("ul",e.__assign({className:"list"},{children:[i.jsxs("div",e.__assign({role:"menuitem",tabIndex:s,className:"list-header",onClick:function(){var i,n;i=s,n=h.map((function(n,s){return s===i?e.__assign(e.__assign({},n),{show:!n.show}):n})),_(n)}},{children:[i.jsx("h1",{children:null==n?void 0:n.title}),i.jsx(l.Icon,{type:t.IconTypes.ARROW_DOWN,width:12,height:7})]})),(null==n?void 0:n.show)&&(null===(a=null==n?void 0:n.list)||void 0===a?void 0:a.map((function(n){return i.jsxs("li",e.__assign({className:"list-item"},{children:[i.jsx(r.Avatar,{size:18,image:(null==n?void 0:n.avatar)||"https://web.sdk.qcloud.com/component/TUIKit/assets/avatar_21.png"}),i.jsx("span",e.__assign({className:"nick"},{children:(null==n?void 0:n.nick)||(null==n?void 0:n.userID)}))]}),null==n?void 0:n.userID)})))]}),null==n?void 0:n.name)}))}))}var u=a(n).default.memo(o);exports.TUILiveMemberList=u;

package/dist/cjs/components/TUILive/hooks/useLiveAtiveElements.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),t=require("react"),n=require("../../Icon/Icon.js");require("../../Icon/type.js"),exports.useLiveAtiveElements=function(a){var s=this,l=a.name;a.type;var r=a.icon,c=a.activeIcon,u=a.value,o=a.onClick;a.className;var v=a.suffix,d=a.iconWidth,x=a.iconHeight,_=t.useState(u),h=_[0],f=_[1],m=t.useState(null==v?void 0:v.value),b=m[0],p=m[1],j=t.useCallback((function(){return e.__awaiter(s,void 0,void 0,(function(){var i;return e.__generator(this,(function(e){switch(e.label){case 0:return o?[4,o()]:[3,2];case 1:i=e.sent(),f(null==i?void 0:i.value),p(i.suffixValue),e.label=2;case 2:return[2]}}))}))}),[o]),g=t.useCallback((function(){return e.__awaiter(s,void 0,void 0,(function(){var i;return e.__generator(this,(function(e){switch(e.label){case 0:return(null==v?void 0:v.onClick)?[4,null==v?void 0:v.onClick()]:[3,2];case 1:i=e.sent(),f(null==i?void 0:i.value),p(i.suffixValue),e.label=2;case 2:return[2]}}))}))}),[null==v?void 0:v.onClick]);return i.jsxs("li",e.__assign({className:"tui-live-item opate-item"},{children:[i.jsxs("div",e.__assign({className:"opate-box",role:"menuitem",tabIndex:0,onClick:j},{children:[i.jsx(n.Icon,{type:h?c:r,width:d||15,height:x||15}),i.jsx("span",e.__assign({className:"list-item-text"},{children:l}))]})),v&&i.jsx("div",e.__assign({role:"menuitem",tabIndex:0,className:"opate-item-suffix line opate-box",onClick:g},{children:i.jsx(n.Icon,{type:b?v.activeIcon:v.icon,width:d||15,height:x||15})}))]}),l)};

package/dist/cjs/components/TUILive/hooks/useLivePlayer.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react"),i="https://web.sdk.qcloud.com/player/tcplayer/release",n={link:{type:"link",url:"tcplayer.min.css",isOnload:!1},TXLivePlayer:{type:"script",url:"libs/TXLivePlayer-1.2.3.min.js",isOnload:!1},hls:{type:"script",url:"libs/hls.min.1.1.5.js",isOnload:!1},flv:{type:"script",url:"libs/flv.min.1.6.3.js",isOnload:!1},dash:{type:"script",url:"libs/dash.all.min.4.4.1.js",isOnload:!1},tcplayer:{type:"script",url:"tcplayer.v4.6.0.min.js",isOnload:!1}};exports.useLivePlayer=function(l){var r=this,s=t.useState(null),a=s[0],o=s[1],c=t.useState(n),u=c[0],d=c[1],p=t.useState(!1),y=p[0],v=p[1];return t.useEffect((function(){e.__awaiter(r,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return[4,void((null===window||void 0===window?void 0:window.TCPlayer)?v(!0):Object.keys(u).map((function(e){var t=document.createElement(u[e].type);return"link"===u[e].type?(t.href="".concat(i,"/").concat("v4.6.0","/").concat(u[e].url),t.rel="stylesheet"):t.src="".concat(i,"/").concat("v4.6.0","/").concat(u[e].url),document.body.appendChild(t),t.onload=function(){u[e].isOnload=!0,d(u),v(Object.keys(u).every((function(e){return u[e].isOnload})))},e})))];case 1:return e.sent(),[2]}}))}))}),[]),t.useEffect((function(){if(y&&l){var e=null===window||void 0===window?void 0:window.TCPlayer(null==l?void 0:l.id,{});o(e)}}),[y,l]),{TCPlayer:a}};

package/dist/cjs/components/TUILive/hooks/useLiveState.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=n(require("tim-js-sdk"));exports.useLiveState=function(n){var u=this,o=n.tim,i=n.conversation,a=n.groupID,l=n.setActiveConversation,s=t.useState(null),c=s[0],d=s[1],v=t.useState(null),f=v[0],_=v[1],b=t.useState(null),g=b[0],p=b[1],w=t.useState(0),h=w[0],m=w[1],P=t.useState(null),D=P[0],E=P[1],G=t.useCallback((function(){return e.__awaiter(u,void 0,void 0,(function(){var t,n,r;return e.__generator(this,(function(e){switch(e.label){case 0:return!a||f?[3,3]:[4,null==o?void 0:o.getGroupProfile({groupID:a})];case 1:return t=e.sent(),_(null===(n=null==t?void 0:t.data)||void 0===n?void 0:n.group),[4,I(null===(r=null==t?void 0:t.data)||void 0===r?void 0:r.group)];case 2:e.sent(),e.label=3;case 3:return[2]}}))}))}),[o,a]),I=function(t){return e.__awaiter(u,void 0,void 0,(function(){var n,r;return e.__generator(this,(function(e){switch(e.label){case 0:return(null==t?void 0:t.ownerID)?[4,null==o?void 0:o.getGroupMemberProfile({groupID:a,userIDList:[null==t?void 0:t.ownerID]})]:[3,2];case 1:n=e.sent(),p(null===(r=null==n?void 0:n.data)||void 0===r?void 0:r.memberList[0]),e.label=2;case 2:return[2]}}))}))},T=t.useCallback((function(){return e.__awaiter(u,void 0,void 0,(function(){var t,n,r,u,i;return e.__generator(this,(function(e){switch(e.label){case 0:return a?[4,null==o?void 0:o.getGroupOnlineMemberCount(a)]:[3,3];case 1:return t=e.sent(),m(null===(r=null==t?void 0:t.data)||void 0===r?void 0:r.memberCount),(null===(u=null==t?void 0:t.data)||void 0===u?void 0:u.memberCount)>0?[4,null==o?void 0:o.getGroupMemberList({groupID:a,offset:0})]:[3,3];case 2:n=e.sent(),E(null===(i=null==n?void 0:n.data)||void 0===i?void 0:i.memberList),e.label=3;case 3:return[2]}}))}))}),[o]),C=function(e){console.log("onGroupAttributesUpdated",null==e?void 0:e.data)};return t.useEffect((function(){return e.__awaiter(u,void 0,void 0,(function(){var t,n,r;return e.__generator(this,(function(e){switch(e.label){case 0:return c?[2]:i?(l(i),d(i),[3,3]):[3,1];case 1:return[4,null==o?void 0:o.getConversationProfile("GROUP".concat(a))];case 2:t=e.sent(),l(null===(n=null==t?void 0:t.data)||void 0===n?void 0:n.conversation),d(null===(r=null==t?void 0:t.data)||void 0===r?void 0:r.conversation),e.label=3;case 3:return[2]}}))})),function(){e.__awaiter(u,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return c?[4,null==o?void 0:o.deleteConversation("GROUP".concat(a))]:[3,3];case 1:return e.sent(),d(null),[4,null==o?void 0:o.quitGroup(a)];case 2:e.sent(),e.label=3;case 3:return[2]}}))}))}}),[o,i,c]),t.useEffect((function(){var t=null;return e.__awaiter(u,void 0,void 0,(function(){var n=this;return e.__generator(this,(function(r){switch(r.label){case 0:return[4,G()];case 1:return r.sent(),[4,T()];case 2:return r.sent(),t=setInterval((function(){return e.__awaiter(n,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return[4,T()];case 1:return e.sent(),[2]}}))}))}),1e4),[2]}}))})),null==o||o.on(r.default.EVENT.GROUP_ATTRIBUTES_UPDATED,C),function(){null==o||o.off(r.default.EVENT.GROUP_ATTRIBUTES_UPDATED,C),t&&clearInterval(t)}}),[o,a]),t.useEffect((function(){e.__awaiter(u,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return c&&f?[4,null==o?void 0:o.joinGroup({groupID:a,type:r.default.TYPES.GRP_AVCHATROOM})]:[3,2];case 1:e.sent(),e.label=2;case 2:return[2]}}))}))}),[o,c,f]),{group:f,ownerProfile:g,memberCount:h,memberList:D}};

package/dist/cjs/components/TUILive/untils.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.handleNumber=function(e,t){void 0===t&&(t=0);var o="".concat(e);return 0===t&&(e>1e3&&e<1e4?o="".concat((e/1e3).toFixed(1),"K"):e>1e4&&(o="".concat((e/1e3).toFixed(0),"K"))),1===t&&e>1e4&&(o="".concat((e/1e4).toFixed(1),"W")),o};

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("tim-js-sdk"),a=require("../../constants.js"),i=require("../../context/TUIChatActionContext.js");require("../../context/TUIMessageContext.js");var l=require("../Icon/Icon.js"),r=require("../Icon/type.js"),u=require("./hooks/useMessageReply.js"),o=require("./MessageProgress.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=c(n),g=c(t);function m(t){var c=t.message,d=t.children,m=t.Context,x=t.Plugins,b=n.useState(!1),j=b[0],_=b[1],S=u.useMessageReply({message:c}),v=S.messageReply,p=S.replyMessage,M=S.sender,f=i.useTUIChatActionContext().setHighlightedMessageId;return s.jsxs("div",e.__assign({className:"meesage-bubble"},{children:[s.jsxs("div",e.__assign({className:"meesage-bubble-context ".concat(null==c?void 0:c.flow),onMouseEnter:function(){_(!0)},onMouseLeave:function(){_(!1)}},{children:[s.jsxs("div",e.__assign({className:"message-context\n            ".concat(v?"meesage-bubble-reply meesage-bubble-reply-".concat(null==c?void 0:c.flow):"","\n            ").concat((null==c?void 0:c.type)!==g.default.TYPES.MSG_IMAGE&&(null==c?void 0:c.type)!==g.default.TYPES.MSG_VIDEO&&(null==c?void 0:c.type)!==g.default.TYPES.MSG_FILE||(null==c?void 0:c.status)!==a.MESSAGE_STATUS.UNSEND?"":"loading")},{children:[v&&s.jsxs("div",e.__assign({className:"meesage-bubble-reply-main",role:"menuitem",tabIndex:0,onClick:function(){f(null==p?void 0:p.ID)}},{children:[s.jsx("header",e.__assign({className:"title"},{children:M})),m&&s.jsx(m,{message:p})]})),d,s.jsx(o.MessageProgress,{message:c})]})),x&&s.jsx("div",e.__assign({className:"message-plugin"},{children:j&&s.jsx(x,{})}))]})),s.jsxs("div",e.__assign({className:"message-bubble-status icon"},{children:[(null==c?void 0:c.status)===a.MESSAGE_STATUS.FAIL&&s.jsx("i",{className:"icon-fail"}),(null==c?void 0:c.status)===a.MESSAGE_STATUS.UNSEND&&s.jsx(l.Icon,{width:10,height:10,type:r.IconTypes.PROGRESS})]}))]}))}var x=d.default.memo(m);exports.MessageBubble=function(n){return s.jsx(x,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/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"),t=require("react"),n=require("tim-js-sdk"),u=require("../untils.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=a(t),o=a(n);function s(t){var n=t.context,a=t.message,i=t.children;return r.jsxs("div",e.__assign({className:"bubble message-custom bubble-".concat(a.flow,"  ").concat((null==a?void 0:a.conversationType)===o.default.TYPES.CONV_GROUP?"group":"")},{children:[function(t){if("Hyperlink"===t.data){var n=u.JSONStringToParse(null==t?void 0:t.extension);return null==n?void 0:n.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==n?void 0:n.custom),i]}))}var l=i.default.memo(s);exports.MessageCustom=function(t){return r.jsx(l,e.__assign({},t))};

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("tim-js-sdk"),n=require("../Icon/Icon.js"),i=require("../Icon/type.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=t(r),c=t(a);function o(r){var a=r.context,t=r.message,l=r.children;return s.jsxs("a",e.__assign({href:a.url,download:a.name,target:"_parent",className:"bubble message-file bubble-".concat(t.flow," ").concat((null==t?void 0:t.conversationType)===c.default.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:a.name}))]})),s.jsxs("div",e.__assign({className:"message-file-footer"},{children:[s.jsx("span",e.__assign({className:"message-file-size"},{children:a.size})),l]}))]}))}var u=l.default.memo(o);exports.MessageFile=function(r){return s.jsx(u,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"),r=require("react"),n=require("tim-js-sdk"),s=require("../Model/index.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=t(r),l=t(n);function o(n){var t,a,o,u=n.context,c=n.message,d=n.children,g=r.useState(!1),m=g[0],v=g[1],f=null===(a=null===(t=null==c?void 0:c.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(){v(!0)}},{children:i.jsx("img",{className:"img bubble-".concat(c.flow," ").concat((null==c?void 0:c.conversationType)===l.default.TYPES.CONV_GROUP?"group":""),src:u.url,alt:""})})),d,m&&i.jsx(s.Model,e.__assign({onClick:function(){v(!1)}},{children:i.jsx("img",{className:"big-image",src:null===(o=f[0])||void 0===o?void 0:o.url,alt:""})}))]}))}var u=a.default.memo(o);exports.MessageImage=function(r){return i.jsx(u,e.__assign({},r))};

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"),r=require("react/jsx-runtime"),s=require("react"),t=require("tim-js-sdk");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=a(s),n=a(t);function l(s){var t=s.context,a=s.message,i=s.children;return r.jsxs("div",e.__assign({className:"bubble message-merger bubble-".concat(a.flow," ").concat((null==a?void 0:a.conversationType)===n.default.TYPES.CONV_GROUP?"group":"")},{children:[r.jsx("h3",{children:t.title}),r.jsx("ul",e.__assign({className:"message-merger-list"},{children:(null==t?void 0:t.abstractList.length)>0&&t.abstractList.map((function(s,t){var a=s+t;return r.jsx("li",e.__assign({className:"message-merger-item"},{children:s}),a)}))})),i]}))}var u=i.default.memo(l);exports.MessageMerger=function(s){return r.jsx(u,e.__assign({},s))};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),s=require("tim-js-sdk");require("react");var t=require("../../context/TUIMessageContext.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=a(s);exports.MessageName=function(s){s.className;var a=s.CustomName,o=s.message,l=s.showType;return(l===t.messageShowType.ALL||(null==o?void 0:o.flow)===l)&&(null==o?void 0:o.conversationType)===n.default.TYPES.CONV_GROUP&&l!==t.messageShowType.NONE?a||r.jsx("label",e.__assign({htmlFor:"content",className:"name"},{children:(null==o?void 0:o.nick)||(null==o?void 0:o.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("tim-js-sdk"),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=require("./hooks/useMessagePluginElement.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var h,S=c(i);!function(e){e.quote="quote",e.forward="forward",e.copy="copy",e.delete="delete",e.resend="resend",e.revoke="revoke"}(h||(h={})),exports.MessagePlugins=function(i){var c,h,p,v,M,_,m=i.plugins,T=i.showNumber,y=i.MoreIcon,f=i.config,w=n.useState(""),E=w[0],j=w[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,b=A.handleResendMessage,G=A.handleForWardMessage,O={quote:e.__assign(e.__assign({isShow:!0},null==f?void 0:f.quote),null===(c=null==q?void 0:q.config)||void 0===c?void 0:c.quote),forward:e.__assign(e.__assign({isShow:!0},null==f?void 0:f.forward),null===(h=null==q?void 0:q.config)||void 0===h?void 0:h.forward),copy:e.__assign(e.__assign({isShow:!0,relateMessageType:[S.default.TYPES.MSG_TEXT]},null==f?void 0:f.copy),null===(p=null==q?void 0:q.config)||void 0===p?void 0:p.copy),delete:e.__assign(e.__assign({isShow:!0},null==f?void 0:f.delete),null===(v=null==q?void 0:q.config)||void 0===v?void 0:v.delete),revoke:e.__assign(e.__assign({isShow:!0},null==f?void 0:f.revoke),null===(M=null==q?void 0:q.config)||void 0===M?void 0:M.revoke),resend:e.__assign(e.__assign({isShow:!0},null==f?void 0:f.resend),null===(_=null==q?void 0:q.config)||void 0===_?void 0:_.resend)},D=g.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:O.revoke.isShow&&(null==C?void 0:C.status)===d.MESSAGE_STATUS.SUCCESS&&C.flow===d.MESSAGE_FLOW.OUT,relateMessageType:O.revoke.relateMessageType}),F=g.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:O.delete.isShow&&(null==C?void 0:C.status)===d.MESSAGE_STATUS.SUCCESS,relateMessageType:O.delete.relateMessageType}),L=g.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:O.quote.isShow&&(null==C?void 0:C.status)===d.MESSAGE_STATUS.SUCCESS,relateMessageType:O.quote.relateMessageType}),W=g.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:O.copy.isShow&&(null==C?void 0:C.status)===d.MESSAGE_STATUS.SUCCESS,relateMessageType:O.copy.relateMessageType}),Y=g.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(),b(e)},message:C,isShow:O.resend.isShow&&(null==C?void 0:C.status)!==d.MESSAGE_STATUS.SUCCESS,relateMessageType:O.resend.relateMessageType}),H=[D,L,g.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(),G(e)},message:C,isShow:O.forward.isShow&&(null==C?void 0:C.status)===d.MESSAGE_STATUS.SUCCESS,relateMessageType:O.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:E,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("tim-js-sdk"),n=require("../../constants.js"),o=require("../../context/TUIChatStateContext.js"),u=require("../../context/TUIMessageContext.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=a(t),l=a(r);function d(r){var a=r.message,i=r.children,d=r.Progress,g=r.isShow,c=void 0!==g&&g,S=t.useState(),x=S[0],f=S[1],v=t.useState(0),p=v[0],M=v[1],j=o.useTUIChatStateContext("MessageProgressWithContext").uploadPenddingMessageList,P=u.useTUIMessageContext("MessageProgressWithContext"),h=P.isShowProgress,E=void 0!==h&&h,_=P.Progress,m=d||_,I=c||E;return t.useEffect((function(){j&&j.length>0&&j.map((function(e){return(null==e?void 0:e.ID)===(null==a?void 0:a.ID)&&(f(e),M(null==e?void 0:e.progress)),e}))}),[j]),I?m?s.jsx(m,{message:x}):!((null==a?void 0:a.type)!==l.default.TYPES.MSG_IMAGE&&(null==a?void 0:a.type)!==l.default.TYPES.MSG_VIDEO&&(null==a?void 0:a.type)!==l.default.TYPES.MSG_FILE||(null==a?void 0:a.status)!==n.MESSAGE_STATUS.UNSEND)&&s.jsxs("div",e.__assign({className:"progress-box"},{children:[s.jsx("span",{className:"progress",style:{width:"".concat(100*p,"%")}}),i]})):null}var g=i.default.memo(d);exports.MessageProgress=function(t){return s.jsx(g,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("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}}require("../../context/TUIMessageContext.js");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))};

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))};