@tencentcloud/chat-uikit-react 0.0.3 → 1.0.0

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime");exports.useMessagePluginElement=function(s){var n=s.children,t=s.handle;return r.jsx("div",e.__assign({className:"message-plugin-box",role:"button",tabIndex:0,onClick:t},{children:n}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react/jsx-runtime");exports.useMessagePluginElement=function(r){var n=r.children,t=r.handle,i=r.isShow,l=r.relateMessageType,u=r.message,a=l&&!l.some((function(e){return e===(null==u?void 0:u.type)}));return!i||a?null:s.jsx("div",e.__assign({className:"message-plugin-box",role:"button",tabIndex:0,onClick:t},{children:n}))};

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/cjs/components/TUIMessageInput/TUIMessageInput.d.ts

@@ -1,18 +1,29 @@
 import React, { MutableRefObject, PropsWithChildren } from 'react';
 import { UnknowPorps } from '../../context/ComponentContext.js';
 
-interface TUIMessageInputProps {
+interface PluginConfigProps {
+    plugins?: Array<React.ReactElement>;
+    showNumber?: number;
+    MoreIcon?: React.ReactElement;
+    isEmojiPicker?: boolean;
+    isImagePicker?: boolean;
+    isVideoPicker?: boolean;
+    isFilePicker?: boolean;
+}
+interface TUIMessageInputBasicProps {
     disabled?: boolean;
+    focus?: boolean;
+    textareaRef?: MutableRefObject<HTMLTextAreaElement | undefined>;
+    isTransmitter?: boolean;
+    className?: string;
+    pluginConfig?: PluginConfigProps;
+}
+interface TUIMessageInputProps extends TUIMessageInputBasicProps {
     TUIMessageInput?: React.ComponentType;
     InputPlugins?: React.ComponentType<UnknowPorps>;
     InputQuote?: React.ComponentType<UnknowPorps>;
-    focus?: boolean;
-    textareaRef?: MutableRefObject<HTMLTextAreaElement | undefined>;
-    plugins?: Array<React.ReactElement>;
-    showNumber?: number;
-    MoreIcon?: React.ReactElement;
 }
 declare function UnMemoizedTUIMessageInput<T extends TUIMessageInputProps>(props: PropsWithChildren<T>): React.ReactElement;
 declare const TUIMessageInput: typeof UnMemoizedTUIMessageInput;
 
-export { TUIMessageInput, TUIMessageInputProps };
+export { PluginConfigProps, TUIMessageInput, TUIMessageInputBasicProps, TUIMessageInputProps };

package/dist/cjs/components/TUIMessageInput/TUIMessageInput.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),s=require("react"),u=require("tim-js-sdk"),n=require("../../context/TUIMessageInputContext.js"),r=require("./hooks/useCreateMessageInputContext.js"),a=require("./hooks/useMessageInputState.js");require("../../constants.js");var i=require("../../context/TUIKitContext.js"),o=require("../../context/TUIChatStateContext.js"),I=require("../../context/ComponentContext.js");require("./hooks/useHandleQuoteMessage.js");var p=require("../EmptyStateIndicator/EmptyStateIndicator.js"),l=require("./InputQuoteDefalut.js"),g=require("./TUIMessageInputDefault.js"),c=require("./InputPluginsDefalut.js"),d=require("./TUIForward.js");function x(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var j=x(s),f=x(u);function M(s){var u=s.children,I=s.disabled,p=s.focus,l=void 0===p||p,g=s.plugins,c=s.showNumber,d=void 0===c?1:c,x=s.MoreIcon,j=a.useMessageInputState(s),M=i.useTUIKitContext("TUIMessageInput").conversation,q=o.useTUIChatStateContext("TUIMessageInput").textareaRef,C=M.type===f.default.TYPES.CONV_SYSTEM,T=r.useCreateMessageInputContext(e.__assign(e.__assign(e.__assign({},j),s),{textareaRef:q,disabled:I||C,focus:l,plugins:g,showNumber:d,MoreIcon:x}));return t.jsx(n.TUIMessageInputContextProvider,e.__assign({value:T},{children:u}))}function q(s){var u=s.TUIMessageInput,n=s.InputPlugins,r=s.InputQuote,a=I.useComponentContext(),i=a.TUIMessageInput,o=a.InputPlugins,x=a.InputQuote,j=u||i||g.TUIMessageInputDefault,f=n||o||c.InputPluginsDefalut||p.EmptyStateIndicator,q=r||x||l.InputQuoteDefalut;return t.jsx("div",e.__assign({className:"tui-message-input"},{children:t.jsxs(M,e.__assign({},s,{children:[t.jsx(d.TUIForward,{}),t.jsx(q,{}),t.jsxs("div",e.__assign({className:"tui-message-input-main"},{children:[t.jsx(f,{}),t.jsx(j,{})]}))]}))}))}var C=j.default.memo(q);exports.TUIMessageInput=C;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),s=require("react"),n=require("tim-js-sdk"),a=require("../../context/TUIMessageInputContext.js"),u=require("./hooks/useCreateMessageInputContext.js"),r=require("./hooks/useMessageInputState.js");require("../../constants.js");var i=require("../../context/TUIChatStateContext.js");require("../../context/TUIMessageContext.js");var o=require("../../context/ComponentContext.js");require("./hooks/useHandleQuoteMessage.js");var l=require("../EmptyStateIndicator/EmptyStateIndicator.js"),I=require("./InputQuoteDefalut.js"),p=require("./TUIMessageInputDefault.js"),g=require("./InputPluginsDefalut.js"),d=require("./TUIForward.js"),c=require("./Transmitter.js");function x(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var j=x(s),f=x(n);function C(s){var n=s.children,o=s.disabled,l=s.focus,I=s.pluginConfig,p=s.textareaRef,g=r.useMessageInputState(s),d=i.useTUIChatStateContext("TUIMessageInput"),c=d.textareaRef,x=d.conversation,j=(null==x?void 0:x.type)===f.default.TYPES.CONV_SYSTEM,C=i.useTUIChatStateContext("TUIMessageInput").TUIMessageInputConfig,T=l||(null==C?void 0:C.focus),m=u.useCreateMessageInputContext(e.__assign(e.__assign(e.__assign({},g),s),{textareaRef:p||(null==C?void 0:C.textareaRef)||c,disabled:o||(null==C?void 0:C.disabled)||j,focus:"boolean"!=typeof T||T,pluginConfig:I}));return t.jsx(a.TUIMessageInputContextProvider,e.__assign({value:m},{children:n}))}function T(s){var n=s.TUIMessageInput,a=s.InputPlugins,u=s.InputQuote,r=s.isTransmitter,i=void 0!==r&&r,x=s.className,j=o.useComponentContext(),f=j.TUIMessageInput,T=j.InputPlugins,m=j.InputQuote,v=n||f||p.TUIMessageInputDefault,_=a||T||g.InputPluginsDefalut||l.EmptyStateIndicator,q=u||m||I.InputQuoteDefalut;return t.jsx("div",e.__assign({className:"tui-message-input ".concat(x)},{children:t.jsxs(C,e.__assign({},s,{children:[t.jsx(d.TUIForward,{}),t.jsx(q,{}),t.jsxs("div",e.__assign({className:"tui-message-input-main"},{children:[t.jsxs("div",e.__assign({className:"tui-message-input-box"},{children:[t.jsx(_,{}),t.jsx(v,{})]})),i&&t.jsx(c.Transmitter,{})]}))]}))}))}var m=j.default.memo(T);exports.TUIMessageInput=m;

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

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

package/dist/cjs/components/TUIMessageInput/Transmitter.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),r=require("../../context/TUIMessageInputContext.js"),s=require("../Icon/Icon.js"),n=require("../Icon/type.js");exports.Transmitter=function(){var i=r.useTUIMessageInputContext("Transmitter").handleSubmit;return t.jsx("div",e.__assign({className:"transmitter"},{children:t.jsx(s.Icon,{className:"icon-send",type:n.IconTypes.SEND,onClick:i})}))};

package/dist/cjs/components/TUIMessageInput/hooks/useCreateMessageInputContext.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),a=require("react");exports.useCreateMessageInputContext=function(n){var t=n.textareaRef,s=n.handleChange,r=n.handleSubmit,o=n.handleKeyDown,u=n.onSelectEmoji,i=n.sendFaceMessage,l=n.disabled,d=n.focus,c=n.operateData,h=n.plugins,b=n.showNumber,g=n.MoreIcon;return a.useMemo((function(){return e.__assign({textareaRef:t,handleChange:s,handleSubmit:r,handleKeyDown:o,onSelectEmoji:u,sendFaceMessage:i,disabled:l,focus:d,operateData:c,plugins:h,showNumber:b,MoreIcon:g},n)}),[t,s,r,o,u,i,l,d,h,b,g,c])};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),a=require("react");exports.useCreateMessageInputContext=function(n){var t=n.textareaRef,s=n.handleChange,r=n.handleSubmit,o=n.handleKeyDown,i=n.onSelectEmoji,u=n.sendFaceMessage,l=n.disabled,d=n.focus,c=n.operateData,g=n.pluginConfig;return a.useMemo((function(){return e.__assign({textareaRef:t,handleChange:s,handleSubmit:r,handleKeyDown:o,onSelectEmoji:i,sendFaceMessage:u,disabled:l,focus:d,operateData:c,pluginConfig:g},n)}),[t,s,r,o,i,u,l,d,c,g])};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");require("tslib"),require("react/jsx-runtime");var t=require("../../../context/TUIChatActionContext.js"),r=require("../../TUIMessage/utils/emojiMap.js");exports.useEmojiPicker=function(a){a.textareaRef;var s=a.insertText,i=t.useTUIChatActionContext(),n=i.sendMessage,o=i.createFaceMessage;return{onSelectEmoji:function(e){s(r.emojiEnKey[e.data])},sendFaceMessage:e.useCallback((function(e){var t=o({payload:e});n(t)}),[])}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");require("tslib"),require("react/jsx-runtime");var t=require("../../../context/TUIChatActionContext.js");require("../../../context/TUIMessageContext.js");var r=require("../../TUIMessage/utils/emojiMap.js");exports.useEmojiPicker=function(a){a.textareaRef;var s=a.insertText,i=t.useTUIChatActionContext(),n=i.sendMessage,o=i.createFaceMessage;return{onSelectEmoji:function(e){s(r.emojiEnKey[e.data])},sendFaceMessage:e.useCallback((function(e){var t=o({payload:e});n(t)}),[])}};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react"),r=require("tim-js-sdk"),n=require("../../../constants.js"),s=require("../../../context/TUIKitContext.js"),a=require("../../../context/TUIChatStateContext.js"),i=require("../../../context/TUIChatActionContext.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("react/jsx-runtime");var u=o(r);exports.useHandleForwardMessage=function(r){var o=this,c=a.useTUIChatStateContext("TUIMessageInputDefault").operateData,d=t.useState([]),f=d[0],l=d[1],v=i.useTUIChatActionContext(),C=v.sendMessage,x=v.createForwardMessage,T=s.useTUIKitContext("TUIChat").tim,g=r||c[n.MESSAGE_OPERATE.FORWARD];return t.useEffect((function(){e.__awaiter(o,void 0,void 0,(function(){var t,r;return e.__generator(this,(function(e){switch(e.label){case 0:return[4,T.getConversationList()];case 1:return t=e.sent(),l(null===(r=null==t?void 0:t.data)||void 0===r?void 0:r.conversationList.filter((function(e){return e.type!==u.default.TYPES.CONV_SYSTEM}))),[2]}}))}))}),[T]),{message:g,conversationList:f,sendForwardMessage:function(e){e.map((function(e){var t=x({conversation:e,message:g});return C(t),e}))}}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react"),r=require("tim-js-sdk"),n=require("../../../constants.js"),s=require("../../../context/TUIKitContext.js"),a=require("../../../context/TUIChatStateContext.js"),o=require("../../../context/TUIChatActionContext.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../../context/TUIMessageContext.js"),require("react/jsx-runtime");var u=i(r);exports.useHandleForwardMessage=function(r){var i=this,c=a.useTUIChatStateContext("TUIMessageInputDefault").operateData,d=t.useState([]),f=d[0],l=d[1],v=o.useTUIChatActionContext(),x=v.sendMessage,C=v.createForwardMessage,T=s.useTUIKitContext("TUIChat").tim,g=r||c[n.MESSAGE_OPERATE.FORWARD];return t.useEffect((function(){e.__awaiter(i,void 0,void 0,(function(){var t,r;return e.__generator(this,(function(e){switch(e.label){case 0:return[4,T.getConversationList()];case 1:return t=e.sent(),l(null===(r=null==t?void 0:t.data)||void 0===r?void 0:r.conversationList.filter((function(e){return e.type!==u.default.TYPES.CONV_SYSTEM}))),[2]}}))}))}),[T]),{message:g,conversationList:f,sendForwardMessage:function(e){e.map((function(e){var t=C({conversation:e,message:g});return x(t),e}))}}};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("tim-js-sdk"),u=require("../../../constants.js");require("tslib"),require("react/jsx-runtime");var a=require("../../../context/TUIChatStateContext.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s,r,S=l(t),d=((s={})[S.default.TYPES.MSG_TEXT]=1,s[S.default.TYPES.MSG_CUSTOM]=2,s[S.default.TYPES.MSG_IMAGE]=3,s[S.default.TYPES.MSG_AUDIO]=4,s[S.default.TYPES.MSG_VIDEO]=5,s[S.default.TYPES.MSG_FILE]=6,s[S.default.TYPES.MSG_FACE]=8,s),n=((r={})[S.default.TYPES.MSG_CUSTOM]="[custom]",r[S.default.TYPES.MSG_IMAGE]="[image]",r[S.default.TYPES.MSG_AUDIO]="[audio]",r[S.default.TYPES.MSG_VIDEO]="[video]",r[S.default.TYPES.MSG_FILE]="[file]",r[S.default.TYPES.MSG_FACE]="[face]",r);exports.useHandleQuoteMessage=function(t){var l=a.useTUIChatStateContext("TUIMessageInputDefault").operateData,s=e.useState({messageReply:null}),r=s[0],o=s[1],i=function(e){var t,u=d[null==e?void 0:e.type];return{messageAbstract:(null==e?void 0:e.type)===S.default.TYPES.MSG_TEXT?null===(t=null==e?void 0:e.payload)||void 0===t?void 0:t.text:n[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:u,version:1}};return e.useEffect((function(){var e=t||l[u.MESSAGE_OPERATE.QUOTE];o({messageReply:e?i(e):null})}),[l,t]),{cloudCustomData:r,handleQuoteMessage:i}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("tim-js-sdk"),u=require("../../../constants.js");require("tslib"),require("react/jsx-runtime");var a=require("../../../context/TUIChatStateContext.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../../context/TUIMessageContext.js");var s,r,n=l(t),o=((s={})[n.default.TYPES.MSG_TEXT]=1,s[n.default.TYPES.MSG_CUSTOM]=2,s[n.default.TYPES.MSG_IMAGE]=3,s[n.default.TYPES.MSG_AUDIO]=4,s[n.default.TYPES.MSG_VIDEO]=5,s[n.default.TYPES.MSG_FILE]=6,s[n.default.TYPES.MSG_FACE]=8,s),S=((r={})[n.default.TYPES.MSG_CUSTOM]="[custom]",r[n.default.TYPES.MSG_IMAGE]="[image]",r[n.default.TYPES.MSG_AUDIO]="[audio]",r[n.default.TYPES.MSG_VIDEO]="[video]",r[n.default.TYPES.MSG_FILE]="[file]",r[n.default.TYPES.MSG_FACE]="[face]",r);exports.useHandleQuoteMessage=function(t){var l=a.useTUIChatStateContext("TUIMessageInputDefault").operateData,s=e.useState({messageReply:null}),r=s[0],d=s[1],i=function(e){var t,u=o[null==e?void 0:e.type];return{messageAbstract:(null==e?void 0:e.type)===n.default.TYPES.MSG_TEXT?null===(t=null==e?void 0:e.payload)||void 0===t?void 0:t.text:S[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:u,version:1}};return e.useEffect((function(){var e=t||l[u.MESSAGE_OPERATE.QUOTE];d({messageReply:e?i(e):null})}),[l,t]),{cloudCustomData:r,handleQuoteMessage:i}};

package/dist/cjs/components/TUIMessageInput/hooks/useMessageInputState.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react"),t=require("../../../constants.js"),a=require("./useEmojiPicker.js"),r=require("./useMessageInputText.js"),n=require("./useUploadPicker.js"),u={text:"",cursorPos:{start:0,end:0}},i=function(s,a){switch(a.type){case t.CONSTANT_DISPATCH_TYPE.SET_TEXT:return e.__assign(e.__assign({},s),{text:null==a?void 0:a.getNewText(s.text)});case t.CONSTANT_DISPATCH_TYPE.SET_CURSOR_POS:return e.__assign(e.__assign({},s),{cursorPos:null==a?void 0:a.value});default:return s}};exports.useMessageInputState=function(t){var o=s.useReducer(i,u),c=o[0],d=o[1],l=t.focus,_=t.textareaRef,T=r.useMessageInputText({state:c,dispatch:d,textareaRef:_,focus:l}),x=T.handleChange,g=T.handleSubmit,P=T.handleKeyDown,h=T.handlePasete,p=T.insertText,S=T.setText,f=T.setCursorPos,j=a.useEmojiPicker({state:c,dispatch:d,textareaRef:_,insertText:p}),C=j.onSelectEmoji,E=j.sendFaceMessage,M=n.useUploadPicker().sendUploadMessage;return e.__assign(e.__assign({},c),{handleChange:x,handleSubmit:g,handleKeyDown:P,handlePasete:h,onSelectEmoji:C,sendFaceMessage:E,sendUploadMessage:M,textareaRef:_,insertText:p,setText:S,focus:l,setCursorPos:f})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react"),t=require("../../../constants.js"),a=require("./useEmojiPicker.js"),r=require("./useMessageInputText.js"),n=require("./useUploadPicker.js"),u={text:"",cursorPos:{start:0,end:0}},i=function(s,a){switch(a.type){case t.CONSTANT_DISPATCH_TYPE.SET_TEXT:return e.__assign(e.__assign({},s),{text:null==a?void 0:a.getNewText(s.text)});case t.CONSTANT_DISPATCH_TYPE.SET_CURSOR_POS:return e.__assign(e.__assign({},s),{cursorPos:null==a?void 0:a.value});default:return s}};exports.useMessageInputState=function(t){var o=s.useReducer(i,u),d=o[0],c=o[1],l=t.focus,_=t.textareaRef,T=n.useUploadPicker().sendUploadMessage,g=r.useMessageInputText({state:d,dispatch:c,textareaRef:_,focus:l,sendUploadMessage:T}),x=g.handleChange,P=g.handleSubmit,p=g.handleKeyDown,h=g.handlePasete,S=g.insertText,f=g.setText,j=g.setCursorPos,C=a.useEmojiPicker({state:d,dispatch:c,textareaRef:_,insertText:S}),E=C.onSelectEmoji,M=C.sendFaceMessage;return e.__assign(e.__assign({},d),{handleChange:x,handleSubmit:P,handleKeyDown:p,handlePasete:h,onSelectEmoji:E,sendFaceMessage:M,sendUploadMessage:T,textareaRef:_,insertText:S,setText:f,focus:l,setCursorPos:j})};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react"),n=require("../../../constants.js"),a=require("../../../context/TUIKitContext.js"),r=require("../../../context/TUIChatStateContext.js"),u=require("../../../context/TUIChatActionContext.js");require("react/jsx-runtime");var o=require("../../TUIMessage/utils/emojiMap.js"),s=require("./useHandleQuoteMessage.js");exports.useMessageInputText=function(c){var i=c.state,T=c.dispatch;c.focus;var l=c.textareaRef,C=t.useState(null);C[0];var d=C[1],S=a.useTUIKitContext("useMessageInputText").tim,_=u.useTUIChatActionContext(),E=_.sendMessage,f=_.createTextMessage,v=_.operateMessage,x=r.useTUIChatStateContext("TUIMessageInputDefault").operateData;t.useEffect((function(){d(x[n.MESSAGE_OPERATE.QUOTE])}),[x]);var p=s.useHandleQuoteMessage().cloudCustomData,g=["Enter","NumpadEnter"],P=t.useCallback((function(e){e.preventDefault(),e&&e.target&&T({type:n.CONSTANT_DISPATCH_TYPE.SET_TEXT,getNewText:function(t){return e.target.value}})}),[S]),N=function(t){return e.__awaiter(void 0,void 0,void 0,(function(){var a,r,u;return e.__generator(this,(function(e){switch(e.label){case 0:return null==t||t.preventDefault(),i.text?(a={payload:{text:o.formatEmojiString(i.text)}},p.messageReply&&(a.cloudCustomData=JSON.stringify(p)),r=f(a),[4,E(r)]):[2];case 1:return e.sent(),T({getNewText:function(e){return""},type:n.CONSTANT_DISPATCH_TYPE.SET_TEXT}),v(((u={})[n.MESSAGE_OPERATE.QUOTE]=null,u)),[2]}}))}))},A=t.useCallback((function(e){!(null==e?void 0:e.ctrlKey)&&g.indexOf(null==e?void 0:e.code)>-1&&13===e.keyCode&&(null==e||e.preventDefault(),N(e)),(null==e?void 0:e.ctrlKey)&&g.indexOf(null==e?void 0:e.code)>-1&&13===e.keyCode&&T({type:n.CONSTANT_DISPATCH_TYPE.SET_TEXT,getNewText:function(e){return"".concat(e,"\n")}})}),[N,T]),D=t.useCallback((function(t){return e.__awaiter(void 0,void 0,void 0,(function(){var a;return e.__generator(this,(function(e){return t.preventDefault(),t.clipboardData&&t.clipboardData.items?((a=o.formatEmojiString(t.clipboardData.getData("text"),1))&&T({type:n.CONSTANT_DISPATCH_TYPE.SET_TEXT,getNewText:function(e){return"".concat(e).concat(a)}}),[2]):[2]}))}))}),[l]),O=t.useCallback((function(e){var t;T({type:n.CONSTANT_DISPATCH_TYPE.SET_TEXT,getNewText:function(t){return"".concat(t.slice(0,i.cursorPos.start)).concat(e).concat(t.slice(i.cursorPos.start))}}),T({type:n.CONSTANT_DISPATCH_TYPE.SET_CURSOR_POS,value:{start:i.cursorPos.start+e.length,end:i.cursorPos.end+e.length}}),null===(t=null==l?void 0:l.current)||void 0===t||t.focus()}),[l,i]),I=t.useCallback((function(e){var t;T({type:n.CONSTANT_DISPATCH_TYPE.SET_TEXT,getNewText:function(){return"".concat(e)}}),null===(t=null==l?void 0:l.current)||void 0===t||t.focus()}),[l]),y=t.useCallback((function(e){T({type:n.CONSTANT_DISPATCH_TYPE.SET_CURSOR_POS,value:e})}),[l]);return{handleChange:P,handleSubmit:N,handleKeyDown:A,handlePasete:D,insertText:O,setText:I,setCursorPos:y}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react"),n=require("../../../constants.js"),r=require("../../../context/TUIKitContext.js");require("react/jsx-runtime");var a=require("../../../context/TUIChatActionContext.js");require("../../../context/TUIMessageContext.js");var u=require("../../TUIMessage/utils/emojiMap.js"),s=require("./useHandleQuoteMessage.js");exports.useMessageInputText=function(o){var i=o.state,c=o.dispatch;o.focus;var l=o.textareaRef,T=o.sendUploadMessage,d=r.useTUIKitContext("useMessageInputText").tim,_=a.useTUIChatActionContext(),f=_.sendMessage,C=_.createTextMessage,S=_.operateMessage,E=s.useHandleQuoteMessage().cloudCustomData,v=["Enter","NumpadEnter"],g=t.useCallback((function(e){e.preventDefault(),e&&e.target&&c({type:n.CONSTANT_DISPATCH_TYPE.SET_TEXT,getNewText:function(t){return e.target.value}})}),[d]),p=function(t){return e.__awaiter(void 0,void 0,void 0,(function(){var r,a,s;return e.__generator(this,(function(e){switch(e.label){case 0:return null==t||t.preventDefault(),i.text?(r={payload:{text:u.formatEmojiString(i.text)}},E.messageReply&&(r.cloudCustomData=JSON.stringify(E)),a=C(r),[4,f(a)]):[2];case 1:return e.sent(),c({getNewText:function(e){return""},type:n.CONSTANT_DISPATCH_TYPE.SET_TEXT}),S(((s={})[n.MESSAGE_OPERATE.QUOTE]=null,s)),[2]}}))}))},x=t.useCallback((function(e){!(null==e?void 0:e.ctrlKey)&&v.indexOf(null==e?void 0:e.code)>-1&&13===e.keyCode&&(null==e||e.preventDefault(),p(e)),(null==e?void 0:e.ctrlKey)&&v.indexOf(null==e?void 0:e.code)>-1&&13===e.keyCode&&c({type:n.CONSTANT_DISPATCH_TYPE.SET_TEXT,getNewText:function(e){return"".concat(e,"\n")}})}),[p,c]),P=t.useCallback((function(t){return e.__awaiter(void 0,void 0,void 0,(function(){var r,a,u;return e.__generator(this,(function(e){return t.preventDefault(),t.clipboardData&&t.clipboardData.items?(r=t.clipboardData,a=r.types,u=r.items,a.find((function(e,t){var r=u[t];switch(e){case"text/plain":return r.getAsString((function(e){c({type:n.CONSTANT_DISPATCH_TYPE.SET_TEXT,getNewText:function(t){return"".concat(t).concat(e)}})})),!0;case"Files":var a=r.getAsFile();return r&&"file"===r.kind&&r.type.match(/^image\//i)&&T({file:a},n.MESSAGE_TYPE_NAME.IMAGE),!0;default:return!1}})),[2]):[2]}))}))}),[l]),A=t.useCallback((function(e){var t;c({type:n.CONSTANT_DISPATCH_TYPE.SET_TEXT,getNewText:function(t){return"".concat(t.slice(0,i.cursorPos.start)).concat(e).concat(t.slice(i.cursorPos.start))}}),c({type:n.CONSTANT_DISPATCH_TYPE.SET_CURSOR_POS,value:{start:i.cursorPos.start+e.length,end:i.cursorPos.end+e.length}}),null===(t=null==l?void 0:l.current)||void 0===t||t.focus()}),[l,i]),N=t.useCallback((function(e){var t;c({type:n.CONSTANT_DISPATCH_TYPE.SET_TEXT,getNewText:function(){return"".concat(e)}}),null===(t=null==l?void 0:l.current)||void 0===t||t.focus()}),[l]),y=t.useCallback((function(e){c({type:n.CONSTANT_DISPATCH_TYPE.SET_CURSOR_POS,value:e})}),[l]);return{handleChange:g,handleSubmit:p,handleKeyDown:x,handlePasete:P,insertText:A,setText:N,setCursorPos:y}};

package/dist/cjs/components/TUIMessageInput/hooks/useUploadPicker.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("../../../constants.js");require("tslib"),require("react/jsx-runtime");var s=require("../../../context/TUIChatActionContext.js");exports.useUploadPicker=function(t){var a,o=s.useTUIChatActionContext(),n=o.sendMessage,i=o.createImageMessage,c=o.createVideoMessage,u=o.createFileMessage,E=((a={})[r.MESSAGE_TYPE_NAME.IMAGE]=i,a[r.MESSAGE_TYPE_NAME.VIDEO]=c,a[r.MESSAGE_TYPE_NAME.FILE]=u,a);return{sendUploadMessage:e.useCallback((function(e,r){var s=E[r]({payload:e,onProgress:function(e){s.progress=e}});n(s)}),[n])}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),s=require("../../../constants.js");require("tslib"),require("react/jsx-runtime");var t=require("../../../context/TUIChatActionContext.js");require("../../../context/TUIMessageContext.js"),exports.useUploadPicker=function(r){var a,n=t.useTUIChatActionContext(),o=n.sendMessage,i=n.createImageMessage,u=n.createVideoMessage,c=n.createFileMessage,E=n.updataUploadPenddingMessageList,M=((a={})[s.MESSAGE_TYPE_NAME.IMAGE]=i,a[s.MESSAGE_TYPE_NAME.VIDEO]=u,a[s.MESSAGE_TYPE_NAME.FILE]=c,a);return{sendUploadMessage:e.useCallback((function(e,s){var t=M[s]({payload:e,onProgress:function(e){t.progress=e,E(t)}});o(t)}),[o])}};

package/dist/cjs/components/TUIMessageList/TUIMessageList.d.ts

@@ -3,9 +3,11 @@ import { Message } from 'tim-js-sdk';
 import { InfiniteScrollProps } from '../InfiniteScrollPaginator/InfiniteScroll.js';
 
 interface MessageListProps extends InfiniteScrollProps {
+    className?: string;
     messageList?: Array<Message>;
     highlightedMessageId?: string;
+    intervalsTimer?: number;
 }
 declare function TUIMessageList(props: MessageListProps): React.ReactElement;
 
-export { TUIMessageList };
+export { MessageListProps, TUIMessageList };

package/dist/cjs/components/TUIMessageList/TUIMessageList.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),s=require("react"),i=require("../../context/TUIChatStateContext.js"),n=require("../../context/TUIChatActionContext.js"),r=require("../../context/ComponentContext.js"),o=require("./hooks/useEnrichedMessageList.js"),a=require("./hooks/useMessageListElement.js"),l=require("../InfiniteScrollPaginator/InfiniteScroll.js"),u=require("../EmptyStateIndicator/EmptyStateIndicator.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function d(c){var d=this,g=c.messageList,h=c.highlightedMessageId,m=c.loadMore,f=s.useState(null),I=f[0],v=f[1],x=s.useState(!1),M=x[0],j=x[1],_=i.useTUIChatStateContext("TUIMessageList"),p=_.messageList,C=_.highlightedMessageId,S=_.isCompleted,q=_.isSameLastMessageID,L=_.messageListRef,T=_.noMore,E=n.useTUIChatActionContext().loadMore,y=r.useComponentContext(),U=y.TUIMessage,b=y.EmptyStateIndicator,k=void 0===b?u.EmptyStateIndicator:b,w=h||C,N=o({messageList:g||p}).messageList,A=m||E,H=a({enrichedMessageList:N,TUIMessage:U});return s.useEffect((function(){e.__awaiter(d,void 0,void 0,(function(){var t,s,i,n,r,o;return e.__generator(this,(function(e){switch(e.label){case 0:return t=null===(o=null==I?void 0:I.parentElement)||void 0===o?void 0:o.parentElement,!S&&(null==t?void 0:t.clientHeight)>=(null==I?void 0:I.clientHeight)?[4,A()]:[3,2];case 1:e.sent(),e.label=2;case 2:return w&&(null==(s=null==I?void 0:I.querySelector("[data-message-id='".concat(w,"']")))||s.scrollIntoView({block:"center"})),!(null==I?void 0:I.children)||M&&q||(i=(null==I?void 0:I.children)||[],n=i[i.length-1],r=setTimeout((function(){null==n||n.scrollIntoView({block:"end"}),j(!0),clearTimeout(r)}),100)),[2]}}))}))}),[H,M]),t.jsxs("div",e.__assign({className:"message-list",ref:L},{children:[T,T&&t.jsx("p",e.__assign({className:"no-more"},{children:"no More"})),t.jsx(l.InfiniteScroll,e.__assign({className:"message-list-infinite-scroll",hasMore:!0,loadMore:A,threshold:1},{children:t.jsx("ul",e.__assign({ref:v},{children:(null==H?void 0:H.length)>0?H:t.jsx(k,{listType:"message"})}))}))]}))}var g=c(s).default.memo(d);exports.TUIMessageList=function(s){return t.jsx(g,e.__assign({},s))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),s=require("react"),i=require("../../context/TUIChatStateContext.js"),n=require("../../context/TUIChatActionContext.js");require("../../context/TUIMessageContext.js");var r=require("../../context/ComponentContext.js"),l=require("./hooks/useEnrichedMessageList.js"),a=require("./hooks/useMessageListElement.js"),o=require("../InfiniteScrollPaginator/InfiniteScroll.js"),u=require("../EmptyStateIndicator/EmptyStateIndicator.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function d(c){var d=this,g=c.messageList,h=c.highlightedMessageId,m=c.loadMore,v=c.intervalsTimer,f=s.useState(null),I=f[0],M=f[1],x=s.useState(!1),T=x[0],j=x[1],_=i.useTUIChatStateContext("TUIMessageList"),p=_.messageList,C=_.highlightedMessageId,L=_.isCompleted,S=_.isSameLastMessageID,q=_.messageListRef,E=_.noMore,U=_.TUIMessageListConfig,y=n.useTUIChatActionContext(),b=y.loadMore,k=y.setHighlightedMessageId,w=r.useComponentContext(),H=w.TUIMessage,N=w.EmptyStateIndicator,A=void 0===N?u.EmptyStateIndicator:N,P=h||(null==U?void 0:U.highlightedMessageId)||C,V=60*(v||(null==U?void 0:U.intervalsTimer)||30),D=l({messageList:g||(null==U?void 0:U.messageList)||p}).messageList,O=m||(null==U?void 0:U.loadMore)||b,R=a({enrichedMessageList:D,TUIMessage:H,intervalsTimer:V});return s.useEffect((function(){e.__awaiter(d,void 0,void 0,(function(){var t,s,i,n,r;return e.__generator(this,(function(e){switch(e.label){case 0:return t=null===(r=null==I?void 0:I.parentElement)||void 0===r?void 0:r.parentElement,!L&&(null==t?void 0:t.clientHeight)>=(null==I?void 0:I.clientHeight)?[4,O()]:[3,2];case 1:e.sent(),e.label=2;case 2:return!(null==I?void 0:I.children)||T&&S||(s=(null==I?void 0:I.children)||[],i=s[s.length-1],n=setTimeout((function(){null==i||i.scrollIntoView({block:"end"}),j(!0),clearTimeout(n)}),100)),[2]}}))}))}),[R,T]),s.useEffect((function(){if(P){var e=null==I?void 0:I.querySelector("[data-message-id='".concat(P,"']"));if(!e)return;var t=e.children[1].children;t[t.length-1].classList.add("high-lighted"),null==e||e.scrollIntoView({block:"center"});var s=setTimeout((function(){t[t.length-1].classList.remove("high-lighted"),clearTimeout(s),k("")}),1e3)}}),[P]),t.jsxs("div",e.__assign({className:"message-list ".concat(T?"":"hide"),ref:q},{children:[E,E&&t.jsx("p",e.__assign({className:"no-more"},{children:"no More"})),t.jsx(o.InfiniteScroll,e.__assign({className:"message-list-infinite-scroll",hasMore:!0,loadMore:O,threshold:1},{children:t.jsx("ul",e.__assign({ref:M},{children:(null==R?void 0:R.length)>0?R:t.jsx(A,{listType:"message"})}))}))]}))}var g=c(s).default.memo(d);exports.TUIMessageList=function(s){return t.jsx(g,e.__assign({},s))};

package/dist/cjs/components/TUIMessageList/hooks/useMessageListElement.js

@@ -1 +1 @@
-"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),s=require("react");module.exports=function(i){var t=i.enrichedMessageList,n=i.TUIMessage;return s.useMemo((function(){return null==t?void 0:t.map((function(s,i){var t="".concat(JSON.stringify(s)).concat(i);return r.jsx("li",e.__assign({className:"message-list-item"},{children:r.jsx(n,{message:s})}),t)}))}),[t])};
+"use strict";var e=require("tslib"),s=require("react/jsx-runtime"),i=require("react"),r=require("../../untils.js");module.exports=function(t){var n=t.enrichedMessageList,a=t.TUIMessage,c=t.intervalsTimer;return i.useMemo((function(){return null==n?void 0:n.map((function(i,t){var l,u="".concat(JSON.stringify(i)).concat(t),m=t>0?null===(l=n[t-1])||void 0===l?void 0:l.time:-1,o=(null==i?void 0:i.time)||0,d=-1!==m&&o-m>=c;return s.jsxs(s.Fragment,{children:[d&&s.jsx("div",e.__assign({className:"message-list-time"},{children:o?r.getTimeStamp(1e3*o):0}),"".concat(o+t)),s.jsx("li",e.__assign({className:"message-list-item"},{children:s.jsx(a,{message:i})}),u)]})}))}),[n])};

package/dist/cjs/components/TUIProfile/TUIProfile.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("./hooks/useMyProfile.js"),o=require("./TUIProfileDefault.js"),i=require("../../context/TUIKitContext.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function f(r){var u=r.className,f=r.TUIProfile,l=t.useMyProfile(),s=l.myProfile,a=l.updateMyProfile,n=i.useTUIKitContext("TUIProfile").TUIProfileShow,P=f||o.TUIProfileDefault;return n&&e.jsx(P,{className:u,userInfo:s,update:a})}require("tslib");var l=u(r).default.memo(f);exports.TUIProfile=l;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("./hooks/useMyProfile.js"),o=require("./TUIProfileDefault.js"),i=require("../../context/TUIKitContext.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(r){var u=r.className,s=r.TUIProfile,f=t.useMyProfile(),l=f.myProfile,a=f.updateMyProfile,n=i.useTUIKitContext("TUIProfile").TUIProfileShow,c=s||o.TUIProfileDefault;return n&&e.jsx(c,{className:u,userInfo:l,update:a})}require("tslib"),require("../../context/TUIMessageContext.js");var f=u(r).default.memo(s);exports.TUIProfile=f;

package/dist/cjs/components/TUIProfile/TUIProfileDefault.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),a=require("react/jsx-runtime"),t=require("react"),i=require("react-date-picker"),n=require("tim-js-sdk"),l=require("../../context/TUIKitContext.js"),r=require("../Avatar/Avatar.js"),s=require("../DivWithEdit/DivWithEdit.js"),u=require("../Icon/Icon.js"),o=require("../Icon/type.js"),c=require("../untils.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var v,m=d(t),f=d(i),h=d(n),p=((v={})[h.default.TYPES.GENDER_UNKNOWN]="unknow",v[h.default.TYPES.GENDER_MALE]="male",v[h.default.TYPES.GENDER_FEMALE]="female",v),g=["https://im.sdk.qcloud.com/download/tuikit-resource/avatar/avatar_1.png","https://im.sdk.qcloud.com/download/tuikit-resource/avatar/avatar_2.png","https://im.sdk.qcloud.com/download/tuikit-resource/avatar/avatar_3.png","https://im.sdk.qcloud.com/download/tuikit-resource/avatar/avatar_4.png","https://im.sdk.qcloud.com/download/tuikit-resource/avatar/avatar_5.png","https://im.sdk.qcloud.com/download/tuikit-resource/avatar/avatar_6.png"],_=[{label:"Male",value:h.default.TYPES.GENDER_MALE},{label:"Female",value:h.default.TYPES.GENDER_FEMALE}];function j(i){var n,d,v=i.userInfo,m=i.className,h=i.update,j=l.useTUIKitContext("TUIProfileDefault").setTUIProfileShow,x=t.useState(""),E=x[0],N=x[1],k=[{name:"Signature",value:null==v?void 0:v.selfSignature,type:"text",children:null},{name:"Gender",value:null===(n=p[null==v?void 0:v.gender])||void 0===n?void 0:n.replace(p[null==v?void 0:v.gender][0],null===(d=p[null==v?void 0:v.gender][0])||void 0===d?void 0:d.toLocaleUpperCase()),type:"select",children:a.jsx("ul",e.__assign({className:"select-list"},{children:null==_?void 0:_.map((function(t,i){var n="".concat(t.value).concat(i);return a.jsx("li",e.__assign({className:"select-list-item",role:"menuitem",tabIndex:i,onClick:function(){q(t)}},{children:t.label}),n)}))}))},{name:"Birthday",value:null==v?void 0:v.birthday,type:"select",children:a.jsx(f.default,{className:"tui-profile-birthday",calendarClassName:"tui-profile-birthday-calendar",isOpen:!0,format:"y-MM-dd",onChange:function(e){I(e)},value:function(e){if(8===(null==e?void 0:e.length)){var a=Number(e.slice(0,4)),t=Number(e.slice(4,6)),i=Number(e.slice(-2));return new Date(a,t-1,i)}return new Date}("".concat(null==v?void 0:v.birthday))})}],D=function(e){N(e)},y=function(e){h(e),N("")},b=function(e){var a,t="";switch(null==e?void 0:e.name){case"nick":t="nick";break;case"Signature":t="selfSignature";break;default:return void N("")}var i=((a={})[t]=e.value,a);y(i)},q=function(e){y({gender:e.value})},I=function(e){var a,t,i,n;y({birthday:Number((a=e,t=a.getDate()>9?a.getDate():"0".concat(a.getDate()),i=a.getMonth()>8?a.getMonth()+1:"0".concat(a.getMonth()+1),n=a.getFullYear(),"".concat(n).concat(i).concat(t)))})};return a.jsxs("div",e.__assign({className:"".concat(m," tui-profile")},{children:[a.jsxs("header",e.__assign({className:"tui-profile-header"},{children:[a.jsx(u.Icon,{width:9,height:16,type:o.IconTypes.BACK,onClick:function(){j(!1)}}),a.jsx("h1",{children:"Personal information"})]})),a.jsxs("main",e.__assign({className:"tui-profile-main"},{children:[a.jsx("div",e.__assign({className:"tui-profile-avatar"},{children:a.jsx(r.Avatar,{image:c.handleDisplayAvatar(null==v?void 0:v.avatar),size:94,update:function(e){y({avatar:e})},list:g})})),a.jsx(s.DivWithEdit,{name:"nick",className:"tui-profile-nick",value:null==v?void 0:v.nick,type:"text",toggle:D,isEdit:"nick"===E,confirm:b,close:function(){N("")}}),a.jsxs("div",e.__assign({className:"tui-profile-ID"},{children:[a.jsx("h5",{children:"ID:"}),a.jsx("span",{children:null==v?void 0:v.userID})]}))]})),a.jsx("ul",e.__assign({className:"tui-profile-list"},{children:k.map((function(t){var i="".concat(t.name);return a.jsxs("li",e.__assign({className:"tui-profile-list-item"},{children:[a.jsx("h4",{children:t.name}),a.jsx(s.DivWithEdit,e.__assign({className:"tui-profile-div-with-edit",classEditName:"tui-profile-edit",name:t.name,value:null==t?void 0:t.value,type:t.type,toggle:D,isEdit:E===t.name,confirm:b,close:function(){N("")}},{children:null==t?void 0:t.children}))]}),i)}))}))]}))}var x=m.default.memo(j);exports.TUIProfileDefault=function(t){var i=e.__assign({},t);return a.jsx(x,e.__assign({},i))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),a=require("react/jsx-runtime"),t=require("react"),i=require("react-date-picker"),n=require("tim-js-sdk"),l=require("../../context/TUIKitContext.js");require("../../context/TUIMessageContext.js");var r=require("../Avatar/Avatar.js"),s=require("../DivWithEdit/DivWithEdit.js"),u=require("../Icon/Icon.js"),o=require("../Icon/type.js"),c=require("../untils.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var v,m=d(t),f=d(i),h=d(n),p=((v={})[h.default.TYPES.GENDER_UNKNOWN]="unknow",v[h.default.TYPES.GENDER_MALE]="male",v[h.default.TYPES.GENDER_FEMALE]="female",v),g=["https://im.sdk.qcloud.com/download/tuikit-resource/avatar/avatar_1.png","https://im.sdk.qcloud.com/download/tuikit-resource/avatar/avatar_2.png","https://im.sdk.qcloud.com/download/tuikit-resource/avatar/avatar_3.png","https://im.sdk.qcloud.com/download/tuikit-resource/avatar/avatar_4.png","https://im.sdk.qcloud.com/download/tuikit-resource/avatar/avatar_5.png","https://im.sdk.qcloud.com/download/tuikit-resource/avatar/avatar_6.png"],_=[{label:"Male",value:h.default.TYPES.GENDER_MALE},{label:"Female",value:h.default.TYPES.GENDER_FEMALE}];function j(i){var n,d,v=i.userInfo,m=i.className,h=i.update,j=l.useTUIKitContext("TUIProfileDefault").setTUIProfileShow,x=t.useState(""),E=x[0],N=x[1],k=[{name:"Signature",value:null==v?void 0:v.selfSignature,type:"text",children:null},{name:"Gender",value:null===(n=p[null==v?void 0:v.gender])||void 0===n?void 0:n.replace(p[null==v?void 0:v.gender][0],null===(d=p[null==v?void 0:v.gender][0])||void 0===d?void 0:d.toLocaleUpperCase()),type:"select",children:a.jsx("ul",e.__assign({className:"select-list"},{children:null==_?void 0:_.map((function(t,i){var n="".concat(t.value).concat(i);return a.jsx("li",e.__assign({className:"select-list-item",role:"menuitem",tabIndex:i,onClick:function(){q(t)}},{children:t.label}),n)}))}))},{name:"Birthday",value:null==v?void 0:v.birthday,type:"select",children:a.jsx(f.default,{className:"tui-profile-birthday",calendarClassName:"tui-profile-birthday-calendar",isOpen:!0,format:"y-MM-dd",onChange:function(e){I(e)},value:function(e){if(8===(null==e?void 0:e.length)){var a=Number(e.slice(0,4)),t=Number(e.slice(4,6)),i=Number(e.slice(-2));return new Date(a,t-1,i)}return new Date}("".concat(null==v?void 0:v.birthday))})}],D=function(e){N(e)},y=function(e){h(e),N("")},b=function(e){var a,t="";switch(null==e?void 0:e.name){case"nick":t="nick";break;case"Signature":t="selfSignature";break;default:return void N("")}var i=((a={})[t]=e.value,a);y(i)},q=function(e){y({gender:e.value})},I=function(e){var a,t,i,n;y({birthday:Number((a=e,t=a.getDate()>9?a.getDate():"0".concat(a.getDate()),i=a.getMonth()>8?a.getMonth()+1:"0".concat(a.getMonth()+1),n=a.getFullYear(),"".concat(n).concat(i).concat(t)))})};return a.jsxs("div",e.__assign({className:"".concat(m," tui-profile")},{children:[a.jsxs("header",e.__assign({className:"tui-profile-header"},{children:[a.jsx(u.Icon,{width:9,height:16,type:o.IconTypes.BACK,onClick:function(){j(!1)}}),a.jsx("h1",{children:"Personal information"})]})),a.jsxs("main",e.__assign({className:"tui-profile-main"},{children:[a.jsx("div",e.__assign({className:"tui-profile-avatar"},{children:a.jsx(r.Avatar,{image:c.handleDisplayAvatar(null==v?void 0:v.avatar),size:94,update:function(e){y({avatar:e})},list:g})})),a.jsx(s.DivWithEdit,{name:"nick",className:"tui-profile-nick",value:null==v?void 0:v.nick,type:"text",toggle:D,isEdit:"nick"===E,confirm:b,close:function(){N("")}}),a.jsxs("div",e.__assign({className:"tui-profile-ID"},{children:[a.jsx("h5",{children:"ID:"}),a.jsx("span",{children:null==v?void 0:v.userID})]}))]})),a.jsx("ul",e.__assign({className:"tui-profile-list"},{children:k.map((function(t){var i="".concat(t.name);return a.jsxs("li",e.__assign({className:"tui-profile-list-item"},{children:[a.jsx("h4",{children:t.name}),a.jsx(s.DivWithEdit,e.__assign({className:"tui-profile-div-with-edit",classEditName:"tui-profile-edit",name:t.name,value:null==t?void 0:t.value,type:t.type,toggle:D,isEdit:E===t.name,confirm:b,close:function(){N("")}},{children:null==t?void 0:t.children}))]}),i)}))}))]}))}var x=m.default.memo(j);exports.TUIProfileDefault=function(t){var i=e.__assign({},t);return a.jsx(x,e.__assign({},i))};

package/dist/cjs/components/TUIProfile/hooks/useMyProfile.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react"),r=require("tim-js-sdk"),n=require("../../../context/TUIKitContext.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("react/jsx-runtime");var i=u(r);exports.useMyProfile=function(){var r=this,u=t.useState(null),a=u[0],o=u[1],l=n.useTUIKitContext("useMyProfile"),s=l.tim,c=l.myProfile,f=t.useCallback((function(){return e.__awaiter(r,void 0,void 0,(function(){var t;return e.__generator(this,(function(e){switch(e.label){case 0:return c?(o(c),[3,3]):[3,1];case 1:return[4,null==s?void 0:s.getMyProfile()];case 2:t=e.sent(),o(null==t?void 0:t.data),e.label=3;case 3:return[2]}}))}))}),[s]),d=t.useCallback((function(t){return e.__awaiter(r,void 0,void 0,(function(){var r,n;return e.__generator(this,(function(u){switch(u.label){case 0:return[4,null==s?void 0:s.updateMyProfile(t)];case 1:return r=u.sent(),n=e.__assign({},a),Object.keys(r.data).map((function(e){return n[e]=r.data[e],e})),o(n),[2,r]}}))}))}),[s]),_=function(e){console.log("onProfileUpdated",e.data)};return t.useEffect((function(){return e.__awaiter(r,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return[4,f()];case 1:return e.sent(),[2]}}))})),null==s||s.on(i.default.EVENT.PROFILE_UPDATED,_),function(){null==s||s.off(i.default.EVENT.PROFILE_UPDATED,_)}}),[s]),{myProfile:a,updateMyProfile:d}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react"),r=require("tim-js-sdk"),n=require("../../../context/TUIKitContext.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("react/jsx-runtime"),require("../../../context/TUIMessageContext.js");var i=u(r);exports.useMyProfile=function(){var r=this,u=t.useState(null),a=u[0],o=u[1],s=n.useTUIKitContext("useMyProfile"),l=s.tim,c=s.myProfile,f=t.useCallback((function(){return e.__awaiter(r,void 0,void 0,(function(){var t;return e.__generator(this,(function(e){switch(e.label){case 0:return c?(o(c),[3,3]):[3,1];case 1:return[4,null==l?void 0:l.getMyProfile()];case 2:t=e.sent(),o(null==t?void 0:t.data),e.label=3;case 3:return[2]}}))}))}),[l]),d=t.useCallback((function(t){return e.__awaiter(r,void 0,void 0,(function(){var r,n;return e.__generator(this,(function(u){switch(u.label){case 0:return[4,null==l?void 0:l.updateMyProfile(t)];case 1:return r=u.sent(),n=e.__assign({},a),Object.keys(r.data).map((function(e){return n[e]=r.data[e],e})),o(n),[2,r]}}))}))}),[l]),_=function(e){console.log("onProfileUpdated",e.data)};return t.useEffect((function(){return e.__awaiter(r,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return[4,f()];case 1:return e.sent(),[2]}}))})),null==l||l.on(i.default.EVENT.PROFILE_UPDATED,_),function(){null==l||l.off(i.default.EVENT.PROFILE_UPDATED,_)}}),[l]),{myProfile:a,updateMyProfile:d}};

package/dist/cjs/components/Toast/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+
+interface ToastProps {
+    type?: 'info' | 'warn' | 'error';
+    text?: string;
+    time?: number;
+    className?: string;
+}
+declare function Toast<T extends ToastProps>(props: React.PropsWithChildren<T>): void;
+
+export { Toast };

package/dist/cjs/constants.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,E,t,S,s,T;exports.CONSTANT_DISPATCH_TYPE=void 0,(e=exports.CONSTANT_DISPATCH_TYPE||(exports.CONSTANT_DISPATCH_TYPE={})).RESET="reset",e.SET_CONVERSATION_PRPFILE="setConversationProfile",e.SET_MESSAGELIST="setMessageList",e.SET_UPDATE_MESSAGE="setUpdateMessage",e.SET_EDIT_MESSAGE="setEditMessage",e.SET_REMOVE_MESSAGE="setRemoveMessage",e.SET_HISTORY_MESSAGELIST="setHistoryMessageList",e.SET_NEXT_REQ_MESSAGE_ID="setNextReqMessageID",e.SET_IS_COMPLETE="setIsComplete",e.SET_TEXT="setText",e.SET_HIGH_LIGHTED_MESSAGE_ID="setHightLightedMessageID",e.OPERATE_MESSAGE="operateMessage",e.SET_NO_MORE="setNoMore",e.SET_CURSOR_POS="setCursorPos",exports.MESSAGE_TYPE=void 0,(E=exports.MESSAGE_TYPE||(exports.MESSAGE_TYPE={}))[E.TEXT=1]="TEXT",E[E.CUSTOM=2]="CUSTOM",E[E.IMAGE=3]="IMAGE",E[E.AUDIO=4]="AUDIO",E[E.VIDEO=5]="VIDEO",E[E.FILE=6]="FILE",E[E.FACE=8]="FACE",exports.MESSAGE_STATUS=void 0,(t=exports.MESSAGE_STATUS||(exports.MESSAGE_STATUS={})).UNSEND="unSend",t.SUCCESS="success",t.FAIL="fail",exports.MESSAGE_FLOW=void 0,(S=exports.MESSAGE_FLOW||(exports.MESSAGE_FLOW={})).IN="in",S.OUT="out",exports.MESSAGE_TYPE_NAME=void 0,(s=exports.MESSAGE_TYPE_NAME||(exports.MESSAGE_TYPE_NAME={})).TEXT="text",s.CUSTOM="custom",s.IMAGE="image",s.AUDIO="audio",s.VIDEO="video",s.FILE="file",s.FACE="face",exports.MESSAGE_OPERATE=void 0,(T=exports.MESSAGE_OPERATE||(exports.MESSAGE_OPERATE={})).REVOKE="revoke",T.QUOTE="quote",T.FORWARD="forward",exports.default={typeC2C:"isC2C",typeGroup:"isGroup",cancel:"cancel",group:"GROUP",handleMessage:{revoke:"revoke",copy:"copy",delete:"delete",forward:"forward",reply:"reply"},at:"@",all:"所有人",typeForward:"forward",typeMute:"mute",typeOrder:"order",typeService:"consultion",typeReply:"quick_reply",typeEvaluate:"evaluation",typeTextLink:"text_link",typeAndroid:"android",typeIphone:"iphone",typeMini:"miniprogram",TYPE_TYPING:"user_typing_status",typeInputStatusIng:"EIMAMSG_InputStatus_Ing",typeInputStatusEnd:"EIMAMSG_InputStatus_End"};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,E,S,t,s,o;exports.CONSTANT_DISPATCH_TYPE=void 0,(e=exports.CONSTANT_DISPATCH_TYPE||(exports.CONSTANT_DISPATCH_TYPE={})).RESET="reset",e.SET_CONVERSATION_PRPFILE="setConversationProfile",e.SET_MESSAGELIST="setMessageList",e.SET_UPDATE_MESSAGE="setUpdateMessage",e.SET_EDIT_MESSAGE="setEditMessage",e.SET_REMOVE_MESSAGE="setRemoveMessage",e.SET_HISTORY_MESSAGELIST="setHistoryMessageList",e.SET_NEXT_REQ_MESSAGE_ID="setNextReqMessageID",e.SET_IS_COMPLETE="setIsComplete",e.SET_TEXT="setText",e.SET_HIGH_LIGHTED_MESSAGE_ID="setHightLightedMessageID",e.OPERATE_MESSAGE="operateMessage",e.SET_NO_MORE="setNoMore",e.SET_CURSOR_POS="setCursorPos",e.SET_AUDIO_SOURCE="setAudioSource",e.SET_VIDEO_SOURCE="setVideoSource",e.UPDATE_UPLOAD_PENDDING_MESSAGE_LIST="updateUploadPenddingMessageList",exports.MESSAGE_TYPE=void 0,(E=exports.MESSAGE_TYPE||(exports.MESSAGE_TYPE={}))[E.TEXT=1]="TEXT",E[E.CUSTOM=2]="CUSTOM",E[E.IMAGE=3]="IMAGE",E[E.AUDIO=4]="AUDIO",E[E.VIDEO=5]="VIDEO",E[E.FILE=6]="FILE",E[E.FACE=8]="FACE",exports.MESSAGE_STATUS=void 0,(S=exports.MESSAGE_STATUS||(exports.MESSAGE_STATUS={})).UNSEND="unSend",S.SUCCESS="success",S.FAIL="fail",exports.MESSAGE_FLOW=void 0,(t=exports.MESSAGE_FLOW||(exports.MESSAGE_FLOW={})).IN="in",t.OUT="out",exports.MESSAGE_TYPE_NAME=void 0,(s=exports.MESSAGE_TYPE_NAME||(exports.MESSAGE_TYPE_NAME={})).TEXT="text",s.CUSTOM="custom",s.IMAGE="image",s.AUDIO="audio",s.VIDEO="video",s.FILE="file",s.FACE="face",exports.MESSAGE_OPERATE=void 0,(o=exports.MESSAGE_OPERATE||(exports.MESSAGE_OPERATE={})).REVOKE="revoke",o.QUOTE="quote",o.FORWARD="forward",exports.default={typeC2C:"isC2C",typeGroup:"isGroup",cancel:"cancel",group:"GROUP",handleMessage:{revoke:"revoke",copy:"copy",delete:"delete",forward:"forward",reply:"reply"},at:"@",all:"所有人",typeForward:"forward",typeMute:"mute",typeOrder:"order",typeService:"consultion",typeReply:"quick_reply",typeEvaluate:"evaluation",typeTextLink:"text_link",typeAndroid:"android",typeIphone:"iphone",typeMini:"miniprogram",TYPE_TYPING:"user_typing_status",typeInputStatusIng:"EIMAMSG_InputStatus_Ing",typeInputStatusEnd:"EIMAMSG_InputStatus_End"};

package/dist/cjs/context/ComponentContext.d.ts

@@ -8,7 +8,7 @@ interface UnknowPorps {
     [propsName: string]: any;
 }
 interface ComponentContextValue {
-    TUIMessage?: React.ComponentType<TUIMessageProps>;
+    TUIMessage?: React.ComponentType<TUIMessageProps | UnknowPorps>;
     TUIChatHeader?: React.ComponentType<TUIChatHeaderDefaultProps>;
     EmptyStateIndicator?: React.ComponentType<EmptyStateIndicatorProps>;
     TUIMessageInput?: React.ComponentType<UnknowPorps>;

package/dist/cjs/context/TUIChatActionContext.d.ts

@@ -1,10 +1,10 @@
 import React, { PropsWithChildren } from 'react';
 import { Message } from 'tim-js-sdk';
-import { CreateTextMessageProps, CreateFaceMessageProps, CreateUploadMessageProps, CreateForwardMessageProps } from '../components/TUIChat/hooks/useCreateMessage.js';
+import { CreateTextMessageProps, CreateFaceMessageProps, CreateUploadMessageProps, CreateForwardMessageProps, CreateCustomMessageProps, CreateTextAtMessageProps, CreateLocationMessageProps, CreateMergerMessageProps } from '../components/TUIChat/hooks/useCreateMessage.js';
 import { OperateMessageParams } from '../components/TUIChat/hooks/useHandleMessage.js';
 
 interface TUIChatActionContextValue {
-    sendMessage?: (message: Message) => Promise<void>;
+    sendMessage?: (message: Message, options?: any) => Promise<void>;
     removeMessage?: (message: Message) => void;
     updateMessage?: (messages: Array<Message>) => void;
     createTextMessage?: (options: CreateTextMessageProps) => Message;
@@ -13,10 +13,19 @@ interface TUIChatActionContextValue {
     createVideoMessage?: (options: CreateUploadMessageProps) => Message;
     createFileMessage?: (options: CreateUploadMessageProps) => Message;
     createForwardMessage?: (options: CreateForwardMessageProps) => Message;
+    createCustomMessage?: (options: CreateCustomMessageProps) => Message;
+    createAudioMessage?: (options: CreateUploadMessageProps) => Message;
+    createTextAtMessage?: (options: CreateTextAtMessageProps) => Message;
+    createLocationMessage?: (options: CreateLocationMessageProps) => Message;
+    createMergerMessage?: (options: CreateMergerMessageProps) => Message;
     editLocalmessage?: (message: Message) => void;
     operateMessage?: (data?: OperateMessageParams) => void;
     loadMore?: () => Promise<void>;
     revokeMessage?: (message: Message) => Promise<Message>;
+    setAudioSource?: (source: HTMLAudioElement | null) => void;
+    setVideoSource?: (source: HTMLVideoElement | null) => void;
+    setHighlightedMessageId?: (highlightedMessageId: string) => void;
+    updataUploadPenddingMessageList?: (message?: Message) => void;
 }
 declare const TUIChatActionContext: React.Context<TUIChatActionContextValue>;
 declare function TUIChatActionProvider({ children, value, }: PropsWithChildren<{