@tencentcloud/chat-uikit-react 2.2.6 → 2.2.8

package/dist/esm/components/ConversationSearch/ConversationSearch.js

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

package/dist/esm/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/esm/components/ConversationSearch/ConversationSearchInput/ConversationSearchInput.js

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

package/dist/esm/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/esm/components/ConversationSearch/ConversationSearchResult/ConversationSearchResult.js

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

package/dist/esm/components/Icon/Icon.js

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

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

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

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

@@ -0,0 +1 @@
+var C="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";export{C as default};

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

@@ -0,0 +1 @@
+var C="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";export{C as default};

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

@@ -0,0 +1 @@
+var l="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";export{l as default};

package/dist/esm/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/esm/components/Icon/type.js

@@ -1 +1 @@
-var e;!function(e){e.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||(e={}));export{e as IconTypes};
+var e;!function(e){e.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"}(e||(e={}));export{e as IconTypes};

package/dist/esm/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/esm/components/Input/Input.js

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

package/dist/{cjs/components/TUIMessage/TUIMessage.d.ts → esm/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/esm/components/MessageElement/Message.js

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

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

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

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

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

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

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

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

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

package/dist/esm/components/MessageElement/MessageCustom.js

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

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

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

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

@@ -0,0 +1 @@
+import{__assign as t}from"tslib";import{jsx as e,Fragment as o}from"react/jsx-runtime";import n from"@tencentcloud/chat";import"react";import"@tencentcloud/tui-core";import"react-i18next";import"@tencentcloud/chat-uikit-engine";import{messageShowType as i}from"../../context/MessageContext.js";function r(r){r.className;var l=r.CustomName,m=r.message,c=r.showType;return(c===i.ALL||(null==m?void 0:m.flow)===c)&&(null==m?void 0:m.conversationType)===n.TYPES.CONV_GROUP&&c!==i.NONE?l||e("label",t({htmlFor:"content",className:"text-ellipsis name"},{children:(null==m?void 0:m.nick)||(null==m?void 0:m.from)})):e(o,{})}export{r as MessageName};

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+import{__assign as t}from"tslib";import{jsx as e}from"react/jsx-runtime";import i from"react";import{useUIKit as o}from"../../context/UIKitContext.js";import"@tencentcloud/chat-uikit-engine";import{useTUIMessageContext as r}from"../../context/MessageContext.js";import{getTimeStamp as m}from"../utils.js";function s(i){var s=i.message,n=o().language,a=r("MessageStatustWithContext").isShowTime,c=(void 0===a||a)&&e("div",t({className:"time"},{children:(null==s?void 0:s.time)?m(1e3*s.time,n):0}));return e("div",t({className:"message-status"},{children:c}))}var n=i.memo(s);function a(i){return e(n,t({},i))}export{a as MessageStatus};

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

@@ -0,0 +1 @@
+import{__assign as t}from"tslib";import{jsx as e}from"react/jsx-runtime";import o from"react";import"react-i18next";import"@tencentcloud/chat-uikit-engine";import"../../constants.js";import"date-fns";import"date-fns/locale";import"@tencentcloud/chat";import"../Icon/config.js";import"../Icon/type.js";import"@tencentcloud/tui-core";import"../../context/MessageContext.js";import{useMessageContextHandler as r}from"./hooks/useMessageContextHandler.js";function n(o){var n=o.message,i=r({message:n}).context;return e("div",t({className:"bubble message-system"},{children:e("div",{children:i})}))}var i=o.memo(n);function s(o){return e(i,t({},o))}export{s as MessageSystem};

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

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

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

@@ -0,0 +1 @@
+import{__assign as t}from"tslib";import{jsx as e}from"react/jsx-runtime";import o from"react";import"react-i18next";import"@tencentcloud/chat-uikit-engine";import"../../constants.js";import"date-fns";import"date-fns/locale";import"@tencentcloud/chat";import"../Icon/config.js";import"../Icon/type.js";import"@tencentcloud/tui-core";import"../../context/MessageContext.js";import{useMessageContextHandler as r}from"./hooks/useMessageContextHandler.js";function n(o){var n=o.message,i=r({message:n}).context;return e("div",t({className:"bubble message-tip"},{children:i.text}))}var i=o.memo(n);function m(o){return e(i,t({},o))}export{m as MessageTip};

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

@@ -0,0 +1 @@
+import{__awaiter as e,__generator as t}from"tslib";import{useCallback as r}from"react";import{useTranslation as o}from"react-i18next";import{TUIStore as n}from"@tencentcloud/chat-uikit-engine";import{MESSAGE_FLOW as a,MESSAGE_OPERATE as i}from"../../../constants.js";import{enableSampleTaskStatus as s}from"../../utils.js";import{useUIKit as l}from"../../../context/UIKitContext.js";import"react/jsx-runtime";import{useTUIChatActionContext as u}from"../../../context/ChatActionContext.js";import"../../../context/MessageContext.js";import{Toast as d}from"../../Toast/index.js";var c=function(c){var v=c.message,f=c.handleError,m=u(),p=m.editLocalMessage,g=m.operateMessage;m.revokeMessage;var h=o().t,M=l().chat,x=r((function(r){return e(void 0,void 0,void 0,(function(){return t(this,(function(e){return r.preventDefault(),v?(n.getMessageModel(null==v?void 0:v.ID).deleteMessage(),[2]):[2]}))}))}),[v]),y=r((function(r){return e(void 0,void 0,void 0,(function(){return t(this,(function(e){return r.preventDefault(),v?(n.getMessageModel(null==v?void 0:v.ID).revokeMessage().then((function(){p&&p(v),s("revokeMessage")})).catch((function(e){if(!f){var t=v.flow===a.OUT?h("TUIChat.The message recall exceeded the time limit (default 2 minutes)"):h("TUIChat.Error revoke Message");throw d({text:t,type:"error"}),new Error(e)}f({functionName:"revokeMessage",error:e})})),[2]):[2]}))}))}),[v]),D=r((function(e){var t;e.preventDefault(),(null==v?void 0:v.ID)&&M&&g&&g(((t={})[i.QUOTE]=v,t))}),[v]),C=r((function(e){if(e.preventDefault(),navigator.clipboard)navigator.clipboard.writeText(null==v?void 0:v.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==v?void 0:v.payload.text,t.select(),document.execCommand("copy",!0),document.body.removeChild(t)}}),[v]),b=r((function(){return e(void 0,void 0,void 0,(function(){var e,r,o,n;return t(this,(function(t){switch(t.label){case 0:return t.trys.push([0,3,,4]),(r=v)?[4,M.resendMessage(v)]:[3,2];case 1:r=t.sent(),t.label=2;case 2:return e=r,p&&p(null===(n=null==e?void 0:e.data)||void 0===n?void 0:n.message),[3,4];case 3:if(o=t.sent(),!f)throw d({text:o,type:"error"}),new Error(o);return f({functionName:"resendMessage",error:o}),[3,4];case 4:return[2]}}))}))}),[v]),j=r((function(r){return e(void 0,void 0,void 0,(function(){var e;return t(this,(function(t){return r.preventDefault(),(null==v?void 0:v.ID)&&M&&g?(g(((e={})[i.FORWARD]=v,e)),[2]):[2]}))}))}),[v]);return{handleDelMessage:x,handleRevokeMessage:y,handleReplyMessage:D,handleCopyMessage:C,handleResendMessage:b,handleForWardMessage:j}};export{c as useMessageHandler};

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

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

package/dist/esm/components/MessageElement/utils/index.js

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

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

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

package/dist/esm/components/MessageInput/Forward.js

@@ -0,0 +1 @@
+import{__assign as e,__spreadArray as t}from"tslib";import{jsx as o,jsxs as r}from"react/jsx-runtime";import{useState as i,useCallback as a,useEffect as n}from"react";import{useTranslation as l}from"react-i18next";import"@tencentcloud/tui-core";import"@tencentcloud/chat-uikit-engine";import{useTUIChatActionContext as c}from"../../context/ChatActionContext.js";import"../../context/MessageContext.js";import{Model as s}from"../Model/index.js";import{Icon as d}from"../Icon/Icon.js";import{IconTypes as m}from"../Icon/type.js";import{Input as u}from"../Input/Input.js";import{Checkbox as h}from"../Checkbox/index.js";import{Avatar as f}from"../Avatar/Avatar.js";import{getDisplayImage as p,getDisplayTitle as v}from"../ConversationPreview/utils.js";import{MESSAGE_OPERATE as g}from"../../constants.js";import"date-fns";import"date-fns/locale";import"@tencentcloud/chat";import"./hooks/useHandleQuoteMessage.js";import{useHandleForwardMessage as w}from"./hooks/useHandleForwardMessage.js";function C(C){var N,I=C.handleForward,j=l().t,x=i([]),b=x[0],k=x[1],F=i([]),D=F[0],A=F[1],L=i(""),M=L[0],R=L[1],y=c().operateMessage,S=w(),T=S.message,U=S.sendForwardMessage,H=S.conversationList,z=void 0===H?[]:H,E=a((function(){var e;y&&y(((e={})[g.FORWARD]=null,e))}),[y]),P=z,O=function(e){e.checked?k(t(t([],b,!0),[e.value],!1)):k(b.filter((function(t){return t!==e.value})))};return n((function(){k([]),A([]),R("")}),[T]),T&&z.length>0&&o(s,e({onClick:E},{children:r("div",e({role:"button",tabIndex:0,className:"tui-forward",onClick:function(e){!function(e){e.stopPropagation()}(e)}},{children:[r("header",e({className:"tui-forward-header"},{children:[o(d,{type:m.CANCEL,width:16,height:16,onClick:E}),o("h2",e({className:"tui-forward-title"},{children:j("TUIChat.Forward to")}))]})),o("div",e({className:"tui-forward-search"},{children:o(u,{className:"tui-forward-search-input",placeholder:"Search",clearable:!0,value:M,onChange:function(e){var t,o;if(R(null===(t=e.target)||void 0===t?void 0:t.value),null===(o=e.target)||void 0===o?void 0:o.value){var r=z.filter((function(t){var o,r=v(t).toLocaleLowerCase(),i=null===(o=e.target)||void 0===o?void 0:o.value.toLocaleLowerCase();return r.includes(i)}));A(r)}else A([])},prefix:o(d,{type:m.SEARCH,height:16,width:16})})})),r("main",e({className:"tui-forward-main"},{children:[M&&r("ul",e({className:"tui-forward-list"},{children:[o("h3",e({className:"tui-forward-list-title"},{children:j("TUIChat.Search Result")})),D.length>0&&D.map((function(t){return r("li",e({className:"tui-forward-list-item"},{children:[r("label",e({htmlFor:"".concat(t.conversationID),className:"info"},{children:[o(f,{image:p(t),size:40}),o("div",e({className:"info-nick"},{children:v(t)}))]})),o(h,{onChange:function(e){O(e)},id:"".concat(t.conversationID),value:t})]}),t.conversationID)})),0===D.length&&o("p",e({className:"no-result"},{children:j("TUIChat.No Result")}))]})),!M&&P.length>0&&o("ul",e({className:"tui-forward-list"},{children:P.map((function(t){return r("li",e({className:"tui-forward-list-item"},{children:[r("label",e({htmlFor:"".concat(t.conversationID),className:"info"},{children:[o(f,{image:p(t),size:40}),o("div",e({className:"info-nick"},{children:v(t)}))]})),o(h,{onChange:O,id:"".concat(t.conversationID),value:t})]}),t.conversationID)}))}))]})),r("footer",e({className:"tui-forward-footer"},{children:[o("div",e({className:"tui-forward-footer-name"},{children:b.length>0&&(N=b,(null==N?void 0:N.map((function(e){return v(e)}))).toString())})),o("button",e({type:"button",className:"button",onClick:function(){I?I({list:b,message:T}):U(b),E()},disabled:0===b.length},{children:j("TUIChat.Forward")}))]}))]}))}))}export{C as Forward};

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

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

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

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

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

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

package/dist/esm/components/MessageInput/MessageInput.js

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

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

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

package/dist/esm/components/MessageInput/Transmitter.js

@@ -0,0 +1 @@
+import{__assign as t}from"tslib";import{jsx as r}from"react/jsx-runtime";import{useTUIMessageInputContext as o}from"../../context/MessageInputContext.js";import{Icon as e}from"../Icon/Icon.js";import{IconTypes as n}from"../Icon/type.js";function m(){var m=o("Transmitter").handleSubmit;return r("div",t({className:"transmitter"},{children:r(e,{className:"icon-send",type:n.SEND,onClick:m})}))}export{m as Transmitter};

package/dist/esm/components/MessageInput/hooks/useEmojiPicker.js

@@ -0,0 +1 @@
+import{useCallback as e}from"react";import{useTranslation as t}from"react-i18next";import{TUIChatService as a}from"@tencentcloud/chat-uikit-engine";import{emojiEnKey as n}from"../../MessageElement/utils/emojiMap.js";function o(o){o.textareaRef;var i=o.insertText,r=t().i18n;return{onSelectEmoji:function(e){"zh-CN"===r.language?i&&i(e.data):i&&i(n[e.data])},sendFaceMessage:e((function(e){a.sendFaceMessage({payload:e})}),[])}}export{o as useEmojiPicker};

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

@@ -0,0 +1 @@
+import{__awaiter as t,__generator as e}from"tslib";import{useState as n,useEffect as o}from"react";import r from"@tencentcloud/chat";import{TUIChatService as i}from"@tencentcloud/chat-uikit-engine";import{MESSAGE_OPERATE as s}from"../../../constants.js";import{useUIKit as a}from"../../../context/UIKitContext.js";import"react/jsx-runtime";import{useTUIChatStateContext as c}from"../../../context/ChatStateContext.js";import"../../../context/MessageContext.js";function u(u){var m=this,f=c("TUIMessageInputDefault").operateData,p=n([]),d=p[0],l=p[1],v=a().chat,x=u||f&&f[s.FORWARD];return o((function(){v&&t(m,void 0,void 0,(function(){var t,n;return e(this,(function(e){switch(e.label){case 0:return[4,v.getConversationList()];case 1:return t=e.sent(),l(null===(n=null==t?void 0:t.data)||void 0===n?void 0:n.conversationList.filter((function(t){return t.type!==r.TYPES.CONV_SYSTEM}))),[2]}}))}))}),[v]),{message:x,conversationList:d,sendForwardMessage:function(t){t.map((function(t){return x&&i.sendForwardMessage([t],[x]),t}))}}}export{u as useHandleForwardMessage};

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

@@ -0,0 +1 @@
+import{useState as e,useEffect as t}from"react";import o from"@tencentcloud/chat";import{MESSAGE_OPERATE as n}from"../../../constants.js";import"tslib";import"react/jsx-runtime";import"@tencentcloud/tui-core";import"react-i18next";import"@tencentcloud/chat-uikit-engine";import{useTUIChatStateContext as a}from"../../../context/ChatStateContext.js";import"../../../context/MessageContext.js";var i,r,S=((i={})[o.TYPES.MSG_TEXT]=1,i[o.TYPES.MSG_CUSTOM]=2,i[o.TYPES.MSG_IMAGE]=3,i[o.TYPES.MSG_AUDIO]=4,i[o.TYPES.MSG_VIDEO]=5,i[o.TYPES.MSG_FILE]=6,i[o.TYPES.MSG_FACE]=8,i),l=((r={})[o.TYPES.MSG_CUSTOM]="[custom]",r[o.TYPES.MSG_IMAGE]="[image]",r[o.TYPES.MSG_AUDIO]="[audio]",r[o.TYPES.MSG_VIDEO]="[video]",r[o.TYPES.MSG_FILE]="[file]",r[o.TYPES.MSG_FACE]="[face]",r);function s(i){var r=a("TUIMessageInputDefault").operateData,s=e({messageReply:null}),u=s[0],m=s[1],E=function(e){var t,n=S[null==e?void 0:e.type];return{messageAbstract:(null==e?void 0:e.type)===o.TYPES.MSG_TEXT?null===(t=null==e?void 0:e.payload)||void 0===t?void 0:t.text:l[null==e?void 0:e.type],messageSender:(null==e?void 0:e.nick)||(null==e?void 0:e.from),messageID:null==e?void 0:e.ID,messageType:n,version:1}};return t((function(){var e=i||r&&r[n.QUOTE];m({messageReply:e?E(e):null})}),[r,i]),{cloudCustomData:u,handleQuoteMessage:E,message:i||r&&r[n.QUOTE]}}export{s as useHandleQuoteMessage};

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

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

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

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

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

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

package/dist/esm/components/MessageList/MessageList.js

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

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

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

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

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

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

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

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

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

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

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

package/dist/esm/components/Profile/Profile.js

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