@tencentcloud/chat-uikit-react 2.2.6 → 2.2.8

package/dist/cjs/components/ConversationCreate/hooks/useConversationCreate.d.ts

@@ -0,0 +1,14 @@
+import React__default from 'react';
+import { IConversationModel } from '@tencentcloud/chat-uikit-engine';
+import { Friend } from '@tencentcloud/chat';
+
+declare const useConversationCreate: (conversationList: IConversationModel[], setFriendListResultHandler?: ((newFriendListResult: object, setFriendListResult: React__default.Dispatch<React__default.SetStateAction<{
+    string: object[];
+}>>) => void) | undefined) => {
+    getFirstLetter: (str: string) => string;
+    queryFriendList: (friendList: Friend[]) => Promise<void>;
+    getFriendListSortSearchResult: (searchValue: string) => Promise<any>;
+    friendListSortResult: any;
+};
+
+export { useConversationCreate };

package/dist/cjs/components/ConversationCreate/hooks/useConversationCreate.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react"),t=require("@tencentcloud/chat"),n=require("../static/word.js");require("react/jsx-runtime"),require("react-i18next"),require("@tencentcloud/tui-core"),require("@tencentcloud/chat-uikit-engine"),require("../../../context/TUIMessageContext.js"),require("../../../utils/env.js"),require("../../Icon/config.js"),require("../../Icon/type.js"),require("date-fns"),require("date-fns/locale"),require("../ConversationCreate.js"),require("../ConversationGroupTypeInfo.js"),require("../../../constants.js"),require("../../TUIMessage/hooks/useMessageReply.js"),require("../../TUIMessage/MessagePlugins.js"),require("../../TUIMessage/MessageContext.js"),require("../../TUIMessageInput/hooks/useHandleQuoteMessage.js"),require("../../TUIProfile/TUIProfileDefault.js");var i=require("../../../hooks/useProfile.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=u(t);exports.useConversationCreate=function(t,u,s){var a=r.useState(),c=a[0],l=a[1],f=function(e){var r=e.trim(),t=r.charCodeAt(0);return t>40869||t<19968?r.charAt(0):n.strChineseFirstPy.charAt(t-19968)},d=function(){return e.__awaiter(void 0,void 0,void 0,(function(){var r,n,i,a;return e.__generator(this,(function(e){switch(e.label){case 0:return u.filter((function(e){return(null==e?void 0:e.type)===o.default.TYPES.CONV_C2C})).slice(0,5).map((function(e){return null==e?void 0:e.userProfile})),[4,t.getFriendList()];case 1:return r=e.sent(),n=r.code,i=r.data,0===n&&(a=v(i.map((function(e){return e.profile}))),l(a),s&&s(a,l)),[2]}}))}))},v=function(e,r){for(var t={"#":[]},n=65;n<=90;n+=1)t[String.fromCharCode(n)]=[];return e.forEach((function(e){var r=e.nick,n=e.userID,i=f(r||n);i>="a"&&i<="z"?t[i.toLocaleUpperCase()].push(e):i<"A"||i>"z"?t["#"].push(e):t[i].push(e)})),Object.keys(t).forEach((function(e){t[e].sort((function(e,r){var t=e.nick,n=e.userID,i=r.nick,u=r.userID;return t||n<i||u||t||n===i||u?1:-1}))})),t},q=i.useProfile(t).getUserProfile;return r.useEffect((function(){d()}),[t]),{getFirstLetter:f,queryFriendList:d,getFriendListSortSearchResult:function(r){return e.__awaiter(void 0,void 0,void 0,(function(){var t,n,i,u;return e.__generator(this,(function(e){switch(e.label){case 0:return r?[4,q([r])]:[2,c];case 1:return t=e.sent().data,n={},i=!1,Object.keys(c).forEach((function(e){n[e]=c[e].filter((function(e){var t,n,u=e.nick,o=e.userID,s=null==u?void 0:u.toLocaleLowerCase(),a=r.toLocaleLowerCase(),c=o.toLocaleLowerCase();return n="TencentCloudDemo"===(null===(t=process.env)||void 0===t?void 0:t.REACT_APP_ONLINE)?s?s.includes(a):c.includes(a):c===a,i=i||n,n}))})),"TencentCloudDemo"===(null===(u=process.env)||void 0===u?void 0:u.REACT_APP_ONLINE)?[2,n]:[2,i?n:v(t)]}}))}))},friendListSortResult:c}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react"),t=require("@tencentcloud/chat-uikit-engine"),n=require("@tencentcloud/chat"),i=require("../static/word.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=o(n);exports.useConversationCreate=function(n,o){var c=r.useState(),a=c[0],s=c[1],f=function(e){var r=e.trim(),t=r.charCodeAt(0);return t>40869||t<19968?r.charAt(0):i.strChineseFirstPy.charAt(t-19968)},l=function(r){return e.__awaiter(void 0,void 0,void 0,(function(){var t;return e.__generator(this,(function(e){return n.filter((function(e){return(null==e?void 0:e.type)===u.default.TYPES.CONV_C2C})).slice(0,5).map((function(e){return null==e?void 0:e.userProfile})),t=d(null==r?void 0:r.map((function(e){return e.profile}))),s(t),o&&o(t,s),[2]}))}))};function d(e,r){for(var t={"#":[]},n=65;n<=90;n+=1)t[String.fromCharCode(n)]=[];return null==e||e.forEach((function(e){var r=e.nick,n=e.userID,i=f(r||n);i>="a"&&i<="z"?t[i.toLocaleUpperCase()].push(e):i<"A"||i>"z"?t["#"].push(e):t[i].push(e)})),Object.keys(t).forEach((function(e){t[e].sort((function(e,r){var t=e.nick,n=e.userID,i=r.nick,o=r.userID;return t||n<=i||o?1:-1}))})),t}function v(e){l(e)}return r.useEffect((function(){return t.TUIStore.watch(t.StoreName.FRIEND,{friendList:v}),function(){t.TUIStore.unwatch(t.StoreName.FRIEND,{friendList:v})}}),[]),{getFirstLetter:f,queryFriendList:l,getFriendListSortSearchResult:function(r){return e.__awaiter(void 0,void 0,void 0,(function(){var n,i,o,u;return e.__generator(this,(function(e){switch(e.label){case 0:return r?[4,t.TUIUserService.getUserProfile({userIDList:[r]})]:[2,a];case 1:return n=e.sent().data,i={},o=!1,Object.keys(a).forEach((function(e){i[e]=a[e].filter((function(e){var t,n,i=e.nick,u=e.userID,c=null==i?void 0:i.toLocaleLowerCase(),a=r.toLocaleLowerCase(),s=u.toLocaleLowerCase();return n="TencentCloudDemo"===(null===(t=process.env)||void 0===t?void 0:t.REACT_APP_ONLINE)?c?c.includes(a):s.includes(a):s===a,o=o||n,n}))})),"TencentCloudDemo"===(null===(u=process.env)||void 0===u?void 0:u.REACT_APP_ONLINE)?[2,i]:[2,o?i:d(n)]}}))}))},friendListSortResult:a}};

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

@@ -0,0 +1,57 @@
+import React__default, { PropsWithChildren } from 'react';
+import { IConversationModel, CreateGroupParams } from '@tencentcloud/chat-uikit-engine';
+import { IConversationListHeaderProps } from './ConversationListHeader/ConversationListHeader.js';
+import { IConversationListContentProps } from './ConversationListContent/ConversationListContent.js';
+import { IConversationPreviewUIProps } from '../ConversationPreview/ConversationPreview.js';
+import { AvatarProps } from '../Avatar/Avatar.js';
+import { IConversationSearchProps } from '../ConversationSearch/ConversationSearch.js';
+import { IConversationCreateProps } from '../ConversationCreate/ConversationCreate.js';
+import { IConversationActionsConfig, IConversationActionsProps } from '../ConversationActions/ConversationActions.js';
+
+interface IConversationListProps {
+    /** Determines whether the conversation search input appears on the conversation list view. (Default: True) */
+    enableSearch?: boolean;
+    /** Determines whether the conversation creation button appears on the conversation list view. (Default: True) */
+    enableCreate?: boolean;
+    /** Determines whether the conversation action button appears on the conversation list view. (Default: True) */
+    enableActions?: boolean;
+    /** Specifies the prop to customize action on the conversation list item. */
+    actionsConfig?: IConversationActionsConfig;
+    /** Specifies a react component to customize the header of the conversation list. */
+    Header?: React__default.ComponentType<IConversationListHeaderProps>;
+    /** Specifies a react component to customize the conversation list component. */
+    List?: React__default.ComponentType<IConversationListContentProps>;
+    /** Specifies a react component to customize the conversation preview. */
+    Preview?: React__default.ComponentType<IConversationPreviewUIProps>;
+    /** Specifies a react component to customize the conversation create component. */
+    ConversationCreate?: React__default.ComponentType<IConversationCreateProps>;
+    /** Specifies a react component to customize the conversation search. */
+    ConversationSearch?: React__default.ComponentType<IConversationSearchProps>;
+    /** Specifies a react component to customize the conversation actions in conversation preview. */
+    ConversationActions?: React__default.ComponentType<IConversationActionsProps>;
+    /** Specifies a react component to customize the placeholder when the conversation list is empty. */
+    PlaceholderEmptyList?: React__default.ReactNode;
+    /** Specifies a react component to customize the placeholder when the conversation list is loading. */
+    PlaceholderLoading?: React__default.ReactNode;
+    /** Specifies a react component to customize the placeholder when the conversation list loaded error. */
+    PlaceholderLoadError?: React__default.ReactNode;
+    /** Specifies a react component to customize the avatar in list. */
+    Avatar?: React__default.ComponentType<AvatarProps>;
+    /** 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[];
+    /** Specifies the prop to receive callback when a user clicks a conversation in the conversation list. */
+    onSelectConversation?: (conversation: IConversationModel) => void;
+    /** Specifies the prop to execute custom operations before creating a channel. */
+    onBeforeCreateConversation?: (params: string | CreateGroupParams) => string | CreateGroupParams;
+    /** Specifies the prop to receive callback when a conversation is created. */
+    onConversationCreated?: (conversation: IConversationModel) => void;
+    /** The custom class name */
+    className?: string;
+    /** The custom css style */
+    style?: React__default.CSSProperties;
+}
+declare function ConversationList<T extends IConversationListProps>(props: PropsWithChildren<T>): React__default.ReactElement;
+
+export { ConversationList, IConversationListProps };

package/dist/cjs/components/ConversationList/ConversationList.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),o=require("react"),i=require("../../context/ConversationListContext.js"),n=require("./ConversationListHeader/ConversationListHeader.js"),t=require("./ConversationListContent/ConversationListContent.js");require("react-i18next"),require("../Icon/config.js"),require("../Icon/type.js");var s=require("../../node_modules/classnames/index.js"),a=require("../ConversationPreview/ConversationPreview.js"),v=require("../Avatar/Avatar.js"),c=require("../PlaceHolder/index.js"),l=require("../ConversationSearch/ConversationSearch.js"),d=require("../ConversationCreate/ConversationCreate.js");require("../ConversationCreate/ConversationGroupTypeInfo.js"),require("@tencentcloud/tui-core"),require("@tencentcloud/chat-uikit-engine"),require("../../context/MessageContext.js"),require("@tencentcloud/chat");var C=require("../ConversationActions/ConversationActions.js"),u=require("../../utils/env.js");function j(j){var h=j.enableSearch,L=void 0===h||h,P=j.enableCreate,q=void 0===P||P,x=j.enableActions,g=void 0===x||x,p=j.actionsConfig,A=j.Header,f=void 0===A?n.ConversationListHeader:A,y=j.List,_=void 0===y?t.ConversationListContent:y,H=j.Preview,m=void 0===H?a.ConversationPreviewUI:H,S=j.ConversationCreate,b=void 0===S?d.ConversationCreate:S,w=j.ConversationSearch,N=void 0===w?l.ConversationSearch:w,I=j.ConversationActions,E=void 0===I?C.ConversationActions:I,O=j.PlaceholderEmptyList,T=void 0===O?r.jsx(c.PlaceHolder,{type:c.PlaceHolderTypes.NO_CONVERSATIONS}):O,k=j.PlaceholderLoading,G=void 0===k?r.jsx(c.PlaceHolder,{type:c.PlaceHolderTypes.LOADING}):k,M=j.PlaceholderLoadError,R=void 0===M?r.jsx(c.PlaceHolder,{type:c.PlaceHolderTypes.WRONG}):M,B=j.Avatar,D=void 0===B?v.Avatar:B,V=j.onSelectConversation,U=j.onBeforeCreateConversation,W=j.onConversationCreated,z=j.className,F=j.style,J=i.useConversationList(),K=J.conversationList,Q=J.filteredAndSortedConversationList,X=J.isLoading,Y=J.isLoadError,Z=o.useState(!1),$=Z[0],ee=Z[1];return r.jsxs("div",e.__assign({className:s(z,"uikit-chat-list",{"uikit-chat-list--mobile":u.isH5}),style:F},{children:[r.jsxs(f,{children:[r.jsx(N,{visible:L,conversationList:K,Avatar:D,ResultPreview:a.ConversationPreview}),r.jsx(b,{className:s({"uikit-chat-list__header--creating":$}),visible:q,onChangeCreateModelVisible:function(e){return ee(e)},onBeforeCreateConversation:U,onConversationCreated:W})]}),r.jsx(_,e.__assign({empty:0===Q.length,loading:X,error:Y,PlaceholderEmptyList:T,PlaceholderLoadError:R,PlaceholderLoading:G},{children:Q.map((function(e){return r.jsx(a.ConversationPreview,{conversation:e,enableActions:g,Preview:m,Avatar:D,ConversationActions:E,onSelectConversation:V,actionsConfig:p},e.conversationID)}))}))]}))}exports.ConversationList=function(o){return r.jsx(i.ConversationListProvider,e.__assign({filter:o.filter,sort:o.sort},{children:r.jsx(j,e.__assign({},o))}))};

package/dist/cjs/components/ConversationList/ConversationListContent/ConversationListContent.d.ts

@@ -0,0 +1,23 @@
+interface IConversationListContentProps {
+    /** Renders a customized component in the conversation list main. */
+    children: React.ReactNode;
+    /** Indicates whether the chat list is empty */
+    empty?: boolean;
+    /** Indicates whether the chat list is currently loading */
+    loading?: boolean;
+    /** Indicates whether there was an error loading the chat list */
+    error?: boolean;
+    /** A custom component to display when the chat list is empty */
+    PlaceholderEmptyList?: React.ReactNode;
+    /** A custom component to display while the chat list is loading */
+    PlaceholderLoading?: React.ReactNode;
+    /** A custom component to display when there is an error loading the chat list */
+    PlaceholderLoadError?: React.ReactNode;
+    /** The custom class name */
+    className?: string;
+    /** The custom css style */
+    style?: React.CSSProperties;
+}
+declare function ConversationListContent<T extends IConversationListContentProps>(props: T): React.ReactElement;
+
+export { ConversationListContent, IConversationListContentProps };

package/dist/cjs/components/ConversationList/ConversationListContent/ConversationListContent.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),l=require("../../../node_modules/classnames/index.js"),o=require("../../PlaceHolder/index.js");exports.ConversationListContent=function(s){var i,d=s.children,a=s.empty,t=void 0!==a&&a,c=s.loading,n=void 0!==c&&c,u=s.error,p=void 0!==u&&u,v=s.PlaceholderEmptyList,y=void 0===v?r.jsx(o.PlaceHolder,{type:o.PlaceHolderTypes.NO_CONVERSATIONS}):v,P=s.PlaceholderLoading,x=void 0===P?r.jsx(o.PlaceHolder,{type:o.PlaceHolderTypes.LOADING}):P,j=s.PlaceholderLoadError,_=void 0===j?r.jsx(o.PlaceHolder,{type:o.PlaceHolderTypes.WRONG}):j,m=s.className,H=s.style;return i=p?_:n?x:t?y:d,r.jsx("div",e.__assign({className:l("uikit-chat-list__container",m),style:H},{children:i}))};

package/dist/cjs/components/ConversationList/ConversationListHeader/ConversationListHeader.d.ts

@@ -0,0 +1,15 @@
+interface IConversationListHeaderProps {
+    /** The main of the conversation list header */
+    children: React.ReactNode;
+    /** A custom component to display in the left area of header */
+    left?: React.ReactNode;
+    /** A custom component to display in the right area of header */
+    right?: React.ReactNode;
+    /** The custom class name */
+    className?: string;
+    /** The custom css style */
+    style?: React.CSSProperties;
+}
+declare function ConversationListHeader<T extends IConversationListHeaderProps>(props: T): React.ReactElement;
+
+export { ConversationListHeader, IConversationListHeaderProps };

package/dist/cjs/components/ConversationList/ConversationListHeader/ConversationListHeader.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react/jsx-runtime"),i=require("../../../node_modules/classnames/index.js");exports.ConversationListHeader=function(r){var t=r.children,a=r.left,l=r.right,_=r.className,n=r.style;return s.jsxs("div",e.__assign({className:i("uikit-chat-list__header",_),style:n},{children:[s.jsx("div",e.__assign({className:"uikit-chat-list__header__left"},{children:a})),t,s.jsx("div",e.__assign({className:"uikit-chat-list__header__right"},{children:l}))]}))};

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

@@ -1,33 +1,45 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import React__default from 'react';
-import { Conversation } from '@tencentcloud/chat';
+import React__default, { CSSProperties } from 'react';
+import { IConversationModel } from '@tencentcloud/chat-uikit-engine';
 import { AvatarProps } from '../Avatar/Avatar.js';
+import { IConversationActionsProps, IConversationActionsConfig } from '../ConversationActions/ConversationActions.js';
 
-interface ConversationPreviewUIComponentProps extends ConversationPreviewProps {
+interface IConversationPreviewUIProps {
+    /** The conversation to be displayed */
+    conversation: IConversationModel;
     /** If the component's Conversation is the active (selected) Conversation */
-    active?: boolean;
-    /** Image of Conversation to display */
-    displayImage?: string;
-    /** Title of Conversation to display */
-    displayTitle?: string | React__default.ReactElement;
-    /** Message of Conversation to display */
-    displayMessage?: string | React__default.ReactElement;
-    /** Time of Conversation to display */
-    displayTime?: string;
-    /** Number of unread Messages */
-    unread?: number;
-}
-interface ConversationPreviewProps {
-    conversation: Conversation;
-    activeConversation?: Conversation;
-    Preview?: React__default.ComponentType<ConversationPreviewUIComponentProps>;
+    isSelected?: boolean;
+    /** Whether to show the ConversationActions */
+    enableActions?: boolean;
+    /** The string to be highlighted in the title */
+    highlightMatchString?: string;
+    /** The custom Avatar component */
     Avatar?: React__default.ComponentType<AvatarProps>;
-    setActiveConversation?: (conversation: Conversation | undefined) => void;
-    searchValue?: string;
-    conversationUpdateCount?: number;
-    activeConversationID?: string;
-    setActiveConversationID?: (conversationID: string) => void;
+    /** The custom Title component */
+    Title?: string | JSX.Element;
+    /** The custom last message abstract component */
+    LastMessageAbstract?: string | JSX.Element;
+    /** The custom last message abstract component */
+    LastMessageTimestamp?: string | JSX.Element;
+    /** The custom Unread component */
+    Unread?: string | JSX.Element;
+    /** The custom ConversationActions component */
+    ConversationActions?: React__default.ComponentType<IConversationActionsProps>;
+    /** Callback when the user click a conversation from conversation list */
+    onSelectConversation?: (conversation: IConversationModel) => void;
+    /** The custom ConversationActions config */
+    actionsConfig?: IConversationActionsConfig;
+    /** The custom class name */
+    className?: string;
+    /** The custom class style */
+    style?: CSSProperties;
+    /** The custom children node to override UI */
+    children?: React__default.ReactNode;
+}
+interface IConversationPreviewProps extends IConversationPreviewUIProps {
+    /** The custom Preview UI component */
+    Preview?: React__default.ComponentType<IConversationPreviewUIProps>;
 }
-declare function ConversationPreview<T extends ConversationPreviewProps>(props: T): react_jsx_runtime.JSX.Element;
+declare function ConversationPreview<T extends IConversationPreviewProps>(props: T): React__default.ReactElement;
+declare function ConversationPreviewUI<T extends IConversationPreviewUIProps>(props: T): React__default.ReactElement;
 
-export { ConversationPreview, ConversationPreviewProps, ConversationPreviewUIComponentProps };
+export { ConversationPreview, ConversationPreviewUI, IConversationPreviewProps, IConversationPreviewUIProps };

package/dist/cjs/components/ConversationPreview/ConversationPreview.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("../../context/UIKitContext.js"),a=require("../../context/UIManagerContext.js");require("../../context/TUIMessageContext.js");var r=require("./ConversationPreviewContent.js"),n=require("./utils.js");exports.ConversationPreview=function(o){var u=o.activeConversation,l=o.conversation,v=o.Preview,g=void 0===v?r.ConversationPreviewContent:v,c=o.searchValue,p=o.conversationUpdateCount,y=s.useUIKit().language,C=a.useUIManager(),d=C.setActiveConversation,x=C.myProfile,D=i.useState(n.getDisplayImage(l)),I=D[0],j=D[1],m=i.useState(n.getDisplayTitle(l,c)),q=m[0],M=m[1],T=i.useState(x&&n.getDisplayMessage(l,x)),f=T[0],P=T[1],U=i.useState(n.getDisplayTime(l,y)),S=U[0],w=U[1],_=i.useState(l.unreadCount),b=_[0],A=_[1],K=(null==u?void 0:u.conversationID)===(null==l?void 0:l.conversationID);return g?(i.useEffect((function(){M(n.getDisplayTitle(l,c)),x&&P(n.getDisplayMessage(l,x)),j(n.getDisplayImage(l)),w(n.getDisplayTime(l,y)),A(l.unreadCount)}),[l,c,p,y]),t.jsx(g,e.__assign({},o,{active:K,displayImage:I,displayTitle:q,displayMessage:f,displayTime:S,unread:b,setActiveConversation:d}))):t.jsx(t.Fragment,{})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),t=require("react"),n=require("../../node_modules/classnames/index.js"),s=require("../Icon/Icon.js"),r=require("../Icon/type.js"),a=require("../Avatar/Avatar.js"),o=require("../ConversationActions/ConversationActions.js"),v=require("../../context/ConversationListContext.js"),c=require("../../context/UIManagerContext.js"),u=require("../../context/UIKitContext.js");require("../../context/MessageContext.js");var l=require("../../hooks/useLongPress.js"),d=require("../../hooks/useMouseHover.js"),g=require("./utils.js"),h=require("../utils.js"),_=require("../../utils/env.js");function m(s){var r=s.conversation,c=s.isSelected,u=s.enableActions,g=s.Avatar,h=void 0===g?a.Avatar:g,m=s.ConversationActions,C=void 0===m?o.ConversationActions:m,j=s.Title,p=s.LastMessageTimestamp,x=s.LastMessageAbstract,A=s.Unread,M=s.onSelectConversation,f=s.actionsConfig,w=s.className,k=s.style,q=s.children,I=v.useConversationList(),L=I.currentConversation,N=I.setCurrentConversation,S=t.useRef(null),T=t.useState(!1),b=T[0],y=T[1],P=d(S),U=l.default({},{delay:500,shouldPreventDefault:!0}).isLongPressing;t.useEffect((function(){y(P||U)}),[P,U]);return i.jsx("div",e.__assign({ref:S,className:n("uikit-conversation-preview",w,{"uikit-conversation-preview--mobile":_.isH5,"uikit-conversation-preview--active":c||r.conversationID===(null==L?void 0:L.conversationID),"uikit-conversation-preview--unread":!r.isMuted&&r.unreadCount>0,"uikit-conversation-preview--pin":r.isPinned,"uikit-conversation-preview--mute":r.isMuted}),style:k,onClick:function(){null==M||M(r),N(r)}},{children:q||i.jsxs(i.Fragment,{children:[i.jsx("div",e.__assign({className:"uikit-conversation-preview__avatar"},{children:i.jsx(h,{image:r.getAvatar(),size:40})})),i.jsxs("div",e.__assign({className:"uikit-conversation-preview__content"},{children:[j,x]})),i.jsxs("div",e.__assign({className:"uikit-conversation-preview__external"},{children:[A,u&&b?i.jsx(C,e.__assign({conversation:r},f)):p]}))]})}))}exports.ConversationPreview=function(t){var l=t.conversation,d=t.isSelected,_=void 0!==d&&d,C=t.enableActions,j=void 0===C||C,p=t.highlightMatchString,x=t.Preview,A=void 0===x?m:x,M=t.Avatar,f=void 0===M?a.Avatar:M,w=t.ConversationActions,k=void 0===w?o.ConversationActions:w,q=t.Title,I=void 0===q?function(t){var s=t.conversation,r=t.highlightMatchString;return i.jsx("div",e.__assign({className:"uikit-conversation-preview__title text-ellipsis"},{children:g.generateHighlightTitle(s,r).map((function(t,s){return i.jsx("span",e.__assign({className:n({"uikit-conversation-preview__title--highlight":t.isHighlight,"uikit-conversation-preview__title--normal":!t.isHighlight})},{children:t.text}),s)}))}))}({conversation:l,highlightMatchString:p}):q,L=t.LastMessageTimestamp,N=void 0===L?function(t){var n,s=t.conversation,r=u.useUIKit().language;return i.jsx("div",e.__assign({className:"uikit-conversation-preview__time"},{children:h.getTimeStamp(1e3*+((null===(n=s.lastMessage)||void 0===n?void 0:n.lastTime)||0),r)}))}({conversation:l}):L,S=t.LastMessageAbstract,T=void 0===S?function(t){var n=t.conversation,s=c.useUIManager().myProfile;return i.jsx("div",e.__assign({className:"uikit-conversation-preview__abstract"},{children:g.getLatestMessagePreview(n,s)}))}({conversation:l}):S,b=t.Unread,y=void 0===b?function(t){var n,a=t.conversation;return n=a.isMuted?i.jsx(s.Icon,{type:r.IconTypes.MUTE,width:16,height:16}):a.unreadCount>99?"99+":0===a.unreadCount?null:a.unreadCount,i.jsx("div",e.__assign({className:"uikit-conversation-preview__unread"},{children:n}))}({conversation:l}):b,P=t.onSelectConversation,U=t.actionsConfig,H=t.className,D=t.style,E=t.children;return v.useConversationList().setCurrentConversation,i.jsx(A,{conversation:l,isSelected:_,enableActions:j,highlightMatchString:p,Avatar:f,ConversationActions:k,Title:I,LastMessageTimestamp:N,LastMessageAbstract:T,Unread:y,onSelectConversation:P,actionsConfig:U,className:H,style:D,children:E})},exports.ConversationPreviewUI=m;

package/dist/cjs/components/ConversationPreview/utils.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),a=require("react/jsx-runtime"),r=require("@tencentcloud/chat");require("react"),require("../Icon/config.js"),require("../Icon/type.js");var t=require("../Avatar/default.js"),s=require("../TUIMessage/utils/emojiMap.js"),i=require("../untils.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=o(r),l=function(e){if(!e)return null;var a={},r=e.type,t=e.groupProfile,s=e.userProfile;switch(r){case n.default.TYPES.CONV_C2C:a=s;break;case n.default.TYPES.CONV_GROUP:a=t;case n.default.TYPES.CONV_SYSTEM:}return a};exports.getDisplayImage=function(e){var a=e.type,r=l(e).avatar,s=r;if(!r)switch(a){case n.default.TYPES.CONV_C2C:s=t.defaultUserAvatar;break;case n.default.TYPES.CONV_GROUP:default:s=t.defaultGroupAvatarWork}return s},exports.getDisplayMessage=function(r,t,i){var o,l=r.lastMessage,u=r.type,c=l.fromAccount,d=l.nick,f=l.nameCard,p=l.isRevoked,v=l.messageForShow;l.type===n.default.TYPES.MSG_CUSTOM&&(null===(o=l.payload)||void 0===o?void 0:o.description)&&(v=l.payload.description);var g="";switch(u){case n.default.TYPES.CONV_GROUP:g=(null==l?void 0:l.fromAccount)===(null==t?void 0:t.userID)?"You":"".concat(f||d||c||""),g="".concat(g?"".concat(g,":"):"");break;case n.default.TYPES.CONV_C2C:g=p?"you ":""}return a.jsxs("div",e.__assign({style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}},{children:[a.jsx("span",{children:g}),a.jsx("span",{children:l.isRevoked?"recalled a message":s.formatEmojiString(v,1)})]}))},exports.getDisplayTime=function(e,a){var r=e.lastMessage;return i.getTimeStamp(1e3*r.lastTime,a)},exports.getDisplayTitle=function(r,t,s){void 0===s&&(s="#147AFF");var i=l(r),o=i.name,u=i.nick,c=i.groupID,d=i.userID,f=r.type,p=r.remark,v="";switch(f){case n.default.TYPES.CONV_C2C:v=p||u||d;break;case n.default.TYPES.CONV_GROUP:v=o||c;break;default:v=""}var g,C,m,P;return t?(C=(g=v).toLocaleLowerCase(),m=t&&C.indexOf(t.toLocaleLowerCase()),P=g.split(new RegExp("(".concat(t,")"),"gi")),""===m?a.jsx(a.Fragment,{}):a.jsxs("div",{children:[t&&P.map((function(r,i){return r.toLowerCase()===t.toLowerCase()?a.jsx("span",e.__assign({style:{color:s}},{children:r}),i):a.jsx("span",{children:r},i)})),";"]})):v},exports.getMessageProfile=l;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),r=require("@tencentcloud/chat-uikit-engine"),a=require("../MessageElement/utils/emojiMap.js");require("react"),require("../Icon/config.js"),require("../Icon/type.js");var i=require("../Avatar/default.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=s(r),n=function(e){if(!e)return null;var t={},r=e.type,a=e.groupProfile,i=e.userProfile;switch(r){case o.default.TYPES.CONV_C2C:t=i;break;case o.default.TYPES.CONV_GROUP:t=a}return t};exports.generateHighlightTitle=function(e,t){var r=e.getShowName();if(!t)return[{text:r,isHighlight:!1}];var a=t.toLowerCase();return r.split(new RegExp("(".concat(t,")"),"gi")).map((function(e){return{text:e,isHighlight:e.toLowerCase()===a}}))},exports.getDisplayImage=function(e){var t=e.type,r=n(e).avatar,a=r;if(!r)switch(t){case o.default.TYPES.CONV_C2C:a=i.defaultUserAvatar;break;case o.default.TYPES.CONV_GROUP:default:a=i.defaultGroupAvatarWork}return a},exports.getDisplayTitle=function(r,a,i){void 0===i&&(i="#147AFF");var s=n(r),u=s.name,l=s.nick,c=s.groupID,d=s.userID,f=r.type,p=r.remark,g="";switch(f){case o.default.TYPES.CONV_C2C:g=p||l||d||"";break;case o.default.TYPES.CONV_GROUP:g=u||c||"";break;default:g=""}var v,C,h,x;return a?(C=(v=g).toLocaleLowerCase(),h=a&&C.indexOf(a.toLocaleLowerCase()),x=v.split(new RegExp("(".concat(a,")"),"gi")),""===h?t.jsx(t.Fragment,{}):t.jsxs("div",{children:[a&&x.map((function(r,s){return r.toLowerCase()===a.toLowerCase()?t.jsx("span",e.__assign({style:{color:i}},{children:r}),s):t.jsx("span",{children:r},s)})),";"]})):g},exports.getLatestMessagePreview=function(r,i){var s,n=r.lastMessage,u=r.type;if(!n)return"";var l=n.fromAccount,c=n.nick,d=n.nameCard,f=n.isRevoked,p=n.messageForShow;n.type===o.default.TYPES.MSG_CUSTOM&&(null===(s=n.payload)||void 0===s?void 0:s.description)&&(p=n.payload.description);var g="";switch(u){case o.default.TYPES.CONV_GROUP:g=(null==n?void 0:n.fromAccount)===(null==i?void 0:i.userID)?"You":"".concat(d||c||l||""),g="".concat(g?"".concat(g,":"):"");break;case o.default.TYPES.CONV_C2C:g=f?"you ":""}return t.jsxs("div",e.__assign({style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}},{children:[t.jsx("span",{children:g}),t.jsx("span",{children:n.isRevoked?"recalled a message":a.formatEmojiString(p,1)})]}))},exports.getMessageProfile=n;

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

@@ -0,0 +1,39 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { IConversationModel } from '@tencentcloud/chat-uikit-engine';
+import { IConversationSearchInputProps } from './ConversationSearchInput/ConversationSearchInput.js';
+import { IConversationSearchResultProps } from './ConversationSearchResult/ConversationSearchResult.js';
+import { IConversationPreviewProps } from '../ConversationPreview/ConversationPreview.js';
+import { AvatarProps } from '../Avatar/Avatar.js';
+
+interface IConversationSearchProps {
+    /** The list of conversations to be searched. */
+    conversationList: IConversationModel[];
+    /** Specifies a react component to customize the avatar in the search results. */
+    Avatar?: React.ComponentType<AvatarProps>;
+    /** Specifies a react component to customize the preview of search results. */
+    ResultPreview?: React.ComponentType<IConversationPreviewProps>;
+    /** Specifies a react component to customize the search input. */
+    ConversationSearchInput?: React.ComponentType<IConversationSearchInputProps>;
+    /** Specifies a react component to customize the search result. */
+    ConversationSearchResult?: React.ComponentType<IConversationSearchResultProps>;
+    /** Specifies a function to customize the search algorithm. This function takes the search value and the conversation list as parameters and returns the search results. */
+    searchFn?: (searchValue: string, conversationList: IConversationModel[]) => IConversationModel[];
+    /** Specifies a function to be called when the search input changes. This function takes the current search value as a parameter. */
+    onSearchChange?: (searchValue: string) => void;
+    /** Specifies a function to be called when the search input is focused. */
+    onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    /** Specifies a function to be called when the search input is blurred. */
+    onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    /** Specifies a function to be called when a search result is selected. This function takes the selected conversation as a parameter. */
+    onSelectResult?: (conversation: IConversationModel) => void;
+    /** Specifies whether the search component is visible. */
+    visible?: boolean;
+    /** Specifies a custom class name for the search component. */
+    className?: string;
+    /** The custom css style */
+    style?: React.CSSProperties;
+}
+declare function defaultSearchFn(searchValue: string, conversationList: IConversationModel[]): IConversationModel[];
+declare function ConversationSearch(props: IConversationSearchProps): react_jsx_runtime.JSX.Element | null;
+
+export { ConversationSearch, IConversationSearchProps, defaultSearchFn };

package/dist/cjs/components/ConversationSearch/ConversationSearch.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("../../node_modules/classnames/index.js"),a=require("./ConversationSearchInput/ConversationSearchInput.js"),o=require("./ConversationSearchResult/ConversationSearchResult.js"),s=require("../ConversationPreview/ConversationPreview.js"),i=require("../Avatar/Avatar.js");function u(e,t){return e&&0!==(null==t?void 0:t.length)?t.filter((function(t){return t.getShowName().toLocaleLowerCase().includes(e.toLocaleLowerCase())})):[]}exports.ConversationSearch=function(l){var v=l.visible,c=void 0===v||v,d=l.conversationList,h=l.Avatar,S=void 0===h?i.Avatar:h,f=l.searchFn,C=void 0===f?u:f,j=l.ResultPreview,g=void 0===j?s.ConversationPreview:j,R=l.ConversationSearchInput,p=void 0===R?a.ConversationSearchInput:R,q=l.ConversationSearchResult,w=void 0===q?o.ConversationSearchResult:q,x=l.onSearchChange,m=l.onFocus,P=l.onBlur,b=l.onSelectResult,A=l.className,L=l.style,_=n.useState(""),F=_[0],I=_[1],y=n.useState(d),E=y[0],N=y[1],k=n.useState(!1),B=k[0],M=k[1],O=n.useState(!1),V=O[0],z=O[1],D=n.useState(!0),G=D[0],H=D[1];return n.useEffect((function(){null==x||x(F)}),[F,x]),n.useEffect((function(){N(C(F,d))}),[d,C,F]),n.useEffect((function(){M(!G)}),[V,G]),c?t.jsxs("div",e.__assign({className:r("uikit-conversation-search",A,{"uikit-conversation-search--active":B}),style:L},{children:[t.jsx(p,{value:F,clearable:!0,onChange:function(e){var t,n,r;I(null===(t=e.target)||void 0===t?void 0:t.value),H(0===(null===(n=e.target)||void 0===n?void 0:n.value.length)),null==x||x(null===(r=e.target)||void 0===r?void 0:r.value)},onFocus:function(e){z(!0),null==m||m(e)},onBlur:function(e){z(!1),null==P||P(e)}}),t.jsx(w,{visible:B,Avatar:S,searchResult:E,searchValue:F,ResultPreview:g,onSelectResult:b})]})):null},exports.defaultSearchFn=u;

package/dist/cjs/components/ConversationSearch/ConversationSearchInput/ConversationSearchInput.d.ts

@@ -0,0 +1,7 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { InputProps } from '../../Input/Input.js';
+
+type IConversationSearchInputProps = InputProps;
+declare function ConversationSearchInput(props: IConversationSearchInputProps): react_jsx_runtime.JSX.Element;
+
+export { ConversationSearchInput, IConversationSearchInputProps };

package/dist/cjs/components/ConversationSearch/ConversationSearchInput/ConversationSearchInput.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react-i18next"),n=require("../../Icon/Icon.js"),o=require("../../Icon/type.js"),a=require("../../Input/Input.js"),s=require("../../../node_modules/classnames/index.js");exports.ConversationSearchInput=function(t){var u=t.className,i=t.placeholder,c=t.clearable,l=t.value,p=t.onChange,h=t.prefix,I=void 0===h?e.jsx(n.Icon,{type:o.IconTypes.SEARCH,height:16,width:16}):h,d=t.onFocus,v=t.onBlur,x=r.useTranslation().t;return e.jsx(a.Input,{className:s("uikit-conversation-search-input",u),placeholder:i||x("TUIConversation.Search"),clearable:c,value:l,onChange:p,onFocus:d,onBlur:v,prefix:I})};

package/dist/cjs/components/ConversationSearch/ConversationSearchResult/ConversationSearchResult.d.ts

@@ -0,0 +1,29 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default from 'react';
+import { IConversationModel } from '@tencentcloud/chat-uikit-engine';
+import { IConversationPreviewProps } from '../../ConversationPreview/ConversationPreview.js';
+import { AvatarProps } from '../../Avatar/Avatar.js';
+
+interface IConversationSearchResultProps {
+    /** Whether to show the search result */
+    visible?: boolean;
+    /** The search result */
+    searchResult?: IConversationModel[];
+    /** The search input value */
+    searchValue?: string;
+    /** The custom ResultPreview component */
+    ResultPreview?: React__default.ComponentType<IConversationPreviewProps>;
+    /** The custom Avatar component */
+    Avatar?: React__default.ComponentType<AvatarProps>;
+    /** The custom no result Placeholder component */
+    PlaceholderNoResult?: React__default.ReactNode;
+    /**  Callback when the ResultPreview is clicked */
+    onSelectResult?: (conversation: IConversationModel) => void;
+    /** The custom class name */
+    className?: string;
+    /** The custom css style */
+    style?: React__default.CSSProperties;
+}
+declare function ConversationSearchResult(props: IConversationSearchResultProps): react_jsx_runtime.JSX.Element | null;
+
+export { ConversationSearchResult, IConversationSearchResultProps };

package/dist/cjs/components/ConversationSearch/ConversationSearchResult/ConversationSearchResult.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),s=require("../../../node_modules/classnames/index.js"),i=require("../../ConversationPreview/ConversationPreview.js"),t=require("../../Avatar/Avatar.js"),a=require("../../PlaceHolder/index.js");exports.ConversationSearchResult=function(n){var o=n.visible,l=void 0!==o&&o,v=n.searchResult,u=n.searchValue,c=n.Avatar,d=void 0===c?t.Avatar:c,h=n.ResultPreview,j=void 0===h?i.ConversationPreview:h,P=n.PlaceholderNoResult,x=void 0===P?r.jsx(a.PlaceHolder,{type:a.PlaceHolderTypes.NO_RESULTS,searchString:u}):P,S=n.onSelectResult,g=n.className,m=n.style;return l?r.jsx("div",e.__assign({className:s("uikit-conversation-search-result",g),style:m},{children:0===(null==v?void 0:v.length)?x:null==v?void 0:v.map((function(e){return r.jsx(j,{conversation:e,Avatar:d,highlightMatchString:u,onSelectConversation:S},e.conversationID)}))})):null};

package/dist/cjs/components/Icon/Icon.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("tslib"),e=require("react/jsx-runtime"),i=require("./config.js"),n=function(t){var n=i.ICON_CONFIG[t].url||"";return e.jsx("img",{className:"icon-image icon-image-".concat(t),src:n,alt:t})},c=function(t){var e;return(null===(e=i.ICON_CONFIG[t])||void 0===e?void 0:e.className)||""};exports.Icon=function(i){var o=i.children,r=i.type,a=i.height,s=void 0===a?24:a,l=i.width,u=void 0===l?24:l,d=i.onClick,p=i.className,g=void 0===p?"":p,h={width:"string"==typeof u?u:"".concat(u,"px"),minWidth:"string"==typeof u?u:"".concat(u,"px"),height:"string"==typeof s?s:"".concat(s,"px"),minHeight:"string"==typeof s?s:"".concat(s,"px")};return e.jsx("div",t.__assign({className:"tui-kit-icon ".concat(r&&c(r)," ").concat(g),role:"button",tabIndex:0,style:h,onClick:d},{children:o||r&&n(r)}))},exports.changeTypeToIconClassName=c;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("tslib"),e=require("react/jsx-runtime"),i=require("./config.js"),n=function(t){var n=i.ICON_CONFIG[t].url||"";return n&&e.jsx("img",{className:"icon-image icon-image-".concat(t),src:n,alt:t})},c=function(t){var e;return(null===(e=i.ICON_CONFIG[t])||void 0===e?void 0:e.className)||""};exports.Icon=function(i){var o=i.children,r=i.type,a=i.height,s=void 0===a?24:a,l=i.width,u=void 0===l?24:l,d=i.onClick,p=i.className,g=void 0===p?"":p,h={width:"string"==typeof u?u:"".concat(u,"px"),minWidth:"string"==typeof u?u:"".concat(u,"px"),height:"string"==typeof s?s:"".concat(s,"px"),minHeight:"string"==typeof s?s:"".concat(s,"px")};return e.jsx("div",t.__assign({className:"tui-kit-icon ".concat(r&&c(r)," ").concat(g),role:"button",tabIndex:0,style:h,onClick:d},{children:o||r&&n(r)}))},exports.changeTypeToIconClassName=c;

package/dist/cjs/components/Icon/config.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,i=require("./images/more.png.js"),s=require("./images/clear.png.js"),r=require("./images/search.png.js"),c=require("./images/back.png.js"),n=require("./images/emoji.png.js"),a=require("./images/progress.png.js"),u=require("./images/file.png.js"),o=require("./images/add.png.js"),l=require("./images/image.png.js"),t=require("./images/video.png.js"),m=require("./images/files.png.js"),p=require("./images/star.png.js"),g=require("./images/copy.png.js"),I=require("./images/del.png.js"),N=require("./images/forward.png.js"),T=require("./images/reply.png.js"),k=require("./images/close.png.js"),y=require("./images/arrow-right.png.js"),j=require("./images/right.png.js"),q=require("./images/ellipse.png.js"),E=require("./images/cancel.png.js"),d=require("./images/arrow-down.png.js"),R=require("./images/edit.png.js"),O=require("./images/confirm.png.js"),C=require("./images/camera.png.js"),v=require("./images/quote.png.js"),A=require("./images/revocation.png.js"),f=require("./images/effort.png.js"),D=require("./images/cry.png.js"),L=require("./images/send.png.js"),w=require("./images/owner.png.js"),M=require("./images/living.png.js"),U=require("./images/member.png.js"),F=require("./images/like.png.js"),S=require("./images/unlike.png.js"),h=require("./images/liked.png.js"),G=require("./images/unliked.png.js"),V=require("./images/union.png.js"),b=require("./images/ununion.png.js"),K=require("./images/vector.png.js"),P=require("./images/unvector.png.js"),W=require("./images/voice.png.js"),_=require("./images/add-friend.svg.js"),H=require("./type.js"),Y=((e={})[H.IconTypes.MORE]={url:i,className:"tui-kit-icon-more"},e[H.IconTypes.CREATE]={url:_,className:"tui-kit-icon-create"},e[H.IconTypes.CLEAR]={url:s,className:"tui-kit-icon-clear"},e[H.IconTypes.SEARCH]={url:r,className:"tui-kit-icon-search"},e[H.IconTypes.BACK]={url:c,className:"tui-kit-icon-back"},e[H.IconTypes.EMOJI]={url:n,className:"tui-kit-icon-emoji"},e[H.IconTypes.PROGRESS]={url:a,className:"tui-kit-icon-progress"},e[H.IconTypes.FILE]={url:u,className:"tui-kit-icon-file"},e[H.IconTypes.ADD]={url:o,className:"tui-kit-icon-add"},e[H.IconTypes.IMAGE]={url:l,className:"tui-kit-icon-image"},e[H.IconTypes.VIDEO]={url:t,className:"tui-kit-icon-video"},e[H.IconTypes.DOCUMENT]={url:m,className:"tui-kit-icon-document"},e[H.IconTypes.STAR]={url:p,className:"tui-kit-icon-star"},e[H.IconTypes.COPY]={url:g,className:"tui-kit-icon-copy"},e[H.IconTypes.DEL]={url:I,className:"tui-kit-icon-del"},e[H.IconTypes.FORWARD]={url:N,className:"tui-kit-icon-forward"},e[H.IconTypes.REPLY]={url:T,className:"tui-kit-icon-reply"},e[H.IconTypes.CLOSE]={url:k,className:"tui-kit-icon-close"},e[H.IconTypes.ARROW_RIGHT]={url:y,className:"tui-kit-icon-arrow-right"},e[H.IconTypes.RIGHT]={url:j,className:"tui-kit-icon-right"},e[H.IconTypes.ELLIPSE]={url:q,className:"tui-kit-icon-ellipse"},e[H.IconTypes.CANCEL]={url:E,className:"tui-kit-icon-cancel"},e[H.IconTypes.ARROW_DOWN]={url:d,className:"tui-kit-icon-arrow-down"},e[H.IconTypes.EDIT]={url:R,className:"tui-kit-icon-edit"},e[H.IconTypes.CONFIRM]={url:O,className:"tui-kit-icon-confirm"},e[H.IconTypes.CAMERA]={url:C,className:"tui-kit-icon-camera"},e[H.IconTypes.QUOTE]={url:v,className:"tui-kit-icon-quote"},e[H.IconTypes.REVOCATION]={url:A,className:"tui-kit-icon-revocation"},e[H.IconTypes.EFFORT]={url:f,className:"tui-kit-icon-effort"},e[H.IconTypes.CRY]={url:D,className:"tui-kit-icon-cry"},e[H.IconTypes.OWNER]={url:w,className:"tui-kit-icon-owner"},e[H.IconTypes.SEND]={url:L,className:"tui-kit-icon-send"},e[H.IconTypes.LIVING]={url:M,className:"tui-kit-icon-living"},e[H.IconTypes.MEMBER]={url:U,className:"tui-kit-icon-member"},e[H.IconTypes.LIKE]={url:F,className:"tui-kit-icon-like"},e[H.IconTypes.UNLIKE]={url:S,className:"tui-kit-icon-unlike"},e[H.IconTypes.LIKED]={url:h,className:"tui-kit-icon-liked"},e[H.IconTypes.UNLIKED]={url:G,className:"tui-kit-icon-unliked"},e[H.IconTypes.UNION]={url:V,className:"tui-kit-icon-union"},e[H.IconTypes.UNUNION]={url:b,className:"tui-kit-icon-ununion"},e[H.IconTypes.VECTOR]={url:K,className:"tui-kit-icon-vector"},e[H.IconTypes.UNVECTOR]={url:P,className:"tui-kit-icon-unvector"},e[H.IconTypes.VOICE]={url:W,className:"tui-kit-icon-voice"},e[H.IconTypes.ADDFRIEND]={url:_,className:"tui-kit-icon-add-friend"},e);exports.ICON_CONFIG=Y;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,i=require("./images/more.png.js"),s=require("./images/clear.png.js"),r=require("./images/search.png.js"),c=require("./images/back.png.js"),a=require("./images/emoji.png.js"),n=require("./images/progress.png.js"),u=require("./images/file.png.js"),o=require("./images/add.png.js"),l=require("./images/image.png.js"),t=require("./images/video.png.js"),m=require("./images/files.png.js"),g=require("./images/star.png.js"),p=require("./images/copy.png.js"),I=require("./images/del.png.js"),N=require("./images/forward.png.js"),T=require("./images/reply.png.js"),k=require("./images/close.png.js"),y=require("./images/arrow-right.png.js"),j=require("./images/right.png.js"),q=require("./images/ellipse.png.js"),E=require("./images/cancel.png.js"),d=require("./images/arrow-down.png.js"),O=require("./images/edit.png.js"),R=require("./images/confirm.png.js"),v=require("./images/camera.png.js"),C=require("./images/quote.png.js"),A=require("./images/revocation.png.js"),L=require("./images/effort.png.js"),D=require("./images/cry.png.js"),f=require("./images/send.png.js"),w=require("./images/owner.png.js"),M=require("./images/living.png.js"),U=require("./images/member.png.js"),V=require("./images/like.png.js"),F=require("./images/unlike.png.js"),G=require("./images/liked.png.js"),S=require("./images/unliked.png.js"),h=require("./images/union.png.js"),b=require("./images/ununion.png.js"),K=require("./images/vector.png.js"),P=require("./images/unvector.png.js"),W=require("./images/voice.png.js"),_=require("./images/add-friend.svg.js"),H=require("./images/mute.svg.js"),Y=require("./images/video-call.svg.js"),x=require("./images/voice-call.svg.js"),B=require("./type.js"),J=((e={})[B.IconTypes.MORE]={url:i,className:"tui-kit-icon-more"},e[B.IconTypes.CREATE]={url:_,className:"tui-kit-icon-create"},e[B.IconTypes.CLEAR]={url:s,className:"tui-kit-icon-clear"},e[B.IconTypes.SEARCH]={url:r,className:"tui-kit-icon-search"},e[B.IconTypes.BACK]={url:c,className:"tui-kit-icon-back"},e[B.IconTypes.EMOJI]={url:a,className:"tui-kit-icon-emoji"},e[B.IconTypes.PROGRESS]={url:n,className:"tui-kit-icon-progress"},e[B.IconTypes.FILE]={url:u,className:"tui-kit-icon-file"},e[B.IconTypes.ADD]={url:o,className:"tui-kit-icon-add"},e[B.IconTypes.IMAGE]={url:l,className:"tui-kit-icon-image"},e[B.IconTypes.VIDEO]={url:t,className:"tui-kit-icon-video"},e[B.IconTypes.DOCUMENT]={url:m,className:"tui-kit-icon-document"},e[B.IconTypes.STAR]={url:g,className:"tui-kit-icon-star"},e[B.IconTypes.COPY]={url:p,className:"tui-kit-icon-copy"},e[B.IconTypes.DEL]={url:I,className:"tui-kit-icon-del"},e[B.IconTypes.FORWARD]={url:N,className:"tui-kit-icon-forward"},e[B.IconTypes.REPLY]={url:T,className:"tui-kit-icon-reply"},e[B.IconTypes.CLOSE]={url:k,className:"tui-kit-icon-close"},e[B.IconTypes.ARROW_RIGHT]={url:y,className:"tui-kit-icon-arrow-right"},e[B.IconTypes.RIGHT]={url:j,className:"tui-kit-icon-right"},e[B.IconTypes.ELLIPSE]={url:q,className:"tui-kit-icon-ellipse"},e[B.IconTypes.CANCEL]={url:E,className:"tui-kit-icon-cancel"},e[B.IconTypes.ARROW_DOWN]={url:d,className:"tui-kit-icon-arrow-down"},e[B.IconTypes.EDIT]={url:O,className:"tui-kit-icon-edit"},e[B.IconTypes.CONFIRM]={url:R,className:"tui-kit-icon-confirm"},e[B.IconTypes.CAMERA]={url:v,className:"tui-kit-icon-camera"},e[B.IconTypes.QUOTE]={url:C,className:"tui-kit-icon-quote"},e[B.IconTypes.REVOCATION]={url:A,className:"tui-kit-icon-revocation"},e[B.IconTypes.EFFORT]={url:L,className:"tui-kit-icon-effort"},e[B.IconTypes.CRY]={url:D,className:"tui-kit-icon-cry"},e[B.IconTypes.OWNER]={url:w,className:"tui-kit-icon-owner"},e[B.IconTypes.SEND]={url:f,className:"tui-kit-icon-send"},e[B.IconTypes.LIVING]={url:M,className:"tui-kit-icon-living"},e[B.IconTypes.MEMBER]={url:U,className:"tui-kit-icon-member"},e[B.IconTypes.LIKE]={url:V,className:"tui-kit-icon-like"},e[B.IconTypes.UNLIKE]={url:F,className:"tui-kit-icon-unlike"},e[B.IconTypes.LIKED]={url:G,className:"tui-kit-icon-liked"},e[B.IconTypes.UNLIKED]={url:S,className:"tui-kit-icon-unliked"},e[B.IconTypes.UNION]={url:h,className:"tui-kit-icon-union"},e[B.IconTypes.UNUNION]={url:b,className:"tui-kit-icon-ununion"},e[B.IconTypes.VECTOR]={url:K,className:"tui-kit-icon-vector"},e[B.IconTypes.UNVECTOR]={url:P,className:"tui-kit-icon-unvector"},e[B.IconTypes.VOICE]={url:W,className:"tui-kit-icon-voice"},e[B.IconTypes.ADDFRIEND]={url:_,className:"tui-kit-icon-add-friend"},e[B.IconTypes.LOADING]={url:"",className:"tui-kit-icon-loading"},e[B.IconTypes.MUTE]={url:H,className:"tui-kit-icon-mute"},e[B.IconTypes.VIDEOCALL]={url:Y,className:"tui-kit-icon-video-call"},e[B.IconTypes.VOICECALL]={url:x,className:"tui-kit-icon-voice-call"},e);exports.ICON_CONFIG=J;

package/dist/cjs/components/Icon/images/mute.svg.js

@@ -0,0 +1 @@
+"use strict";module.exports="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20class%3D%22design-iconfont%22%3E%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%20%20%20%20%3Cpath%20d%3D%22M4.13744611%2C6.61713753%20L20.551%2C23%20L0%2C23%20L0%2C21%20L3%2C21%20L3%2C11%20C3%2C9.40883362%203.41291862%2C7.91410954%204.13744611%2C6.61713753%20Z%20M21.481%2C21%20L24%2C21%20L24%2C23%20L23.485%2C23%20L21.481%2C21%20Z%20M12%2C2%20C16.9705627%2C2%2021%2C6.02943725%2021%2C11%20L21%2C20.52%20L5.36684476%2C4.91705738%20C7.01203082%2C3.12402075%209.37475086%2C2%2012%2C2%20Z%22%20fill%3D%22%23CCC%22%20transform%3D%22translate%284%203%29%22%2F%3E%20%20%20%20%3Cpath%20fill%3D%22%23CCC%22%20fill-rule%3D%22nonzero%22%20d%3D%22M13%200L13%204%2011%204%2011%200z%22%20transform%3D%22translate%284%203%29%22%2F%3E%20%20%20%20%3Cpath%20stroke%3D%22%23CCC%22%20d%3D%22M8.5%2024.5H15.5V25.5H8.5z%22%20transform%3D%22translate%284%203%29%22%2F%3E%20%20%20%20%3Cpath%20stroke%3D%22%23CCC%22%20stroke-width%3D%222%22%20transform%3D%22matrix%28-1%200%200%201%2031.089472%203%29%22%20d%3D%22M25.4499982%200.1546001L1.63947409%2023.8855564%22%2F%3E%20%20%3C%2Fg%3E%3C%2Fsvg%3E";

package/dist/cjs/components/Icon/images/video-call.svg.js

@@ -0,0 +1 @@
+"use strict";module.exports="data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2212%22%20viewBox%3D%220%200%2018%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12.7133%203.78811C12.7133%203.84528%2012.654%203.94533%2012.5353%204.08826C12.4166%204.23119%2012.2894%204.39985%2012.1537%204.59424C12.0181%204.78862%2011.8909%205.00016%2011.7722%205.22885C11.6535%205.45754%2011.5942%205.69194%2011.5942%205.93207C11.5942%206.17219%2011.6535%206.40374%2011.7722%206.62671C11.8909%206.84968%2012.0181%207.05264%2012.1537%207.2356C12.2894%207.41855%2012.4166%207.57005%2012.5353%207.69011C12.654%207.81018%2012.7133%207.88736%2012.7133%207.92166V9.72259C12.7133%209.91697%2012.6427%2010.1371%2012.5014%2010.3829C12.3601%2010.6288%2012.1848%2010.8603%2011.9757%2011.0776C11.7666%2011.2948%2011.5348%2011.4749%2011.2805%2011.6178C11.0261%2011.7608%2010.7859%2011.8322%2010.5598%2011.8322H2.13229C1.82707%2011.8322%201.54728%2011.7779%201.29293%2011.6693C1.03858%2011.5607%200.815315%2011.4092%200.623139%2011.2148C0.430963%2011.0204%200.281177%2010.7917%200.173785%2010.5287C0.0663918%2010.2657%200.0126953%209.97986%200.0126953%209.67113V2.27876C0.0126953%202.05007%200.0635656%201.81281%200.165306%201.56697C0.267047%201.32113%200.411179%201.0953%200.597704%200.889476C0.784228%200.683656%201.00467%200.512139%201.25902%200.374926C1.51337%200.237712%201.79316%200.169106%202.09838%200.169106H10.5259C10.8311%200.169106%2011.1166%200.223419%2011.3822%200.332046C11.6479%200.440674%2011.8796%200.589322%2012.0774%200.77799C12.2753%200.966658%2012.4307%201.19249%2012.5437%201.45548C12.6568%201.71847%2012.7133%201.99862%2012.7133%202.29591V3.78811ZM17.9869%202.17585V10.0142C17.9869%2010.2657%2017.9219%2010.4887%2017.7919%2010.6831C17.6619%2010.8775%2017.4669%2010.9747%2017.2069%2010.9747C17.1164%2010.9747%2017.0006%2010.9404%2016.8592%2010.8718C16.7179%2010.8031%2016.5766%2010.7231%2016.4353%2010.6316C16.294%2010.5402%2016.1612%2010.4487%2016.0368%2010.3572C15.9125%2010.2657%2015.8221%2010.1914%2015.7655%2010.1342C15.6186%2010.0084%2015.3953%209.79119%2015.0957%209.48246C14.7962%209.17373%2014.4938%208.82498%2014.1886%208.43621C13.8833%208.04744%2013.6149%207.64724%2013.3831%207.2356C13.1514%206.82396%2013.0355%206.44662%2013.0355%206.10358C13.0355%205.76055%2013.1598%205.36892%2013.4085%204.9287C13.6572%204.48847%2013.9568%204.05682%2014.3073%203.63374C14.6577%203.21067%2015.0251%202.81904%2015.4094%202.45885C15.7938%202.09867%2016.116%201.8271%2016.376%201.64415C16.4777%201.57554%2016.6162%201.49264%2016.7914%201.39545C16.9666%201.29826%2017.1221%201.24966%2017.2577%201.24966C17.563%201.24966%2017.7608%201.33542%2017.8512%201.50694C17.9417%201.67845%2017.9869%201.88999%2017.9869%202.14155V2.17585Z%22%20fill%3D%22%23147AFF%22%20style%3D%22fill%3A%23147AFF%3Bfill%3Acolor%28display-p3%200.0784%200.4784%201.0000%29%3Bfill-opacity%3A1%3B%22%2F%3E%3C%2Fsvg%3E";

package/dist/cjs/components/Icon/images/voice-call.svg.js

@@ -0,0 +1 @@
+"use strict";module.exports="data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0.820502%201.908L2.4211%200.335447C2.84833%20-0.110789%203.54101%20-0.110788%203.96825%200.335448L6.55252%203.03465C6.97975%203.48089%206.97975%204.20438%206.55252%204.65061L5.40756%205.84649C5.89906%206.92709%206.58667%207.90985%207.44288%208.73564C8.3911%209.65016%209.50662%2010.3341%2010.7098%2010.7549L11.7569%209.66126C12.1841%209.21502%2012.8768%209.21502%2013.304%209.66126L15.6796%2012.1424C16.1068%2012.5887%2016.1068%2013.3122%2015.6796%2013.7584L13.9485%2015.6199C13.9389%2015.6199%2013.9581%2015.6199%2013.9485%2015.6199C13.7709%2015.8055%2013.5385%2015.9293%2013.2854%2015.9734L13.128%2016.0008C9.75381%2015.9708%206.84954%2014.6061%204.36844%2012.2132C1.859%209.79292%200.271627%206.98782%200%203.43154C0%202.94579%200.202278%202.48197%200.558263%202.15147L0.820502%201.908Z%22%20fill%3D%22%23147AFF%22%20style%3D%22fill%3A%23147AFF%3Bfill%3Acolor%28display-p3%200.0784%200.4784%201.0000%29%3Bfill-opacity%3A1%3B%22%2F%3E%3C%2Fsvg%3E";

package/dist/cjs/components/Icon/type.d.ts

@@ -42,7 +42,11 @@ declare enum IconTypes {
     VECTOR = "vector",
     UNVECTOR = "unvector",
     VOICE = "voice",
-    ADDFRIEND = "addFriend"
+    ADDFRIEND = "addFriend",
+    LOADING = "loading",
+    MUTE = "mute",
+    VIDEOCALL = "videoCall",
+    VOICECALL = "voiceCall"
 }
 
 export { IconTypes };

package/dist/cjs/components/Icon/type.js

@@ -1 +1 @@
-"use strict";var e;Object.defineProperty(exports,"__esModule",{value:!0}),exports.IconTypes=void 0,(e=exports.IconTypes||(exports.IconTypes={})).MORE="more",e.CREATE="create",e.CLEAR="clear",e.SEARCH="search",e.BACK="back",e.EMOJI="emoji",e.PROGRESS="progress",e.FILE="file",e.CLOSE="close",e.CANCEL="cancel",e.ADD="plus",e.IMAGE="image",e.VIDEO="video",e.DOCUMENT="document",e.STAR="star",e.COPY="copy",e.DEL="del",e.FORWARD="forward",e.REPLY="reply",e.RIGHT="right",e.ARROW_RIGHT="arrow-right",e.ELLIPSE="ellipse",e.ARROW_DOWN="arrow-down",e.EDIT="edit",e.CONFIRM="confirm",e.CAMERA="camera",e.QUOTE="quote",e.REVOCATION="revocation",e.EFFORT="effort",e.CRY="cry",e.SEND="send",e.OWNER="owner",e.LIVING="living",e.MEMBER="member",e.LIKE="like",e.UNLIKE="unlike",e.LIKED="liked",e.UNLIKED="unliked",e.UNION="union",e.UNUNION="ununion",e.VECTOR="vector",e.UNVECTOR="unvector",e.VOICE="voice",e.ADDFRIEND="addFriend";
+"use strict";var e;Object.defineProperty(exports,"__esModule",{value:!0}),exports.IconTypes=void 0,(e=exports.IconTypes||(exports.IconTypes={})).MORE="more",e.CREATE="create",e.CLEAR="clear",e.SEARCH="search",e.BACK="back",e.EMOJI="emoji",e.PROGRESS="progress",e.FILE="file",e.CLOSE="close",e.CANCEL="cancel",e.ADD="plus",e.IMAGE="image",e.VIDEO="video",e.DOCUMENT="document",e.STAR="star",e.COPY="copy",e.DEL="del",e.FORWARD="forward",e.REPLY="reply",e.RIGHT="right",e.ARROW_RIGHT="arrow-right",e.ELLIPSE="ellipse",e.ARROW_DOWN="arrow-down",e.EDIT="edit",e.CONFIRM="confirm",e.CAMERA="camera",e.QUOTE="quote",e.REVOCATION="revocation",e.EFFORT="effort",e.CRY="cry",e.SEND="send",e.OWNER="owner",e.LIVING="living",e.MEMBER="member",e.LIKE="like",e.UNLIKE="unlike",e.LIKED="liked",e.UNLIKED="unliked",e.UNION="union",e.UNUNION="ununion",e.VECTOR="vector",e.UNVECTOR="unvector",e.VOICE="voice",e.ADDFRIEND="addFriend",e.LOADING="loading",e.MUTE="mute",e.VIDEOCALL="videoCall",e.VOICECALL="voiceCall";

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

@@ -2,7 +2,7 @@ import React__default, { InputHTMLAttributes } from 'react';
 
 interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix' | 'type'> {
     className?: string;
-    customClassName?: string;
+    inputClassName?: string;
     placeholder?: string;
     clearable?: boolean;
     prefix?: React__default.ReactNode;
@@ -11,7 +11,10 @@ interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'
     border?: '' | 'bottom';
     disabled?: boolean;
     maxLength?: number;
-    onKeyDown?: (options?: object) => void;
+    onChange?: (event: React__default.ChangeEvent<HTMLInputElement>) => void;
+    onBlur?: (event: React__default.FocusEvent<HTMLInputElement>) => void;
+    onFocus?: (event: React__default.FocusEvent<HTMLInputElement>) => void;
+    onKeyDown?: (event: React__default.KeyboardEvent<HTMLInputElement>) => void;
 }
 interface InputRef {
     focus: (options?: object) => void;

package/dist/cjs/components/Input/Input.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("react/jsx-runtime"),t=require("react"),u=require("../Icon/Icon.js"),r=require("../Icon/type.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=i(t).default.forwardRef((function(i,o){var c=i.className,l=void 0===c?"":c,a=i.customClassName,s=void 0===a?"":a,d=i.placeholder,v=i.clearable,f=void 0!==v&&v,p=i.prefix,b=i.suffix,x=i.onChange,h=i.onBlur,m=i.onFocus,g=i.onKeyDown,j=i.value,k=void 0===j?"":j,y=i.border,I=void 0===y?"":y,N=i.disabled,_=void 0!==N&&N,q=i.maxLength,C=void 0===q?void 0:q,w=t.useState(!1),D=w[0],E=w[1],L=["Enter","NumpadEnter"],O=t.useState(k),R=O[0],S=O[1],B=t.useRef(null),F=function(){B.current&&B.current.focus({preventScroll:!0})};return t.useImperativeHandle(o,(function(){return{focus:F,blur:function(){var e;null===(e=B.current)||void 0===e||e.blur()},input:B.current}})),n.jsx("div",e.__assign({className:"".concat(l," tui-kit-input-container")},{children:n.jsxs("div",e.__assign({className:"tui-kit-input-box ".concat(I&&"tui-kit-input-border--".concat(I)," ").concat(D?"tui-kit-input-box--focus":"tui-kit-input-box--blur")},{children:[p,n.jsx("input",{maxLength:C,disabled:_,className:"tui-kit-input ".concat(s),placeholder:d,ref:B,value:R,onFocus:function(e){E(!0),null==m||m(e)},onBlur:function(e){E(!1),null==h||h(e)},onChange:function(e){S(e.target.value),B.current&&(null==x||x(e))},onKeyDown:function(e){L.indexOf(null==e?void 0:e.key)>-1&&g&&(null==e||e.preventDefault(),g(e))}}),b,f&&R&&n.jsx(u.Icon,{type:r.IconTypes.CLEAR,height:13,width:13,onClick:function(e){!function(e){var n;S(""),F();var t=null===(n=null==B?void 0:B.current)||void 0===n?void 0:n.cloneNode(!0),u=Object.create(e,{target:{value:t},currentTarget:{value:t}});t.value="",null==x||x(u)}(e)}})]}))}))}));exports.Input=o;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("react/jsx-runtime"),t=require("react"),u=require("../Icon/Icon.js"),r=require("../Icon/type.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=i(t).default.forwardRef((function(i,o){var c=i.className,l=void 0===c?"":c,a=i.inputClassName,s=void 0===a?"":a,d=i.placeholder,v=i.clearable,f=void 0!==v&&v,p=i.prefix,b=i.suffix,x=i.onChange,h=i.onBlur,g=i.onFocus,j=i.onKeyDown,m=i.value,k=void 0===m?"":m,y=i.border,I=void 0===y?"":y,N=i.disabled,_=void 0!==N&&N,q=i.maxLength,C=void 0===q?void 0:q,w=t.useState(!1),D=w[0],E=w[1],L=["Enter","NumpadEnter"],O=t.useState(k),R=O[0],S=O[1],B=t.useRef(null),F=function(){B.current&&B.current.focus({preventScroll:!0})};return t.useImperativeHandle(o,(function(){return{focus:F,blur:function(){var e;null===(e=B.current)||void 0===e||e.blur()},input:B.current}})),n.jsx("div",e.__assign({className:"".concat(l," tui-kit-input-container")},{children:n.jsxs("div",e.__assign({className:"tui-kit-input-box ".concat(I&&"tui-kit-input-border--".concat(I)," ").concat(D?"tui-kit-input-box--focus":"tui-kit-input-box--blur")},{children:[p,n.jsx("input",{maxLength:C,disabled:_,className:"tui-kit-input ".concat(s),placeholder:d,ref:B,value:R,onFocus:function(e){E(!0),null==g||g(e)},onBlur:function(e){E(!1),null==h||h(e)},onChange:function(e){S(e.target.value),B.current&&(null==x||x(e))},onKeyDown:function(e){L.indexOf(null==e?void 0:e.key)>-1&&j&&(null==e||e.preventDefault(),j(e))}}),b,f&&R&&n.jsx(u.Icon,{type:r.IconTypes.CLEAR,height:13,width:13,onClick:function(e){!function(e){var n;S(""),F();var t=null===(n=null==B?void 0:B.current)||void 0===n?void 0:n.cloneNode(!0),u=Object.create(e,{target:{value:t},currentTarget:{value:t}});t.value="",null==x||x(u)}(e)}})]}))}))}));exports.Input=o;

package/dist/{esm/components/TUIMessage/TUIMessage.d.ts → cjs/components/MessageElement/Message.d.ts}

@@ -1,7 +1,7 @@
 import React__default, { ReactEventHandler } from 'react';
 import { Message } from '@tencentcloud/chat';
 import { UnknowPorps } from '../../context/ComponentContext.js';
-import { messageShowType } from '../../context/TUIMessageContext.js';
+import { messageShowType } from '../../context/MessageContext.js';
 import { MessagePluginsProps } from './MessagePlugins.js';
 
 interface TUIMessageBasicProps {

package/dist/cjs/components/MessageElement/Message.js

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

package/dist/cjs/components/MessageElement/MessageAudio.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),n=require("react");require("@tencentcloud/tui-core"),require("react-i18next"),require("@tencentcloud/chat-uikit-engine");var r=require("../../context/ChatStateContext.js"),u=require("../../context/ChatActionContext.js");require("../../context/MessageContext.js");var c=require("../Icon/Icon.js"),s=require("../Icon/type.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function a(i){var a=i.context,o=i.message,l=i.children,d=u.useTUIChatActionContext().setAudioSource,v=r.useTUIChatStateContext("MessageAudioWithContext").audioSource,x=n.useState(0),f=x[0],p=x[1],m=n.useRef(null),g=n.useState(!1),j=g[0],h=g[1],C=n.useCallback((function(){v&&v!==(null==m?void 0:m.current)&&(v.pause(),v.currentTime=0,d&&d(null)),(null==m?void 0:m.current)&&(m.current.paused?(m.current.play(),h(!0),d&&d(m.current)):(m.current.pause(),_()))}),[m,v]),q=function(){h(!1)},_=function(){d&&d(null),m.current&&(m.current.currentTime=0),q()};return n.useEffect((function(){return(null==m?void 0:m.current)&&(m.current.addEventListener("pause",q),m.current.addEventListener("ended",_),m.current.addEventListener("canplay",(function(){var e;p(parseInt("".concat(null===(e=m.current)||void 0===e?void 0:e.duration),10))}))),function(){(null==m?void 0:m.current)&&(m.current.removeEventListener("pause",q),m.current.removeEventListener("ended",_))}}),[m]),t.jsxs("div",e.__assign({className:"message-audio"},{children:[t.jsxs("div",e.__assign({className:"message-audio-content message-audio-".concat(null==o?void 0:o.flow)},{children:[t.jsx(c.Icon,{className:"".concat(null==o?void 0:o.flow," ").concat(j?"playing":""),type:s.IconTypes.VOICE,width:16,height:16,onClick:C}),t.jsx("span",{children:"".concat(f,"s")})]})),t.jsx("audio",e.__assign({src:null==a?void 0:a.url,ref:m,controls:!0,className:"message-audio-none"},{children:t.jsx("track",{kind:"captions"})})),l]}))}var o=i(n).default.memo(a);exports.MessageAudio=function(n){return t.jsx(o,e.__assign({},n))};

package/dist/cjs/components/MessageElement/MessageAvatar.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("tslib"),require("react"),require("@tencentcloud/tui-core"),require("react-i18next"),require("@tencentcloud/chat-uikit-engine");var r=require("../../context/MessageContext.js"),t=require("../Avatar/Avatar.js"),a=require("../utils.js");exports.MessageAvatar=function(s){s.className;var i=s.CustomAvatar,u=s.message,n=s.showType;return(n===r.messageShowType.ALL||(null==u?void 0:u.flow)===n)&&n!==r.messageShowType.NONE?i||e.jsx(t.Avatar,{size:32,image:a.handleDisplayAvatar(null==u?void 0:u.avatar)}):e.jsx(e.Fragment,{})};

package/dist/cjs/components/MessageElement/MessageBubble.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react/jsx-runtime"),t=require("react"),n=require("@tencentcloud/chat"),a=require("../../constants.js");require("@tencentcloud/tui-core"),require("react-i18next"),require("@tencentcloud/chat-uikit-engine");var i=require("../../context/ChatStateContext.js"),l=require("../../context/ChatActionContext.js");require("../../context/MessageContext.js");var u=require("../Icon/Icon.js"),r=require("../Icon/type.js"),o=require("./hooks/useMessageReply.js"),c=require("./MessageProgress.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var g=d(t),x=d(n);function b(n){var d=n.message,g=n.children,b=n.Context,m=n.Plugins,v=t.useState(!1),S=v[0],j=v[1],_=o.useMessageReply({message:d}),h=_.messageReply,f=_.replyMessage,I=_.sender,M=l.useTUIChatActionContext(),p=M.setHighlightedMessageId,E=M.setActiveMessageID,q=i.useTUIChatStateContext("MessageBubbleWithContext").activeMessageID;t.useEffect((function(){q!==(null==d?void 0:d.ID)&&j(!1)}),[q]);return s.jsxs("div",e.__assign({className:"meesage-bubble"},{children:[s.jsxs("div",e.__assign({className:"meesage-bubble-context ".concat(null==d?void 0:d.flow),role:"button",tabIndex:0,onMouseEnter:function(){E&&d&&E(null==d?void 0:d.ID),j(!0)},onMouseLeave:function(){E&&d&&E(d.ID),j(!1)},onClick:function(){E&&d&&E(d.ID)}},{children:[s.jsxs("div",e.__assign({className:"message-context\n            ".concat(h?"meesage-bubble-reply meesage-bubble-reply-".concat(null==d?void 0:d.flow):"","\n            ").concat((null==d?void 0:d.type)!==x.default.TYPES.MSG_IMAGE&&(null==d?void 0:d.type)!==x.default.TYPES.MSG_VIDEO&&(null==d?void 0:d.type)!==x.default.TYPES.MSG_FILE||(null==d?void 0:d.status)!==a.MESSAGE_STATUS.UNSEND?"":"loading")},{children:[h&&s.jsxs("div",e.__assign({className:"meesage-bubble-reply-main",role:"menuitem",tabIndex:0,onClick:function(){p&&p(null==f?void 0:f.ID)}},{children:[s.jsx("header",e.__assign({className:"title"},{children:I})),b&&s.jsx(b,{message:f})]})),g,s.jsx(c.MessageProgress,{message:d})]})),m&&s.jsx("div",e.__assign({className:"message-plugin"},{children:S&&s.jsx(m,{message:d})}))]})),s.jsxs("div",e.__assign({className:"message-bubble-status icon"},{children:[(null==d?void 0:d.status)===a.MESSAGE_STATUS.FAIL&&s.jsx("i",{className:"icon-fail"}),(null==d?void 0:d.status)===a.MESSAGE_STATUS.UNSEND&&s.jsx(u.Icon,{width:10,height:10,type:r.IconTypes.PROGRESS})]}))]}))}var m=g.default.memo(b);exports.MessageBubble=function(t){return s.jsx(m,e.__assign({},t))};

package/dist/cjs/components/MessageElement/MessageContext.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react/jsx-runtime"),t=require("react"),a=require("@tencentcloud/chat"),r=require("./MessageAudio.js"),u=require("./MessageCustom.js"),i=require("./MessageFace.js"),n=require("./MessageFile.js"),M=require("./MessageImage.js"),l=require("./MessageLocation.js"),o=require("./MessageMerger.js"),E=require("./MessageText.js"),g=require("./MessageVideo.js");require("react-i18next"),require("@tencentcloud/chat-uikit-engine"),require("../../constants.js"),require("date-fns"),require("date-fns/locale"),require("../Icon/config.js"),require("../Icon/type.js"),require("@tencentcloud/tui-core");var S=require("../../context/MessageContext.js"),d=require("./hooks/useMessageContextHandler.js"),c=require("./MessageStatus.js");function T(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var f,q=T(t),_=T(a),m=((f={})[_.default.TYPES.MSG_TEXT]=E.MessageText,f[_.default.TYPES.MSG_FACE]=i.MessageFace,f[_.default.TYPES.MSG_IMAGE]=M.MessageImage,f[_.default.TYPES.MSG_AUDIO]=r.MessageAudio,f[_.default.TYPES.MSG_VIDEO]=g.MessageVideo,f[_.default.TYPES.MSG_FILE]=n.MessageFile,f[_.default.TYPES.MSG_CUSTOM]=u.MessageCustom,f[_.default.TYPES.MSG_MERGER]=o.MessageMerger,f[_.default.TYPES.MSG_LOCATION]=l.MessageLocation,f);function G(t){var a,r=t.message,u=d.useMessageContextHandler({message:r}).context,i=S.useTUIMessageContext("MessageCustom"),n=i.CustemElement,M=i.TextElement,l=i.FaceElement,o=i.ImageElement,E=i.AudioElement,g=i.VideoElement,T=i.FileElement,f=i.MergerElement,q=i.LocationElement,G=((a={})[_.default.TYPES.MSG_TEXT]=M,a[_.default.TYPES.MSG_FACE]=l,a[_.default.TYPES.MSG_IMAGE]=o,a[_.default.TYPES.MSG_AUDIO]=E,a[_.default.TYPES.MSG_VIDEO]=g,a[_.default.TYPES.MSG_FILE]=T,a[_.default.TYPES.MSG_CUSTOM]=n,a[_.default.TYPES.MSG_MERGER]=f,a[_.default.TYPES.MSG_LOCATION]=q,a),j=(null==r?void 0:r.type)&&(G[r.type]||m[r.type]);return j&&s.jsx(j,e.__assign({context:u,message:r},{children:s.jsx(c.MessageStatus,{message:r})}))}var j=q.default.memo(G);exports.MessageContext=function(t){return s.jsx(j,e.__assign({},t))};

package/dist/cjs/components/MessageElement/MessageCustom.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"),l=require("react-i18next"),a=require("../utils.js"),i=require("./utils/index.js");require("@tencentcloud/tui-core");var u=require("../../context/UIManagerContext.js"),o=require("../../context/ChatActionContext.js");require("../../context/MessageContext.js");var s=require("../../context/ComponentContext.js");require("@tencentcloud/chat-uikit-engine");var c=require("@tencentcloud/call-uikit-react"),d=require("../Chat/utils.js");function v(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var g=v(r),f=v(n);function x(r){var n=r.context,v=r.message,g=r.children,x=l.useTranslation().t,C=o.useTUIChatActionContext().callButtonClicked,m=s.useComponentContext().MessageCustomPlugins,p=u.useUIManager().conversation;return t.jsxs("div",e.__assign({className:"bubble message-custom bubble-".concat(null==v?void 0:v.flow,"  ").concat((null==v?void 0:v.conversationType)===f.default.TYPES.CONV_GROUP?"group":"")},{children:[function(r){if("Hyperlink"===r.data){var n=a.JSONStringToParse(null==r?void 0:r.extension);if(null==n?void 0:n.item)return null==n?void 0:n.item.map((function(r){return t.jsx("a",e.__assign({target:"_blank",href:r.value,rel:"noreferrer"},{children:r.value}),r.value)}));if(null==n?void 0:n.hyperlinks_text){var l=n.hyperlinks_text;return t.jsxs(t.Fragment,{children:[n.title," ",t.jsx("a",e.__assign({target:"_blank",href:null==l?void 0:l.value,rel:"noreferrer"},{children:l.key}),null==l?void 0:l.value)]})}}if("group_create"===r.data)return"".concat((null==v?void 0:v.nick)||(null==v?void 0:v.from)," Create a group");var u=a.JSONStringToParse(r.data);if(1===(null==u?void 0:u.chatbotPlugin)&&15===(null==u?void 0:u.src)&&("welcome_msg"===(null==u?void 0:u.subtype)||"clarify_msg"===(null==u?void 0:u.subtype)))return t.jsx(m,{data:a.JSONStringToParse(r.data).content});if("C2C"===(null==p?void 0:p.type)&&v&&i.isCallMessage(v)){var o=null==p?void 0:p.type,s=null==p?void 0:p.userProfile.userID;return t.jsx(c.CallMessage,{callType:o,message:v,onClick:function(e){var t=e.callMediaType;return d.startCall({callType:o,callMediaType:t,userIDList:[s],callButtonClicked:C})}})}return"[".concat(x("TUIChat.Custom message"),"]")}(null==n?void 0:n.custom),g]}))}var C=g.default.memo(x);exports.MessageCustom=function(r){return t.jsx(C,e.__assign({},r))};

package/dist/cjs/components/MessageElement/MessageDefault.js

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),r=require("@tencentcloud/chat");require("react"),require("@tencentcloud/tui-core"),require("react-i18next"),require("@tencentcloud/chat-uikit-engine");var n=require("../../context/MessageContext.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=s(r);exports.MessageName=function(r){r.className;var s=r.CustomName,a=r.message,u=r.showType;return(u===n.messageShowType.ALL||(null==a?void 0:a.flow)===u)&&(null==a?void 0:a.conversationType)===i.default.TYPES.CONV_GROUP&&u!==n.messageShowType.NONE?s||t.jsx("label",e.__assign({htmlFor:"content",className:"text-ellipsis name"},{children:(null==a?void 0:a.nick)||(null==a?void 0:a.from)})):t.jsx(t.Fragment,{})};

package/dist/cjs/components/MessageElement/MessagePlugins.js

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