@tencentcloud/chat-uikit-react 2.2.5 → 2.2.7

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("@tencentcloud/chat-uikit-engine"),r=require("../../../constants.js"),u=require("../../../context/TUIKitContext.js");require("react/jsx-runtime");var a=require("../../../context/TUIChatActionContext.js");require("../../../context/TUIMessageContext.js");var o=require("../../untils.js"),s=require("../../TUIMessage/utils/emojiMap.js"),i=require("./useHandleQuoteMessage.js");exports.useMessageInputText=function(l){var c=l.state,T=l.dispatch;l.focus;var d=l.textareaRef,v=l.sendUploadMessage,S=u.useTUIKitContext("useMessageInputText").chat,_=a.useTUIChatActionContext(),f=_.operateMessage,C=_.setFirstSendMessage,E=i.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]),x=function(t){return e.__awaiter(void 0,void 0,void 0,(function(){var u,a;return e.__generator(this,(function(e){return null==t||t.preventDefault(),c.text?(u={payload:{text:s.formatEmojiString(c.text)}},E.messageReply&&(u.cloudCustomData=JSON.stringify(E)),n.TUIChatService.sendTextMessage(u).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(((a={})[r.MESSAGE_OPERATE.QUOTE]=null,a)),[2]):[2]}))}))},P=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(),x(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")}})}),[x,T]),A=t.useCallback((function(t){return e.__awaiter(void 0,void 0,void 0,(function(){var n,u,a;return e.__generator(this,(function(e){return t.preventDefault(),t.clipboardData&&t.clipboardData.items?(n=t.clipboardData,u=n.types,a=n.items,u.find((function(e,t){var n=a[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 u=n.getAsFile();return n&&"file"===n.kind&&n.type.match(/^image\//i)&&v&&v({file:u},r.MESSAGE_TYPE_NAME.IMAGE),!0;default:return!1}})),[2]):[2]}))}))}),[d]),N=t.useCallback((function(e){var t,n,u;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===(u=null==d?void 0:d.current)||void 0===u||u.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:x,handleKeyDown:P,handlePasete:A,insertText:N,setText:y,setCursorPos:h}};
+"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/TUIChatActionContext.js");require("../../../context/TUIMessageContext.js");var o=require("../../utils.js"),i=require("../../TUIMessage/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/TUIMessageInput/hooks/useUploadPicker.js

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { Message } from '@tencentcloud/chat';
 import { InfiniteScrollProps } from '../InfiniteScrollPaginator/InfiniteScroll.js';
 
@@ -8,6 +8,6 @@ interface MessageListProps extends InfiniteScrollProps {
     highlightedMessageId?: string;
     intervalsTimer?: number;
 }
-declare function TUIMessageList(props: MessageListProps): React.ReactElement;
+declare function TUIMessageList(props: MessageListProps): React__default.ReactElement;
 
 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"),i=require("react"),s=require("react-i18next"),n=require("../../context/TUIChatStateContext.js"),r=require("../../context/TUIChatActionContext.js");require("../../context/TUIMessageContext.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,m=u.intervalsTimer,v=u.className,f=s.useTranslation().t,I=i.useState(null),T=I[0],x=I[1],M=i.useState(!1),p=M[0],C=M[1],j=n.useTUIChatStateContext("TUIMessageList"),_=j.messageList,S=j.highlightedMessageId,q=j.isCompleted;j.isSameLastMessageID;var U=j.messageListRef,L=j.noMore,E=j.TUIMessageListConfig,y=r.useTUIChatActionContext(),b=y.loadMore,N=y.setHighlightedMessageId,H=l.useComponentContext(),R=H.TUIMessage,w=H.EmptyStateIndicator,A=void 0===w?c.EmptyStateIndicator:w,B=g||(null==E?void 0:E.highlightedMessageId)||S,P=60*(m||(null==E?void 0:E.intervalsTimer)||30),k=h||(null==E?void 0:E.loadMore)||b,D=_&&a({enrichedMessageList:_,TUIMessage:R,intervalsTimer:P});return i.useEffect((function(){e.__awaiter(d,void 0,void 0,(function(){var t,i,s,n;return e.__generator(this,(function(e){switch(e.label){case 0:return t=null===(n=null==T?void 0:T.parentElement)||void 0===n?void 0:n.parentElement,!q&&t&&(null==t?void 0:t.clientHeight)>=(null==T?void 0:T.clientHeight)?k?[4,k()]:[3,2]:[3,3];case 1:e.sent(),e.label=2;case 2:e.label=3;case 3:return(null==T?void 0:T.children)&&((i=(null==T?void 0:T.children)||[])[i.length-1],s=setTimeout((function(){(null==U?void 0:U.current)&&(U.current.scrollTop=U.current.scrollHeight),C(!0),clearTimeout(s)}),100)),[2]}}))}))}),[D,p]),i.useEffect((function(){if(B){var e=null==T?void 0:T.querySelector("[data-message-id='".concat(B,"']"));if(!e)return;var t=e.children;if(t[t.length-1].classList.add("high-lighted"),null==U?void 0:U.current){var i=e.getBoundingClientRect(),s=U.current.getBoundingClientRect(),n=i.top-s.top+U.current.scrollTop;U.current.scrollTop=n}var r=setTimeout((function(){t[t.length-1].classList.remove("high-lighted"),clearTimeout(r),N&&N("")}),1e3)}}),[B]),t.jsxs("div",e.__assign({className:"message-list ".concat(v," ").concat(p?"":"hide"),ref:U},{children:[L,L&&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:k,threshold:1},{children:t.jsx("ul",e.__assign({ref:x},{children:(null==D?void 0:D.length)&&D.length>0?D:t.jsx(A,{listType:"message"})}))}))]}))}var g=u(i).default.memo(d);exports.TUIMessageList=function(i){return t.jsx(g,e.__assign({},i))};
+"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/TUIChatStateContext.js"),r=require("../../context/TUIChatActionContext.js");require("../../context/TUIMessageContext.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,I=i.useState(null),T=I[0],x=I[1],M=i.useState(!1),p=M[0],C=M[1],j=s.useTUIChatStateContext("TUIMessageList"),_=j.messageList,q=j.highlightedMessageId,S=j.isCompleted;j.isSameLastMessageID;var U=j.messageListRef,L=j.noMore,E=j.TUIMessageListConfig,y=r.useTUIChatActionContext(),b=y.loadMore,N=y.setHighlightedMessageId,H=l.useComponentContext(),R=H.TUIMessage,k=H.EmptyStateIndicator,w=void 0===k?c.EmptyStateIndicator:k,A=g||(null==E?void 0:E.highlightedMessageId)||q,B=60*(v||(null==E?void 0:E.intervalsTimer)||30),P=h||(null==E?void 0:E.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==T?void 0:T.parentElement)||void 0===s?void 0:s.parentElement,!S&&t&&(null==t?void 0:t.clientHeight)>=(null==T?void 0:T.clientHeight)?P?[4,P()]:[3,2]:[3,3];case 1:e.sent(),e.label=2;case 2:e.label=3;case 3:return(null==T?void 0:T.children)&&((i=(null==T?void 0:T.children)||[])[i.length-1],n=setTimeout((function(){(null==U?void 0:U.current)&&(U.current.scrollTop=U.current.scrollHeight),C(!0),clearTimeout(n)}),100)),[2]}}))}))}),[D,p]),i.useEffect((function(){if(A){var e=null==T?void 0:T.querySelector("[data-message-id='".concat(A,"']"));if(!e)return;var t=e.children;if(t[t.length-1].classList.add("high-lighted"),null==U?void 0:U.current){var i=e.getBoundingClientRect(),n=U.current.getBoundingClientRect(),s=i.top-n.top+U.current.scrollTop;U.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(p?"":"hide"),ref:U},{children:[L,L&&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:x},{children:(null==D?void 0:D.length)&&D.length>0?D:t.jsx(w,{listType:"message"})}))}))]}))}var g=u(i).default.memo(d);exports.TUIMessageList=function(i){return t.jsx(g,e.__assign({},i))};

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

@@ -1 +1 @@
-"use strict";var e=require("tslib"),s=require("react/jsx-runtime"),t=require("react"),i=require("../../../context/TUIKitContext.js");require("../../../context/TUIMessageContext.js");var r=require("../../untils.js");module.exports=function(n){var a=n.enrichedMessageList,u=n.TUIMessage,o=n.intervalsTimer,c=i.useTUIKitContext("TUIConversation").language;return t.useMemo((function(){return null==a?void 0:a.map((function(t,i){var n,l="".concat(t.ID,"-").concat(i),m=i>0?null===(n=a[i-1])||void 0===n?void 0:n.time:-1,g=(null==t?void 0:t.time)||0,v=!(!o||-1===m)&&g-m>=o;return s.jsxs("li",e.__assign({className:"message-list-item"},{children:[v&&s.jsx("div",e.__assign({className:"message-list-time"},{children:g?r.getTimeStamp(1e3*g,c):0}),"".concat(g+i)),s.jsx(u,{message:t})]}),l)}))}),[a])};
+"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/TUIMessageContext.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/TUIProfile/TUIProfile.d.ts

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

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("../Profile/Profile.js"),o=require("./hooks/useMyProfile.js"),i=require("./TUIProfileDefault.js"),s=require("../../context/TUIKitContext.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function l(r){var u=r.className,l=r.TUIProfile,f=o.useMyProfile(),a=f.myProfile,n=f.updateMyProfile,P=s.useTUIKitContext("TUIProfile"),c=P.setTUIProfileShow,j=P.TUIProfileShow,x=l||i.TUIProfileDefault;return e.jsxs(e.Fragment,{children:[e.jsx(t.Profile,{profile:a,handleAvatar:function(){c&&c(!0)}}),j&&e.jsx(x,{className:u,userInfo:a,update:n})]})}require("tslib"),require("../../context/TUIMessageContext.js");var f=u(r).default.memo(l);exports.TUIProfile=f;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../Profile/Profile.js"),i=require("./hooks/useMyProfile.js"),o=require("./TUIProfileDefault.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 s(r){var a=r.className,s=r.TUIProfile,l=i.useMyProfile(),f=l.myProfile,n=l.updateMyProfile,c=u.useUIManager(),P=c.setTUIProfileShow,j=c.TUIProfileShow,x=s||o.TUIProfileDefault;return e.jsxs(e.Fragment,{children:[e.jsx(t.Profile,{profile:f,handleAvatar:function(){P&&P(!0)}}),j&&e.jsx(x,{className:a,userInfo:f,update:n})]})}require("../../context/TUIMessageContext.js");var l=a(r).default.memo(s);exports.TUIProfile=l;

package/dist/cjs/components/TUIProfile/TUIProfileDefault.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { Profile } from '@tencentcloud/chat';
 import { UpdateMyProfileParams } from '@tencentcloud/chat-uikit-engine';
 
@@ -7,6 +7,6 @@ interface TUIProfileDefaultProps {
     update?: (option: UpdateMyProfileParams) => void;
     className?: string;
 }
-declare function TUIProfileDefault(props: TUIProfileDefaultProps): React.ReactElement;
+declare function TUIProfileDefault(props: TUIProfileDefaultProps): React__default.ReactElement;
 
 export { TUIProfileDefault, TUIProfileDefaultProps };

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

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

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

package/dist/cjs/components/{untils.js → utils.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("date-fns"),t=require("date-fns/locale"),r=require("@tencentcloud/chat"),a=require("@tencentcloud/chat-uikit-engine");require("tslib"),require("react/jsx-runtime"),require("react"),require("./Icon/config.js"),require("./Icon/type.js");var o=require("./Avatar/default.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=i(r);function u(e){if("string"==typeof e)try{return!!JSON.parse(e)}catch(e){return!1}return!1}exports.JSONStringToParse=function(e){return u(e)?JSON.parse(e):e},exports.enableSampleTaskStatus=function(e){var t=a.TUIStore.getData(a.StoreName.APP,"tasks");e in t&&!t[e]&&(t[e]=!0,a.TUIStore.update(a.StoreName.APP,"tasks",t))},exports.getTimeStamp=function(r,a){void 0===a&&(a="en-US");var o={"zh-CN":t.zhCN,"en-US":t.enGB,"ja-JP":t.ja,"ko-KR":t.ko};return r?e.isThisYear(r)?e.isToday(r)?e.format(r,"p",{locale:o[a]}):e.isYesterday(r)?e.formatDistance(r,new Date,{locale:o[a]}):e.isThisWeek(r)?e.format(r,"eeee",{locale:o[a]}):e.format(r,"MMM dd",{locale:o[a]}):e.format(r,"yyyy MMM dd",{locale:o[a]}):""},exports.handleDisplayAvatar=function(e,t){void 0===t&&(t=n.default.TYPES.CONV_C2C);var r=e;if(!e)switch(t){case n.default.TYPES.CONV_C2C:r=o.defaultUserAvatar;break;case n.default.TYPES.CONV_GROUP:default:r=o.defaultGroupAvatarWork}return r},exports.isJSON=u;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("date-fns"),t=require("date-fns/locale"),r=require("@tencentcloud/chat"),a=require("@tencentcloud/chat-uikit-engine");require("tslib"),require("react/jsx-runtime"),require("react"),require("./Icon/config.js"),require("./Icon/type.js");var o=require("./Avatar/default.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=i(r);function u(e){if("string"==typeof e)try{return!!JSON.parse(e)}catch(e){return!1}return!1}exports.JSONStringToParse=function(e){return u(e)?JSON.parse(e):e},exports.enableSampleTaskStatus=function(e){var t=a.TUIStore.getData(a.StoreName.APP,"tasks");e in t&&!t[e]&&(t[e]=!0,a.TUIStore.update(a.StoreName.APP,"tasks",t))},exports.getTimeStamp=function(r,a){void 0===a&&(a="en-US");var o={"zh-CN":t.zhCN,"zh-TW":t.zhTW,"en-US":t.enGB,"ja-JP":t.ja,"ko-KR":t.ko};return r?e.isThisYear(r)?e.isToday(r)?e.format(r,"p",{locale:o[a]}):e.isYesterday(r)?e.formatDistance(r,new Date,{locale:o[a]}):e.isThisWeek(r)?e.format(r,"eeee",{locale:o[a]}):e.format(r,"MMM dd",{locale:o[a]}):e.format(r,"yyyy MMM dd",{locale:o[a]}):""},exports.handleDisplayAvatar=function(e,t){void 0===t&&(t=n.default.TYPES.CONV_C2C);var r=e;if(!e)switch(t){case n.default.TYPES.CONV_C2C:r=o.defaultUserAvatar;break;case n.default.TYPES.CONV_GROUP:default:r=o.defaultGroupAvatarWork}return r},exports.isJSON=u;

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

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import React, { PropsWithChildren } from 'react';
+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';
@@ -9,18 +9,18 @@ interface UnknowPorps {
     [propsName: string]: any;
 }
 interface ComponentContextValue {
-    TUIMessage?: React.ComponentType<TUIMessageProps | UnknowPorps>;
-    TUIChatHeader?: React.ComponentType<TUIChatHeaderDefaultProps>;
-    EmptyStateIndicator?: React.ComponentType<EmptyStateIndicatorProps>;
-    TUIMessageInput?: React.ComponentType<UnknowPorps>;
-    MessageContext?: React.ComponentType<MessageContextProps>;
-    InputPlugins?: React.ComponentType<UnknowPorps>;
-    MessagePlugins?: React.ComponentType<UnknowPorps>;
-    MessageCustomPlugins?: React.ComponentType<UnknowPorps>;
-    MessageTextPlugins?: React.ComponentType<UnknowPorps>;
-    InputQuote?: React.ComponentType<UnknowPorps>;
+    TUIMessage?: React__default.ComponentType<TUIMessageProps | UnknowPorps>;
+    TUIChatHeader?: React__default.ComponentType<TUIChatHeaderDefaultProps>;
+    EmptyStateIndicator?: React__default.ComponentType<EmptyStateIndicatorProps>;
+    TUIMessageInput?: React__default.ComponentType<UnknowPorps>;
+    MessageContext?: React__default.ComponentType<MessageContextProps>;
+    InputPlugins?: React__default.ComponentType<UnknowPorps>;
+    MessagePlugins?: React__default.ComponentType<UnknowPorps>;
+    MessageCustomPlugins?: React__default.ComponentType<UnknowPorps>;
+    MessageTextPlugins?: React__default.ComponentType<UnknowPorps>;
+    InputQuote?: React__default.ComponentType<UnknowPorps>;
 }
-declare const ComponentContext: React.Context<ComponentContextValue | undefined>;
+declare const ComponentContext: React__default.Context<ComponentContextValue | undefined>;
 declare function ComponentProvider({ children, value, }: PropsWithChildren<{
     value: ComponentContextValue;
 }>): react_jsx_runtime.JSX.Element;

package/dist/cjs/context/LanguageContext.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),n=require("react"),t=require("react-i18next"),u=n.createContext(null);exports.LanguageProvider=function(a){var i=a.language,o=void 0===i?"en-US":i,s=a.children,g=t.useTranslation().i18n,c=n.useState(o),l=c[0],d=c[1];n.useLayoutEffect((function(){g.changeLanguage(o),d(o)}),[o,g]),n.useLayoutEffect((function(){document.documentElement.lang=o}),[o]);var f={language:l,setLanguage:d};return r.jsx(u.Provider,e.__assign({value:f},{children:s}))},exports.useLanguage=function(){var e=n.useContext(u);if(!e)throw new Error("useLanguage must be used within a LanguageProvider");return e};

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

@@ -1,10 +1,10 @@
-import React, { PropsWithChildren } from 'react';
+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';
 
 interface TUIChatActionContextValue {
-    updateMessage?: (messages: Array<Message>) => void;
+    updateMessage?: (messages: Message[]) => void;
     setFirstSendMessage?: (message: IMessageModel) => void;
     editLocalMessage?: (message: Message) => void;
     operateMessage?: (data?: OperateMessageParams) => void;
@@ -15,11 +15,12 @@ interface TUIChatActionContextValue {
     setHighlightedMessageId?: (highlightedMessageId: string) => void;
     updateUploadPendingMessageList?: (message?: Message) => void;
     setActiveMessageID?: (messageID: string) => void;
+    callButtonClicked?: (callMediaType?: number, callType?: any) => void;
 }
-declare const TUIChatActionContext: React.Context<TUIChatActionContextValue | undefined>;
+declare const TUIChatActionContext: React__default.Context<TUIChatActionContextValue | undefined>;
 declare function TUIChatActionProvider({ children, value, }: PropsWithChildren<{
     value: TUIChatActionContextValue;
-}>): React.ReactElement;
+}>): React__default.ReactElement;
 declare const useTUIChatActionContext: (componentName?: string) => TUIChatActionContextValue;
 
 export { TUIChatActionContext, TUIChatActionContextValue, TUIChatActionProvider, useTUIChatActionContext };

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

@@ -1,9 +1,9 @@
-import React, { RefObject, MutableRefObject, PropsWithChildren } from 'react';
+import React__default, { RefObject, MutableRefObject, PropsWithChildren } from 'react';
 import { Conversation, Message } from '@tencentcloud/chat';
-import { OperateMessageParams } from '../components/TUIChat/hooks/useHandleMessage.js';
 import { TUIMessageProps } from '../components/TUIMessage/TUIMessage.js';
-import { TUIMessageInputBasicProps } from '../components/TUIMessageInput/TUIMessageInput.js';
 import { MessageListProps } from '../components/TUIMessageList/TUIMessageList.js';
+import { TUIMessageInputBasicProps } from '../components/TUIMessageInput/TUIMessageInput.js';
+import { OperateMessageParams } from '../components/TUIChat/hooks/useHandleMessage.js';
 
 interface TUIChatStateContextValue {
     conversation?: Conversation;
@@ -28,10 +28,10 @@ interface TUIChatStateContextValue {
     firstSendMessage?: Message | null;
     activeMessageID?: string;
 }
-declare const TUIChatStateContext: React.Context<TUIChatStateContextValue | null>;
+declare const TUIChatStateContext: React__default.Context<TUIChatStateContextValue | null>;
 declare function TUIChatStateContextProvider({ children, value }: PropsWithChildren<{
     value: TUIChatStateContextValue;
-}>): React.ReactElement;
+}>): React__default.ReactElement;
 declare function useTUIChatStateContext(componentName?: string): TUIChatStateContextValue;
 
 export { TUIChatStateContext, TUIChatStateContextProvider, TUIChatStateContextValue, useTUIChatStateContext };

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

@@ -1,4 +1,4 @@
-import React, { PropsWithChildren } from 'react';
+import React__default, { PropsWithChildren } from 'react';
 import { Friend, Profile, FriendApplication } from '@tencentcloud/chat';
 
 interface TUIContactContextValue {
@@ -7,12 +7,12 @@ interface TUIContactContextValue {
     friendApplicationList?: Array<FriendApplication>;
     blockList?: Array<string>;
     isShowContactList?: boolean;
-    setShowContactList?: React.Dispatch<React.SetStateAction<boolean>>;
+    setShowContactList?: React__default.Dispatch<React__default.SetStateAction<boolean>>;
 }
-declare const TUIContactContext: React.Context<TUIContactContextValue>;
+declare const TUIContactContext: React__default.Context<TUIContactContextValue>;
 declare function TUIContactContextProvider({ children, value }: PropsWithChildren<{
     value: TUIContactContextValue;
-}>): React.ReactElement;
+}>): React__default.ReactElement;
 declare function useTUIContactContext(componentName?: string): TUIContactContextValue;
 
 export { TUIContactContext, TUIContactContextProvider, TUIContactContextValue, useTUIContactContext };

package/dist/cjs/context/TUIConversationContext.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),t=require("react");require("../components/TUIKit/TUIKit.js"),require("@tencentcloud/chat-uikit-engine"),require("react-i18next");var s=require("../components/TUIConversationList/TUIConversationList.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("@tencentcloud/chat"),require("date-fns"),require("date-fns/locale"),require("../components/Icon/config.js"),require("../components/Icon/type.js"),require("./TUIMessageContext.js"),require("../constants.js"),require("../components/TUIMessage/hooks/useMessageReply.js"),require("../components/TUIMessage/MessagePlugins.js"),require("../components/TUIMessage/MessageContext.js"),require("../utils/env.js"),require("../components/TUIMessageInput/hooks/useHandleQuoteMessage.js"),require("../components/TUIProfile/TUIProfileDefault.js");var o=n(t).default.createContext({});exports.TUIConversationContext=o,exports.TUIConversationProvider=function(t){var n=t.children,i=t.value;return r.jsx(o.Provider,e.__assign({value:i},{children:n||r.jsx(s.TUIConversationList,{})}))},exports.useTUIConversationContext=function(e){var r=t.useContext(o);return!r&&e?{}:r};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),t=require("react"),s=require("../components/TUIConversationList/TUIConversationList.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("@tencentcloud/chat"),require("@tencentcloud/chat-uikit-engine"),require("../components/TUIChat/index.js"),require("@tencentcloud/tui-core"),require("react-i18next"),require("./TUIMessageContext.js"),require("../utils/env.js"),require("../components/Icon/config.js"),require("../components/Icon/type.js"),require("date-fns"),require("date-fns/locale"),require("../constants.js"),require("../components/TUIMessage/hooks/useMessageReply.js"),require("../components/TUIMessage/MessagePlugins.js"),require("../components/TUIMessage/MessageContext.js"),require("../components/TUIMessageInput/hooks/useHandleQuoteMessage.js"),require("../components/TUIProfile/TUIProfileDefault.js");var o=n(t).default.createContext({});exports.TUIConversationContext=o,exports.TUIConversationProvider=function(t){var n=t.children,i=t.value;return r.jsx(o.Provider,e.__assign({value:i},{children:n||r.jsx(s.TUIConversationList,{})}))},exports.useTUIConversationContext=function(e){var r=t.useContext(o);return!r&&e?{}:r};

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

@@ -1,4 +1,4 @@
-import React, { ReactEventHandler, PropsWithChildren } from 'react';
+import React__default, { ReactEventHandler, PropsWithChildren } from 'react';
 import { Message } from '@tencentcloud/chat';
 import { MessagePluginsProps } from '../components/TUIMessage/MessagePlugins.js';
 
@@ -11,52 +11,52 @@ declare enum messageShowType {
 interface TUIMessageContextValue {
     message?: Message;
     handleDelete?: ReactEventHandler;
-    CustemElement?: React.ComponentType<{
+    CustemElement?: React__default.ComponentType<{
         message: Message;
     }>;
-    TextElement?: React.ComponentType<{
+    TextElement?: React__default.ComponentType<{
         message: Message;
     }>;
-    ImageElement?: React.ComponentType<{
+    ImageElement?: React__default.ComponentType<{
         message: Message;
     }>;
-    VideoElement?: React.ComponentType<{
+    VideoElement?: React__default.ComponentType<{
         message: Message;
     }>;
-    AudioElement?: React.ComponentType<{
+    AudioElement?: React__default.ComponentType<{
         message: Message;
     }>;
-    FileElement?: React.ComponentType<{
+    FileElement?: React__default.ComponentType<{
         message: Message;
     }>;
-    MergerElement?: React.ComponentType<{
+    MergerElement?: React__default.ComponentType<{
         message: Message;
     }>;
-    LocationElement?: React.ComponentType<{
+    LocationElement?: React__default.ComponentType<{
         message: Message;
     }>;
-    FaceElement?: React.ComponentType<{
+    FaceElement?: React__default.ComponentType<{
         message: Message;
     }>;
     filter?: (data: Message) => void;
     isShowTime?: boolean;
     isShowRead?: boolean;
     plugin?: MessagePluginsProps;
-    prefix?: React.ReactElement | string;
-    suffix?: React.ReactElement | string;
-    customName?: React.ReactElement;
+    prefix?: React__default.ReactElement | string;
+    suffix?: React__default.ReactElement | string;
+    customName?: React__default.ReactElement;
     showAvatar?: messageShowType;
     showName?: messageShowType;
-    customAvatar?: React.ReactElement;
+    customAvatar?: React__default.ReactElement;
     isShowProgress?: boolean;
-    Progress?: React.ComponentType<{
+    Progress?: React__default.ComponentType<{
         message: Message;
     }>;
 }
-declare const TUIMessageContext: React.Context<TUIMessageContextValue>;
+declare const TUIMessageContext: React__default.Context<TUIMessageContextValue>;
 declare function TUIMessageContextProvider({ children, value }: PropsWithChildren<{
     value: TUIMessageContextValue;
-}>): React.ReactElement;
+}>): React__default.ReactElement;
 declare function useTUIMessageContext(componentName?: string): TUIMessageContextValue;
 
 export { TUIMessageContext, TUIMessageContextProvider, TUIMessageContextValue, messageShowType, useTUIMessageContext };

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

@@ -1,4 +1,4 @@
-import React, { ChangeEventHandler, KeyboardEventHandler, MutableRefObject, PropsWithChildren } from 'react';
+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';
@@ -14,7 +14,7 @@ interface TUIMessageInputContextValue {
     disabled?: boolean;
     dispatch?: (params: dispatchParams) => void;
     handleChange?: ChangeEventHandler<HTMLTextAreaElement>;
-    handleSubmit?: (event: React.BaseSyntheticEvent) => void;
+    handleSubmit?: (event: React__default.BaseSyntheticEvent) => void;
     handleKeyDown?: KeyboardEventHandler<HTMLTextAreaElement>;
     textareaRef?: MutableRefObject<HTMLTextAreaElement | undefined>;
     onSelectEmoji?: (emoji: EmojiData) => void;
@@ -27,10 +27,10 @@ interface TUIMessageInputContextValue {
     setCursorPos?: (e: ICursorPos) => void;
     pluginConfig?: PluginConfigProps;
 }
-declare const TUIMessageInputContext: React.Context<TUIMessageInputContextValue>;
+declare const TUIMessageInputContext: React__default.Context<TUIMessageInputContextValue>;
 declare function TUIMessageInputContextProvider({ children, value }: PropsWithChildren<{
     value: TUIMessageInputContextValue;
-}>): React.ReactElement;
+}>): React__default.ReactElement;
 declare function useTUIMessageInputContext(componentName?: string): TUIMessageInputContextValue;
 
 export { TUIMessageInputContext, TUIMessageInputContextProvider, TUIMessageInputContextValue, useTUIMessageInputContext };

package/dist/cjs/context/ThemeContext.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),r=require("react"),o=r.createContext(null),s=["light","dark"];exports.ThemeProvider=function(i){var u=i.theme,n=void 0===u?"light":u,a=i.colors,c=i.children;if(-1===s.indexOf(n))throw new Error("Theme ".concat(n," is not supported, please check the supported themes list: [").concat(s.join(", "),"]"));var h=r.useState(n),d=h[0],l=h[1],m=r.useState(a),v=m[0],f=m[1];r.useLayoutEffect((function(){document.documentElement.dataset.uikitTheme=n,l(n)}),[n]);var p={theme:d,colors:v,setTheme:l,setColors:f};return t.jsx(o.Provider,e.__assign({value:p},{children:c}))},exports.useTheme=function(){var e=r.useContext(o);if(!e)throw new Error("useTheme must be used within a ThemeProvider");return e};

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

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import { PropsWithChildren } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ChatSDK, Conversation } from '@tencentcloud/chat';
+
+interface UIKitProviderProps {
+    chat?: ChatSDK;
+    language?: string;
+    theme?: string;
+    colors?: Record<string, string>;
+    customClasses?: string;
+    activeConversation?: Conversation;
+}
+declare function UIKitProvider(props: PropsWithChildren<UIKitProviderProps>): react_jsx_runtime.JSX.Element;
+declare const useUIKit: (componentName?: string) => {
+    chat: ChatSDK;
+    language: string;
+    setLanguage: React.Dispatch<React.SetStateAction<string>>;
+    theme: string;
+    colors: Record<string, string> | undefined;
+    setTheme: React.Dispatch<React.SetStateAction<string>>;
+    setColors: React.Dispatch<React.SetStateAction<Record<string, string> | undefined>>;
+};
+
+export { UIKitProvider, useUIKit };

package/dist/cjs/context/UIKitContext.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),t=require("react"),s=require("@tencentcloud/tui-core"),i=require("./ThemeContext.js"),n=require("./LanguageContext.js"),a=require("./UIManagerContext.js"),o=t.createContext(null);exports.UIKitProvider=function(u){var c=u.chat,g=void 0===c?s.TUILogin.getContext().chat:c,l=u.language,v=u.theme,d=u.colors,_=u.customClasses,h=u.activeConversation,x=u.children,C=t.useState(g),j=C[0],m=C[1];t.useEffect((function(){j||m(g)}),[g]);var f={chat:j};return r.jsx(n.LanguageProvider,e.__assign({language:l},{children:r.jsx(i.ThemeProvider,e.__assign({theme:v,colors:d},{children:r.jsx(o.Provider,e.__assign({value:f},{children:r.jsx(a.UIManagerProvider,e.__assign({activeConversation:h,customClasses:_},{children:x}))}))}))}))},exports.useUIKit=function(r){var s=n.useLanguage(),a=i.useTheme(),u=t.useContext(o);if(!u)throw new Error("useUIKit must be used within a UIKitProvider");return e.__assign(e.__assign(e.__assign({},a),s),u)};

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

@@ -0,0 +1,46 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default, { PropsWithChildren } from 'react';
+import { Conversation, Profile, Friend, FriendApplication } from '@tencentcloud/chat';
+import { IGroupModel } from '@tencentcloud/chat-uikit-engine';
+
+type blockData = {
+    type: 'block';
+    data: Profile;
+};
+type friendData = {
+    type: 'friend';
+    data: Friend;
+};
+type friendApplicationData = {
+    type: 'friendApplication';
+    data: FriendApplication;
+};
+type addFriendData = {
+    type: 'addFriend';
+    data: Profile;
+};
+type GroupData = {
+    type: 'group';
+    data: IGroupModel;
+};
+type UseContactParams = blockData | friendData | friendApplicationData | addFriendData | GroupData | undefined;
+type UIManagerContextType = {
+    conversation?: Conversation;
+    contactData?: UseContactParams;
+    customClasses?: unknown;
+    myProfile?: Profile;
+    TUIManageShow?: boolean;
+    TUIProfileShow?: boolean;
+    setTUIManageShow: React__default.Dispatch<React__default.SetStateAction<boolean>>;
+    setTUIProfileShow: React__default.Dispatch<React__default.SetStateAction<boolean>>;
+    setActiveConversation: (conversation?: Conversation) => void;
+    setActiveContact: (useContactParams?: UseContactParams) => void;
+};
+type UIManagerProviderProps = {
+    customClasses: string;
+    activeConversation: Conversation;
+};
+declare function UIManagerProvider(props: PropsWithChildren<Partial<UIManagerProviderProps>>): react_jsx_runtime.JSX.Element;
+declare const useUIManager: (componentName?: string) => UIManagerContextType;
+
+export { UIManagerContextType, UIManagerProvider, useUIManager };

package/dist/cjs/context/UIManagerContext.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),r=require("react"),n=require("@tencentcloud/chat-uikit-engine"),o=require("./UIKitContext.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=a(r).default.createContext(null);exports.UIManagerProvider=function(a){a.customClasses;var u=a.activeConversation,s=a.children,c=o.useUIKit().chat,l=r.useState(u),v=l[0],f=l[1],S=r.useState(),I=S[0],d=S[1],U=r.useState(),h=U[0],C=U[1],w=r.useState(!1),g=w[0],P=w[1],m=r.useState(!1),x=m[0],M=m[1];r.useEffect((function(){return n.TUIStore.watch(n.StoreName.USER,{userProfile:N}),n.TUIStore.watch(n.StoreName.CONV,{currentConversation:b}),function(){n.TUIStore.unwatch(n.StoreName.USER,{userProfile:N}),n.TUIStore.unwatch(n.StoreName.CONV,{currentConversation:b})}}),[]);var T=r.useCallback((function(e){e&&(null==c||c.setMessageRead({conversationID:e.conversationID})),(null==e?void 0:e.conversationID)!==(null==v?void 0:v.conversationID)&&P(!1),f(e)}),[]);function N(e){C(e)}function b(e){T(null==e?void 0:e.getConversation())}var j={conversation:v,contactData:I,setActiveConversation:T,myProfile:h,TUIManageShow:g,setTUIManageShow:P,TUIProfileShow:x,setTUIProfileShow:M,setActiveContact:function(e){d(e)}};return t.jsx(i.Provider,e.__assign({value:j},{children:s}))},exports.useUIManager=function(e){var t=r.useContext(i);if(!t)throw new Error("useUIManager must be used within a UIManagerProvider");return t};

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

@@ -1,8 +1,8 @@
-import _tencentcloud_chat__default from '@tencentcloud/chat';
+import _tencentcloud_chat from '@tencentcloud/chat';
 
 interface CreateGroupConversationParams {
     name: string;
-    type?: _tencentcloud_chat__default.TYPES;
+    type?: _tencentcloud_chat.TYPES;
     groupID?: string;
     introduction?: string;
     notification?: string;