@tencentcloud/chat-uikit-react 2.2.7 → 2.2.9

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),i=require("react"),s=require("../../context/MessageInputContext.js"),a=require("../Icon/Icon.js"),n=require("../Icon/type.js"),r=require("../Popup/index.js"),o=require("../MessageElement/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&&f(t):(h&&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/MessageInput/Forward.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react/jsx-runtime"),a=require("react"),r=require("react-i18next");require("@tencentcloud/tui-core"),require("@tencentcloud/chat-uikit-engine");var t=require("../../context/ChatActionContext.js");require("../../context/MessageContext.js");var i=require("../Model/index.js"),n=require("../Icon/Icon.js"),o=require("../Icon/type.js"),l=require("../Input/Input.js"),c=require("../Checkbox/index.js"),u=require("../Avatar/Avatar.js"),d=require("../ConversationPreview/utils.js"),h=require("../../constants.js");require("date-fns"),require("date-fns/locale"),require("@tencentcloud/chat"),require("./hooks/useHandleQuoteMessage.js");var g=require("./hooks/useHandleForwardMessage.js");exports.Forward=function(_){var v,f=_.handleForward,x=r.useTranslation().t,j=a.useState([]),m=j[0],p=j[1],C=a.useState([]),w=C[0],I=C[1],q=a.useState(""),N=q[0],b=q[1],y=t.useTUIChatActionContext().operateMessage,k=g.useHandleForwardMessage(),A=k.message,D=k.sendForwardMessage,T=k.conversationList,F=void 0===T?[]:T,M=a.useCallback((function(){var e;y&&y(((e={})[h.MESSAGE_OPERATE.FORWARD]=null,e))}),[y]),S=F,E=function(s){s.checked?p(e.__spreadArray(e.__spreadArray([],m,!0),[s.value],!1)):p(m.filter((function(e){return e!==s.value})))};return a.useEffect((function(){p([]),I([]),b("")}),[A]),A&&F.length>0&&s.jsx(i.Model,e.__assign({onClick:M},{children:s.jsxs("div",e.__assign({role:"button",tabIndex:0,className:"tui-forward",onClick:function(e){!function(e){e.stopPropagation()}(e)}},{children:[s.jsxs("header",e.__assign({className:"tui-forward-header"},{children:[s.jsx(n.Icon,{type:o.IconTypes.CANCEL,width:16,height:16,onClick:M}),s.jsx("h2",e.__assign({className:"tui-forward-title"},{children:x("TUIChat.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(b(null===(s=e.target)||void 0===s?void 0:s.value),null===(a=e.target)||void 0===a?void 0:a.value){var r=F.filter((function(s){var a,r=d.getDisplayTitle(s).toLocaleLowerCase(),t=null===(a=e.target)||void 0===a?void 0:a.value.toLocaleLowerCase();return r.includes(t)}));I(r)}else I([])},prefix:s.jsx(n.Icon,{type:o.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:x("TUIChat.Search Result")})),w.length>0&&w.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(u.Avatar,{image:d.getDisplayImage(a),size:40}),s.jsx("div",e.__assign({className:"info-nick"},{children:d.getDisplayTitle(a)}))]})),s.jsx(c.Checkbox,{onChange:function(e){E(e)},id:"".concat(a.conversationID),value:a})]}),a.conversationID)})),0===w.length&&s.jsx("p",e.__assign({className:"no-result"},{children:x("TUIChat.No Result")}))]})),!N&&S.length>0&&s.jsx("ul",e.__assign({className:"tui-forward-list"},{children:S.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(u.Avatar,{image:d.getDisplayImage(a),size:40}),s.jsx("div",e.__assign({className:"info-nick"},{children:d.getDisplayTitle(a)}))]})),s.jsx(c.Checkbox,{onChange:E,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:m.length>0&&(v=m,(null==v?void 0:v.map((function(e){return d.getDisplayTitle(e)}))).toString())})),s.jsx("button",e.__assign({type:"button",className:"button",onClick:function(){f?f({list:m,message:A}):D(m),M()},disabled:0===m.length},{children:x("TUIChat.Forward")}))]}))]}))}))};

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

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

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

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

package/dist/cjs/components/{TUIMessageInput/TUIMessageInput.d.ts → MessageInput/MessageInput.d.ts}

@@ -2,7 +2,7 @@ import React__default, { MutableRefObject, PropsWithChildren } from 'react';
 import { UnknowPorps } from '../../context/ComponentContext.js';
 
 interface PluginConfigProps {
-    plugins?: Array<React__default.ReactElement>;
+    plugins?: React__default.ReactElement[];
     showNumber?: number;
     MoreIcon?: React__default.ReactElement;
     isEmojiPicker?: boolean;
@@ -23,7 +23,7 @@ interface TUIMessageInputProps extends TUIMessageInputBasicProps {
     InputPlugins?: React__default.ComponentType<UnknowPorps>;
     InputQuote?: React__default.ComponentType<UnknowPorps>;
 }
-declare function UnMemoizedTUIMessageInput<T extends TUIMessageInputProps>(props: PropsWithChildren<T>): React__default.ReactElement;
-declare const TUIMessageInput: typeof UnMemoizedTUIMessageInput;
+declare function UnMemoizedMessageInput<T extends TUIMessageInputProps>(props: PropsWithChildren<T>): React__default.ReactElement;
+declare const MessageInput: typeof UnMemoizedMessageInput;
 
-export { PluginConfigProps, TUIMessageInput, TUIMessageInputBasicProps, TUIMessageInputProps };
+export { MessageInput, PluginConfigProps, TUIMessageInputBasicProps, TUIMessageInputProps };

package/dist/cjs/components/MessageInput/MessageInput.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),s=require("react"),n=require("@tencentcloud/chat"),u=require("../../context/MessageInputContext.js"),a=require("./hooks/useCreateMessageInputContext.js"),r=require("./hooks/useMessageInputState.js");require("@tencentcloud/chat-uikit-engine"),require("../../constants.js"),require("@tencentcloud/tui-core"),require("react-i18next");var i=require("../../context/ChatStateContext.js");require("../../context/MessageContext.js");var o=require("../../context/ComponentContext.js");require("date-fns"),require("date-fns/locale"),require("../Icon/config.js"),require("../Icon/type.js"),require("./hooks/useHandleQuoteMessage.js");var l=require("../EmptyStateIndicator/EmptyStateIndicator.js"),c=require("./InputQuoteDefalut.js"),g=require("./MessageInputDefault.js"),p=require("./InputPluginsDefalut.js"),I=require("./Forward.js"),d=require("./Transmitter.js");function x(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var f=x(s),j=x(n);function q(s){var n=s.children,o=s.disabled,l=s.focus,c=s.pluginConfig,g=s.textareaRef,p=r.useMessageInputState(s),I=i.useTUIChatStateContext("TUIMessageInput"),d=I.textareaRef,x=I.conversation,f=(null==x?void 0:x.type)===j.default.TYPES.CONV_SYSTEM,q=i.useTUIChatStateContext("TUIMessageInput").TUIMessageInputConfig,C=l||(null==q?void 0:q.focus),m=a.useCreateMessageInputContext(e.__assign(e.__assign(e.__assign({},p),s),{textareaRef:g||(null==q?void 0:q.textareaRef)||d,disabled:o||(null==q?void 0:q.disabled)||f,focus:"boolean"!=typeof C||C,pluginConfig:c}));return t.jsx(u.TUIMessageInputContextProvider,e.__assign({value:m},{children:n}))}function C(s){var n=s.TUIMessageInput,u=s.InputPlugins,a=s.InputQuote,r=s.isTransmitter,x=s.className,f=i.useTUIChatStateContext("TUIMessageInput").TUIMessageInputConfig,j=x||(null==f?void 0:f.className),C=r||(null==f?void 0:f.isTransmitter)||!1,m=o.useComponentContext(),v=m.TUIMessageInput,M=m.InputPlugins,_=m.InputQuote,T=n||v||g.TUIMessageInputDefault,h=u||M||p.InputPluginsDefalut||l.EmptyStateIndicator,S=a||_||c.InputQuoteDefalut;return t.jsx("div",e.__assign({className:"tui-message-input ".concat(j)},{children:t.jsxs(q,e.__assign({},s,{children:[t.jsx(I.Forward,{}),t.jsx(S,{}),t.jsxs("div",e.__assign({className:"tui-message-input-main"},{children:[t.jsxs("div",e.__assign({className:"tui-message-input-box"},{children:[t.jsx(h,{}),t.jsx(T,{})]})),C&&t.jsx(d.Transmitter,{})]}))]}))}))}var m=f.default.memo(C);exports.MessageInput=m;

package/dist/cjs/components/MessageInput/MessageInputDefault.js

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

package/dist/cjs/components/MessageInput/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/MessageInputContext.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/MessageInput/hooks/useEmojiPicker.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-i18next"),a=require("@tencentcloud/chat-uikit-engine"),r=require("../../MessageElement/utils/emojiMap.js");exports.useEmojiPicker=function(i){i.textareaRef;var n=i.insertText,s=t.useTranslation().i18n;return{onSelectEmoji:function(e){"zh-CN"===s.language?n&&n(e.data):n&&n(r.emojiEnKey[e.data])},sendFaceMessage:e.useCallback((function(e){a.TUIChatService.sendFaceMessage({payload:e})}),[])}};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react"),r=require("@tencentcloud/chat"),n=require("@tencentcloud/chat-uikit-engine"),a=require("../../../constants.js"),i=require("../../../context/UIKitContext.js");require("react/jsx-runtime");var s=require("../../../context/ChatStateContext.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../../context/MessageContext.js");var o=u(r);exports.useHandleForwardMessage=function(r){var u=this,c=s.useTUIChatStateContext("TUIMessageInputDefault").operateData,d=t.useState([]),f=d[0],l=d[1],v=i.useUIKit().chat,x=r||c&&c[a.MESSAGE_OPERATE.FORWARD];return t.useEffect((function(){v&&e.__awaiter(u,void 0,void 0,(function(){var t,r;return e.__generator(this,(function(e){switch(e.label){case 0:return[4,v.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!==o.default.TYPES.CONV_SYSTEM}))),[2]}}))}))}),[v]),{message:x,conversationList:f,sendForwardMessage:function(e){e.map((function(e){return x&&n.TUIChatService.sendForwardMessage([e],[x]),e}))}}};

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

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

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

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("@tencentcloud/chat-uikit-engine"),r=require("../../../constants.js"),s=require("../../utils.js");require("tslib"),require("react/jsx-runtime"),require("@tencentcloud/tui-core"),require("react-i18next");var a=require("../../../context/ChatActionContext.js");require("../../../context/MessageContext.js"),exports.useUploadPicker=function(i){var n;a.useTUIChatActionContext().updateUploadPendingMessageList;var u=((n={})[r.MESSAGE_TYPE_NAME.IMAGE]=t.TUIChatService.sendImageMessage,n[r.MESSAGE_TYPE_NAME.VIDEO]=t.TUIChatService.sendVideoMessage,n[r.MESSAGE_TYPE_NAME.FILE]=t.TUIChatService.sendFileMessage,n);return{sendUploadMessage:e.useCallback((function(e,t){u[t]({payload:e}),s.enableSampleTaskStatus("sendMessage")}),[])}};

package/dist/cjs/components/{TUIMessageList/TUIMessageList.d.ts → MessageList/MessageList.d.ts}

@@ -4,10 +4,10 @@ import { InfiniteScrollProps } from '../InfiniteScrollPaginator/InfiniteScroll.j
 
 interface MessageListProps extends InfiniteScrollProps {
     className?: string;
-    messageList?: Array<Message>;
+    messageList?: Message[];
     highlightedMessageId?: string;
     intervalsTimer?: number;
 }
-declare function TUIMessageList(props: MessageListProps): React__default.ReactElement;
+declare function MessageList(props: MessageListProps): React__default.ReactElement;
 
-export { MessageListProps, TUIMessageList };
+export { MessageList, MessageListProps };

package/dist/cjs/components/MessageList/MessageList.js

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

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

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

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

@@ -0,0 +1,34 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { IconTypes } from '../Icon/type.js';
+
+declare const PlaceHolderTypes: {
+    readonly LOADING: "LOADING";
+    readonly NO_CONVERSATIONS: "NO_CONVERSATIONS";
+    readonly NO_MESSAGES: "NO_MESSAGES";
+    readonly WRONG: "WRONG";
+    readonly NO_RESULTS: "NO_RESULTS";
+};
+declare const PlaceHolderIconTypes: {
+    readonly LOADING: IconTypes.LOADING;
+    readonly NO_CONVERSATIONS: IconTypes.EFFORT;
+    readonly NO_MESSAGES: IconTypes.EFFORT;
+    readonly WRONG: IconTypes.CRY;
+    readonly NO_RESULTS: IconTypes.CRY;
+};
+declare const PlaceHolderStringTypes: {
+    readonly LOADING: "";
+    readonly NO_CONVERSATIONS: "No conversation";
+    readonly NO_MESSAGES: "No message";
+    readonly WRONG: "Something was wrong";
+    readonly NO_RESULTS: "No results";
+};
+interface PlaceHolderProps {
+    className?: string;
+    type: keyof typeof PlaceHolderTypes;
+    iconSize?: number;
+    searchString?: string;
+    retry?: () => void;
+}
+declare function PlaceHolder({ className, type, iconSize, searchString, retry, }: PlaceHolderProps): react_jsx_runtime.JSX.Element;
+
+export { PlaceHolder, PlaceHolderIconTypes, PlaceHolderProps, PlaceHolderStringTypes, PlaceHolderTypes };

package/dist/cjs/components/PlaceHolder/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react/jsx-runtime"),r=require("../Icon/Icon.js"),o=require("../Icon/type.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t,n,i=c(require("classnames")),a={LOADING:"LOADING",NO_CONVERSATIONS:"NO_CONVERSATIONS",NO_MESSAGES:"NO_MESSAGES",WRONG:"WRONG",NO_RESULTS:"NO_RESULTS"},N=((t={})[a.LOADING]=o.IconTypes.LOADING,t[a.NO_CONVERSATIONS]=o.IconTypes.EFFORT,t[a.NO_MESSAGES]=o.IconTypes.EFFORT,t[a.WRONG]=o.IconTypes.CRY,t[a.NO_RESULTS]=o.IconTypes.CRY,t),l=((n={})[a.LOADING]="",n[a.NO_CONVERSATIONS]="No conversation",n[a.NO_MESSAGES]="No message",n[a.WRONG]="Something was wrong",n[a.NO_RESULTS]="No results",n);exports.PlaceHolder=function(o){var c=o.className,t=void 0===c?"":c,n=o.type,O=o.iconSize,S=void 0===O?42:O,_=o.searchString,d=void 0===_?"":_,u=o.retry;return s.jsxs("div",e.__assign({className:i.default(t,"tui-place-holder")},{children:[N[n]&&s.jsx(r.Icon,{className:"tui-place-holder__icon",type:N[n],width:S,height:S}),l[n]&&s.jsx("div",e.__assign({className:"tui-place-holder__label"},{children:d?"".concat(l[n],"  '").concat(d,"' "):l[n]})),n===a.WRONG&&u&&s.jsx("div",e.__assign({className:"tui-place-holder__button"},{children:s.jsx("button",e.__assign({onClick:u},{children:"Retry"}))}))]}))},exports.PlaceHolderIconTypes=N,exports.PlaceHolderStringTypes=l,exports.PlaceHolderTypes=a;

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

@@ -1,7 +1,7 @@
 import React__default from 'react';
 
 interface PluginsProps {
-    plugins?: Array<any>;
+    plugins?: any[];
     showNumber?: number;
     MoreIcon?: any;
     className?: string;
@@ -11,8 +11,11 @@ interface PluginsProps {
     handleVisible?: (isVisible: any) => void;
     showMore?: boolean;
 }
+interface IPluginsRef {
+    closeMore?: () => void;
+}
 declare const Plugins: React__default.ForwardRefExoticComponent<PluginsProps & {
     children?: React__default.ReactNode;
 } & React__default.RefAttributes<unknown>>;
 
-export { Plugins, PluginsProps };
+export { IPluginsRef, Plugins, PluginsProps };

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

@@ -0,0 +1,10 @@
+import React__default, { PropsWithChildren } from 'react';
+
+interface TUIProfileProps {
+    className?: string;
+    TUIProfile?: React__default.ComponentType<any>;
+}
+declare function UnMemoizedProfile<T extends TUIProfileProps>(props: PropsWithChildren<T>): React__default.ReactElement;
+declare const Profile: typeof UnMemoizedProfile;
+
+export { Profile };

package/dist/cjs/components/Profile/Profile.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),s=require("../Avatar/Avatar.js"),i=require("../Avatar/default.js"),a=require("../Icon/Icon.js"),n=require("../Icon/type.js");exports.Profile=function(l){var t=l.profile,c=l.className,o=void 0===c?"":c,u=l.handleAvatar;return((null==t?void 0:t.nick)||(null==t?void 0:t.userID))&&r.jsxs("div",e.__assign({className:"profile ".concat(o)},{children:[r.jsxs("div",e.__assign({className:"profile-content"},{children:[r.jsx(s.Avatar,{size:32,image:t.avatar||i.defaultUserAvatar,onClick:u}),r.jsx("div",e.__assign({className:"profile-name"},{children:t.nick||t.userID}))]})),r.jsx("div",e.__assign({className:"profile-more"},{children:r.jsx(a.Icon,{type:n.IconTypes.ELLIPSE,width:18,height:5,onClick:u})}))]}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("./myProfile/MyProfile.js"),i=require("./hooks/useMyProfile.js"),o=require("./ProfileDefault.js");require("tslib"),require("@tencentcloud/tui-core"),require("react-i18next");var u=require("../../context/UIManagerContext.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function l(r){var a=r.className,l=r.TUIProfile,n=i.useMyProfile(),s=n.myProfile,f=n.updateMyProfile,c=u.useUIManager(),P=c.setTUIProfileShow,d=c.TUIProfileShow,j=l||o.TUIProfileDefault;return e.jsxs(e.Fragment,{children:[e.jsx(t.MyProfile,{profile:s,handleAvatar:function(){P&&P(!0)}}),d&&e.jsx(j,{className:a,userInfo:s,update:f})]})}require("../../context/MessageContext.js"),require("@tencentcloud/chat-uikit-engine");var n=a(r).default.memo(l);exports.Profile=n;

package/dist/cjs/components/Profile/ProfileDefault.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),a=require("react/jsx-runtime"),t=require("react"),i=require("react-i18next"),n=require("react-date-picker"),l=require("@tencentcloud/chat"),r=require("../../utils/env.js");require("@tencentcloud/tui-core");var o=require("../../context/UIManagerContext.js");require("../../context/MessageContext.js"),require("@tencentcloud/chat-uikit-engine");var u=require("../Avatar/Avatar.js"),c=require("../DivWithEdit/DivWithEdit.js"),s=require("../Icon/Icon.js"),d=require("../Icon/type.js"),v=require("../utils.js");function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m,p,h=f(t),_=f(n),g=f(l),E=((m={})[g.default.TYPES.GENDER_UNKNOWN]="unknow",m[g.default.TYPES.GENDER_MALE]="male",m[g.default.TYPES.GENDER_FEMALE]="female",m),N=((p={})[g.default.TYPES.ALLOW_TYPE_ALLOW_ANY]="allowAny",p[g.default.TYPES.ALLOW_TYPE_NEED_CONFIRM]="needConfirm",p[g.default.TYPES.ALLOW_TYPE_DENY_ANY]="denyAny",p),x=["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"],y=[{label:"Male",value:g.default.TYPES.GENDER_MALE},{label:"Female",value:g.default.TYPES.GENDER_FEMALE}],j=[{label:"AllowAny",value:g.default.TYPES.ALLOW_TYPE_ALLOW_ANY},{label:"NeedConfirm",value:g.default.TYPES.ALLOW_TYPE_NEED_CONFIRM},{label:"DenyAny",value:g.default.TYPES.ALLOW_TYPE_DENY_ANY}];function T(n){var l,f,m,p,h,g,T=n.userInfo,b=n.className,A=n.update,P=i.useTranslation().t,k=o.useUIManager().setTUIProfileShow,D=t.useState(""),Y=D[0],I=D[1],L=[{name:"Signature",value:null==T?void 0:T.selfSignature,type:"text",children:null},{name:"Gender",value:P((null==T?void 0:T.gender)&&(null===(l=E[null==T?void 0:T.gender])||void 0===l?void 0:l.replace(E[null==T?void 0:T.gender][0],null===(f=E[null==T?void 0:T.gender][0])||void 0===f?void 0:f.toLocaleUpperCase()))?"TUIProfile.".concat(null===(m=E[null==T?void 0:T.gender])||void 0===m?void 0:m.replace(E[null==T?void 0:T.gender][0],null===(p=E[null==T?void 0:T.gender][0])||void 0===p?void 0:p.toLocaleUpperCase())):""),type:"select",children:a.jsx("ul",e.__assign({className:"select-list"},{children:null==y?void 0:y.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(){M(t)}},{children:P("TUIProfile.".concat(t.label))}),n)}))}))},{name:"AllowType",value:P("TUIProfile.".concat(null===(h=N[(null==T?void 0:T.allowType)||""])||void 0===h?void 0:h.replace(T&&N[null==T?void 0:T.allowType][0],T&&(null===(g=N[null==T?void 0:T.allowType][0])||void 0===g?void 0:g.toLocaleUpperCase())))),type:"select",children:a.jsx("ul",e.__assign({className:"select-list"},{children:null==j?void 0:j.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(){C(t)}},{children:P("TUIProfile.".concat(t.label))}),n)}))}))},{name:"Birthday",value:(null==T?void 0:T.birthday)?function(e){var a=String(e);if(8===a.length){var t=a.substring(0,4),i=a.substring(4,6),n=a.substring(6,8);return"".concat(t,"/").concat(i,"/").concat(n)}return"".concat(e)}(T.birthday):"",type:"select",children:a.jsx(_.default,{className:"tui-profile-birthday",calendarClassName:"tui-profile-birthday-calendar",isOpen:!0,format:"y-MM-dd",onChange:function(e){U(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==T?void 0:T.birthday))})}];r.isH5&&(L=L.filter((function(e){return"Birthday"!==e.name})));var q=function(e){I(e)},w=function(e){A&&A(e),I("")},S=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 I("")}var i=((a={})[t]=e.value,a);w(i)},M=function(e){w({gender:e.value})},C=function(e){w({allowType:e.value})},U=function(e){var a,t,i,n;w({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(b," tui-profile")},{children:[a.jsxs("header",e.__assign({className:"tui-profile-header"},{children:[a.jsx(s.Icon,{width:9,height:16,type:d.IconTypes.BACK,onClick:function(){k&&k(!1)}}),a.jsx("h1",{children:P("TUIProfile.Personal information")})]})),a.jsxs("main",e.__assign({className:"tui-profile-main"},{children:[a.jsx("div",e.__assign({className:"tui-profile-avatar"},{children:a.jsx(u.Avatar,{image:T&&v.handleDisplayAvatar(null==T?void 0:T.avatar),size:94,update:function(e){w({avatar:e})},list:x})})),a.jsx(c.DivWithEdit,{name:"nick",className:"tui-profile-nick",value:null==T?void 0:T.nick,type:"text",toggle:q,isEdit:"nick"===Y,confirm:S,close:function(){I("")}}),a.jsxs("div",e.__assign({className:"tui-profile-ID"},{children:[a.jsx("h5",{children:"ID:"}),a.jsx("span",{children:null==T?void 0:T.userID})]}))]})),a.jsx("ul",e.__assign({className:"tui-profile-list"},{children:L.map((function(t){var i="".concat(t.name);return a.jsxs("li",e.__assign({className:"tui-profile-list-item"},{children:[a.jsx("h4",{children:P("TUIProfile.".concat(t.name))}),a.jsx(c.DivWithEdit,e.__assign({className:"tui-profile-div-with-edit",classEditName:"tui-profile-edit",name:t.name,value:t.value,type:t.type,toggle:q,isEdit:Y===t.name,confirm:S,close:function(){I("")}},{children:null==t?void 0:t.children}))]}),i)}))}))]}))}var b=h.default.memo(T);exports.TUIProfileDefault=function(t){var i=e.__assign({},t);return a.jsx(b,e.__assign({},i))};

package/dist/cjs/components/Profile/myProfile/MyProfile.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),s=require("../../Avatar/Avatar.js"),i=require("../../Avatar/default.js"),a=require("../../Icon/Icon.js"),n=require("../../Icon/type.js");exports.MyProfile=function(l){var t=l.profile,c=l.className,o=void 0===c?"":c,u=l.handleAvatar;return((null==t?void 0:t.nick)||(null==t?void 0:t.userID))&&r.jsxs("div",e.__assign({className:"profile ".concat(o)},{children:[r.jsxs("div",e.__assign({className:"profile-content"},{children:[r.jsx(s.Avatar,{size:32,image:t.avatar||i.defaultUserAvatar,onClick:u}),r.jsx("div",e.__assign({className:"profile-name"},{children:t.nick||t.userID}))]})),r.jsx("div",e.__assign({className:"profile-more"},{children:r.jsx(a.Icon,{type:n.IconTypes.ELLIPSE,width:18,height:5,onClick:u})}))]}))};

package/dist/cjs/context/{TUIChatActionContext.d.ts → ChatActionContext.d.ts}

@@ -1,7 +1,7 @@
 import React__default, { PropsWithChildren } from 'react';
 import { Message } from '@tencentcloud/chat';
 import { IMessageModel } from '@tencentcloud/chat-uikit-engine';
-import { OperateMessageParams } from '../components/TUIChat/hooks/useHandleMessage.js';
+import { OperateMessageParams } from '../components/Chat/hooks/useHandleMessage.js';
 
 interface TUIChatActionContextValue {
     updateMessage?: (messages: Message[]) => void;

package/dist/cjs/context/{TUIChatStateContext.d.ts → ChatStateContext.d.ts}

@@ -1,13 +1,13 @@
 import React__default, { RefObject, MutableRefObject, PropsWithChildren } from 'react';
 import { Conversation, Message } from '@tencentcloud/chat';
-import { TUIMessageProps } from '../components/TUIMessage/TUIMessage.js';
-import { MessageListProps } from '../components/TUIMessageList/TUIMessageList.js';
-import { TUIMessageInputBasicProps } from '../components/TUIMessageInput/TUIMessageInput.js';
-import { OperateMessageParams } from '../components/TUIChat/hooks/useHandleMessage.js';
+import { TUIMessageProps } from '../components/MessageElement/Message.js';
+import { MessageListProps } from '../components/MessageList/MessageList.js';
+import { TUIMessageInputBasicProps } from '../components/MessageInput/MessageInput.js';
+import { OperateMessageParams } from '../components/Chat/hooks/useHandleMessage.js';
 
 interface TUIChatStateContextValue {
     conversation?: Conversation;
-    messageList?: Array<Message>;
+    messageList?: Message[];
     nextReqMessageID?: string;
     isCompleted?: boolean;
     init?: boolean;
@@ -24,7 +24,7 @@ interface TUIChatStateContextValue {
     audioSource?: HTMLAudioElement | null;
     vidoeSource?: HTMLVideoElement | null;
     TUIMessageListConfig?: MessageListProps;
-    uploadPendingMessageList?: Array<Message>;
+    uploadPendingMessageList?: Message[];
     firstSendMessage?: Message | null;
     activeMessageID?: string;
 }

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

@@ -1,9 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React__default, { PropsWithChildren } from 'react';
 import { EmptyStateIndicatorProps } from '../components/EmptyStateIndicator/EmptyStateIndicator.js';
-import { TUIMessageProps } from '../components/TUIMessage/TUIMessage.js';
-import { MessageContextProps } from '../components/TUIMessage/MessageContext.js';
-import { TUIChatHeaderDefaultProps } from '../components/TUIChatHeader/TUIChatHeaderDefault.js';
+import { TUIMessageProps } from '../components/MessageElement/Message.js';
+import { MessageContextProps } from '../components/MessageElement/MessageContext.js';
+import { TUIChatHeaderDefaultProps } from '../components/ChatHeader/ChatHeaderDefault.js';
 
 interface UnknowPorps {
     [propsName: string]: any;

package/dist/cjs/context/{TUIContactContext.d.ts → ContactContext.d.ts}

@@ -2,10 +2,10 @@ import React__default, { PropsWithChildren } from 'react';
 import { Friend, Profile, FriendApplication } from '@tencentcloud/chat';
 
 interface TUIContactContextValue {
-    friendList?: Array<Friend>;
-    blocklistProfile?: Array<Profile>;
-    friendApplicationList?: Array<FriendApplication>;
-    blockList?: Array<string>;
+    friendList?: Friend[];
+    blocklistProfile?: Profile[];
+    friendApplicationList?: FriendApplication[];
+    blockList?: string[];
     isShowContactList?: boolean;
     setShowContactList?: React__default.Dispatch<React__default.SetStateAction<boolean>>;
 }

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

@@ -0,0 +1,22 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { PropsWithChildren } from 'react';
+import { IConversationModel } from '@tencentcloud/chat-uikit-engine';
+
+interface ConversationListProviderProps {
+    /** Specifies a function to filter conversations in the conversation list. */
+    filter?: (conversationList: IConversationModel[]) => IConversationModel[];
+    /** Specifies a function to sort conversations in the conversation list. */
+    sort?: (conversationList: IConversationModel[]) => IConversationModel[];
+}
+interface ConversationListContextType {
+    conversationList: IConversationModel[];
+    filteredAndSortedConversationList: IConversationModel[];
+    currentConversation: IConversationModel | undefined;
+    setCurrentConversation: (conversation: IConversationModel) => void;
+    isLoading: boolean;
+    isLoadError: boolean;
+}
+declare function ConversationListProvider(props: PropsWithChildren<Partial<ConversationListProviderProps>>): react_jsx_runtime.JSX.Element;
+declare function useConversationList(): ConversationListContextType;
+
+export { ConversationListContextType, ConversationListProvider, ConversationListProviderProps, useConversationList };

package/dist/cjs/context/ConversationListContext.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),n=require("react"),r=require("@tencentcloud/chat-uikit-engine");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=o(n),a=o(r),s=i.default.createContext(null);exports.ConversationListProvider=function(o){var i=o.filter,u=o.sort,c=o.children,v=n.useState([]),f=v[0],S=v[1],C=n.useState(void 0),d=C[0],l=C[1],h=n.useState([]),E=h[0],L=h[1],T=n.useState(!0),N=T[0],w=T[1],x=n.useState(!1),I=x[0],U=x[1];function m(e){S(e),N&&w(!1)}function _(e){l(e)}function g(e){e===a.default.TYPES.NET_STATE_DISCONNECTED?U(!0):U(!1)}n.useEffect((function(){return r.TUIStore.watch(r.StoreName.CONV,{conversationList:m,currentConversation:_}),r.TUIStore.watch(r.StoreName.USER,{netStateChange:g}),function(){r.TUIStore.unwatch(r.StoreName.CONV,{conversationList:m,currentConversation:_}),r.TUIStore.unwatch(r.StoreName.USER,{netStateChange:g})}}),[]),n.useEffect((function(){var e=f;i&&(e=i(e)),u&&(e=u(e)),L(e)}),[f,u,i]);var p={conversationList:f,filteredAndSortedConversationList:E,currentConversation:d,setCurrentConversation:function(e){r.TUIConversationService.switchConversation(null==e?void 0:e.conversationID)},isLoading:N,isLoadError:I};return t.jsx(s.Provider,e.__assign({value:p},{children:c}))},exports.useConversationList=function(){var e=n.useContext(s);if(!e)throw new Error("useConversationList must be used within a useConversationList");return e};

package/dist/{esm/context/TUIMessageContext.d.ts → cjs/context/MessageContext.d.ts}

@@ -1,6 +1,6 @@
 import React__default, { ReactEventHandler, PropsWithChildren } from 'react';
 import { Message } from '@tencentcloud/chat';
-import { MessagePluginsProps } from '../components/TUIMessage/MessagePlugins.js';
+import { MessagePluginsProps } from '../components/MessageElement/MessagePlugins.js';
 
 declare enum messageShowType {
     IN = "in",

package/dist/{esm/context/TUIMessageInputContext.d.ts → cjs/context/MessageInputContext.d.ts}

@@ -1,9 +1,9 @@
 import React__default, { ChangeEventHandler, KeyboardEventHandler, MutableRefObject, PropsWithChildren } from 'react';
 import { MESSAGE_TYPE_NAME } from '../constants.js';
-import { ICursorPos } from '../components/TUIMessageInput/hooks/useMessageInputState.js';
-import { filesData } from '../components/TUIMessageInput/hooks/useUploadPicker.js';
-import { EmojiData } from '../components/TUIMessageInput/hooks/useEmojiPicker.js';
-import { PluginConfigProps } from '../components/TUIMessageInput/TUIMessageInput.js';
+import { ICursorPos } from '../components/MessageInput/hooks/useMessageInputState.js';
+import { filesData } from '../components/MessageInput/hooks/useUploadPicker.js';
+import { EmojiData } from '../components/MessageInput/hooks/useEmojiPicker.js';
+import { PluginConfigProps } from '../components/MessageInput/MessageInput.js';
 
 interface dispatchParams {
     type: string;

package/dist/cjs/hooks/useConversation.d.ts

@@ -1,25 +1,6 @@
-import _tencentcloud_chat from '@tencentcloud/chat';
+import { IConversationModel, CreateGroupParams } from '@tencentcloud/chat-uikit-engine';
 
-interface CreateGroupConversationParams {
-    name: string;
-    type?: _tencentcloud_chat.TYPES;
-    groupID?: string;
-    introduction?: string;
-    notification?: string;
-    avatar?: string;
-    maxMemberNum?: number;
-    joinOption?: string;
-    memberList?: Array<object>;
-    groupCustomField?: Array<object>;
-    isSupportTopic?: boolean;
-}
-declare const useConversation: (chat: any) => {
-    createConversation: (conversationID: string) => Promise<any>;
-    pinConversation: (options: {
-        conversationID: string;
-        isPinned: boolean;
-    }) => any;
-    deleteConversation: (conversationID: string) => any;
-};
+declare function createC2CConversation(userID: string): Promise<IConversationModel>;
+declare function createGroupConversation(groupParams: CreateGroupParams): Promise<IConversationModel>;
 
-export { CreateGroupConversationParams, useConversation };
+export { createC2CConversation, createGroupConversation };

package/dist/cjs/hooks/useConversation.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("@tencentcloud/chat"),n=require("../context/TUIConversationContext.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=o(t);exports.useConversation=function(t){var o=n.useTUIConversationContext("useConversation");return{createConversation:o.createConversation||function(n){return e.__awaiter(void 0,void 0,void 0,(function(){var o,i,a,u,s,c,p,v,d,l,C,f,m,g,b;return e.__generator(this,(function(e){switch(e.label){case 0:return"string"!=typeof n?[3,2]:[4,t.getConversationProfile(n)];case 1:return[2,e.sent().data.conversation];case 2:return o=n.name,i=n.type,a=n.groupID,u=n.introduction,s=n.notification,c=n.avatar,p=n.maxMemberNum,v=n.joinOption,d=n.memberList,l=void 0===d?[]:d,C=n.groupCustomField,f=void 0===C?[]:C,m=n.isSupportTopic,[4,t.createGroup({name:o,type:i,groupID:a,introduction:u,notification:s,avatar:c,maxMemberNum:p,joinOption:v,memberList:l,groupCustomField:f,isSupportTopic:m})];case 3:return g=e.sent(),b=g.data.group.groupID,i!==r.default.TYPES.GRP_AVCHATROOM?[3,5]:[4,t.joinGroup({groupID:b,type:r.default.TYPES.GRP_AVCHATROOM})];case 4:e.sent(),e.label=5;case 5:return[4,t.getConversationProfile("GROUP".concat(b))];case 6:return[2,e.sent().data.conversation]}}))}))},pinConversation:function(e){return t.pinConversation(e)},deleteConversation:o.deleteConversation||function(e){return t.deleteConversation(e)}}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("@tencentcloud/chat-uikit-engine");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=r(t);exports.createC2CConversation=function(r){return e.__awaiter(this,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return[4,t.TUIConversationService.getConversationProfile("C2C".concat(r))];case 1:return[2,e.sent().data.conversation]}}))}))},exports.createGroupConversation=function(r){return e.__awaiter(this,void 0,void 0,(function(){var o;return e.__generator(this,(function(e){switch(e.label){case 0:return r.type===n.default.TYPES.GRP_COMMUNITY&&delete r.groupID,[4,t.TUIGroupService.createGroup(r)];case 1:return o=e.sent(),o.data.group.type!==n.default.TYPES.GRP_AVCHATROOM?[3,3]:[4,t.TUIGroupService.joinGroup({groupID:o.data.group.groupID,applyMessage:""})];case 2:e.sent(),e.label=3;case 3:return[4,t.TUIConversationService.getConversationProfile("GROUP".concat(o.data.group.groupID))];case 4:return[2,e.sent().data.conversation]}}))}))};

package/dist/cjs/hooks/useLongPress.d.ts

@@ -0,0 +1,3 @@
+declare function isTouchEvent(e: Event): e is TouchEvent;
+
+export { isTouchEvent };

package/dist/cjs/hooks/useLongPress.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react"),n=require("../utils/env.js");function u(e){r(e)&&e.touches.length<2&&e.preventDefault&&e.preventDefault()}function r(e){return e&&"touches"in e}exports.default=function(r,o){var i=r.onLongPress,s=r.onClick,c=void 0===o?{}:o,a=c.delay,l=void 0===a?300:a,v=c.shouldPreventDefault,f=void 0===v||v,d=c.shouldStopPropagation,p=void 0!==d&&d,h=t.useState(!1),g=h[0],P=h[1],T=t.useState(!1),L=T[0],M=T[1],b=t.useRef(),D=t.useRef(),E=t.useCallback((function(t){t.persist();var n=e.__assign({},t);M(!1),p&&t.stopPropagation(),f&&t.target&&(t.target.addEventListener("touchend",u,{passive:!1}),D.current=t.target),b.current=setTimeout((function(){null==i||i(n),P(!0)}),l)}),[i,l,f,p,n.isH5]),S=t.useCallback((function(e,t,n){void 0===t&&(t=!0),void 0===n&&(n=!1),M(!!n),(null==b?void 0:b.current)&&clearTimeout(b.current),!t||g||L||null==s||s(e),P(!1),f&&D.current&&D.current.removeEventListener("touchend",u)}),[f,s,g,L]);return{isLongPressing:g,onMouseDown:function(e){return E(e)},onMouseUp:function(e){return S(e)},onMouseLeave:function(e){return S(e,!1)},onTouchStart:function(e){return E(e)},onTouchMove:function(e){return S(e,!1,!0)},onTouchEnd:function(e){return S(e)}}},exports.isTouchEvent=r;

package/dist/cjs/hooks/useMouseHover.js

@@ -0,0 +1 @@
+"use strict";var e=require("react");module.exports=function(t){var n,r,u=e.useState(!1),i=u[0],o=u[1];return null===(n=t.current)||void 0===n||n.addEventListener("mouseenter",(function(){o(!0)})),null===(r=t.current)||void 0===r||r.addEventListener("mouseleave",(function(){o(!1)})),i};