@tencentcloud/chat-uikit-react 2.1.0 → 2.1.3

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

@@ -1,8 +1,8 @@
 import React, { PropsWithChildren } from 'react';
-import { ChatSDK, Conversation } from '@tencentcloud/chat';
+import { Conversation } from '@tencentcloud/chat';
 
 interface ChatProps {
-    chat?: ChatSDK | null;
+    chat?: any;
     language?: string;
     customClasses?: unknown;
     activeConversation?: Conversation;

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

@@ -1 +1 @@
-import{__assign as t}from"tslib";import{jsx as e,jsxs as o,Fragment as a}from"react/jsx-runtime";import{useState as n,useEffect as c}from"react";import{TUIStore as r,StoreName as i}from"@tencentcloud/chat-uikit-engine";import{useTranslation as s}from"react-i18next";import{isPC as m,isH5 as l}from"../../utils/env.js";import{useTUIKit as h}from"./hooks/useTUIKit.js";import{useCreateTUIKitContext as u}from"./hooks/useCreateTUIKitContext.js";import{TUIKitProvider as f}from"../../context/TUIKitContext.js";import{TUIConversation as I}from"../TUIConversation/TUIConversation.js";import{TUIChat as p}from"../TUIChat/TUIChat.js";import{TUIManage as v}from"../TUIManage/TUIManage.js";import{TUIProfile as d}from"../TUIProfile/TUIProfile.js";import"../TUIProfile/TUIProfileDefault.js";import"@tencentcloud/chat";import"../../context/TUIMessageContext.js";import"../Icon/config.js";import"../Icon/type.js";import{TUIContactInfo as C}from"../TUIContact/TUIContactInfo/TUIContactInfo.js";import{TUIContact as T}from"../TUIContact/TUIContact.js";import"../../locales/index.js";import U from"../Icon/images/chats.svg.js";import g from"../Icon/images/chats-selected.svg.js";import j from"../Icon/images/contacts.svg.js";import w from"../Icon/images/contacts-selected.svg.js";var x=[{id:1,name:"chats",icon:U,selectedIcon:g,value:"chats"},{id:2,name:"contacts",icon:j,selectedIcon:w,value:"contacts"}],N={className:"sample-h5-input",isTransmitter:!0};function M(n){var c=n.moduleValue,r=n.tabbarRender,i=n.setModuleValue;return o(a,{children:[o("div",t({className:"sample-chat-left-container"},{children:[e(d,{className:"sample-chat-profile"}),r,"chats"===c&&e(I,{}),"contacts"===c&&e(T,{})]})),"chats"===c&&o(a,{children:[e(p,{}),e(v,{})]}),"contacts"===c&&e(T,{children:e(C,{showChat:function(){i("chats")}})})]})}function P(n){var c=n.currentConversationID;return o(a,{children:[!c&&o("div",t({className:"sample-chat-h5-container"},{children:[e(d,{className:"sample-profile"}),e(I,{})]})),c&&o(a,{children:[e(p,{TUIMessageInputConfig:N}),e(v,{})]})]})}function b(a){var I=n(""),p=I[0],v=I[1],d=n("chats"),C=d[0],T=d[1],U=s().t,g=a.children,j=a.chat,w=a.customClasses,N=a.activeConversation,b=a.language,S=void 0===b?"en":b;window.tencent_cloud_im_csig_react_uikit_23F_xa=!0;var D=h({chat:j,activeConversation:N,language:S}),_=D.conversation,k=D.contactData,V=D.setActiveConversation,A=D.myProfile,y=D.TUIManageShow,K=D.setTUIManageShow,O=D.TUIProfileShow,R=D.setTUIProfileShow,F=D.setActiveContact,q=u({chat:j,language:S,conversation:_,contactData:k,setActiveConversation:V,customClasses:w,myProfile:A,TUIManageShow:y,setTUIManageShow:K,TUIProfileShow:O,setTUIProfileShow:R,setActiveContact:F});c((function(){return r.watch(i.CONV,{currentConversationID:z}),function(){r.unwatch(i.CONV,{currentConversationID:z})}}),[]);var z=function(t){v(t)},B=e("div",t({className:"sample-chat-tab"},{children:x.map((function(a){return o("div",t({className:"sample-chat-tab-container",role:"presentation",onClick:function(){var t;t=a.value,T(t)}},{children:[e("img",{src:C===a.value?a.selectedIcon:a.icon,alt:""}),e("p",t({className:"sample-chat-tab-text ".concat(C===a.value?"sample-chat-tab-active":"")},{children:U(a.name)}))]}),a.id)}))}));return e(f,t({value:q},{children:e("div",t({className:"tui-kit"},{children:g||m&&e(M,{moduleValue:C,tabbarRender:B,setModuleValue:T})||l&&e(P,{currentConversationID:p})}))}))}export{b as TUIKit};
+import{__assign as t}from"tslib";import{jsx as e,jsxs as o,Fragment as a}from"react/jsx-runtime";import{useState as n,useEffect as r}from"react";import{TUIStore as i,StoreName as c}from"@tencentcloud/chat-uikit-engine";import{useTranslation as s}from"react-i18next";import{isPC as l,isH5 as m}from"../../utils/env.js";import{useTUIKit as u}from"./hooks/useTUIKit.js";import{useCreateTUIKitContext as C}from"./hooks/useCreateTUIKitContext.js";import{TUIKitProvider as h}from"../../context/TUIKitContext.js";import{TUIConversation as T}from"../TUIConversation/TUIConversation.js";import{TUIChat as f}from"../TUIChat/TUIChat.js";import{TUIManage as d}from"../TUIManage/TUIManage.js";import{TUIProfile as p}from"../TUIProfile/TUIProfile.js";import"../TUIProfile/TUIProfileDefault.js";import"@tencentcloud/chat";import"../../context/TUIMessageContext.js";import"../Icon/config.js";import"../Icon/type.js";import{TUIContactInfo as I}from"../TUIContact/TUIContactInfo/TUIContactInfo.js";import{TUIContact as v}from"../TUIContact/TUIContact.js";import{TUIKIT_TABBAR as U}from"../../constants.js";import"../../locales/index.js";import g from"../Icon/images/chats.svg.js";import S from"../Icon/images/chats-selected.svg.js";import j from"../Icon/images/contacts.svg.js";import A from"../Icon/images/contacts-selected.svg.js";var N=[{id:1,name:U.CHATS,icon:g,selectedIcon:S,value:U.CHATS},{id:2,name:U.CONTACTS,icon:j,selectedIcon:A,value:U.CONTACTS}],w={className:"sample-h5-input",isTransmitter:!0};function b(n){var r=n.moduleValue,i=n.tabbarRender,c=n.setModuleValue;return o(a,{children:[o("div",t({className:"sample-chat-left-container"},{children:[e(p,{className:"sample-chat-profile"}),i,r===U.CHATS&&e(T,{}),r===U.CONTACTS&&e(v,{})]})),r===U.CHATS&&o(a,{children:[e(f,{}),e(d,{})]}),r===U.CONTACTS&&e(v,{children:e(I,{showChat:function(){c(U.CHATS)}})})]})}function M(n){var r=n.moduleValue,i=n.contactData,c=n.tabbarRender,s=n.currentConversationID,l=n.setModuleValue;return o(a,{children:[!s&&!i&&o("div",t({className:"sample-chat-h5-container"},{children:[e(p,{className:"sample-profile"}),c,r===U.CHATS&&e(T,{}),r===U.CONTACTS&&e(v,{})]})),r===U.CHATS&&s&&o(a,{children:[e(f,{TUIMessageInputConfig:w}),e(d,{})]}),r===U.CONTACTS&&i&&e(v,{children:e(I,{showChat:function(){l(U.CHATS)}})})]})}function x(a){var T=n(""),f=T[0],d=T[1],p=n("chats"),I=p[0],v=p[1],U=s().t,g=a.children,S=a.chat,j=a.customClasses,A=a.activeConversation,w=a.language,x=void 0===w?"en":w;window.tencent_cloud_im_csig_react_uikit_23F_xa=!0;var P=u({chat:S,activeConversation:A,language:x}),V=P.conversation,D=P.contactData,H=P.setActiveConversation,O=P.myProfile,_=P.TUIManageShow,k=P.setTUIManageShow,R=P.TUIProfileShow,y=P.setTUIProfileShow,K=P.setActiveContact,F=C({chat:S,language:x,conversation:V,contactData:D,setActiveConversation:H,customClasses:j,myProfile:O,TUIManageShow:_,setTUIManageShow:k,TUIProfileShow:R,setTUIProfileShow:y,setActiveContact:K});r((function(){return i.watch(c.CONV,{currentConversationID:q}),function(){i.unwatch(c.CONV,{currentConversationID:q})}}),[]);var q=function(t){d(t)},z=e("div",t({className:"sample-chat-tab"},{children:N.map((function(a){return o("div",t({className:"sample-chat-tab-container",role:"presentation",onClick:function(){var t;t=a.value,v(t)}},{children:[e("img",{src:I===a.value?a.selectedIcon:a.icon,alt:""}),e("p",t({className:"sample-chat-tab-text ".concat(I===a.value?"sample-chat-tab-active":"")},{children:U(a.name)}))]}),a.id)}))}));return e(h,t({value:F},{children:e("div",t({className:"tui-kit"},{children:g||l&&e(b,{moduleValue:I,tabbarRender:z,setModuleValue:v})||m&&e(M,{contactData:D,moduleValue:I,tabbarRender:z,currentConversationID:f,setModuleValue:v})}))}))}export{x as TUIKit};

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

@@ -6,15 +6,15 @@ import { TUIKitContextValue } from '../../../context/TUIKitContext.js';
 declare const useCreateTUIKitContext: (value: TUIKitContextValue) => {
     chat: _tencentcloud_chat.ChatSDK;
     language: string;
-    conversation: _tencentcloud_chat.Conversation;
+    conversation: _tencentcloud_chat.Conversation | undefined;
     contactData: UseContactParams;
     customClasses: unknown;
-    setActiveConversation: (conversation?: _tencentcloud_chat.Conversation) => void;
-    myProfile: _tencentcloud_chat.Profile;
-    TUIManageShow: boolean;
-    setTUIManageShow: React.Dispatch<React.SetStateAction<boolean>>;
-    TUIProfileShow: boolean;
-    setTUIProfileShow: React.Dispatch<React.SetStateAction<boolean>>;
+    setActiveConversation: (conversation?: _tencentcloud_chat.Conversation | undefined) => void;
+    myProfile: _tencentcloud_chat.Profile | undefined;
+    TUIManageShow: boolean | undefined;
+    setTUIManageShow: React.Dispatch<React.SetStateAction<boolean>> | undefined;
+    TUIProfileShow: boolean | undefined;
+    setTUIProfileShow: React.Dispatch<React.SetStateAction<boolean>> | undefined;
     setActiveContact: (UseContactParams?: UseContactParams) => void;
 };
 

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

@@ -24,10 +24,10 @@ interface UseChatParams {
     language?: string;
 }
 declare const useTUIKit: ({ chat, activeConversation: paramsActiveConversation, language, }: UseChatParams) => {
-    conversation: Conversation;
+    conversation: Conversation | undefined;
     contactData: UseContactParams;
     setActiveConversation: (activeConversation?: Conversation) => void;
-    myProfile: Profile;
+    myProfile: Profile | undefined;
     TUIManageShow: boolean;
     setTUIManageShow: React.Dispatch<React.SetStateAction<boolean>>;
     TUIProfileShow: boolean;

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

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

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

@@ -1,3 +1,6 @@
-declare function TUIManage(): JSX.Element;
+import React from 'react';
+
+declare function UnMemoizedTUIManage<T>(): React.ReactElement;
+declare const TUIManage: typeof UnMemoizedTUIManage;
 
 export { TUIManage };

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-import{__assign as e}from"tslib";import{jsx as t,jsxs as r,Fragment as n}from"react/jsx-runtime";import o from"react";import l from"@tencentcloud/chat";import{useTranslation as i}from"react-i18next";import{JSONStringToParse as a}from"../untils.js";import"../../context/TUIMessageContext.js";import{useComponentContext as u}from"../../context/ComponentContext.js";function c(o){var c=o.context,m=o.message,s=o.children,d=i().t,v=u().MessageCustomPlugins;return r("div",e({className:"bubble message-custom bubble-".concat(m.flow,"  ").concat((null==m?void 0:m.conversationType)===l.TYPES.CONV_GROUP?"group":"")},{children:[function(o){if("Hyperlink"===o.data){var l=a(null==o?void 0:o.extension);if(null==l?void 0:l.item)return null==l?void 0:l.item.map((function(r){return t("a",e({target:"_blank",href:r.value,rel:"noreferrer"},{children:r.value}),r.value)}));if(null==l?void 0:l.hyperlinks_text){var i=l.hyperlinks_text;return r(n,{children:[l.title," ",t("a",e({target:"_blank",href:null==i?void 0:i.value,rel:"noreferrer"},{children:i.key}),null==i?void 0:i.value)]})}}if("group_create"===o.data)return"".concat((null==m?void 0:m.nick)||(null==m?void 0:m.from)," Create a group");var u=a(o.data);return 1!==(null==u?void 0:u.chatbotPlugin)||15!==(null==u?void 0:u.src)||"welcome_msg"!==(null==u?void 0:u.subtype)&&"clarify_msg"!==(null==u?void 0:u.subtype)?"[".concat(d("TUIChat.Custom message"),"]"):t(v,{data:a(o.data).content})}(null==c?void 0:c.custom),s]}))}var m=o.memo(c);function s(r){return t(m,e({},r))}export{s as MessageCustom};
+import{__assign as e}from"tslib";import{jsx as t,jsxs as r,Fragment as n}from"react/jsx-runtime";import o from"react";import l from"@tencentcloud/chat";import{useTranslation as i}from"react-i18next";import{JSONStringToParse as a}from"../untils.js";import"../../context/TUIMessageContext.js";import{useComponentContext as u}from"../../context/ComponentContext.js";function c(o){var c=o.context,m=o.message,s=o.children,d=i().t,v=u().MessageCustomPlugins;return r("div",e({className:"bubble message-custom bubble-".concat(null==m?void 0:m.flow,"  ").concat((null==m?void 0:m.conversationType)===l.TYPES.CONV_GROUP?"group":"")},{children:[function(o){if("Hyperlink"===o.data){var l=a(null==o?void 0:o.extension);if(null==l?void 0:l.item)return null==l?void 0:l.item.map((function(r){return t("a",e({target:"_blank",href:r.value,rel:"noreferrer"},{children:r.value}),r.value)}));if(null==l?void 0:l.hyperlinks_text){var i=l.hyperlinks_text;return r(n,{children:[l.title," ",t("a",e({target:"_blank",href:null==i?void 0:i.value,rel:"noreferrer"},{children:i.key}),null==i?void 0:i.value)]})}}if("group_create"===o.data)return"".concat((null==m?void 0:m.nick)||(null==m?void 0:m.from)," Create a group");var u=a(o.data);return 1!==(null==u?void 0:u.chatbotPlugin)||15!==(null==u?void 0:u.src)||"welcome_msg"!==(null==u?void 0:u.subtype)&&"clarify_msg"!==(null==u?void 0:u.subtype)?"[".concat(d("TUIChat.Custom message"),"]"):t(v,{data:a(o.data).content})}(null==c?void 0:c.custom),s]}))}var m=o.memo(c);function s(r){return t(m,e({},r))}export{s as MessageCustom};

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

@@ -1 +1 @@
-import{__assign as r}from"tslib";import{jsx as e,jsxs as t}from"react/jsx-runtime";import m from"react";function a(m){var a=m.context,c=m.message,o=m.children;return t("div",r({className:"bubble message-face bubble-".concat(c.flow)},{children:[e("img",{className:"img",src:a.url,alt:""}),o]}))}var c=m.memo(a);function o(t){return e(c,r({},t))}export{o as MessageFace};
+import{__assign as r}from"tslib";import{jsx as e,jsxs as t}from"react/jsx-runtime";import m from"react";function o(m){var o=m.context,i=m.message,l=m.children;return t("div",r({className:"bubble message-face bubble-".concat(null==i?void 0:i.flow)},{children:[e("img",{className:"img",src:null==o?void 0:o.url,alt:""}),l]}))}var i=m.memo(o);function l(t){return e(i,r({},t))}export{l as MessageFace};

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

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

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

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

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

@@ -1 +1 @@
-import{__assign as r}from"tslib";import{jsx as e,jsxs as t}from"react/jsx-runtime";import n from"react";function a(n){var a=n.context;n.message;var i=n.children;return t("a",r({className:"bubble message-location",href:a.href,target:"_blank",title:"点击查看详情",rel:"noreferrer"},{children:[e("span",{children:a.description}),e("img",{src:a.url,alt:""}),i]}))}var i=n.memo(a);function o(t){return e(i,r({},t))}export{o as MessageLocation};
+import{__assign as r}from"tslib";import{jsx as e,jsxs as t}from"react/jsx-runtime";import n from"react";function i(n){var i=n.context;n.message;var l=n.children;return t("a",r({className:"bubble message-location",href:null==i?void 0:i.href,target:"_blank",title:"点击查看详情",rel:"noreferrer"},{children:[e("span",{children:null==i?void 0:i.description}),e("img",{src:null==i?void 0:i.url,alt:""}),l]}))}var l=n.memo(i);function o(t){return e(l,r({},t))}export{o as MessageLocation};

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-import{__assign as t}from"tslib";import{jsx as e,jsxs as n}from"react/jsx-runtime";import r from"react";import o from"@tencentcloud/chat";import{useTUIChatStateContext as a}from"../../context/TUIChatStateContext.js";import"../../context/TUIMessageContext.js";import{useComponentContext as s}from"../../context/ComponentContext.js";function c(r){var c=r.context,i=r.message,l=r.children,m=s().MessageTextPlugins,u=a("MessageText").firstSendMessage;if(m&&"in"===i.flow&&(null==u?void 0:u.time)<=(null==i?void 0:i.time))return e("div",t({className:"bubble message-text bubble-".concat(i.flow," ").concat((null==i?void 0:i.conversationType)===o.TYPES.CONV_GROUP?"group":"")},{children:e(m,{data:i})}));var f=function(t){if(!t)return t;return t.replace(/(\b(https?|ftp|file):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/gi,(function(t){return"<a class='website' href='".concat(t,"' target='_blank'>").concat(t,"</a>")}))};return e("div",t({className:"bubble message-text bubble-".concat(i.flow," ").concat((null==i?void 0:i.conversationType)===o.TYPES.CONV_GROUP?"group":"")},{children:n("div",t({className:"message-text-content"},{children:[c.text.map((function(t,n){var r=i.ID+n;return"text"===t.name?e("p",{className:"message-text-content-p",dangerouslySetInnerHTML:{__html:f(t.text)}},t.src+r):e("img",{className:"text-img",src:t.src,alt:""},t.src+r)})),l]}))}))}var i=r.memo(c);function l(n){return e(i,t({},n))}export{l as MessageText};
+import{__assign as t}from"tslib";import{jsx as e,jsxs as n}from"react/jsx-runtime";import o from"react";import r from"@tencentcloud/chat";import{useTUIChatStateContext as a}from"../../context/TUIChatStateContext.js";import"../../context/TUIMessageContext.js";import{useComponentContext as s}from"../../context/ComponentContext.js";function c(o){var c=o.context,i=o.message,l=o.children,m=s().MessageTextPlugins,u=a("MessageText").firstSendMessage;if(m&&"in"===(null==i?void 0:i.flow)&&u&&(null==u?void 0:u.time)<=(null==i?void 0:i.time))return e("div",t({className:"bubble message-text bubble-".concat(i.flow," ").concat((null==i?void 0:i.conversationType)===r.TYPES.CONV_GROUP?"group":"")},{children:e(m,{data:i})}));var f=function(t){if(!t)return t;return t.replace(/(\b(https?|ftp|file):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/gi,(function(t){return"<a class='website' href='".concat(t,"' target='_blank'>").concat(t,"</a>")}))};return e("div",t({className:"bubble message-text bubble-".concat(null==i?void 0:i.flow," ").concat((null==i?void 0:i.conversationType)===r.TYPES.CONV_GROUP?"group":"")},{children:n("div",t({className:"message-text-content"},{children:[null==c?void 0:c.text.map((function(t,n){var o=i&&(null==i?void 0:i.ID)+n;return"text"===t.name?e("p",{className:"message-text-content-p",dangerouslySetInnerHTML:{__html:f(t.text)}},t.src+o):e("img",{className:"text-img",src:t.src,alt:""},t.src+o)})),l]}))}))}var i=o.memo(c);function l(n){return e(i,t({},n))}export{l as MessageText};

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

@@ -1 +1 @@
-import{__assign as o}from"tslib";import{jsx as t,jsxs as e}from"react/jsx-runtime";import r,{useState as s}from"react";import{MESSAGE_STATUS as i}from"../../constants.js";import{isH5 as n,isPC as a}from"../../utils/env.js";import{Model as c}from"../Model/index.js";function m(r){var m=r.context,l=r.message,d=r.children,p=s(!1),u=p[0],v=p[1];return e("div",o({className:"message-video ".concat(n?"message-video-h5":"")},{children:[e("div",o({className:"".concat((null==l?void 0:l.status)===i.SUCCESS?"snap-video":""),role:"button",tabIndex:0,onClick:function(){v(!0)}},{children:[a&&t("video",{muted:!0,controls:!1,src:m.url}),n&&t("img",{src:l.payload.snapshotUrl||"https://web.sdk.qcloud.com/im/assets/images/transparent.png",style:{maxHeight:"200px",maxWidth:"200px",borderRadius:"10px"}})]})),d,u&&t(c,o({onClick:function(o){o.stopPropagation(),v(!1)}},{children:t("video",{className:"play-video",autoPlay:!0,controls:!0,src:m.url})}))]}))}var l=r.memo(m);function d(e){return t(l,o({},e))}export{d as MessageVideo};
+import{__assign as o}from"tslib";import{jsx as t,jsxs as e}from"react/jsx-runtime";import r,{useState as s}from"react";import{MESSAGE_STATUS as i}from"../../constants.js";import{isH5 as n,isPC as a}from"../../utils/env.js";import{Model as l}from"../Model/index.js";function c(r){var c=r.context,m=r.message,d=r.children,u=s(!1),p=u[0],v=u[1];return e("div",o({className:"message-video ".concat(n?"message-video-h5":"")},{children:[e("div",o({className:"".concat((null==m?void 0:m.status)===i.SUCCESS?"snap-video":""),role:"button",tabIndex:0,onClick:function(){v(!0)}},{children:[a&&t("video",{muted:!0,controls:!1,src:null==c?void 0:c.url}),n&&t("img",{src:(null==m?void 0:m.payload.snapshotUrl)||"https://web.sdk.qcloud.com/im/assets/images/transparent.png",style:{maxHeight:"200px",maxWidth:"200px",borderRadius:"10px"}})]})),d,p&&t(l,o({onClick:function(o){o.stopPropagation(),v(!1)}},{children:t("video",{className:"play-video",autoPlay:!0,controls:!0,src:null==c?void 0:c.url})}))]}))}var m=r.memo(c);function d(e){return t(m,o({},e))}export{d as MessageVideo};

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

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

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

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

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

@@ -1 +1 @@
-import{__awaiter as e,__generator as t}from"tslib";import{useCallback as r}from"react";import{useTranslation as o}from"react-i18next";import{TUIStore as n}from"@tencentcloud/chat-uikit-engine";import{MESSAGE_FLOW as a,MESSAGE_OPERATE as i}from"../../../constants.js";import{enableSampleTaskStatus as s}from"../../untils.js";import{useTUIKitContext as u}from"../../../context/TUIKitContext.js";import"react/jsx-runtime";import{useTUIChatActionContext as d}from"../../../context/TUIChatActionContext.js";import"../../../context/TUIMessageContext.js";import{Toast as l}from"../../Toast/index.js";var c=function(c){var v=c.message,f=c.handleError,m=d(),p=m.editLocalMessage,g=m.operateMessage;m.revokeMessage;var h=o().t,M=u("useDeleteHandler").chat,x=r((function(r){return e(void 0,void 0,void 0,(function(){return t(this,(function(e){return r.preventDefault(),v?(n.getMessageModel(null==v?void 0:v.ID).deleteMessage(),[2]):[2]}))}))}),[v]),y=r((function(r){return e(void 0,void 0,void 0,(function(){return t(this,(function(e){return r.preventDefault(),v?(n.getMessageModel(null==v?void 0:v.ID).revokeMessage().then((function(){p(v),s("revokeMessage")})).catch((function(e){if(!f){var t=v.flow===a.OUT?h("TUIChat.The message recall exceeded the time limit (default 2 minutes)"):h("TUIChat.Error revoke Message");throw l({text:t,type:"error"}),new Error(e)}f({functionName:"revokeMessage",error:e})})),[2]):[2]}))}))}),[v]),D=r((function(e){var t;e.preventDefault(),(null==v?void 0:v.ID)&&M&&g&&g(((t={})[i.QUOTE]=v,t))}),[v]),C=r((function(e){if(e.preventDefault(),navigator.clipboard)navigator.clipboard.writeText(v.payload.text);else{var t=document.createElement("textarea");document.body.appendChild(t),t.style.position="fixed",t.style.clip="rect(0 0 0 0)",t.style.top="10px",t.value=v.payload.text,t.select(),document.execCommand("copy",!0),document.body.removeChild(t)}}),[v]),T=r((function(r){return e(void 0,void 0,void 0,(function(){var e,r,o;return t(this,(function(t){switch(t.label){case 0:return t.trys.push([0,2,,3]),[4,M.resendMessage(v)];case 1:return e=t.sent(),p(null===(o=null==e?void 0:e.data)||void 0===o?void 0:o.message),[3,3];case 2:if(r=t.sent(),!f)throw l({text:r,type:"error"}),new Error(r);return f({functionName:"resendMessage",error:r}),[3,3];case 3:return[2]}}))}))}),[v]),I=r((function(r){return e(void 0,void 0,void 0,(function(){var e;return t(this,(function(t){return r.preventDefault(),(null==v?void 0:v.ID)&&M&&g?(g(((e={})[i.FORWARD]=v,e)),[2]):[2]}))}))}),[v]);return{handleDelMessage:x,handleRevokeMessage:y,handleReplyMessage:D,handleCopyMessage:C,handleResendMessage:T,handleForWardMessage:I}};export{c as useMessageHandler};
+import{__awaiter as e,__generator as t}from"tslib";import{useCallback as r}from"react";import{useTranslation as o}from"react-i18next";import{TUIStore as n}from"@tencentcloud/chat-uikit-engine";import{MESSAGE_FLOW as a,MESSAGE_OPERATE as i}from"../../../constants.js";import{enableSampleTaskStatus as s}from"../../untils.js";import{useTUIKitContext as l}from"../../../context/TUIKitContext.js";import"react/jsx-runtime";import{useTUIChatActionContext as u}from"../../../context/TUIChatActionContext.js";import"../../../context/TUIMessageContext.js";import{Toast as d}from"../../Toast/index.js";var c=function(c){var v=c.message,f=c.handleError,m=u(),p=m.editLocalMessage,g=m.operateMessage;m.revokeMessage;var h=o().t,M=l("useDeleteHandler").chat,x=r((function(r){return e(void 0,void 0,void 0,(function(){return t(this,(function(e){return r.preventDefault(),v?(n.getMessageModel(null==v?void 0:v.ID).deleteMessage(),[2]):[2]}))}))}),[v]),y=r((function(r){return e(void 0,void 0,void 0,(function(){return t(this,(function(e){return r.preventDefault(),v?(n.getMessageModel(null==v?void 0:v.ID).revokeMessage().then((function(){p&&p(v),s("revokeMessage")})).catch((function(e){if(!f){var t=v.flow===a.OUT?h("TUIChat.The message recall exceeded the time limit (default 2 minutes)"):h("TUIChat.Error revoke Message");throw d({text:t,type:"error"}),new Error(e)}f({functionName:"revokeMessage",error:e})})),[2]):[2]}))}))}),[v]),D=r((function(e){var t;e.preventDefault(),(null==v?void 0:v.ID)&&M&&g&&g(((t={})[i.QUOTE]=v,t))}),[v]),C=r((function(e){if(e.preventDefault(),navigator.clipboard)navigator.clipboard.writeText(null==v?void 0:v.payload.text);else{var t=document.createElement("textarea");document.body.appendChild(t),t.style.position="fixed",t.style.clip="rect(0 0 0 0)",t.style.top="10px",t.value=null==v?void 0:v.payload.text,t.select(),document.execCommand("copy",!0),document.body.removeChild(t)}}),[v]),T=r((function(){return e(void 0,void 0,void 0,(function(){var e,r,o,n;return t(this,(function(t){switch(t.label){case 0:return t.trys.push([0,3,,4]),(r=v)?[4,M.resendMessage(v)]:[3,2];case 1:r=t.sent(),t.label=2;case 2:return e=r,p&&p(null===(n=null==e?void 0:e.data)||void 0===n?void 0:n.message),[3,4];case 3:if(o=t.sent(),!f)throw d({text:o,type:"error"}),new Error(o);return f({functionName:"resendMessage",error:o}),[3,4];case 4:return[2]}}))}))}),[v]),I=r((function(r){return e(void 0,void 0,void 0,(function(){var e;return t(this,(function(t){return r.preventDefault(),(null==v?void 0:v.ID)&&M&&g?(g(((e={})[i.FORWARD]=v,e)),[2]):[2]}))}))}),[v]);return{handleDelMessage:x,handleRevokeMessage:y,handleReplyMessage:D,handleCopyMessage:C,handleResendMessage:T,handleForWardMessage:I}};export{c as useMessageHandler};

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

@@ -1 +1 @@
-import{useState as e,useLayoutEffect as t}from"react";import s from"@tencentcloud/chat";import{useTUIKitContext as o}from"../../../context/TUIKitContext.js";import{useTUIChatStateContext as a}from"../../../context/TUIChatStateContext.js";import"tslib";import"react/jsx-runtime";import"../../../context/TUIMessageContext.js";import{JSONStringToParse as n}from"../../untils.js";var r,l=((r={})[s.TYPES.MSG_TEXT]=1,r[s.TYPES.MSG_FACE]=8,r[s.TYPES.MSG_IMAGE]=3,r[s.TYPES.MSG_AUDIO]=4,r[s.TYPES.MSG_VIDEO]=5,r[s.TYPES.MSG_FILE]=6,r[s.TYPES.MSG_CUSTOM]=2,r),i=function(r){var i=r.message,m=e(null),u=m[0],S=m[1],T=e(""),p=T[0],c=T[1],g=e(null),d=g[0],E=g[1],M=e(""),f=M[0],v=M[1],I=o("TUIChat").chat,x=a("useMessageReply").messageList;t((function(){C(i)}),[i]);var C=function(e){if(null==e?void 0:e.cloudCustomData){var t=n(null==i?void 0:i.cloudCustomData),o=(null==t?void 0:t.messageReply)||"";if(o){S(o),c(null==o?void 0:o.messageSender),v(null==o?void 0:o.messageID);var a=x.filter((function(e){var t=e.ID===(null==o?void 0:o.messageID),a=t&&l[e.type]===o.messageType,n=e.type!==s.TYPES.MSG_TEXT||e.payload.text===o.messageAbstract;return t&&a&&n}));E(a[0]||I.findMessage(null==o?void 0:o.messageID))}}};return{messageReply:u,sender:p,replyMessage:d,messageID:f,message:i}};export{i as useMessageReply};
+import{useState as e,useLayoutEffect as t}from"react";import s from"@tencentcloud/chat";import{useTUIKitContext as o}from"../../../context/TUIKitContext.js";import{useTUIChatStateContext as a}from"../../../context/TUIChatStateContext.js";import"tslib";import"react/jsx-runtime";import"../../../context/TUIMessageContext.js";import{JSONStringToParse as n}from"../../untils.js";var r,l=((r={})[s.TYPES.MSG_TEXT]=1,r[s.TYPES.MSG_FACE]=8,r[s.TYPES.MSG_IMAGE]=3,r[s.TYPES.MSG_AUDIO]=4,r[s.TYPES.MSG_VIDEO]=5,r[s.TYPES.MSG_FILE]=6,r[s.TYPES.MSG_CUSTOM]=2,r),i=function(r){var i=r.message,m=e(null),u=m[0],S=m[1],T=e(""),p=T[0],c=T[1],g=e(null),d=g[0],v=g[1],E=e(""),M=E[0],f=E[1],I=o("TUIChat").chat,x=a("useMessageReply").messageList;t((function(){i&&C(i)}),[i]);var C=function(e){if(null==e?void 0:e.cloudCustomData){var t=n(null==e?void 0:e.cloudCustomData),o=(null==t?void 0:t.messageReply)||"";if(o){S(o),c(null==o?void 0:o.messageSender),f(null==o?void 0:o.messageID);var a=null==x?void 0:x.filter((function(e){var t=e.ID===(null==o?void 0:o.messageID),a=t&&l[e.type]===o.messageType,n=e.type!==s.TYPES.MSG_TEXT||e.payload.text===o.messageAbstract;return t&&a&&n}));v(a[0]||I.findMessage(null==o?void 0:o.messageID))}}};return{messageReply:u,sender:p,replyMessage:d,messageID:M,message:i}};export{i as useMessageReply};

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

@@ -1 +1 @@
-import{__assign as a}from"tslib";import t from"@tencentcloud/chat";import{decodeText as e}from"./decodeText.js";import{MESSAGE_STATUS as c}from"../../../constants.js";import{JSONStringToParse as o}from"../../untils.js";function n(a){var t=a.split(".");return t[t.length-1]}function s(a){var e,c,o,s,r,i={message:a,text:""},p=a.nick||(null===(e=null==a?void 0:a.payload)||void 0===e?void 0:e.userIDList.join(","));switch((null===(o=null===(c=null==a?void 0:a.payload)||void 0===c?void 0:c.memberList)||void 0===o?void 0:o.length)>0&&(p="",null===(r=null===(s=null==a?void 0:a.payload)||void 0===s?void 0:s.memberList)||void 0===r||r.map((function(a){return p+="".concat((null==a?void 0:a.nick)||(null==a?void 0:a.userID),","),a})),p=p.slice(0,-1)),a.payload.operationType){case t.TYPES.GRP_TIP_MBR_JOIN:i.text="".concat(p," ").concat(n("message.tip.Join in group"));break;case t.TYPES.GRP_TIP_MBR_QUIT:i.text="".concat(n("message.tip.member"),"：").concat(p," ").concat(n("message.tip.quit group"));break;case t.TYPES.GRP_TIP_MBR_KICKED_OUT:i.text="".concat(n("message.tip.member"),"：").concat(p," ").concat(n("message.tip.by")," ").concat(a.payload.operatorID," ").concat(n("message.tip.kicked out of group"));break;case t.TYPES.GRP_TIP_MBR_SET_ADMIN:i.text="".concat(n("message.tip.member"),"：").concat(p," ").concat(n("message.tip.become admin"));break;case t.TYPES.GRP_TIP_MBR_CANCELED_ADMIN:i.text="".concat(n("message.tip.member"),"：").concat(p," ").concat(n("message.tip.by revoked administrator"));break;case t.TYPES.GRP_TIP_GRP_PROFILE_UPDATED:i.text=function(a){var t=a.payload,e=t.newGroupProfile,c=t.operatorID,o="",s=Object.keys(e)[0];switch(s){case"muteAllMembers":o=e[s]?"".concat(n("message.tip.admin")," ").concat(c," ").concat(n("message.tip.enable all staff mute")):"".concat(n("message.tip.admin")," ").concat(c," ").concat(n("message.tip.unmute everyone"));break;case"ownerID":o="".concat(e[s]," ").concat(n("message.tip.become the new owner"));break;case"groupName":o="".concat(c," ").concat(n("message.tip.modify group name")," ").concat(e[s]);break;case"notification":o="".concat(c," ").concat(n("message.tip.post a new announcement"))}return o}(a);break;case t.TYPES.GRP_TIP_MBR_PROFILE_UPDATED:a.payload.memberList.map((function(a){return a.muteTime>0?i.text="".concat(n("message.tip.member"),"：").concat(a.userID).concat(n("message.tip.muted")):i.text="".concat(n("message.tip.member"),"：").concat(a.userID).concat(n("message.tip.unmuted")),a}));break;default:i.text="[".concat(n("message.tip.reminder message"),"]")}return i}function r(a){return{text:e(a.payload)}}function i(a){var t={message:a,name:"",url:""};return t.name=a.payload.data,a.payload.data.indexOf("@2x")<0&&(t.name="".concat(t.name,"@2x")),t.url="https://web.sdk.qcloud.com/im/assets/face-elem/".concat(t.name,".png"),t}function p(a){var t={lon:"",lat:"",href:"",url:"",description:"",message:a};return t.lon=a.payload.longitude.toFixed(6),t.lat=a.payload.latitude.toFixed(6),t.href="https://map.qq.com/?type=marker&isopeninfowin=1&markertype=1&"+"pointx=".concat(t.lon,"&pointy=").concat(t.lat,"&name=").concat(a.payload.description),t.url="https://apis.map.qq.com/ws/staticmap/v2/?"+"center=".concat(t.lat,",").concat(t.lon,"&zoom=10&size=300*150&maptype=roadmap&")+"markers=size:large|color:0xFFCCFF|label:k|".concat(t.lat,",").concat(t.lon,"&")+"key=UBNBZ-PTP3P-TE7DB-LHRTI-Y4YLE-VWBBD",t.description=a.payload.description,t}function m(a){return{progress:(null==a?void 0:a.status)===c.UNSEND&&a.progress,url:a.payload.imageInfoArray[1].url,message:a}}function l(a){var t,e;return{progress:(null==a?void 0:a.status)===c.UNSEND&&(null==a?void 0:a.progress),url:null===(t=null==a?void 0:a.payload)||void 0===t?void 0:t.videoUrl,snapshotUrl:null===(e=null==a?void 0:a.payload)||void 0===e?void 0:e.snapshotUrl,message:a}}function u(a){return{progress:(null==a?void 0:a.status)===c.UNSEND&&a.progress,url:a.payload.url,message:a,second:a.payload.second}}function d(a){var t="";return t=a.payload.fileSize>=1048576?"".concat((a.payload.fileSize/1048576).toFixed(2)," Mb"):a.payload.fileSize>=1024?"".concat((a.payload.fileSize/1024).toFixed(2)," Kb"):"".concat(a.payload.fileSize.toFixed(2),"B"),{progress:(null==a?void 0:a.status)===c.UNSEND&&a.progress,url:a.payload.fileUrl,message:a,name:a.payload.fileName,size:t}}function g(t){return a({message:t},t.payload)}function y(a){var t={},e={};try{t=o(a.payload.data)}catch(a){t={}}if(1!==t.businessID)return"";try{e=o(t.data)}catch(a){e={}}switch(t.actionType){case 1:return e.call_end>=0&&!t.groupID?"".concat(n("message.custom.talkTime"),"：").concat(v(e.call_end)):t.groupID?"".concat(n("message.custom.groupCallEnd")):e.data&&"switchToAudio"===e.data.cmd?"".concat(n("message.custom.switchToAudioCall")):e.data&&"switchToVideo"===e.data.cmd?"".concat(n("message.custom.switchToVideoCall")):"".concat(n("message.custom.all"));case 2:return"".concat(n("message.custom.cancel"));case 3:return e.data&&"switchToAudio"===e.data.cmd?"".concat(n("message.custom.switchToAudioCall")):e.data&&"switchToVideo"===e.data.cmd?"".concat(n("message.custom.switchToVideoCall")):"".concat(n("message.custom.accepted"));case 4:return"".concat(n("message.custom.rejected"));case 5:return e.data&&"switchToAudio"===e.data.cmd?"".concat(n("message.custom.switchToAudioCall")):e.data&&"switchToVideo"===e.data.cmd?"".concat(n("message.custom.switchToVideoCall")):"".concat(n("message.custom.noResp"));default:return""}}function f(a){return{message:a,custom:y(a)||(null==a?void 0:a.payload)||"[".concat(n("message.custom.custom"),"]")}}function I(a){var t=a.payload.groupProfile.name||a.payload.groupProfile.groupID;switch(a.payload.operationType){case 1:return"".concat(a.payload.operatorID," ").concat(n("message.tip.申请加入群组"),"：").concat(t);case 2:return"".concat(n("message.tip.成功加入群组"),"：").concat(t);case 3:return"".concat(n("message.tip.申请加入群组"),"：").concat(t," ").concat(n("message.tip.被拒绝"));case 4:return"".concat(n("message.tip.你被管理员")).concat(a.payload.operatorID," ").concat(n("message.tip.踢出群组"),"：").concat(t);case 5:return"".concat(n("message.tip.群"),"：").concat(t," ").concat(n("message.tip.被")," ").concat(a.payload.operatorID," ").concat(n("message.tip.解散"));case 6:return"".concat(a.payload.operatorID," ").concat(n("message.tip.创建群"),"：").concat(t);case 7:case 12:return"".concat(a.payload.operatorID," ").concat(n("message.tip.邀请你加群"),"：").concat(t);case 8:return"".concat(n("message.tip.你退出群组"),"：").concat(t);case 9:return"".concat(n("message.tip.你被")).concat(a.payload.operatorID," ").concat(n("message.tip.设置为群"),"：").concat(t," ").concat(n("message.tip.的管理员"));case 10:return"".concat(n("message.tip.你被")).concat(a.payload.operatorID," ").concat(n("message.tip.撤销群"),"：").concat(t," ").concat(n("message.tip.的管理员身份"));case 13:return"".concat(a.payload.operatorID," ").concat(n("message.tip.同意加群"),"：").concat(t);case 14:return"".concat(a.payload.operatorID," ").concat(n("message.tip.拒接加群"),"：").concat(t);case 255:return"".concat(n("message.tip.自定义群系统通知"),": ").concat(a.payload.userDefinedField);default:return""}}function v(a){var t,e,c,o,n=a;return n>=3600?(e=parseInt("".concat(n/3600),10)<10?"0".concat(parseInt("".concat(n/3600),10)):parseInt("".concat(n/3600),10),c=parseInt("".concat(n%60/60),10)<10?"0".concat(parseInt("".concat(n%60/60),10)):parseInt("".concat(n%60/60),10),(o=n%3600<10?"0".concat(n%3600):n%3600)>60&&(c=parseInt("".concat(o/60),10)<10?"0".concat(parseInt("".concat(o/60),10)):parseInt("".concat(o/60),10),o=o%60<10?"0".concat(o%60):o%60),t="".concat(e,":").concat(c,":").concat(o)):n>=60&&n<3600?(c=parseInt("".concat(n/60),10)<10?"0".concat(parseInt("".concat(n/60),10)):parseInt("".concat(n/60),10),o=n%60<10?"0".concat(n%60):n%60,t="00:".concat(c,":").concat(o)):n<60&&(o=n<10?"0".concat(n):n,t="00:00:".concat(o)),t}export{y as extractCallingInfoFromMessage,v as formatTime,u as handleAudioMessageShowContext,f as handleCustomMessageShowContext,i as handleFaceMessageShowContext,d as handleFileMessageShowContext,m as handleImageMessageShowContext,p as handleLocationMessageShowContext,g as handleMergerMessageShowContext,r as handleTextMessageShowContext,s as handleTipMessageShowContext,l as handleVideoMessageShowContext,I as translateGroupSystemNotice};
+import{__assign as a}from"tslib";import t from"@tencentcloud/chat";import{decodeText as e}from"./decodeText.js";import{MESSAGE_STATUS as c}from"../../../constants.js";import{JSONStringToParse as o}from"../../untils.js";function n(a){var t=a.split(".");return t[t.length-1]}function s(a){var e,c,o,s,r,i={message:a,text:""},p=a.nick||(null===(e=null==a?void 0:a.payload)||void 0===e?void 0:e.userIDList.join(","));switch((null===(o=null===(c=null==a?void 0:a.payload)||void 0===c?void 0:c.memberList)||void 0===o?void 0:o.length)>0&&(p="",null===(r=null===(s=null==a?void 0:a.payload)||void 0===s?void 0:s.memberList)||void 0===r||r.map((function(a){return p+="".concat((null==a?void 0:a.nick)||(null==a?void 0:a.userID),","),a})),p=p.slice(0,-1)),a.payload.operationType){case t.TYPES.GRP_TIP_MBR_JOIN:i.text="".concat(p," ").concat(n("message.tip.Join in group"));break;case t.TYPES.GRP_TIP_MBR_QUIT:i.text="".concat(n("message.tip.member"),"：").concat(p," ").concat(n("message.tip.quit group"));break;case t.TYPES.GRP_TIP_MBR_KICKED_OUT:i.text="".concat(n("message.tip.member"),"：").concat(p," ").concat(n("message.tip.by")," ").concat(a.payload.operatorID," ").concat(n("message.tip.kicked out of group"));break;case t.TYPES.GRP_TIP_MBR_SET_ADMIN:i.text="".concat(n("message.tip.member"),"：").concat(p," ").concat(n("message.tip.become admin"));break;case t.TYPES.GRP_TIP_MBR_CANCELED_ADMIN:i.text="".concat(n("message.tip.member"),"：").concat(p," ").concat(n("message.tip.by revoked administrator"));break;case t.TYPES.GRP_TIP_GRP_PROFILE_UPDATED:i.text=function(a){var t=a.payload,e=t.newGroupProfile,c=t.operatorID,o="",s=Object.keys(e)[0];switch(s){case"muteAllMembers":o=e[s]?"".concat(n("message.tip.admin")," ").concat(c," ").concat(n("message.tip.enable all staff mute")):"".concat(n("message.tip.admin")," ").concat(c," ").concat(n("message.tip.unmute everyone"));break;case"ownerID":o="".concat(e[s]," ").concat(n("message.tip.become the new owner"));break;case"groupName":o="".concat(c," ").concat(n("message.tip.modify group name")," ").concat(e[s]);break;case"notification":o="".concat(c," ").concat(n("message.tip.post a new announcement"))}return o}(a);break;case t.TYPES.GRP_TIP_MBR_PROFILE_UPDATED:a.payload.memberList.map((function(a){return a.muteTime>0?i.text="".concat(n("message.tip.member"),"：").concat(a.userID).concat(n("message.tip.muted")):i.text="".concat(n("message.tip.member"),"：").concat(a.userID).concat(n("message.tip.unmuted")),a}));break;default:i.text="[".concat(n("message.tip.reminder message"),"]")}return i}function r(a){return{text:e(a.payload)}}function i(a){var t={message:a,name:"",url:""};return t.name=a.payload.data,a.payload.data.indexOf("@2x")<0&&(t.name="".concat(t.name,"@2x")),t.url="https://web.sdk.qcloud.com/im/assets/face-elem/".concat(t.name,".png"),t}function p(a){var t={lon:"",lat:"",href:"",url:"",description:"",message:a};return t.lon=a.payload.longitude.toFixed(6),t.lat=a.payload.latitude.toFixed(6),t.href="https://map.qq.com/?type=marker&isopeninfowin=1&markertype=1&"+"pointx=".concat(t.lon,"&pointy=").concat(t.lat,"&name=").concat(a.payload.description),t.url="https://apis.map.qq.com/ws/staticmap/v2/?"+"center=".concat(t.lat,",").concat(t.lon,"&zoom=10&size=300*150&maptype=roadmap&")+"markers=size:large|color:0xFFCCFF|label:k|".concat(t.lat,",").concat(t.lon,"&")+"key=UBNBZ-PTP3P-TE7DB-LHRTI-Y4YLE-VWBBD",t.description=a.payload.description,t}function m(a){return{progress:(null==a?void 0:a.status)===c.UNSEND&&a.progress,url:a.payload.imageInfoArray[1].url,message:a}}function l(a){var t,e;return{progress:(null==a?void 0:a.status)===c.UNSEND&&(null==a?void 0:a.progress),url:null===(t=null==a?void 0:a.payload)||void 0===t?void 0:t.videoUrl,snapshotUrl:null===(e=null==a?void 0:a.payload)||void 0===e?void 0:e.snapshotUrl,message:a}}function u(a){return{progress:(null==a?void 0:a.status)===c.UNSEND&&a.progress,url:a.payload.url,message:a,second:a.payload.second}}function d(a){var t="";return t=a.payload.fileSize>=1048576?"".concat((a.payload.fileSize/1048576).toFixed(2)," Mb"):a.payload.fileSize>=1024?"".concat((a.payload.fileSize/1024).toFixed(2)," Kb"):"".concat(a.payload.fileSize.toFixed(2),"B"),{progress:(null==a?void 0:a.status)===c.UNSEND&&a.progress,url:a.payload.fileUrl,message:a,name:a.payload.fileName,size:t}}function g(t){return a({message:t},t.payload)}function y(a){var t={},e={};try{t=o(a.payload.data)}catch(a){t={}}if(1!==t.businessID)return"";try{e=o(t.data)}catch(a){e={}}switch(t.actionType){case 1:return e.call_end>=0&&!t.groupID?"".concat(n("message.custom.talkTime"),"：").concat(v(e.call_end)):t.groupID?"".concat(n("message.custom.groupCallEnd")):e.data&&"switchToAudio"===e.data.cmd?"".concat(n("message.custom.switchToAudioCall")):e.data&&"switchToVideo"===e.data.cmd?"".concat(n("message.custom.switchToVideoCall")):"".concat(n("message.custom.all"));case 2:return"".concat(n("message.custom.cancel"));case 3:return e.data&&"switchToAudio"===e.data.cmd?"".concat(n("message.custom.switchToAudioCall")):e.data&&"switchToVideo"===e.data.cmd?"".concat(n("message.custom.switchToVideoCall")):"".concat(n("message.custom.accepted"));case 4:return"".concat(n("message.custom.rejected"));case 5:return e.data&&"switchToAudio"===e.data.cmd?"".concat(n("message.custom.switchToAudioCall")):e.data&&"switchToVideo"===e.data.cmd?"".concat(n("message.custom.switchToVideoCall")):"".concat(n("message.custom.noResp"));default:return""}}function I(a){return{message:a,custom:y(a)||(null==a?void 0:a.payload)||"[".concat(n("message.custom.custom"),"]")}}function f(a){var t=a.payload.groupProfile.name||a.payload.groupProfile.groupID;switch(a.payload.operationType){case 1:return"".concat(a.payload.operatorID," ").concat(n("message.tip.申请加入群组"),"：").concat(t);case 2:return"".concat(n("message.tip.成功加入群组"),"：").concat(t);case 3:return"".concat(n("message.tip.申请加入群组"),"：").concat(t," ").concat(n("message.tip.被拒绝"));case 4:return"".concat(n("message.tip.你被管理员")).concat(a.payload.operatorID," ").concat(n("message.tip.踢出群组"),"：").concat(t);case 5:return"".concat(n("message.tip.群"),"：").concat(t," ").concat(n("message.tip.被")," ").concat(a.payload.operatorID," ").concat(n("message.tip.解散"));case 6:return"".concat(a.payload.operatorID," ").concat(n("message.tip.创建群"),"：").concat(t);case 7:case 12:return"".concat(a.payload.operatorID," ").concat(n("message.tip.邀请你加群"),"：").concat(t);case 8:return"".concat(n("message.tip.你退出群组"),"：").concat(t);case 9:return"".concat(n("message.tip.你被")).concat(a.payload.operatorID," ").concat(n("message.tip.设置为群"),"：").concat(t," ").concat(n("message.tip.的管理员"));case 10:return"".concat(n("message.tip.你被")).concat(a.payload.operatorID," ").concat(n("message.tip.撤销群"),"：").concat(t," ").concat(n("message.tip.的管理员身份"));case 13:return"".concat(a.payload.operatorID," ").concat(n("message.tip.同意加群"),"：").concat(t);case 14:return"".concat(a.payload.operatorID," ").concat(n("message.tip.拒接加群"),"：").concat(t);case 255:return"".concat(n("message.tip.自定义群系统通知"),": ").concat(a.payload.userDefinedField);default:return""}}function v(a){var t,e,c,o,n=a;return n>=3600?(e=parseInt("".concat(n/3600),10)<10?"0".concat(parseInt("".concat(n/3600),10)):parseInt("".concat(n/3600),10),c=parseInt("".concat(n%60/60),10)<10?"0".concat(parseInt("".concat(n%60/60),10)):parseInt("".concat(n%60/60),10),(o=n%3600<10?parseInt("0".concat(n%3600)):n%3600)>60&&(c=parseInt("".concat(o/60),10)<10?"0".concat(parseInt("".concat(o/60),10)):parseInt("".concat(o/60),10),o=o%60<10?"0".concat(o%60):o%60),t="".concat(e,":").concat(c,":").concat(o)):n>=60&&n<3600?(c=parseInt("".concat(n/60),10)<10?"0".concat(parseInt("".concat(n/60),10)):parseInt("".concat(n/60),10),o=n%60<10?"0".concat(n%60):n%60,t="00:".concat(c,":").concat(o)):n<60&&(o=n<10?"0".concat(n):n,t="00:00:".concat(o)),t}export{y as extractCallingInfoFromMessage,v as formatTime,u as handleAudioMessageShowContext,I as handleCustomMessageShowContext,i as handleFaceMessageShowContext,d as handleFileMessageShowContext,m as handleImageMessageShowContext,p as handleLocationMessageShowContext,g as handleMergerMessageShowContext,r as handleTextMessageShowContext,s as handleTipMessageShowContext,l as handleVideoMessageShowContext,f as translateGroupSystemNotice};

package/dist/esm/components/TUIMessageInput/EmojiPicker.js

@@ -1 +1 @@
-import{__assign as t}from"tslib";import{jsxs as e,jsx as i}from"react/jsx-runtime";import{useState as o}from"react";import{useTUIMessageInputContext as a}from"../../context/TUIMessageInputContext.js";import{Icon as n}from"../Icon/Icon.js";import{IconTypes as r}from"../Icon/type.js";import{Popup as c}from"../Popup/index.js";import{emojiName as p,emojiUrl as s,emojiMap as m}from"../TUIMessage/utils/emojiMap.js";function l(){var l=o(!1),u=l[0],f=l[1],d=o(0),g=d[0];d[1];var j=o(""),h=j[0],I=j[1],x=function(){f(!u)},M=a("TUIMessageInputDefault"),v=M.onSelectEmoji,N=M.sendFaceMessage,b=function(t){var e={index:g,data:t.target.dataset.data};e.data&&(0===g?v(e):(N(e),x()))};return e("div",t({className:"emoji-picker input-plugin-popup"},{children:[i(n,{width:20,height:20,type:r.EMOJI,onClick:x}),i(c,t({className:"input-plugin-popup-box ".concat(h),show:u,close:x,handleVisible:function(t){I("".concat(!t.top&&"emoji-plugin-top"," ").concat(!t.left&&"emoji-plugin-right"))}},{children:i("ul",t({className:"face-list"},{children:0===g&&p.map((function(e,o){var a=e+o;return i("li",t({role:"menuitem",className:"face-list-item",onClick:b},{children:i("img",{src:"".concat(s+m[e]),alt:"","data-data":e})}),a)}))}))}))]}))}export{l as EmojiPicker};
+import{__assign as t}from"tslib";import{jsxs as e,jsx as i}from"react/jsx-runtime";import{useState as o}from"react";import{useTUIMessageInputContext as a}from"../../context/TUIMessageInputContext.js";import{Icon as n}from"../Icon/Icon.js";import{IconTypes as r}from"../Icon/type.js";import{Popup as c}from"../Popup/index.js";import{emojiName as p,emojiUrl as s,emojiMap as m}from"../TUIMessage/utils/emojiMap.js";function l(){var l=o(!1),u=l[0],f=l[1],d=o(0),g=d[0];d[1];var j=o(""),h=j[0],I=j[1],x=function(){f(!u)},M=a("TUIMessageInputDefault"),v=M.onSelectEmoji,N=M.sendFaceMessage,b=function(t){var e={index:g,data:t.target.dataset.data};e.data&&(0===g?v&&v(e):(N&&N(e),x()))};return e("div",t({className:"emoji-picker input-plugin-popup"},{children:[i(n,{width:20,height:20,type:r.EMOJI,onClick:x}),i(c,t({className:"input-plugin-popup-box ".concat(h),show:u,close:x,handleVisible:function(t){I("".concat(!t.top&&"emoji-plugin-top"," ").concat(!t.left&&"emoji-plugin-right"))}},{children:i("ul",t({className:"face-list"},{children:0===g&&p.map((function(e,o){var a=e+o;return i("li",t({role:"menuitem",className:"face-list-item",onClick:b},{children:i("img",{src:"".concat(s+m[e]),alt:"","data-data":e})}),a)}))}))}))]}))}export{l as EmojiPicker};

package/dist/esm/components/TUIMessageInput/InputPluginsDefalut.js

@@ -1 +1 @@
-import{__assign as i,__spreadArray as o}from"tslib";import{jsxs as e,jsx as n}from"react/jsx-runtime";import{useRef as l}from"react";import{useTranslation as t}from"react-i18next";import{EmojiPicker as r}from"./EmojiPicker.js";import{Plugins as u}from"../Plugins/index.js";import{useUploadElement as s}from"./hooks/useUploadElement.js";import{MESSAGE_TYPE_NAME as c}from"../../constants.js";import{useTUIMessageInputContext as d}from"../../context/TUIMessageInputContext.js";import{Icon as p}from"../Icon/Icon.js";import{IconTypes as m}from"../Icon/type.js";import{useTUIChatStateContext as a}from"../../context/TUIChatStateContext.js";import"../../context/TUIMessageContext.js";function g(){var g,f,v,h,I,C,M,j=d("TUIMessageInputDefault"),U=j.sendUploadMessage,k=j.pluginConfig,x=t().t,E=a("TUIMessageInput").TUIMessageInputConfig,P=(null==k?void 0:k.plugins)||(null===(g=null==E?void 0:E.pluginConfig)||void 0===g?void 0:g.plugins)||[],T=(null==k?void 0:k.showNumber)||(null===(f=null==E?void 0:E.pluginConfig)||void 0===f?void 0:f.showNumber)||1,y=(null==k?void 0:k.MoreIcon)||(null===(v=null==E?void 0:E.pluginConfig)||void 0===v?void 0:v.MoreIcon),N=function(i,o,e){return"boolean"==typeof i?i:"boolean"==typeof o?o:e},b=N(null==k?void 0:k.isEmojiPicker,null===(h=null==E?void 0:E.pluginConfig)||void 0===h?void 0:h.isEmojiPicker,!0),w=N(null==k?void 0:k.isImagePicker,null===(I=null==E?void 0:E.pluginConfig)||void 0===I?void 0:I.isImagePicker,!0),V=N(null==k?void 0:k.isVideoPicker,null===(C=null==E?void 0:E.pluginConfig)||void 0===C?void 0:C.isVideoPicker,!0),D=N(null==k?void 0:k.isFilePicker,null===(M=null==E?void 0:E.pluginConfig)||void 0===M?void 0:M.isFilePicker,!0),F=l(null),O=w&&s({children:e("div",i({className:"input-plugin-item"},{children:[n(p,{width:20,height:20,type:m.IMAGE}),n("span",{children:x("TUIChat.Image")})]})),type:"image",accept:"image/*",onChange:function(i){F.current.closeMore(),U({file:i},c.IMAGE)}}),A=V&&s({children:e("div",i({className:"input-plugin-item"},{children:[n(p,{width:20,height:20,type:m.VIDEO}),n("span",{children:x("TUIChat.Video")})]})),type:"video",accept:"video/*",onChange:function(i){F.current.closeMore(),U({file:i},c.VIDEO)}}),G=D&&s({children:e("div",i({className:"input-plugin-item"},{children:[n(p,{width:20,height:20,type:m.DOCUMENT}),n("span",{children:x("TUIChat.File")})]})),type:"file",accept:"file/*",onChange:function(i){F.current.closeMore(),U({file:i},c.FILE)}}),L=o([b&&n(r,{}),O,A,G],P,!0).filter((function(i){return i}));return n(u,{ref:F,plugins:L,showNumber:T,MoreIcon:y})}export{g as InputPluginsDefalut};
+import{__assign as i,__spreadArray as o}from"tslib";import{jsxs as e,jsx as n}from"react/jsx-runtime";import{useRef as l}from"react";import{useTranslation as t}from"react-i18next";import{EmojiPicker as r}from"./EmojiPicker.js";import{Plugins as u}from"../Plugins/index.js";import{useUploadElement as d}from"./hooks/useUploadElement.js";import{MESSAGE_TYPE_NAME as c}from"../../constants.js";import{useTUIMessageInputContext as s}from"../../context/TUIMessageInputContext.js";import{Icon as p}from"../Icon/Icon.js";import{IconTypes as v}from"../Icon/type.js";import{useTUIChatStateContext as a}from"../../context/TUIChatStateContext.js";import"../../context/TUIMessageContext.js";function m(){var m,g,f,h,I,C,M,j=s("TUIMessageInputDefault"),U=j.sendUploadMessage,k=j.pluginConfig,x=t().t,E=a("TUIMessageInput").TUIMessageInputConfig,P=(null==k?void 0:k.plugins)||(null===(m=null==E?void 0:E.pluginConfig)||void 0===m?void 0:m.plugins)||[],T=(null==k?void 0:k.showNumber)||(null===(g=null==E?void 0:E.pluginConfig)||void 0===g?void 0:g.showNumber)||1,y=(null==k?void 0:k.MoreIcon)||(null===(f=null==E?void 0:E.pluginConfig)||void 0===f?void 0:f.MoreIcon),N=function(i,o,e){return"boolean"==typeof i?i:"boolean"==typeof o?o:e},b=N(null==k?void 0:k.isEmojiPicker,null===(h=null==E?void 0:E.pluginConfig)||void 0===h?void 0:h.isEmojiPicker,!0),w=N(null==k?void 0:k.isImagePicker,null===(I=null==E?void 0:E.pluginConfig)||void 0===I?void 0:I.isImagePicker,!0),V=N(null==k?void 0:k.isVideoPicker,null===(C=null==E?void 0:E.pluginConfig)||void 0===C?void 0:C.isVideoPicker,!0),D=N(null==k?void 0:k.isFilePicker,null===(M=null==E?void 0:E.pluginConfig)||void 0===M?void 0:M.isFilePicker,!0),F=l(),O=w&&d({children:e("div",i({className:"input-plugin-item"},{children:[n(p,{width:20,height:20,type:v.IMAGE}),n("span",{children:x("TUIChat.Image")})]})),type:"image",accept:"image/*",onChange:function(i){var o;(null===(o=null==F?void 0:F.current)||void 0===o?void 0:o.closeMore)&&F.current.closeMore(),U&&U({file:i},c.IMAGE)}}),A=V&&d({children:e("div",i({className:"input-plugin-item"},{children:[n(p,{width:20,height:20,type:v.VIDEO}),n("span",{children:x("TUIChat.Video")})]})),type:"video",accept:"video/*",onChange:function(i){var o;(null===(o=null==F?void 0:F.current)||void 0===o?void 0:o.closeMore)&&F.current.closeMore(),U&&U({file:i},c.VIDEO)}}),G=D&&d({children:e("div",i({className:"input-plugin-item"},{children:[n(p,{width:20,height:20,type:v.DOCUMENT}),n("span",{children:x("TUIChat.File")})]})),type:"file",accept:"file/*",onChange:function(i){var o;(null===(o=null==F?void 0:F.current)||void 0===o?void 0:o.closeMore)&&F.current.closeMore(),U&&U({file:i},c.FILE)}}),L=o([b&&n(r,{}),O,A,G],P,!0).filter((function(i){return i}));return n(u,{ref:F,plugins:L,showNumber:T,MoreIcon:y})}export{m as InputPluginsDefalut};

package/dist/esm/components/TUIMessageInput/InputQuoteDefalut.js

@@ -1 +1 @@
-import{__assign as t}from"tslib";import{jsxs as o,jsx as e}from"react/jsx-runtime";import{useCallback as s}from"react";import{useTUIChatActionContext as n}from"../../context/TUIChatActionContext.js";import"../../context/TUIMessageContext.js";import{Icon as i}from"../Icon/Icon.js";import{IconTypes as r}from"../Icon/type.js";import{MESSAGE_OPERATE as m}from"../../constants.js";import{useHandleQuoteMessage as a}from"./hooks/useHandleQuoteMessage.js";import{formatEmojiString as l}from"../TUIMessage/utils/emojiMap.js";function c(c){var p=c.message,u=n().operateMessage,d=a(p),f=d.cloudCustomData,h=d.message,g=s((function(){var t;u(((t={})[m.QUOTE]=null,t))}),[u]),j=null==f?void 0:f.messageReply;return j&&o("div",t({className:"input-quote"},{children:[o("div",t({className:"input-quote-content"},{children:[e("label",t({htmlFor:"input-quote-content"},{children:(null==h?void 0:h.nick)||(null==h?void 0:h.from)})),e("span",{children:l(null==j?void 0:j.messageAbstract,1)})]})),e(i,{className:"icon",width:12,height:12,type:r.CLOSE,onClick:g})]}))}export{c as InputQuoteDefalut};
+import{__assign as t}from"tslib";import{jsxs as o,jsx as e}from"react/jsx-runtime";import{useCallback as s}from"react";import{useTUIChatActionContext as n}from"../../context/TUIChatActionContext.js";import"../../context/TUIMessageContext.js";import{Icon as i}from"../Icon/Icon.js";import{IconTypes as r}from"../Icon/type.js";import{MESSAGE_OPERATE as m}from"../../constants.js";import{useHandleQuoteMessage as a}from"./hooks/useHandleQuoteMessage.js";import{formatEmojiString as l}from"../TUIMessage/utils/emojiMap.js";function c(c){var p=c.message,u=n().operateMessage,d=a(p),f=d.cloudCustomData,h=d.message,g=s((function(){var t;u&&u(((t={})[m.QUOTE]=null,t))}),[u]),j=null==f?void 0:f.messageReply;return j&&o("div",t({className:"input-quote"},{children:[o("div",t({className:"input-quote-content"},{children:[e("label",t({htmlFor:"input-quote-content"},{children:(null==h?void 0:h.nick)||(null==h?void 0:h.from)})),e("span",{children:l(null==j?void 0:j.messageAbstract,1)})]})),e(i,{className:"icon",width:12,height:12,type:r.CLOSE,onClick:g})]}))}export{c as InputQuoteDefalut};

package/dist/esm/components/TUIMessageInput/TUIForward.js

@@ -1 +1 @@
-import{__assign as e,__spreadArray as t}from"tslib";import{jsx as o,jsxs as r}from"react/jsx-runtime";import{useState as a,useCallback as i,useEffect as n}from"react";import{useTranslation as l}from"react-i18next";import{useTUIChatActionContext as s}from"../../context/TUIChatActionContext.js";import"../../context/TUIMessageContext.js";import{Model as c}from"../Model/index.js";import{Icon as d}from"../Icon/Icon.js";import{IconTypes as m}from"../Icon/type.js";import{Input as u}from"../Input/Input.js";import{Checkbox as h}from"../Checkbox/index.js";import{Avatar as f}from"../Avatar/Avatar.js";import{getDisplayImage as v,getDisplayTitle as p}from"../ConversationPreview/utils.js";import{MESSAGE_OPERATE as g}from"../../constants.js";import"@tencentcloud/chat-uikit-engine";import"date-fns";import"date-fns/locale";import"@tencentcloud/chat";import"./hooks/useHandleQuoteMessage.js";import{useHandleForwardMessage as w}from"./hooks/useHandleForwardMessage.js";function C(C){var N,I=C.handleForward,j=l().t,x=a([]),b=x[0],k=x[1],F=a([]),D=F[0],A=F[1],L=a(""),M=L[0],T=L[1],U=s().operateMessage,R=w(),y=R.message,S=R.sendForwardMessage,H=R.conversationList,z=void 0===H?[]:H,E=i((function(e){var t;U(((t={})[g.FORWARD]=null,t))}),[U]),P=z,O=function(e){e.checked?k(t(t([],b,!0),[e.value],!1)):k(b.filter((function(t){return t!==e.value})))};return n((function(){k([]),A([]),T("")}),[y]),y&&z.length>0&&o(c,e({onClick:E},{children:r("div",e({role:"button",tabIndex:0,className:"tui-forward",onClick:function(e){e.stopPropagation()}},{children:[r("header",e({className:"tui-forward-header"},{children:[o(d,{type:m.CANCEL,width:16,height:16,onClick:E}),o("h2",e({className:"tui-forward-title"},{children:j("TUIChat.Forward to")}))]})),o("div",e({className:"tui-forward-search"},{children:o(u,{className:"tui-forward-search-input",placeholder:"Search",clearable:!0,value:M,onChange:function(e){var t,o;if(T(null===(t=e.target)||void 0===t?void 0:t.value),null===(o=e.target)||void 0===o?void 0:o.value){var r=z.filter((function(t){var o,r=p(t).toLocaleLowerCase(),a=null===(o=e.target)||void 0===o?void 0:o.value.toLocaleLowerCase();return r.includes(a)}));A(r)}else A([])},prefix:o(d,{type:m.SEARCH,height:16,width:16})})})),r("main",e({className:"tui-forward-main"},{children:[M&&r("ul",e({className:"tui-forward-list"},{children:[o("h3",e({className:"tui-forward-list-title"},{children:j("TUIChat.Search Result")})),D.length>0&&D.map((function(t){return r("li",e({className:"tui-forward-list-item"},{children:[r("label",e({htmlFor:"".concat(t.conversationID),className:"info"},{children:[o(f,{image:v(t),size:40}),o("div",e({className:"info-nick"},{children:p(t)}))]})),o(h,{onChange:O,id:"".concat(t.conversationID),value:t})]}),t.conversationID)})),0===D.length&&o("p",e({className:"no-result"},{children:j("TUIChat.No Result")}))]})),!M&&P.length>0&&o("ul",e({className:"tui-forward-list"},{children:P.map((function(t){return r("li",e({className:"tui-forward-list-item"},{children:[r("label",e({htmlFor:"".concat(t.conversationID),className:"info"},{children:[o(f,{image:v(t),size:40}),o("div",e({className:"info-nick"},{children:p(t)}))]})),o(h,{onChange:O,id:"".concat(t.conversationID),value:t})]}),t.conversationID)}))}))]})),r("footer",e({className:"tui-forward-footer"},{children:[o("div",e({className:"tui-forward-footer-name"},{children:b.length>0&&(N=b,(null==N?void 0:N.map((function(e){return p(e)}))).toString())})),o("button",e({type:"button",className:"button",onClick:function(){var e;e=b,I?I({list:b,message:y}):S(b),E(e)},disabled:0===b.length},{children:j("TUIChat.Forward")}))]}))]}))}))}export{C as TUIForward};
+import{__assign as e,__spreadArray as t}from"tslib";import{jsx as o,jsxs as r}from"react/jsx-runtime";import{useState as a,useCallback as i,useEffect as n}from"react";import{useTranslation as l}from"react-i18next";import{useTUIChatActionContext as s}from"../../context/TUIChatActionContext.js";import"../../context/TUIMessageContext.js";import{Model as c}from"../Model/index.js";import{Icon as d}from"../Icon/Icon.js";import{IconTypes as m}from"../Icon/type.js";import{Input as u}from"../Input/Input.js";import{Checkbox as h}from"../Checkbox/index.js";import{Avatar as f}from"../Avatar/Avatar.js";import{getDisplayImage as p,getDisplayTitle as v}from"../ConversationPreview/utils.js";import{MESSAGE_OPERATE as g}from"../../constants.js";import"@tencentcloud/chat-uikit-engine";import"date-fns";import"date-fns/locale";import"@tencentcloud/chat";import"./hooks/useHandleQuoteMessage.js";import{useHandleForwardMessage as w}from"./hooks/useHandleForwardMessage.js";function C(C){var N,I=C.handleForward,j=l().t,x=a([]),b=x[0],k=x[1],F=a([]),D=F[0],A=F[1],L=a(""),M=L[0],T=L[1],U=s().operateMessage,R=w(),y=R.message,S=R.sendForwardMessage,H=R.conversationList,z=void 0===H?[]:H,E=i((function(){var e;U&&U(((e={})[g.FORWARD]=null,e))}),[U]),P=z,O=function(e){e.checked?k(t(t([],b,!0),[e.value],!1)):k(b.filter((function(t){return t!==e.value})))};return n((function(){k([]),A([]),T("")}),[y]),y&&z.length>0&&o(c,e({onClick:E},{children:r("div",e({role:"button",tabIndex:0,className:"tui-forward",onClick:function(e){!function(e){e.stopPropagation()}(e)}},{children:[r("header",e({className:"tui-forward-header"},{children:[o(d,{type:m.CANCEL,width:16,height:16,onClick:E}),o("h2",e({className:"tui-forward-title"},{children:j("TUIChat.Forward to")}))]})),o("div",e({className:"tui-forward-search"},{children:o(u,{className:"tui-forward-search-input",placeholder:"Search",clearable:!0,value:M,onChange:function(e){var t,o;if(T(null===(t=e.target)||void 0===t?void 0:t.value),null===(o=e.target)||void 0===o?void 0:o.value){var r=z.filter((function(t){var o,r=v(t).toLocaleLowerCase(),a=null===(o=e.target)||void 0===o?void 0:o.value.toLocaleLowerCase();return r.includes(a)}));A(r)}else A([])},prefix:o(d,{type:m.SEARCH,height:16,width:16})})})),r("main",e({className:"tui-forward-main"},{children:[M&&r("ul",e({className:"tui-forward-list"},{children:[o("h3",e({className:"tui-forward-list-title"},{children:j("TUIChat.Search Result")})),D.length>0&&D.map((function(t){return r("li",e({className:"tui-forward-list-item"},{children:[r("label",e({htmlFor:"".concat(t.conversationID),className:"info"},{children:[o(f,{image:p(t),size:40}),o("div",e({className:"info-nick"},{children:v(t)}))]})),o(h,{onChange:function(e){O(e)},id:"".concat(t.conversationID),value:t})]}),t.conversationID)})),0===D.length&&o("p",e({className:"no-result"},{children:j("TUIChat.No Result")}))]})),!M&&P.length>0&&o("ul",e({className:"tui-forward-list"},{children:P.map((function(t){return r("li",e({className:"tui-forward-list-item"},{children:[r("label",e({htmlFor:"".concat(t.conversationID),className:"info"},{children:[o(f,{image:p(t),size:40}),o("div",e({className:"info-nick"},{children:v(t)}))]})),o(h,{onChange:O,id:"".concat(t.conversationID),value:t})]}),t.conversationID)}))}))]})),r("footer",e({className:"tui-forward-footer"},{children:[o("div",e({className:"tui-forward-footer-name"},{children:b.length>0&&(N=b,(null==N?void 0:N.map((function(e){return v(e)}))).toString())})),o("button",e({type:"button",className:"button",onClick:function(){I?I({list:b,message:y}):S(b),E()},disabled:0===b.length},{children:j("TUIChat.Forward")}))]}))]}))}))}export{C as TUIForward};

package/dist/esm/components/TUIMessageInput/TUIMessageInputDefault.js

@@ -1 +1 @@
-import{__assign as t}from"tslib";import{jsxs as e,jsx as n}from"react/jsx-runtime";import{useEffect as o,useState as r}from"react";import{useTranslation as a}from"react-i18next";import{MESSAGE_OPERATE as i}from"../../constants.js";import{useTUIChatStateContext as s}from"../../context/TUIChatStateContext.js";import"../../context/TUIMessageContext.js";import{useTUIMessageInputContext as u}from"../../context/TUIMessageInputContext.js";import{isPC as c}from"../../utils/env.js";import{formatEmojiString as l}from"../TUIMessage/utils/emojiMap.js";function m(){var m=u("TUIMessageInputDefault"),p=m.text,d=m.disabled,f=m.handleChange,v=m.handleKeyDown,x=m.handlePasete,g=m.textareaRef,h=m.focus,I=m.setText,b=m.setCursorPos,j=a().t,C=s("TUIMessageInputDefault").operateData;o((function(){C[i.REVOKE]&&I(l(C[i.REVOKE].payload.text,1))}),[C]),o((function(){var t,e;return h&&g.current&&(g.current.autofocus=!0,c&&(null===(t=null==g?void 0:g.current)||void 0===t||t.focus()),null===(e=null==g?void 0:g.current)||void 0===e||e.addEventListener("paste",x)),function(){var t;null===(t=null==g?void 0:g.current)||void 0===t||t.removeEventListener("paste",x)}}),[h]);var E=r(!1),T=E[0],U=E[1];return e("div",t({className:"input-box ".concat(d?"disabled":""," ").concat(T?"tui-kit-input-box--focus":"tui-kit-input-box--blur")},{children:[n("div",t({className:"input-visibility-content"},{children:p})),!d&&n("textarea",{placeholder:j("TUIChat.Enter a message"),rows:1,value:p,ref:g,onChange:f,onKeyDown:v,onFocus:function(t){U(!0)},onBlur:function(t){b({start:t.target.selectionStart,end:t.target.selectionEnd}),U(!1)}})]}))}export{m as TUIMessageInputDefault};
+import{__assign as t}from"tslib";import{jsxs as e,jsx as n}from"react/jsx-runtime";import{useEffect as o,useState as r}from"react";import{useTranslation as a}from"react-i18next";import{MESSAGE_OPERATE as i}from"../../constants.js";import{useTUIChatStateContext as s}from"../../context/TUIChatStateContext.js";import"../../context/TUIMessageContext.js";import{useTUIMessageInputContext as u}from"../../context/TUIMessageInputContext.js";import{isPC as l}from"../../utils/env.js";import{formatEmojiString as c}from"../TUIMessage/utils/emojiMap.js";function d(){var d=u("TUIMessageInputDefault"),m=d.text,f=d.disabled,p=d.handleChange,v=d.handleKeyDown,x=d.handlePasete,g=d.textareaRef,h=d.focus,I=d.setText,b=d.setCursorPos,j=a().t,C=s("TUIMessageInputDefault").operateData;o((function(){C&&C[i.REVOKE]&&I&&I(c(C[i.REVOKE].payload.text,1))}),[C]),o((function(){var t,e;return h&&g&&g.current&&(g.current.autofocus=!0,l&&(null===(t=null==g?void 0:g.current)||void 0===t||t.focus()),null===(e=null==g?void 0:g.current)||void 0===e||e.addEventListener("paste",x)),function(){var t;null===(t=null==g?void 0:g.current)||void 0===t||t.removeEventListener("paste",x)}}),[h,g]);var E=r(!1),T=E[0],U=E[1];return e("div",t({className:"input-box ".concat(f?"disabled":""," ").concat(T?"tui-kit-input-box--focus":"tui-kit-input-box--blur")},{children:[n("div",t({className:"input-visibility-content"},{children:m})),!f&&n("textarea",{placeholder:j("TUIChat.Enter a message"),rows:1,value:m,ref:g,onChange:p,onKeyDown:v,onFocus:function(){U(!0)},onBlur:function(t){!function(t){var e;b&&b({start:null===(e=null==t?void 0:t.target)||void 0===e?void 0:e.selectionStart,end:t.target.selectionEnd}),U(!1)}(t)}})]}))}export{d as TUIMessageInputDefault};

package/dist/esm/components/TUIMessageInput/hooks/useEmojiPicker.js

@@ -1 +1 @@
-import{useCallback as e}from"react";import{useTranslation as t}from"react-i18next";import{TUIChatService as a}from"@tencentcloud/chat-uikit-engine";import{emojiEnKey as n}from"../../TUIMessage/utils/emojiMap.js";function o(o){o.textareaRef;var i=o.insertText,r=t().i18n;return{onSelectEmoji:function(e){"zh"===r.language?i(e.data):i(n[e.data])},sendFaceMessage:e((function(e){a.sendFaceMessage({payload:e})}),[])}}export{o as useEmojiPicker};
+import{useCallback as e}from"react";import{useTranslation as t}from"react-i18next";import{TUIChatService as a}from"@tencentcloud/chat-uikit-engine";import{emojiEnKey as n}from"../../TUIMessage/utils/emojiMap.js";function o(o){o.textareaRef;var i=o.insertText,r=t().i18n;return{onSelectEmoji:function(e){"zh"===r.language?i&&i(e.data):i&&i(n[e.data])},sendFaceMessage:e((function(e){a.sendFaceMessage({payload:e})}),[])}}export{o as useEmojiPicker};

package/dist/esm/components/TUIMessageInput/hooks/useHandleForwardMessage.js

@@ -1 +1 @@
-import{__awaiter as t,__generator as e}from"tslib";import{useState as n,useEffect as o}from"react";import r from"@tencentcloud/chat";import{TUIChatService as i}from"@tencentcloud/chat-uikit-engine";import{MESSAGE_OPERATE as s}from"../../../constants.js";import{useTUIKitContext as a}from"../../../context/TUIKitContext.js";import{useTUIChatStateContext as c}from"../../../context/TUIChatStateContext.js";import"react/jsx-runtime";import"../../../context/TUIMessageContext.js";function u(u){var m=this,f=c("TUIMessageInputDefault").operateData,p=n([]),d=p[0],l=p[1],v=a("TUIChat").chat,h=u||f[s.FORWARD];return o((function(){t(m,void 0,void 0,(function(){var t,n;return e(this,(function(e){switch(e.label){case 0:return[4,v.getConversationList()];case 1:return t=e.sent(),l(null===(n=null==t?void 0:t.data)||void 0===n?void 0:n.conversationList.filter((function(t){return t.type!==r.TYPES.CONV_SYSTEM}))),[2]}}))}))}),[v]),{message:h,conversationList:d,sendForwardMessage:function(t){t.map((function(t){return i.sendForwardMessage([t],[h]),t}))}}}export{u as useHandleForwardMessage};
+import{__awaiter as t,__generator as e}from"tslib";import{useState as n,useEffect as o}from"react";import r from"@tencentcloud/chat";import{TUIChatService as i}from"@tencentcloud/chat-uikit-engine";import{MESSAGE_OPERATE as s}from"../../../constants.js";import{useTUIKitContext as a}from"../../../context/TUIKitContext.js";import{useTUIChatStateContext as c}from"../../../context/TUIChatStateContext.js";import"react/jsx-runtime";import"../../../context/TUIMessageContext.js";function u(u){var m=this,f=c("TUIMessageInputDefault").operateData,p=n([]),d=p[0],l=p[1],v=a("TUIChat").chat,h=u||f&&f[s.FORWARD];return o((function(){t(m,void 0,void 0,(function(){var t,n;return e(this,(function(e){switch(e.label){case 0:return[4,v.getConversationList()];case 1:return t=e.sent(),l(null===(n=null==t?void 0:t.data)||void 0===n?void 0:n.conversationList.filter((function(t){return t.type!==r.TYPES.CONV_SYSTEM}))),[2]}}))}))}),[v]),{message:h,conversationList:d,sendForwardMessage:function(t){t.map((function(t){return h&&i.sendForwardMessage([t],[h]),t}))}}}export{u as useHandleForwardMessage};

package/dist/esm/components/TUIMessageInput/hooks/useHandleQuoteMessage.js

@@ -1 +1 @@
-import{useState as e,useEffect as t}from"react";import o from"@tencentcloud/chat";import{MESSAGE_OPERATE as a}from"../../../constants.js";import"tslib";import"react/jsx-runtime";import{useTUIChatStateContext as n}from"../../../context/TUIChatStateContext.js";import"../../../context/TUIMessageContext.js";var S,s,l=((S={})[o.TYPES.MSG_TEXT]=1,S[o.TYPES.MSG_CUSTOM]=2,S[o.TYPES.MSG_IMAGE]=3,S[o.TYPES.MSG_AUDIO]=4,S[o.TYPES.MSG_VIDEO]=5,S[o.TYPES.MSG_FILE]=6,S[o.TYPES.MSG_FACE]=8,S),r=((s={})[o.TYPES.MSG_CUSTOM]="[custom]",s[o.TYPES.MSG_IMAGE]="[image]",s[o.TYPES.MSG_AUDIO]="[audio]",s[o.TYPES.MSG_VIDEO]="[video]",s[o.TYPES.MSG_FILE]="[file]",s[o.TYPES.MSG_FACE]="[face]",s);function i(S){var s=n("TUIMessageInputDefault").operateData,i=e({messageReply:null}),E=i[0],T=i[1],u=function(e){var t,a=l[null==e?void 0:e.type];return{messageAbstract:(null==e?void 0:e.type)===o.TYPES.MSG_TEXT?null===(t=null==e?void 0:e.payload)||void 0===t?void 0:t.text:r[null==e?void 0:e.type],messageSender:(null==e?void 0:e.nick)||(null==e?void 0:e.from),messageID:null==e?void 0:e.ID,messageType:a,version:1}};return t((function(){var e=S||s[a.QUOTE];T({messageReply:e?u(e):null})}),[s,S]),{cloudCustomData:E,handleQuoteMessage:u,message:S||s[a.QUOTE]}}export{i as useHandleQuoteMessage};
+import{useState as e,useEffect as t}from"react";import o from"@tencentcloud/chat";import{MESSAGE_OPERATE as a}from"../../../constants.js";import"tslib";import"react/jsx-runtime";import{useTUIChatStateContext as n}from"../../../context/TUIChatStateContext.js";import"../../../context/TUIMessageContext.js";var S,s,l=((S={})[o.TYPES.MSG_TEXT]=1,S[o.TYPES.MSG_CUSTOM]=2,S[o.TYPES.MSG_IMAGE]=3,S[o.TYPES.MSG_AUDIO]=4,S[o.TYPES.MSG_VIDEO]=5,S[o.TYPES.MSG_FILE]=6,S[o.TYPES.MSG_FACE]=8,S),r=((s={})[o.TYPES.MSG_CUSTOM]="[custom]",s[o.TYPES.MSG_IMAGE]="[image]",s[o.TYPES.MSG_AUDIO]="[audio]",s[o.TYPES.MSG_VIDEO]="[video]",s[o.TYPES.MSG_FILE]="[file]",s[o.TYPES.MSG_FACE]="[face]",s);function i(S){var s=n("TUIMessageInputDefault").operateData,i=e({messageReply:null}),E=i[0],T=i[1],u=function(e){var t,a=l[null==e?void 0:e.type];return{messageAbstract:(null==e?void 0:e.type)===o.TYPES.MSG_TEXT?null===(t=null==e?void 0:e.payload)||void 0===t?void 0:t.text:r[null==e?void 0:e.type],messageSender:(null==e?void 0:e.nick)||(null==e?void 0:e.from),messageID:null==e?void 0:e.ID,messageType:a,version:1}};return t((function(){var e=S||s&&s[a.QUOTE];T({messageReply:e?u(e):null})}),[s,S]),{cloudCustomData:E,handleQuoteMessage:u,message:S||s&&s[a.QUOTE]}}export{i as useHandleQuoteMessage};

package/dist/esm/components/TUIMessageInput/hooks/useMessageInputState.d.ts

@@ -1,6 +1,6 @@
 interface ICursorPos {
-    start?: number;
-    end?: number;
+    start?: number | null;
+    end?: number | null;
 }
 
 export { ICursorPos };

package/dist/esm/components/TUIMessageInput/hooks/useMessageInputText.js

@@ -1 +1 @@
-import{__awaiter as t,__generator as e}from"tslib";import{useCallback as n}from"react";import{TUIChatService as r}from"@tencentcloud/chat-uikit-engine";import{CONSTANT_DISPATCH_TYPE as o,MESSAGE_TYPE_NAME as a,MESSAGE_OPERATE as i}from"../../../constants.js";import{useTUIKitContext as s}from"../../../context/TUIKitContext.js";import"react/jsx-runtime";import{useTUIChatActionContext as u}from"../../../context/TUIChatActionContext.js";import"../../../context/TUIMessageContext.js";import{enableSampleTaskStatus as c}from"../../untils.js";import{formatEmojiString as l}from"../../TUIMessage/utils/emojiMap.js";import{useHandleQuoteMessage as d}from"./useHandleQuoteMessage.js";var f=function(f){var p=f.state,T=f.dispatch;f.focus;var m=f.textareaRef,v=f.sendUploadMessage,g=s("useMessageInputText").chat,x=u(),y=x.operateMessage,E=x.setFirstSendMessage,h=d().cloudCustomData,S=["Enter","NumpadEnter"],C=n((function(t){t.preventDefault(),t&&t.target&&T({type:o.SET_TEXT,getNewText:function(e){return t.target.value}})}),[g]),M=function(n){return t(void 0,void 0,void 0,(function(){var t,a;return e(this,(function(e){return null==n||n.preventDefault(),p.text?(t={payload:{text:l(p.text)}},h.messageReply&&(t.cloudCustomData=JSON.stringify(h)),r.sendTextMessage(t).then((function(t){var e=t.data.message;E(e)})),c("sendMessage"),T({getNewText:function(t){return""},type:o.SET_TEXT}),y(((a={})[i.QUOTE]=null,a)),[2]):[2]}))}))},D=n((function(t){!(null==t?void 0:t.ctrlKey)&&S.indexOf(null==t?void 0:t.code)>-1&&13===t.keyCode&&(null==t||t.preventDefault(),M(t)),(null==t?void 0:t.ctrlKey)&&S.indexOf(null==t?void 0:t.code)>-1&&13===t.keyCode&&T({type:o.SET_TEXT,getNewText:function(t){return"".concat(t,"\n")}})}),[M,T]),_=n((function(n){return t(void 0,void 0,void 0,(function(){var t,r,i;return e(this,(function(e){return n.preventDefault(),n.clipboardData&&n.clipboardData.items?(t=n.clipboardData,r=t.types,i=t.items,r.find((function(t,e){var n=i[e];switch(t){case"text/plain":return n.getAsString((function(t){T({type:o.SET_TEXT,getNewText:function(e){return"".concat(e).concat(t)}})})),!0;case"Files":var r=n.getAsFile();return n&&"file"===n.kind&&n.type.match(/^image\//i)&&v({file:r},a.IMAGE),!0;default:return!1}})),[2]):[2]}))}))}),[m]),j=n((function(t){var e;T({type:o.SET_TEXT,getNewText:function(e){return"".concat(e.slice(0,p.cursorPos.start)).concat(t).concat(e.slice(p.cursorPos.start))}}),T({type:o.SET_CURSOR_POS,value:{start:p.cursorPos.start+t.length,end:p.cursorPos.end+t.length}}),null===(e=null==m?void 0:m.current)||void 0===e||e.focus()}),[m,p]),w=n((function(t){var e;T({type:o.SET_TEXT,getNewText:function(){return"".concat(t)}}),null===(e=null==m?void 0:m.current)||void 0===e||e.focus()}),[m]),N=n((function(t){T({type:o.SET_CURSOR_POS,value:t})}),[m]);return{handleChange:C,handleSubmit:M,handleKeyDown:D,handlePasete:_,insertText:j,setText:w,setCursorPos:N}};export{f as useMessageInputText};
+import{__awaiter as t,__generator as e}from"tslib";import{useCallback as n}from"react";import{TUIChatService as o}from"@tencentcloud/chat-uikit-engine";import{CONSTANT_DISPATCH_TYPE as r,MESSAGE_TYPE_NAME as i,MESSAGE_OPERATE as u}from"../../../constants.js";import{useTUIKitContext as a}from"../../../context/TUIKitContext.js";import"react/jsx-runtime";import{useTUIChatActionContext as s}from"../../../context/TUIChatActionContext.js";import"../../../context/TUIMessageContext.js";import{enableSampleTaskStatus as l}from"../../untils.js";import{formatEmojiString as c}from"../../TUIMessage/utils/emojiMap.js";import{useHandleQuoteMessage as d}from"./useHandleQuoteMessage.js";var f=function(f){var v=f.state,p=f.dispatch;f.focus;var T=f.textareaRef,m=f.sendUploadMessage,g=a("useMessageInputText").chat,x=s(),y=x.operateMessage,E=x.setFirstSendMessage,h=d().cloudCustomData,S=["Enter","NumpadEnter"],C=n((function(t){t.preventDefault(),t&&t.target&&p({type:r.SET_TEXT,getNewText:function(e){return t.target.value}})}),[g]),M=function(n){return t(void 0,void 0,void 0,(function(){var t,i;return e(this,(function(e){return null==n||n.preventDefault(),v.text?(t={payload:{text:c(v.text)}},h.messageReply&&(t.cloudCustomData=JSON.stringify(h)),o.sendTextMessage(t).then((function(t){var e=t.data.message;E&&E(e)})),l("sendMessage"),p({getNewText:function(t){return""},type:r.SET_TEXT}),y&&y(((i={})[u.QUOTE]=null,i)),[2]):[2]}))}))},D=n((function(t){!(null==t?void 0:t.ctrlKey)&&(null==t?void 0:t.code)&&S.indexOf(null==t?void 0:t.code)>-1&&13===t.keyCode&&(null==t||t.preventDefault(),M(t)),(null==t?void 0:t.ctrlKey)&&S.indexOf(null==t?void 0:t.code)>-1&&13===t.keyCode&&p({type:r.SET_TEXT,getNewText:function(t){return"".concat(t,"\n")}})}),[M,p]),P=n((function(n){return t(void 0,void 0,void 0,(function(){var t,o,u;return e(this,(function(e){return n.preventDefault(),n.clipboardData&&n.clipboardData.items?(t=n.clipboardData,o=t.types,u=t.items,o.find((function(t,e){var n=u[e];switch(t){case"text/plain":return n.getAsString((function(t){p({type:r.SET_TEXT,getNewText:function(e){return"".concat(e).concat(t)}})})),!0;case"Files":var o=n.getAsFile();return n&&"file"===n.kind&&n.type.match(/^image\//i)&&m&&m({file:o},i.IMAGE),!0;default:return!1}})),[2]):[2]}))}))}),[T]),_=n((function(t){var e,n,o;p({type:r.SET_TEXT,getNewText:function(e){var n,o;return"".concat(e.slice(0,(null===(n=null==v?void 0:v.cursorPos)||void 0===n?void 0:n.start)||0)).concat(t).concat(e.slice((null===(o=null==v?void 0:v.cursorPos)||void 0===o?void 0:o.start)||0))}}),p({type:r.SET_CURSOR_POS,value:{start:(null===(e=null==v?void 0:v.cursorPos)||void 0===e?void 0:e.start)&&v.cursorPos.start+t.length,end:(null===(n=null==v?void 0:v.cursorPos)||void 0===n?void 0:n.end)&&v.cursorPos.end+t.length}}),null===(o=null==T?void 0:T.current)||void 0===o||o.focus()}),[T,v]),j=n((function(t){var e;p({type:r.SET_TEXT,getNewText:function(){return"".concat(t)}}),null===(e=null==T?void 0:T.current)||void 0===e||e.focus()}),[T]),w=n((function(t){p({type:r.SET_CURSOR_POS,value:t})}),[T]);return{handleChange:C,handleSubmit:M,handleKeyDown:D,handlePasete:P,insertText:_,setText:j,setCursorPos:w}};export{f as useMessageInputText};