@tencentcloud/chat-uikit-react 2.2.7 → 2.2.9

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"),t=require("../../context/ConversationListContext.js"),i=require("./ConversationListHeader/ConversationListHeader.js"),n=require("./ConversationListContent/ConversationListContent.js");require("react-i18next"),require("../Icon/config.js"),require("../Icon/type.js");var s=require("classnames"),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(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var h=j(s);function L(s){var j=s.enableSearch,L=void 0===j||j,P=s.enableCreate,q=void 0===P||P,f=s.enableActions,x=void 0===f||f,p=s.actionsConfig,g=s.Header,A=void 0===g?i.ConversationListHeader:g,y=s.List,_=void 0===y?n.ConversationListContent:y,H=s.Preview,b=void 0===H?a.ConversationPreviewUI:H,S=s.ConversationCreate,m=void 0===S?d.ConversationCreate:S,w=s.ConversationSearch,N=void 0===w?l.ConversationSearch:w,I=s.ConversationActions,E=void 0===I?C.ConversationActions:I,O=s.PlaceholderEmptyList,T=void 0===O?r.jsx(c.PlaceHolder,{type:c.PlaceHolderTypes.NO_CONVERSATIONS}):O,k=s.PlaceholderLoading,G=void 0===k?r.jsx(c.PlaceHolder,{type:c.PlaceHolderTypes.LOADING}):k,M=s.PlaceholderLoadError,R=void 0===M?r.jsx(c.PlaceHolder,{type:c.PlaceHolderTypes.WRONG}):M,B=s.Avatar,D=void 0===B?v.Avatar:B,V=s.onSelectConversation,U=s.onBeforeCreateConversation,W=s.onConversationCreated,z=s.className,F=s.style,J=t.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:h.default(z,"uikit-chat-list",{"uikit-chat-list--mobile":u.isH5}),style:F},{children:[r.jsxs(A,{children:[r.jsx(N,{visible:L,conversationList:K,Avatar:D,ResultPreview:a.ConversationPreview}),r.jsx(m,{className:h.default({"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:x,Preview:b,Avatar:D,ConversationActions:E,onSelectConversation:V,actionsConfig:p},e.conversationID)}))}))]}))}exports.ConversationList=function(o){return r.jsx(t.ConversationListProvider,e.__assign({filter:o.filter,sort:o.sort},{children:r.jsx(L,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("classnames"),t=require("../../PlaceHolder/index.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=o(l);exports.ConversationListContent=function(l){var o,i=l.children,s=l.empty,d=void 0!==s&&s,c=l.loading,n=void 0!==c&&c,u=l.error,p=void 0!==u&&u,v=l.PlaceholderEmptyList,y=void 0===v?r.jsx(t.PlaceHolder,{type:t.PlaceHolderTypes.NO_CONVERSATIONS}):v,P=l.PlaceholderLoading,j=void 0===P?r.jsx(t.PlaceHolder,{type:t.PlaceHolderTypes.LOADING}):P,x=l.PlaceholderLoadError,f=void 0===x?r.jsx(t.PlaceHolder,{type:t.PlaceHolderTypes.WRONG}):x,H=l.className,N=l.style;return o=p?f:n?j:d?y:i,r.jsx("div",e.__assign({className:a.default("uikit-chat-list__container",H),style:N},{children:o}))};

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");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=t(require("classnames"));exports.ConversationListHeader=function(t){var r=t.children,a=t.left,l=t.right,n=t.className,c=t.style;return s.jsxs("div",e.__assign({className:i.default("uikit-chat-list__header",n),style:c},{children:[s.jsx("div",e.__assign({className:"uikit-chat-list__header__left"},{children:a})),r,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("classnames"),s=require("../Icon/Icon.js"),r=require("../Icon/type.js"),a=require("../Avatar/Avatar.js"),o=require("../ConversationActions/ConversationActions.js"),c=require("../../context/ConversationListContext.js"),v=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 C(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=C(n);function p(n){var s=n.conversation,r=n.isSelected,v=n.enableActions,u=n.Avatar,g=void 0===u?a.Avatar:u,h=n.ConversationActions,C=void 0===h?o.ConversationActions:h,p=n.Title,j=n.LastMessageTimestamp,x=n.LastMessageAbstract,f=n.Unread,A=n.onSelectConversation,M=n.actionsConfig,w=n.className,k=n.style,q=n.children,I=c.useConversationList(),L=I.currentConversation,N=I.setCurrentConversation,S=t.useRef(null),b=t.useState(!1),y=b[0],T=b[1],P=d(S),U=l.default({},{delay:500,shouldPreventDefault:!0}).isLongPressing;t.useEffect((function(){T(P||U)}),[P,U]);return i.jsx("div",e.__assign({ref:S,className:m.default("uikit-conversation-preview",w,{"uikit-conversation-preview--mobile":_.isH5,"uikit-conversation-preview--active":r||s.conversationID===(null==L?void 0:L.conversationID),"uikit-conversation-preview--unread":!s.isMuted&&s.unreadCount>0,"uikit-conversation-preview--pin":s.isPinned,"uikit-conversation-preview--mute":s.isMuted}),style:k,onClick:function(){null==A||A(s),N(s)}},{children:q||i.jsxs(i.Fragment,{children:[i.jsx("div",e.__assign({className:"uikit-conversation-preview__avatar"},{children:i.jsx(g,{image:s.getAvatar(),size:40})})),i.jsxs("div",e.__assign({className:"uikit-conversation-preview__content"},{children:[p,x]})),i.jsxs("div",e.__assign({className:"uikit-conversation-preview__external"},{children:[f,v&&y?i.jsx(C,e.__assign({conversation:s},M)):j]}))]})}))}exports.ConversationPreview=function(t){var n=t.conversation,l=t.isSelected,d=void 0!==l&&l,_=t.enableActions,C=void 0===_||_,j=t.highlightMatchString,x=t.Preview,f=void 0===x?p:x,A=t.Avatar,M=void 0===A?a.Avatar:A,w=t.ConversationActions,k=void 0===w?o.ConversationActions:w,q=t.Title,I=void 0===q?function(t){var n=t.conversation,s=t.highlightMatchString;return i.jsx("div",e.__assign({className:"uikit-conversation-preview__title text-ellipsis"},{children:g.generateHighlightTitle(n,s).map((function(t,n){return i.jsx("span",e.__assign({className:m.default({"uikit-conversation-preview__title--highlight":t.isHighlight,"uikit-conversation-preview__title--normal":!t.isHighlight})},{children:t.text}),n)}))}))}({conversation:n,highlightMatchString:j}):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:n}):L,S=t.LastMessageAbstract,b=void 0===S?function(t){var n=t.conversation,s=v.useUIManager().myProfile;return i.jsx("div",e.__assign({className:"uikit-conversation-preview__abstract"},{children:g.getLatestMessagePreview(n,s)}))}({conversation:n}):S,y=t.Unread,T=void 0===y?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:n}):y,P=t.onSelectConversation,U=t.actionsConfig,H=t.className,D=t.style,E=t.children;return c.useConversationList().setCurrentConversation,i.jsx(f,{conversation:n,isSelected:d,enableActions:C,highlightMatchString:j,Avatar:M,ConversationActions:k,Title:I,LastMessageTimestamp:N,LastMessageAbstract:b,Unread:T,onSelectConversation:P,actionsConfig:U,className:H,style:D,children:E})},exports.ConversationPreviewUI=p;

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

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"),t=require("../../Icon/type.js"),a=require("../../Input/Input.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=o(require("classnames"));exports.ConversationSearchInput=function(o){var s=o.className,c=o.placeholder,i=o.clearable,l=o.value,p=o.onChange,h=o.prefix,v=void 0===h?e.jsx(n.Icon,{type:t.IconTypes.SEARCH,height:16,width:16}):h,I=o.onFocus,d=o.onBlur,f=r.useTranslation().t;return e.jsx(a.Input,{className:u.default("uikit-conversation-search-input",s),placeholder:c||f("TUIConversation.Search"),clearable:i,value:l,onChange:p,onFocus:I,onBlur:d,prefix:v})};

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"),t=require("classnames"),a=require("../../ConversationPreview/ConversationPreview.js"),i=require("../../Avatar/Avatar.js"),s=require("../../PlaceHolder/index.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=n(t);exports.ConversationSearchResult=function(t){var n=t.visible,o=void 0!==n&&n,u=t.searchResult,v=t.searchValue,c=t.Avatar,d=void 0===c?i.Avatar:c,h=t.ResultPreview,j=void 0===h?a.ConversationPreview:h,P=t.PlaceholderNoResult,f=void 0===P?r.jsx(s.PlaceHolder,{type:s.PlaceHolderTypes.NO_RESULTS,searchString:v}):P,p=t.onSelectResult,x=t.className,S=t.style;return o?r.jsx("div",e.__assign({className:l.default("uikit-conversation-search-result",x),style:S},{children:0===(null==u?void 0:u.length)?f:null==u?void 0:u.map((function(e){return r.jsx(j,{conversation:e,Avatar:d,highlightMatchString:v,onSelectConversation:p},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"),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"),S=require("./images/liked.png.js"),h=require("./images/unliked.png.js"),G=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/video-call.svg.js"),Y=require("./images/voice-call.svg.js"),x=require("./type.js"),B=((e={})[x.IconTypes.MORE]={url:i,className:"tui-kit-icon-more"},e[x.IconTypes.CREATE]={url:_,className:"tui-kit-icon-create"},e[x.IconTypes.CLEAR]={url:s,className:"tui-kit-icon-clear"},e[x.IconTypes.SEARCH]={url:r,className:"tui-kit-icon-search"},e[x.IconTypes.BACK]={url:c,className:"tui-kit-icon-back"},e[x.IconTypes.EMOJI]={url:a,className:"tui-kit-icon-emoji"},e[x.IconTypes.PROGRESS]={url:n,className:"tui-kit-icon-progress"},e[x.IconTypes.FILE]={url:u,className:"tui-kit-icon-file"},e[x.IconTypes.ADD]={url:o,className:"tui-kit-icon-add"},e[x.IconTypes.IMAGE]={url:l,className:"tui-kit-icon-image"},e[x.IconTypes.VIDEO]={url:t,className:"tui-kit-icon-video"},e[x.IconTypes.DOCUMENT]={url:m,className:"tui-kit-icon-document"},e[x.IconTypes.STAR]={url:g,className:"tui-kit-icon-star"},e[x.IconTypes.COPY]={url:p,className:"tui-kit-icon-copy"},e[x.IconTypes.DEL]={url:I,className:"tui-kit-icon-del"},e[x.IconTypes.FORWARD]={url:N,className:"tui-kit-icon-forward"},e[x.IconTypes.REPLY]={url:T,className:"tui-kit-icon-reply"},e[x.IconTypes.CLOSE]={url:k,className:"tui-kit-icon-close"},e[x.IconTypes.ARROW_RIGHT]={url:y,className:"tui-kit-icon-arrow-right"},e[x.IconTypes.RIGHT]={url:j,className:"tui-kit-icon-right"},e[x.IconTypes.ELLIPSE]={url:q,className:"tui-kit-icon-ellipse"},e[x.IconTypes.CANCEL]={url:E,className:"tui-kit-icon-cancel"},e[x.IconTypes.ARROW_DOWN]={url:d,className:"tui-kit-icon-arrow-down"},e[x.IconTypes.EDIT]={url:O,className:"tui-kit-icon-edit"},e[x.IconTypes.CONFIRM]={url:R,className:"tui-kit-icon-confirm"},e[x.IconTypes.CAMERA]={url:v,className:"tui-kit-icon-camera"},e[x.IconTypes.QUOTE]={url:C,className:"tui-kit-icon-quote"},e[x.IconTypes.REVOCATION]={url:A,className:"tui-kit-icon-revocation"},e[x.IconTypes.EFFORT]={url:L,className:"tui-kit-icon-effort"},e[x.IconTypes.CRY]={url:D,className:"tui-kit-icon-cry"},e[x.IconTypes.OWNER]={url:w,className:"tui-kit-icon-owner"},e[x.IconTypes.SEND]={url:f,className:"tui-kit-icon-send"},e[x.IconTypes.LIVING]={url:M,className:"tui-kit-icon-living"},e[x.IconTypes.MEMBER]={url:U,className:"tui-kit-icon-member"},e[x.IconTypes.LIKE]={url:V,className:"tui-kit-icon-like"},e[x.IconTypes.UNLIKE]={url:F,className:"tui-kit-icon-unlike"},e[x.IconTypes.LIKED]={url:S,className:"tui-kit-icon-liked"},e[x.IconTypes.UNLIKED]={url:h,className:"tui-kit-icon-unliked"},e[x.IconTypes.UNION]={url:G,className:"tui-kit-icon-union"},e[x.IconTypes.UNUNION]={url:b,className:"tui-kit-icon-ununion"},e[x.IconTypes.VECTOR]={url:K,className:"tui-kit-icon-vector"},e[x.IconTypes.UNVECTOR]={url:P,className:"tui-kit-icon-unvector"},e[x.IconTypes.VOICE]={url:W,className:"tui-kit-icon-voice"},e[x.IconTypes.ADDFRIEND]={url:_,className:"tui-kit-icon-add-friend"},e[x.IconTypes.VIDEOCALL]={url:H,className:"tui-kit-icon-video-call"},e[x.IconTypes.VOICECALL]={url:Y,className:"tui-kit-icon-voice-call"},e);exports.ICON_CONFIG=B;
+"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/type.d.ts

@@ -43,6 +43,8 @@ declare enum IconTypes {
     UNVECTOR = "unvector",
     VOICE = "voice",
     ADDFRIEND = "addFriend",
+    LOADING = "loading",
+    MUTE = "mute",
     VIDEOCALL = "videoCall",
     VOICECALL = "voiceCall"
 }

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",e.VIDEOCALL="videoCall",e.VOICECALL="voiceCall";
+"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")})}}})};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),s=require("react"),r=require("@tencentcloud/chat"),n=require("../../constants.js");require("@tencentcloud/tui-core"),require("react-i18next"),require("@tencentcloud/chat-uikit-engine");var o=require("../../context/ChatStateContext.js"),u=require("../../context/MessageContext.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=i(s),l=i(r);function c(r){var i=r.message,a=r.children,c=r.Progress,d=r.isShow,g=void 0!==d&&d,x=s.useState(),S=x[0],v=x[1],f=s.useState(0),p=f[0],h=f[1],M=o.useTUIChatStateContext("MessageProgressWithContext").uploadPendingMessageList,j=u.useTUIMessageContext("MessageProgressWithContext"),P=j.isShowProgress,q=void 0!==P&&P,E=j.Progress,_=c||E,m=g||q;return s.useEffect((function(){M&&M.length>0&&M.map((function(e){return(null==e?void 0:e.ID)===(null==i?void 0:i.ID)&&(v(e),(null==e?void 0:e.progress)&&h(e.progress)),e}))}),[M]),m?_&&S?t.jsx(_,{message:S}):!((null==i?void 0:i.type)!==l.default.TYPES.MSG_IMAGE&&(null==i?void 0:i.type)!==l.default.TYPES.MSG_VIDEO&&(null==i?void 0:i.type)!==l.default.TYPES.MSG_FILE||(null==i?void 0:i.status)!==n.MESSAGE_STATUS.UNSEND)&&t.jsxs("div",e.__assign({className:"progress-box"},{children:[t.jsx("span",{className:"progress",style:{width:"".concat(100*p,"%")}}),a]})):t.jsx(t.Fragment,{})}var d=a.default.memo(c);exports.MessageProgress=function(s){return t.jsx(d,e.__assign({},s))};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),n=require("react"),s=require("react-i18next"),r=require("@tencentcloud/chat"),a=require("../../constants.js");require("@tencentcloud/tui-core"),require("@tencentcloud/chat-uikit-engine");var i=require("../../context/ChatActionContext.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../context/MessageContext.js");var u=l(n),o=l(r);function c(r){var l=r.message,u=s.useTranslation().t,c=i.useTUIChatActionContext().operateMessage,d=n.useCallback((function(){var e;c&&l&&c(((e={})[a.MESSAGE_OPERATE.REVOKE]=l,e))}),[c]);return t.jsxs("div",e.__assign({className:"bubble message-system message-revoke"},{children:[(null==l?void 0:l.flow)===a.MESSAGE_FLOW.IN&&t.jsx("span",{children:(null==l?void 0:l.nick)||(null==l?void 0:l.from)}),(null==l?void 0:l.flow)!==a.MESSAGE_FLOW.IN&&t.jsx("span",e.__assign({style:{marginRight:"5px"}},{children:u("TUIChat.You")})),t.jsx("span",e.__assign({style:{marginRight:"5px"}},{children:u("TUIChat.recalled a message")})),(null==l?void 0:l.flow)===a.MESSAGE_FLOW.OUT&&(null==l?void 0:l.type)===o.default.TYPES.MSG_TEXT&&t.jsx("span",e.__assign({className:"edit",role:"button",tabIndex:0,onClick:d},{children:u("TUIChat.Re-edit")}))]}))}var d=u.default.memo(c);exports.MessageRevoke=function(n){return t.jsx(d,e.__assign({},n))};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),s=require("react"),i=require("../../context/UIKitContext.js");require("@tencentcloud/chat-uikit-engine");var r=require("../../context/MessageContext.js"),a=require("../utils.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function n(s){var u=s.message,n=i.useUIKit().language,o=r.useTUIMessageContext("MessageStatustWithContext").isShowTime,c=(void 0===o||o)&&t.jsx("div",e.__assign({className:"time"},{children:(null==u?void 0:u.time)?a.getTimeStamp(1e3*u.time,n):0}));return t.jsx("div",e.__assign({className:"message-status"},{children:c}))}var o=u(s).default.memo(n);exports.MessageStatus=function(s){return t.jsx(o,e.__assign({},s))};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),t=require("react");require("react-i18next"),require("@tencentcloud/chat-uikit-engine"),require("../../constants.js"),require("date-fns"),require("date-fns/locale"),require("@tencentcloud/chat"),require("../Icon/config.js"),require("../Icon/type.js"),require("@tencentcloud/tui-core"),require("../../context/MessageContext.js");var s=require("./hooks/useMessageContextHandler.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(t){var n=t.message,u=s.useMessageContextHandler({message:n}).context;return r.jsx("div",e.__assign({className:"bubble message-system"},{children:r.jsx("div",{children:u})}))}var i=n(t).default.memo(u);exports.MessageSystem=function(t){return r.jsx(i,e.__assign({},t))};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),n=require("react"),s=require("@tencentcloud/chat");require("@tencentcloud/tui-core"),require("react-i18next"),require("@tencentcloud/chat-uikit-engine");var r=require("../../context/ChatStateContext.js");require("../../context/MessageContext.js");var a=require("../../context/ComponentContext.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=i(n),c=i(s);function u(n){var s=n.context,i=n.message,o=n.children,u=a.useComponentContext().MessageTextPlugins,l=r.useTUIChatStateContext("MessageText").firstSendMessage;return u&&"in"===(null==i?void 0:i.flow)&&l&&(null==l?void 0:l.time)<=(null==i?void 0:i.time)?t.jsx("div",e.__assign({className:"bubble message-text bubble-".concat(i.flow," ").concat((null==i?void 0:i.conversationType)===c.default.TYPES.CONV_GROUP?"group":"")},{children:t.jsx(u,{data:i})})):t.jsx("div",e.__assign({className:"bubble message-text bubble-".concat(null==i?void 0:i.flow," ").concat((null==i?void 0:i.conversationType)===c.default.TYPES.CONV_GROUP?"group":"")},{children:t.jsxs("div",e.__assign({className:"message-text-content"},{children:[null==s?void 0:s.text.map((function(n,s){var r=i&&(null==i?void 0:i.ID)+s;return"text"===n.name?t.jsx("p",e.__assign({className:"message-text-content-p"},{children:n.text}),n.src+r):t.jsx("img",{className:"text-img",src:n.src,alt:""},n.src+r)})),o]}))}))}var l=o.default.memo(u);exports.MessageText=function(n){return t.jsx(l,e.__assign({},n))};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),t=require("react");require("react-i18next"),require("@tencentcloud/chat-uikit-engine"),require("../../constants.js"),require("date-fns"),require("date-fns/locale"),require("@tencentcloud/chat"),require("../Icon/config.js"),require("../Icon/type.js"),require("@tencentcloud/tui-core"),require("../../context/MessageContext.js");var s=require("./hooks/useMessageContextHandler.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(t){var n=t.message,u=s.useMessageContextHandler({message:n}).context;return r.jsx("div",e.__assign({className:"bubble message-tip"},{children:u.text}))}var i=n(t).default.memo(u);exports.MessageTip=function(t){return r.jsx(i,e.__assign({},t))};

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

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

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

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