@tencentcloud/chat-uikit-react 2.2.7 → 2.2.9

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

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

package/dist/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.VIDEOCALL="videoCall",e.VOICECALL="voiceCall"}(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/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 N}from"tslib";import{jsxs as e,jsx as o}from"react/jsx-runtime";import{Icon as r}from"../Icon/Icon.js";import{IconTypes as t}from"../Icon/type.js";import O from"classnames";var i,S,c={LOADING:"LOADING",NO_CONVERSATIONS:"NO_CONVERSATIONS",NO_MESSAGES:"NO_MESSAGES",WRONG:"WRONG",NO_RESULTS:"NO_RESULTS"},a=((i={})[c.LOADING]=t.LOADING,i[c.NO_CONVERSATIONS]=t.EFFORT,i[c.NO_MESSAGES]=t.EFFORT,i[c.WRONG]=t.CRY,i[c.NO_RESULTS]=t.CRY,i),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(t){var i=t.className,S=void 0===i?"":i,s=t.type,l=t.iconSize,m=void 0===l?42:l,E=t.searchString,R=void 0===E?"":E,_=t.retry;return e("div",N({className:O(S,"tui-place-holder")},{children:[a[s]&&o(r,{className:"tui-place-holder__icon",type:a[s],width:m,height:m}),n[s]&&o("div",N({className:"tui-place-holder__label"},{children:R?"".concat(n[s],"  '").concat(R,"' "):n[s]})),s===c.WRONG&&_&&o("div",N({className:"tui-place-holder__button"},{children:o("button",N({onClick:_},{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};

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

@@ -0,0 +1 @@
+import{__assign as e}from"tslib";import{jsx as t,jsxs as a}from"react/jsx-runtime";import l,{useState as i}from"react";import{useTranslation as n}from"react-i18next";import o from"react-date-picker";import r from"@tencentcloud/chat";import{isH5 as c}from"../../utils/env.js";import"@tencentcloud/tui-core";import{useUIManager as u}from"../../context/UIManagerContext.js";import"../../context/MessageContext.js";import"@tencentcloud/chat-uikit-engine";import{Avatar as d}from"../Avatar/Avatar.js";import{DivWithEdit as s}from"../DivWithEdit/DivWithEdit.js";import{Icon as m}from"../Icon/Icon.js";import{IconTypes as v}from"../Icon/type.js";import{handleDisplayAvatar as p}from"../utils.js";var f,h,E=((f={})[r.TYPES.GENDER_UNKNOWN]="unknow",f[r.TYPES.GENDER_MALE]="male",f[r.TYPES.GENDER_FEMALE]="female",f),g=((h={})[r.TYPES.ALLOW_TYPE_ALLOW_ANY]="allowAny",h[r.TYPES.ALLOW_TYPE_NEED_CONFIRM]="needConfirm",h[r.TYPES.ALLOW_TYPE_DENY_ANY]="denyAny",h),N=["https://im.sdk.qcloud.com/download/tuikit-resource/avatar/avatar_1.png","https://im.sdk.qcloud.com/download/tuikit-resource/avatar/avatar_2.png","https://im.sdk.qcloud.com/download/tuikit-resource/avatar/avatar_3.png","https://im.sdk.qcloud.com/download/tuikit-resource/avatar/avatar_4.png","https://im.sdk.qcloud.com/download/tuikit-resource/avatar/avatar_5.png","https://im.sdk.qcloud.com/download/tuikit-resource/avatar/avatar_6.png"],y=[{label:"Male",value:r.TYPES.GENDER_MALE},{label:"Female",value:r.TYPES.GENDER_FEMALE}],T=[{label:"AllowAny",value:r.TYPES.ALLOW_TYPE_ALLOW_ANY},{label:"NeedConfirm",value:r.TYPES.ALLOW_TYPE_NEED_CONFIRM},{label:"DenyAny",value:r.TYPES.ALLOW_TYPE_DENY_ANY}];function _(l){var r,f,h,_,k,b,A=l.userInfo,P=l.className,Y=l.update,L=n().t,w=u().setTUIProfileShow,D=i(""),I=D[0],S=D[1],C=[{name:"Signature",value:null==A?void 0:A.selfSignature,type:"text",children:null},{name:"Gender",value:L((null==A?void 0:A.gender)&&(null===(r=E[null==A?void 0:A.gender])||void 0===r?void 0:r.replace(E[null==A?void 0:A.gender][0],null===(f=E[null==A?void 0:A.gender][0])||void 0===f?void 0:f.toLocaleUpperCase()))?"TUIProfile.".concat(null===(h=E[null==A?void 0:A.gender])||void 0===h?void 0:h.replace(E[null==A?void 0:A.gender][0],null===(_=E[null==A?void 0:A.gender][0])||void 0===_?void 0:_.toLocaleUpperCase())):""),type:"select",children:t("ul",e({className:"select-list"},{children:null==y?void 0:y.map((function(a,l){var i="".concat(a.value).concat(l);return t("li",e({className:"select-list-item",role:"menuitem",tabIndex:l,onClick:function(){x(a)}},{children:L("TUIProfile.".concat(a.label))}),i)}))}))},{name:"AllowType",value:L("TUIProfile.".concat(null===(k=g[(null==A?void 0:A.allowType)||""])||void 0===k?void 0:k.replace(A&&g[null==A?void 0:A.allowType][0],A&&(null===(b=g[null==A?void 0:A.allowType][0])||void 0===b?void 0:b.toLocaleUpperCase())))),type:"select",children:t("ul",e({className:"select-list"},{children:null==T?void 0:T.map((function(a,l){var i="".concat(a.value).concat(l);return t("li",e({className:"select-list-item",role:"menuitem",tabIndex:l,onClick:function(){W(a)}},{children:L("TUIProfile.".concat(a.label))}),i)}))}))},{name:"Birthday",value:(null==A?void 0:A.birthday)?function(e){var t=String(e);if(8===t.length){var a=t.substring(0,4),l=t.substring(4,6),i=t.substring(6,8);return"".concat(a,"/").concat(l,"/").concat(i)}return"".concat(e)}(A.birthday):"",type:"select",children:t(o,{className:"tui-profile-birthday",calendarClassName:"tui-profile-birthday-calendar",isOpen:!0,format:"y-MM-dd",onChange:function(e){j(e)},value:function(e){if(8===(null==e?void 0:e.length)){var t=Number(e.slice(0,4)),a=Number(e.slice(4,6)),l=Number(e.slice(-2));return new Date(t,a-1,l)}return new Date}("".concat(null==A?void 0:A.birthday))})}];c&&(C=C.filter((function(e){return"Birthday"!==e.name})));var M=function(e){S(e)},O=function(e){Y&&Y(e),S("")},U=function(e){var t,a="";switch(null==e?void 0:e.name){case"nick":a="nick";break;case"Signature":a="selfSignature";break;default:return void S("")}var l=((t={})[a]=e.value,t);O(l)},x=function(e){O({gender:e.value})},W=function(e){O({allowType:e.value})},j=function(e){var t,a,l,i;O({birthday:Number((t=e,a=t.getDate()>9?t.getDate():"0".concat(t.getDate()),l=t.getMonth()>8?t.getMonth()+1:"0".concat(t.getMonth()+1),i=t.getFullYear(),"".concat(i).concat(l).concat(a)))})};return a("div",e({className:"".concat(P," tui-profile")},{children:[a("header",e({className:"tui-profile-header"},{children:[t(m,{width:9,height:16,type:v.BACK,onClick:function(){w&&w(!1)}}),t("h1",{children:L("TUIProfile.Personal information")})]})),a("main",e({className:"tui-profile-main"},{children:[t("div",e({className:"tui-profile-avatar"},{children:t(d,{image:A&&p(null==A?void 0:A.avatar),size:94,update:function(e){O({avatar:e})},list:N})})),t(s,{name:"nick",className:"tui-profile-nick",value:null==A?void 0:A.nick,type:"text",toggle:M,isEdit:"nick"===I,confirm:U,close:function(){S("")}}),a("div",e({className:"tui-profile-ID"},{children:[t("h5",{children:"ID:"}),t("span",{children:null==A?void 0:A.userID})]}))]})),t("ul",e({className:"tui-profile-list"},{children:C.map((function(l){var i="".concat(l.name);return a("li",e({className:"tui-profile-list-item"},{children:[t("h4",{children:L("TUIProfile.".concat(l.name))}),t(s,e({className:"tui-profile-div-with-edit",classEditName:"tui-profile-edit",name:l.name,value:l.value,type:l.type,toggle:M,isEdit:I===l.name,confirm:U,close:function(){S("")}},{children:null==l?void 0:l.children}))]}),i)}))}))]}))}var k=l.memo(_);function b(a){var l=e({},a);return t(k,e({},l))}export{b as TUIProfileDefault};

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

@@ -0,0 +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 MyProfile};

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

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

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

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

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

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

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

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

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

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

package/dist/esm/context/ConversationListContext.js

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