@tencentcloud/chat-uikit-react 1.1.1 → 1.2.1

package/CHANGELOG.md

@@ -1,3 +1,9 @@
+## [1.2.1] (2024-1-08)
+
+#### feat
+* feat: Support for contact.
+* feat: Support multilingual switching between Chinese and English.
+
 ## [1.1.0] (2023-09-20)
 
 #### feat

package/dist/cjs/_virtual/extends.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports._extends={exports:{}};

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

@@ -1,3 +1,4 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import React from 'react';
 
 interface onChangeParams {
@@ -11,6 +12,6 @@ interface SelectProps {
     value?: any;
     id?: string;
 }
-declare function Checkbox<T extends SelectProps>(props: React.PropsWithChildren<T>): JSX.Element;
+declare function Checkbox<T extends SelectProps>(props: React.PropsWithChildren<T>): react_jsx_runtime.JSX.Element;
 
 export { Checkbox };

package/dist/cjs/components/ConversationCreate/ConversationCreatGroupDetail.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),r=require("react"),a=require("../Input/Input.js"),s=require("../Icon/Icon.js"),n=require("../Icon/type.js"),i=require("../Avatar/Avatar.js"),o=require("../Avatar/default.js"),u=require("./ConversationCreate.js"),c=require("./ConversationGroupTypeInfo.js"),p=require("../../context/TUIKitContext.js");require("../../context/TUIMessageContext.js"),exports.ConversationCreatGroupDetail=function(l){var d=this,g=l.profileList,v=l.pageState,m=l.setPageState,x=l.createConversation,_=l.setConversationCreated,f=p.useTUIKitContext(),h=f.setActiveConversation,j=f.myProfile,C=e.__spreadArray([],g,!0);C.unshift(j);var I=C.map((function(e){return e.nick||e.userID})).toString(),b=r.useState(I.length>=15?"".concat(I.slice(0,12),"..."):I),y=b[0],N=b[1],G=r.useState(""),A=G[0],T=G[1],q=r.useState("Work"),P=q[0],k=q[1],S=function(e,t){var r=e.target.value;switch(t){case"name":N(r);break;case"id":T(r);break;case"type":k(r)}};return v!==u.PageStateTypes.GROUP_TYPE?t.jsxs(t.Fragment,{children:[t.jsxs("div",e.__assign({className:"tui-conversation-create-group-detail"},{children:[t.jsx("div",e.__assign({className:"create-group-box create-group-name"},{children:t.jsx(a.Input,{maxLength:15,value:y,onChange:function(e){S(e,"name")},border:"bottom",customClassName:"input-group-name",clearable:!0,prefix:t.jsx("div",e.__assign({className:"input-group-title"},{children:"Group Name"}))})})),t.jsx("div",e.__assign({className:"create-group-box create-group-id"},{children:t.jsx(a.Input,{border:"bottom",customClassName:"input-group-text",clearable:!0,value:A,onChange:function(e){S(e,"id")},prefix:t.jsx("div",e.__assign({className:"input-group-title"},{children:"Group ID"}))})})),t.jsx("div",e.__assign({className:"create-group-box create-group-type"},{children:t.jsx(a.Input,{disabled:!0,border:"bottom",customClassName:"input-group-text",prefix:t.jsx("div",e.__assign({className:"input-group-title"},{children:"Group of type"})),suffix:t.jsx(s.Icon,{onClick:function(){m(u.PageStateTypes.GROUP_TYPE)},type:n.IconTypes.ARROW_RIGHT,width:7,height:12}),value:P,onChange:function(e){S(e,"type")}})})),t.jsx("div",e.__assign({className:"create-group-illustrate"},{children:c.typeInfoList.find((function(e){return e.type===P})).des})),t.jsxs("div",e.__assign({className:"create-group-portrait"},{children:[t.jsx("div",e.__assign({className:"create-group-portrait-title"},{children:"Participants"})),t.jsx("div",e.__assign({className:"create-group-portrait-info-container"},{children:g.map((function(r){var a=r.avatar,s=r.userID,n=r.nick;return t.jsxs("div",e.__assign({className:"create-group-portrait-info"},{children:[t.jsx(i.Avatar,{shape:"square",size:50,image:a||o.defaultUserAvatar}),t.jsx("div",e.__assign({className:"create-group-portrait-info-nick"},{children:n}))]}),s)}))}))]}))]})),t.jsx("div",e.__assign({className:"tui-conversation-create-next-container"},{children:t.jsx("div",e.__assign({role:"presentation",className:"tui-conversation-create-next",onClick:function(){return e.__awaiter(d,void 0,void 0,(function(){var t,r,a;return e.__generator(this,(function(e){switch(e.label){case 0:return t=g.map((function(e){return{userID:e.userID}})),r=function(e){switch(e){case"Work":return o.defaultGroupAvatarWork;case"Public":return o.defaultGroupAvatarPublic;case"Meeting":return o.defaultGroupAvatarMeeting;case"AVChatRoom":return o.defaultGroupAvatarAVChatRoom;default:return""}}(P),[4,x({name:y,type:c.GroupType[P],groupID:A,avatar:r,memberList:t})];case 1:return a=e.sent(),h(a),_(!1),[2]}}))}))}},{children:"Create"}))}))]}):t.jsx(c.ConversationGroupTypeInfo,{groupType:P,setGroupType:k,setPageState:m})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),r=require("react");require("../../node_modules/@babel/runtime/helpers/extends.js"),require("../../node_modules/html-parse-stringify/dist/html-parse-stringify.js"),require("../../node_modules/react-i18next/dist/es/context.js");var a=require("../../node_modules/react-i18next/dist/es/useTranslation.js"),s=require("../Input/Input.js"),n=require("../Icon/Icon.js"),i=require("../Icon/type.js"),o=require("../Avatar/Avatar.js"),u=require("../Avatar/default.js"),c=require("./ConversationCreate.js"),p=require("./ConversationGroupTypeInfo.js"),l=require("../../context/TUIKitContext.js");require("../../context/TUIMessageContext.js"),exports.ConversationCreatGroupDetail=function(d){var v=this,g=d.profileList,m=d.pageState,x=d.setPageState,_=d.createConversation,f=d.setConversationCreated,j=a.useTranslation().t,h=l.useTUIKitContext(),C=h.setActiveConversation,I=h.myProfile,T=e.__spreadArray([],g,!0);T.unshift(I);var b=T.map((function(e){return e.nick||e.userID})).toString(),y=r.useState(b.length>=15?"".concat(b.slice(0,12),"..."):b),N=y[0],q=y[1],G=r.useState(""),A=G[0],P=G[1],U=r.useState("Work"),k=U[0],S=U[1],D=function(e,t){var r=e.target.value;switch(t){case"name":q(r);break;case"id":P(r);break;case"type":S(r)}};return m!==c.PageStateTypes.GROUP_TYPE?t.jsxs(t.Fragment,{children:[t.jsxs("div",e.__assign({className:"tui-conversation-create-group-detail"},{children:[t.jsx("div",e.__assign({className:"create-group-box create-group-name"},{children:t.jsx(s.Input,{maxLength:15,value:N,onChange:function(e){D(e,"name")},border:"bottom",customClassName:"input-group-name",clearable:!0,prefix:t.jsx("div",e.__assign({className:"input-group-title"},{children:j("TUIConversation.Group Name")}))})})),t.jsx("div",e.__assign({className:"create-group-box create-group-id"},{children:t.jsx(s.Input,{border:"bottom",customClassName:"input-group-text",clearable:!0,value:A,onChange:function(e){D(e,"id")},prefix:t.jsx("div",e.__assign({className:"input-group-title"},{children:j("TUIConversation.Group ID")}))})})),t.jsx("div",e.__assign({className:"create-group-box create-group-type"},{children:t.jsx(s.Input,{disabled:!0,border:"bottom",customClassName:"input-group-text",prefix:t.jsx("div",e.__assign({className:"input-group-title"},{children:j("TUIConversation.Group Type")})),suffix:t.jsx(n.Icon,{onClick:function(){x(c.PageStateTypes.GROUP_TYPE)},type:i.IconTypes.ARROW_RIGHT,width:7,height:12}),value:j("TUIConversation.".concat(k)),onChange:function(e){D(e,"type")}})})),t.jsx("div",e.__assign({className:"create-group-illustrate"},{children:j("TUIConversation.".concat(p.typeInfoList.find((function(e){return e.type===k})).des))})),t.jsxs("div",e.__assign({className:"create-group-portrait"},{children:[t.jsx("div",e.__assign({className:"create-group-portrait-title"},{children:j("TUIConversation.Participants")})),t.jsx("div",e.__assign({className:"create-group-portrait-info-container"},{children:g.map((function(r){var a=r.avatar,s=r.userID,n=r.nick;return t.jsxs("div",e.__assign({className:"create-group-portrait-info"},{children:[t.jsx(o.Avatar,{shape:"square",size:50,image:a||u.defaultUserAvatar}),t.jsx("div",e.__assign({className:"create-group-portrait-info-nick"},{children:n}))]}),s)}))}))]}))]})),t.jsx("div",e.__assign({className:"tui-conversation-create-next-container"},{children:t.jsx("div",e.__assign({role:"presentation",className:"tui-conversation-create-next",onClick:function(){return e.__awaiter(v,void 0,void 0,(function(){var t,r,a;return e.__generator(this,(function(e){switch(e.label){case 0:return t=g.map((function(e){return{userID:e.userID}})),r=function(e){switch(e){case"Work":return u.defaultGroupAvatarWork;case"Public":return u.defaultGroupAvatarPublic;case"Meeting":return u.defaultGroupAvatarMeeting;case"AVChatRoom":return u.defaultGroupAvatarAVChatRoom;default:return""}}(k),[4,_({name:N,type:p.GroupType[k],groupID:A,avatar:r,memberList:t})];case 1:return a=e.sent(),C(a),f(!1),[2]}}))}))}},{children:j("TUIConversation.Create")}))}))]}):t.jsx(p.ConversationGroupTypeInfo,{groupType:k,setGroupType:S,setPageState:x})};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),s=require("react"),r=require("../Icon/Icon.js"),a=require("../Icon/type.js"),o=require("./ConversationCreateUserSelectList.js"),i=require("./ConversationCreatGroupDetail.js"),n=require("../../context/TUIKitContext.js");require("../../context/TUIMessageContext.js");var c,p=require("../../hooks/useConversation.js");exports.PageStateTypes=void 0,(c=exports.PageStateTypes||(exports.PageStateTypes={})).USER_SELECT="Next",c.CREATE_DETAIL="Create",c.GROUP_TYPE="GroupType",exports.ConversationCreate=function(c){var C=c.className,u=void 0===C?"":C,S=c.setConversationCreated,T=c.conversationList,E=void 0===T?[]:T,x=s.useState(!1),v=x[0],l=x[1],g=s.useState(exports.PageStateTypes.USER_SELECT),P=g[0],d=g[1],_=s.useState([]),j=_[0],y=_[1],L=n.useTUIKitContext().chat,I=p.useConversation(L).createConversation,U=function(){if(v)switch(P){case exports.PageStateTypes.USER_SELECT:l(!1);break;case exports.PageStateTypes.CREATE_DETAIL:d(exports.PageStateTypes.USER_SELECT),y([]);break;case exports.PageStateTypes.GROUP_TYPE:d(exports.PageStateTypes.CREATE_DETAIL)}else S(!1)};return s.useMemo((function(){return t.jsxs(t.Fragment,{children:[t.jsxs("div",e.__assign({className:"tui-conversation-create-header"},{children:[t.jsx(r.Icon,{onClick:U,type:a.IconTypes.BACK,width:9,height:16}),t.jsx("div",e.__assign({className:"title"},{children:v?"Add Participants":"New Chat"}))]})),P===exports.PageStateTypes.USER_SELECT?t.jsx(o.ConversationCreateUserSelectList,{isCreateGroup:v,setIsCreateGroup:l,className:u,selectList:j,setSelectList:y,conversationList:E,setConversationCreated:S,setPageState:d}):t.jsx(i.ConversationCreatGroupDetail,{pageState:P,setPageState:d,profileList:j.map((function(e){return e.profile})),createConversation:I,setConversationCreated:S})]})}),[v,j,P])};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),s=require("react");require("../../node_modules/@babel/runtime/helpers/extends.js"),require("../../node_modules/html-parse-stringify/dist/html-parse-stringify.js"),require("../../node_modules/react-i18next/dist/es/context.js");var r=require("../../node_modules/react-i18next/dist/es/useTranslation.js"),a=require("../Icon/Icon.js"),o=require("../Icon/type.js"),i=require("./ConversationCreateUserSelectList.js"),n=require("./ConversationCreatGroupDetail.js"),u=require("../../context/TUIKitContext.js");require("../../context/TUIMessageContext.js");var c,p=require("../../hooks/useConversation.js");exports.PageStateTypes=void 0,(c=exports.PageStateTypes||(exports.PageStateTypes={})).USER_SELECT="Next",c.CREATE_DETAIL="Create",c.GROUP_TYPE="GroupType",exports.ConversationCreate=function(c){var C=c.className,T=void 0===C?"":C,l=c.setConversationCreated,S=c.conversationList,d=void 0===S?[]:S,x=r.useTranslation().t,v=s.useState(!1),E=v[0],g=v[1],_=s.useState(exports.PageStateTypes.USER_SELECT),j=_[0],P=_[1],y=s.useState([]),m=y[0],L=y[1],h=u.useTUIKitContext().chat,q=p.useConversation(h).createConversation,I=function(){if(E)switch(j){case exports.PageStateTypes.USER_SELECT:g(!1);break;case exports.PageStateTypes.CREATE_DETAIL:P(exports.PageStateTypes.USER_SELECT),L([]);break;case exports.PageStateTypes.GROUP_TYPE:P(exports.PageStateTypes.CREATE_DETAIL)}else l(!1)};return s.useMemo((function(){return t.jsxs(t.Fragment,{children:[t.jsxs("div",e.__assign({className:"tui-conversation-create-header"},{children:[t.jsx(a.Icon,{onClick:I,type:o.IconTypes.BACK,width:9,height:16}),t.jsx("div",e.__assign({className:"title"},{children:x(E?"TUIConversation.Add Participants":"TUIConversation.Start chat")}))]})),j===exports.PageStateTypes.USER_SELECT?t.jsx(i.ConversationCreateUserSelectList,{isCreateGroup:E,setIsCreateGroup:g,className:T,selectList:m,setSelectList:L,conversationList:d,setConversationCreated:l,setPageState:P}):t.jsx(n.ConversationCreatGroupDetail,{pageState:j,setPageState:P,profileList:m.map((function(e){return e.profile})),createConversation:q,setConversationCreated:l})]})}),[E,m,j])};

package/dist/cjs/components/ConversationCreate/ConversationCreateUserSelectList.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),r=require("react"),s=require("../Input/Input.js"),n=require("../Icon/Icon.js"),a=require("../Icon/type.js"),i=require("./ConversationCreateSelectView.js"),c=require("../Avatar/Avatar.js"),o=require("../Avatar/default.js"),u=require("./hooks/useConversationCreate.js"),l=require("../../context/TUIKitContext.js");require("../../context/TUIMessageContext.js");var v=require("./ConversationCreate.js"),d=require("../../hooks/useConversation.js"),h=require("../Toast/index.js");exports.ConversationCreateUserSelectList=function(p){var x=this,_=p.isCreateGroup,C=p.selectList,j=p.setSelectList,f=p.className,g=p.conversationList,m=p.setIsCreateGroup,I=p.setConversationCreated,N=p.setPageState,q=r.useState(""),k=q[0],b=q[1],y=l.useTUIKitContext(),S=y.chat,A=y.setActiveConversation,T=r.useState({}),w=T[0],L=T[1],D=u.useConversationCreate(S,g,(function(e){L(e)})).getFriendListSortSearchResult,E=d.useConversation(S).createConversation,U=r.useRef(new Map);return t.jsxs(t.Fragment,{children:[t.jsx(s.Input,{className:"tui-conversation-create-search-input",placeholder:"Search",clearable:!0,value:k,onChange:function(t){return e.__awaiter(x,void 0,void 0,(function(){var r,s;return e.__generator(this,(function(e){switch(e.label){case 0:return r=t.target.value,b(r),s=L,[4,D(r)];case 1:return s.apply(void 0,[e.sent()]),[2]}}))}))},prefix:t.jsx(n.Icon,{type:a.IconTypes.SEARCH,height:16,width:16})}),_&&t.jsx(i.ConversationCreateSelectView,{selectList:C,setSelectList:j}),!_&&t.jsxs("div",e.__assign({role:"presentation",className:"tui-user",onClick:function(){m(!0),U.current.clear(),j([])}},{children:[t.jsx(n.Icon,{type:a.IconTypes.ADD}),t.jsx("div",e.__assign({className:"tui-user-name active"},{children:"New Group"}))]})),t.jsx("div",e.__assign({className:"tui-conversation-create ".concat(f)},{children:t.jsx("div",e.__assign({className:"tui-conversation-create-container"},{children:t.jsx("div",e.__assign({className:"tui-group-container"},{children:Object.keys(w).map((function(r){return 0!==w[r].length&&t.jsxs("div",e.__assign({className:"tui-group-box"},{children:[t.jsx("div",e.__assign({className:"title"},{children:r})),w[r].map((function(s,n){var a=s.userID,i=s.nick,u=s.avatar;return t.jsxs("label",e.__assign({role:"presentation",className:"tui-user tui-user-checkbox-label",htmlFor:"userChecked-".concat(r,"-").concat(a),onClick:function(t){!function(t){e.__awaiter(x,void 0,void 0,(function(){var r,s;return e.__generator(this,(function(e){switch(e.label){case 0:return _?[2]:(r=t.userID,[4,E("C2C".concat(r))]);case 1:return s=e.sent(),I(!1),A(s),[2]}}))}))}(s)}},{children:[t.jsx(c.Avatar,{size:30,image:u||o.defaultUserAvatar}),t.jsx("div",e.__assign({className:"tui-user-name"},{children:i||"".concat(a)})),_&&t.jsx("input",{onChange:function(t){!function(t,r,s){void 0===s&&(s=[]);var n=r.userID,a=t.target.checked;s.forEach((function(e){e.checked=a})),a?C.push({profile:r,domList:s}):C.splice(C.findIndex((function(e){return e.profile.userID===n})),1),j(e.__spreadArray([],C,!0))}(t,s,U.current.get(a))},type:"checkbox",ref:function(e){!function(e,t){if(t){U.current.has(e)||U.current.set(e,[]);var r=U.current.get(e);0!==r.length&&r.some((function(e){return e.id===t.id}))||r.push(t)}}(a,e)},id:"userChecked-".concat(r,"-").concat(a),className:"tui-user-checkbox"})]}),a)}))]}),r)}))}))}))})),_&&t.jsx("div",e.__assign({className:"tui-conversation-create-next-container"},{children:t.jsx("div",e.__assign({role:"presentation",className:"tui-conversation-create-next",onClick:function(){C&&0===C.length?h.Toast({text:"Participant cannot be empty.",type:"error"}):N(v.PageStateTypes.CREATE_DETAIL)}},{children:"Next"}))}))]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),r=require("react");require("../../node_modules/@babel/runtime/helpers/extends.js"),require("../../node_modules/html-parse-stringify/dist/html-parse-stringify.js"),require("../../node_modules/react-i18next/dist/es/context.js");var s=require("../../node_modules/react-i18next/dist/es/useTranslation.js"),n=require("../Input/Input.js"),i=require("../Icon/Icon.js"),a=require("../Icon/type.js"),o=require("./ConversationCreateSelectView.js"),c=require("../Avatar/Avatar.js"),u=require("../Avatar/default.js"),l=require("./hooks/useConversationCreate.js"),d=require("../../context/TUIKitContext.js");require("../../context/TUIMessageContext.js");var v=require("./ConversationCreate.js"),h=require("../../hooks/useConversation.js"),p=require("../Toast/index.js");exports.ConversationCreateUserSelectList=function(x){var _=this,C=x.isCreateGroup,j=x.selectList,g=x.setSelectList,f=x.className,m=x.conversationList,I=x.setIsCreateGroup,q=x.setConversationCreated,N=x.setPageState,T=s.useTranslation().t,b=r.useState(""),y=b[0],k=b[1],S=d.useTUIKitContext(),A=S.chat,w=S.setActiveConversation,L=r.useState({}),U=L[0],D=L[1],E=l.useConversationCreate(A,m,(function(e){D(e)})).getFriendListSortSearchResult,P=h.useConversation(A).createConversation,R=r.useRef(new Map);return t.jsxs(t.Fragment,{children:[t.jsx(n.Input,{className:"tui-conversation-create-search-input",placeholder:T("TUIConversation.Search"),clearable:!0,value:y,onChange:function(t){return e.__awaiter(_,void 0,void 0,(function(){var r,s;return e.__generator(this,(function(e){switch(e.label){case 0:return r=t.target.value,k(r),s=D,[4,E(r)];case 1:return s.apply(void 0,[e.sent()]),[2]}}))}))},prefix:t.jsx(i.Icon,{type:a.IconTypes.SEARCH,height:16,width:16})}),C&&t.jsx(o.ConversationCreateSelectView,{selectList:j,setSelectList:g}),!C&&t.jsxs("div",e.__assign({role:"presentation",className:"tui-user",onClick:function(){I(!0),R.current.clear(),g([])}},{children:[t.jsx(i.Icon,{type:a.IconTypes.ADD}),t.jsx("div",e.__assign({className:"tui-user-name active"},{children:T("TUIConversation.New group chat")}))]})),t.jsx("div",e.__assign({className:"tui-conversation-create ".concat(f)},{children:t.jsx("div",e.__assign({className:"tui-conversation-create-container"},{children:t.jsx("div",e.__assign({className:"tui-group-container"},{children:Object.keys(U).map((function(r){return 0!==U[r].length&&t.jsxs("div",e.__assign({className:"tui-group-box"},{children:[t.jsx("div",e.__assign({className:"title"},{children:r})),U[r].map((function(s,n){var i=s.userID,a=s.nick,o=s.avatar;return t.jsxs("label",e.__assign({role:"presentation",className:"tui-user tui-user-checkbox-label",htmlFor:"userChecked-".concat(r,"-").concat(i),onClick:function(t){!function(t){e.__awaiter(_,void 0,void 0,(function(){var r,s;return e.__generator(this,(function(e){switch(e.label){case 0:return C?[2]:(r=t.userID,[4,P("C2C".concat(r))]);case 1:return s=e.sent(),q(!1),w(s),[2]}}))}))}(s)}},{children:[t.jsx(c.Avatar,{size:30,image:o||u.defaultUserAvatar}),t.jsx("div",e.__assign({className:"tui-user-name"},{children:a||"".concat(i)})),C&&t.jsx("input",{onChange:function(t){!function(t,r,s){void 0===s&&(s=[]);var n=r.userID,i=t.target.checked;s.forEach((function(e){e.checked=i})),i?j.push({profile:r,domList:s}):j.splice(j.findIndex((function(e){return e.profile.userID===n})),1),g(e.__spreadArray([],j,!0))}(t,s,R.current.get(i))},type:"checkbox",ref:function(e){!function(e,t){if(t){R.current.has(e)||R.current.set(e,[]);var r=R.current.get(e);0!==r.length&&r.some((function(e){return e.id===t.id}))||r.push(t)}}(i,e)},id:"userChecked-".concat(r,"-").concat(i),className:"tui-user-checkbox"})]}),i)}))]}),r)}))}))}))})),C&&t.jsx("div",e.__assign({className:"tui-conversation-create-next-container"},{children:t.jsx("div",e.__assign({role:"presentation",className:"tui-conversation-create-next",onClick:function(){j&&0===j.length?p.Toast({text:T("TUIConversation.Participant cannot be empty"),type:"error"}):N(v.PageStateTypes.CREATE_DETAIL)}},{children:T("TUIConversation.Next")}))}))]})};

package/dist/cjs/components/ConversationCreate/ConversationGroupTypeInfo.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,o=require("tslib"),t=require("react/jsx-runtime"),n=require("./ConversationCreate.js"),r=require("../Icon/Icon.js"),i=require("../Icon/type.js");exports.GroupType=void 0,(e=exports.GroupType||(exports.GroupType={})).Work="Private",e.Public="Public",e.Meeting="ChatRoom",e.AVChatRoom="AVChatRoom";var s=[{type:"Work",des:"Users can join the group only via invitation by existing members. The invitation does not need to be agreed by the invitee or approved by the group owner. See the documentation for details."},{type:"Public",des:"After a public group is created, the group owner can designate group admins. To join the group, a user needs to search the group ID and send a request, which needs to be approved by the group owner or an admin before the user can join the group. See the documentation for details."},{type:"Meeting",des:"After the group is created, a user can join and quit the group freely and can view the messages sent before joining the group. It is suitable for scenarios that integrate Tencent Real-Time Communication (TRTC), such as audio and video conferences and online education. See the documentation for details."},{type:"AVChatRoom",des:"After a group is created, a user can join and quit the group freely. The group can have an unlimited number of members, but it does not store message history. It can be combined with Live Video Broadcasting (LVB) to support on-screen comment scenarios. See the documentation for details."}];exports.ConversationGroupTypeInfo=function(e){var a=e.groupType,u=e.setGroupType,c=e.setPageState;return t.jsxs("div",o.__assign({className:"tui-conversation-group-type-info"},{children:[s.map((function(e){var s=e.type,p=e.des;return t.jsxs("div",o.__assign({role:"presentation",className:"group-type-info-box ".concat(s===a?"group-type-info-box--active":""," "),onClick:function(){!function(e){u(e),c(n.PageStateTypes.CREATE_DETAIL)}(s)}},{children:[t.jsxs("div",o.__assign({className:"group-type-info-title"},{children:[s===a&&t.jsx(r.Icon,{className:"box-active-icon",type:i.IconTypes.RIGHT,width:16,height:16}),s]})),t.jsx("div",o.__assign({className:"group-type-info-description"},{children:p}))]}),s)})),t.jsx("a",o.__assign({className:"group-type-info-document",target:"_blank",href:"https://www.tencentcloud.com/document/product/1047/33515?lang=en&pg=#group-features",rel:"bookmark noreferrer"},{children:"Details"}))]}))},exports.typeInfoList=s;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime");require("react"),require("../../node_modules/@babel/runtime/helpers/extends.js"),require("../../node_modules/html-parse-stringify/dist/html-parse-stringify.js"),require("../../node_modules/react-i18next/dist/es/context.js");var o,r=require("../../node_modules/react-i18next/dist/es/useTranslation.js"),n=require("./ConversationCreate.js"),i=require("../Icon/Icon.js"),s=require("../Icon/type.js");exports.GroupType=void 0,(o=exports.GroupType||(exports.GroupType={})).Work="Private",o.Public="Public",o.Meeting="ChatRoom",o.AVChatRoom="AVChatRoom",o.Community="Community";var a=[{type:"Work",des:"Users can join the group only via invitation by existing members. The invitation does not need to be agreed by the invitee or approved by the group owner. See the documentation for details."},{type:"Public",des:"After a public group is created, the group owner can designate group admins. To join the group, a user needs to search the group ID and send a request, which needs to be approved by the group owner or an admin before the user can join the group. See the documentation for details."},{type:"Meeting",des:"After the group is created, a user can join and quit the group freely and can view the messages sent before joining the group. It is suitable for scenarios that integrate Tencent Real-Time Communication (TRTC), such as audio and video conferences and online education. See the documentation for details."},{type:"AVChatRoom",des:"After a group is created, a user can join and quit the group freely. The group can have an unlimited number of members, but it does not store message history. It can be combined with Live Video Broadcasting (LVB) to support on-screen comment scenarios. See the documentation for details."},{type:"Community",des:"After creation, you can enter and leave at will, support up to 100,000 people, support historical message storage, and after users search for group ID and initiate a group application, they can join the group without administrator approval. See product documentation for details."}];exports.ConversationGroupTypeInfo=function(o){var u=o.groupType,p=o.setGroupType,c=o.setPageState,d=r.useTranslation().t;return t.jsxs("div",e.__assign({className:"tui-conversation-group-type-info"},{children:[a.map((function(o){var r=o.type,a=o.des;return t.jsxs("div",e.__assign({role:"presentation",className:"group-type-info-box ".concat(r===u?"group-type-info-box--active":""," "),onClick:function(){!function(e){p(e),c(n.PageStateTypes.CREATE_DETAIL)}(r)}},{children:[t.jsxs("div",e.__assign({className:"group-type-info-title"},{children:[r===u&&t.jsx(i.Icon,{className:"box-active-icon",type:s.IconTypes.RIGHT,width:16,height:16}),d("TUIConversation.".concat(r))]})),t.jsx("div",e.__assign({className:"group-type-info-description"},{children:d("TUIConversation.".concat(a))}))]}),r)})),t.jsx("a",e.__assign({className:"group-type-info-document",target:"_blank",href:"https://www.tencentcloud.com/document/product/1047/33515?lang=en&pg=#group-features",rel:"bookmark noreferrer"},{children:d("TUIConversation.Details")}))]}))},exports.typeInfoList=a;

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),i=require("react"),s=require("../../context/TUIKitContext.js");require("../../context/TUIMessageContext.js");var a=require("./ConversationPreviewContent.js"),n=require("./utils.js");exports.ConversationPreview=function(r){var o=r.activeConversation,u=r.conversation,l=r.Preview,v=void 0===l?a.ConversationPreviewContent:l,c=r.searchValue,g=r.conversationUpdateCount,p=s.useTUIKitContext("ConversationPreview"),C=p.setActiveConversation,y=p.myProfile,d=i.useState(n.getDisplayImage(u)),D=d[0],x=d[1],T=i.useState(n.getDisplayTitle(u,c)),m=T[0],I=T[1],j=i.useState(n.getDisplayMessage(u,y)),q=j[0],P=j[1],f=i.useState(n.getDisplayTime(u)),w=f[0],M=f[1],S=i.useState(u.unreadCount),U=S[0],_=S[1],b=(null==o?void 0:o.conversationID)===(null==u?void 0:u.conversationID);return v?(i.useEffect((function(){I(n.getDisplayTitle(u,c)),P(n.getDisplayMessage(u,y)),x(n.getDisplayImage(u)),M(n.getDisplayTime(u)),_(u.unreadCount)}),[u,c,g]),t.jsx(v,e.__assign({},r,{active:b,displayImage:D,displayTitle:m,displayMessage:q,displayTime:w,unread:U,setActiveConversation:C}))):null};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),i=require("react"),s=require("../../context/TUIKitContext.js");require("../../context/TUIMessageContext.js");var a=require("./ConversationPreviewContent.js"),n=require("./utils.js");exports.ConversationPreview=function(r){var o=r.activeConversation,u=r.conversation,l=r.Preview,v=void 0===l?a.ConversationPreviewContent:l,c=r.searchValue,g=r.conversationUpdateCount,C=s.useTUIKitContext("TUIConversation").language,p=s.useTUIKitContext("ConversationPreview"),y=p.setActiveConversation,d=p.myProfile,T=i.useState(n.getDisplayImage(u)),x=T[0],D=T[1],I=i.useState(n.getDisplayTitle(u,c)),m=I[0],j=I[1],q=i.useState(n.getDisplayMessage(u,d,C)),P=q[0],f=q[1],U=i.useState(n.getDisplayTime(u,C)),w=U[0],M=U[1],S=i.useState(u.unreadCount),_=S[0],K=S[1],b=(null==o?void 0:o.conversationID)===(null==u?void 0:u.conversationID);return v?(i.useEffect((function(){j(n.getDisplayTitle(u,c)),f(n.getDisplayMessage(u,d,C)),D(n.getDisplayImage(u)),M(n.getDisplayTime(u,C)),K(u.unreadCount)}),[u,c,g,C]),t.jsx(v,e.__assign({},r,{active:b,displayImage:x,displayTitle:m,displayMessage:P,displayTime:w,unread:_,setActiveConversation:y}))):null};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("react/jsx-runtime"),s=require("react"),i=require("../Avatar/Avatar.js"),t=require("../Icon/Icon.js"),a=require("../Icon/type.js"),o=require("../Plugins/index.js"),r=require("../../hooks/useConversation.js"),c=require("../../context/TUIKitContext.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(l){var u=l.conversation,v=l.Avatar,d=void 0===v?i.Avatar:v,m=l.displayImage,p=l.displayTitle,x=l.displayMessage,j=l.displayTime,_=l.unread,g=l.active,h=l.setActiveConversation,C=s.useRef(null),f=g?"conversation-preview-content--active":"",N=_&&_>=1?"conversation-preview-content--unread":"",P=u.isPinned?"conversation-preview-content--pin":"",I=s.useState(!1),y=I[0],q=I[1],w=c.useTUIKitContext("ConversationPreviewContent"),b=w.chat,M=w.conversation,T=r.useConversation(b),k=T.pinConversation,A=T.deleteConversation,D=function(e){var n=u.conversationID,s=u.isPinned;switch(e){case"pin":k({conversationID:n,isPinned:!s});break;case"delete":A(n),u===M&&h(null)}};return n.jsxs("button",e.__assign({type:"button","aria-selected":g,role:"option",className:"conversation-preview-container ".concat(f," ").concat(N," ").concat(P),onClick:function(){h&&h(u),(null==C?void 0:C.current)&&C.current.blur()},onMouseEnter:function(){q(!0)},onMouseLeave:function(){q(!1)},ref:C},{children:[n.jsx("div",e.__assign({className:"avatar"},{children:n.jsx(d,{image:m,name:p,size:40})})),n.jsxs("div",e.__assign({className:"content"},{children:[n.jsx("div",e.__assign({className:"title"},{children:p})),n.jsx("div",e.__assign({className:"message"},{children:x}))]})),n.jsxs("div",e.__assign({className:"external"},{children:[_?n.jsx("div",e.__assign({className:"unread"},{children:_<=99?_:"99+"})):n.jsx("div",{className:"unread"}),y?n.jsx("div",e.__assign({className:"".concat(y?"more--hover":"more")},{children:n.jsx(o.Plugins,{customClass:"more-handle-box",plugins:[n.jsx("div",e.__assign({role:"presentation",className:"more-handle-item",onClick:function(e){e.stopPropagation(),D("pin")}},{children:u.isPinned?"Cancel Pin":"Pin"})),n.jsx("div",e.__assign({className:"more-handle-item",style:{color:"#FF584C"},onClick:function(e){e.stopPropagation(),D("delete")},role:"presentation"},{children:"Delete"}))],showNumber:0,MoreIcon:n.jsx(t.Icon,{className:"icon-more",width:16,height:16,type:a.IconTypes.MORE})})})):n.jsx("div",e.__assign({className:"time"},{children:j}))]}))]}))}require("../../context/TUIMessageContext.js");var v=l(s).default.memo(u);exports.ConversationPreviewContent=v,exports.unMemoConversationPreviewContent=u;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("react/jsx-runtime"),s=require("react");require("../../node_modules/@babel/runtime/helpers/extends.js"),require("../../node_modules/html-parse-stringify/dist/html-parse-stringify.js"),require("../../node_modules/react-i18next/dist/es/context.js");var i=require("../../node_modules/react-i18next/dist/es/useTranslation.js"),t=require("../Avatar/Avatar.js"),r=require("../Icon/Icon.js"),o=require("../Icon/type.js"),a=require("../Plugins/index.js"),c=require("../../hooks/useConversation.js"),l=require("../../context/TUIKitContext.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function d(u){var d=u.conversation,v=u.Avatar,m=void 0===v?t.Avatar:v,p=u.displayImage,x=u.displayTitle,j=u.displayMessage,_=u.displayTime,h=u.unread,g=u.active,C=u.setActiveConversation,f=i.useTranslation().t,I=s.useRef(null),q=g?"conversation-preview-content--active":"",N=h&&h>=1?"conversation-preview-content--unread":"",y=d.isPinned?"conversation-preview-content--pin":"",P=s.useState(!1),b=P[0],T=P[1],w=l.useTUIKitContext("ConversationPreviewContent"),M=w.chat,U=w.conversation,k=c.useConversation(M),A=k.pinConversation,D=k.deleteConversation,E=function(e){var n=d.conversationID,s=d.isPinned;switch(e){case"pin":A({conversationID:n,isPinned:!s});break;case"delete":D(n),d===U&&C(null)}};return n.jsxs("button",e.__assign({type:"button","aria-selected":g,role:"option",className:"conversation-preview-container ".concat(q," ").concat(N," ").concat(y),onClick:function(){C&&C(d),(null==I?void 0:I.current)&&I.current.blur()},onMouseEnter:function(){T(!0)},onMouseLeave:function(){T(!1)},ref:I},{children:[n.jsx("div",e.__assign({className:"avatar"},{children:n.jsx(m,{image:p,name:x,size:40})})),n.jsxs("div",e.__assign({className:"content"},{children:[n.jsx("div",e.__assign({className:"title"},{children:x})),n.jsx("div",e.__assign({className:"message"},{children:j}))]})),n.jsxs("div",e.__assign({className:"external"},{children:[h?n.jsx("div",e.__assign({className:"unread"},{children:h<=99?h:"99+"})):n.jsx("div",{className:"unread"}),b?n.jsx("div",e.__assign({className:"".concat(b?"more--hover":"more")},{children:n.jsx(a.Plugins,{customClass:"more-handle-box",plugins:[n.jsx("div",e.__assign({role:"presentation",className:"more-handle-item",onClick:function(e){e.stopPropagation(),E("pin")}},{children:f(d.isPinned?"TUIConversation.Unpin":"TUIConversation.Pin")})),n.jsx("div",e.__assign({className:"more-handle-item",style:{color:"#FF584C"},onClick:function(e){e.stopPropagation(),E("delete")},role:"presentation"},{children:f("TUIConversation.Delete")}))],showNumber:0,MoreIcon:n.jsx(r.Icon,{className:"icon-more",width:16,height:16,type:o.IconTypes.MORE})})})):n.jsx("div",e.__assign({className:"time"},{children:_}))]}))]}))}require("../../context/TUIMessageContext.js");var v=u(s).default.memo(d);exports.ConversationPreviewContent=v,exports.unMemoConversationPreviewContent=d;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),a=require("date-fns"),t=require("@tencentcloud/chat");require("react"),require("../Icon/config.js"),require("../Icon/type.js");var s=require("../Avatar/default.js"),i=require("../TUIMessage/utils/emojiMap.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=o(t),l=function(e){if(!e)return null;var r={},a=e.type,t=e.groupProfile,s=e.userProfile;switch(a){case n.default.TYPES.CONV_C2C:r=s;break;case n.default.TYPES.CONV_GROUP:r=t;case n.default.TYPES.CONV_SYSTEM:}return r},c=function(e){return e?a.isThisYear(e)?a.isToday(e)?a.format(e,"p"):a.isYesterday(e)?a.formatDistance(e,new Date):a.isThisWeek(e)?a.format(e,"eeee"):a.format(e,"MMM dd"):a.format(e,"yyyy MMM dd"):""};exports.getDisplayImage=function(e){var r=e.type,a=l(e).avatar,t=a;if(!a)switch(r){case n.default.TYPES.CONV_C2C:t=s.defaultUserAvatar;break;case n.default.TYPES.CONV_GROUP:default:t=s.defaultGroupAvatarWork}return t},exports.getDisplayMessage=function(a,t){var s=a.lastMessage,o=a.type,l=s.fromAccount,c=s.nick,u=s.nameCard,d=s.isRevoked,f="";switch(o){case n.default.TYPES.CONV_GROUP:f=(null==s?void 0:s.fromAccount)===(null==t?void 0:t.userID)?"You":"".concat(u||c||l||""),f="".concat(f?"".concat(f,":"):"");break;case n.default.TYPES.CONV_C2C:f=d?"you ":""}return r.jsxs("div",e.__assign({style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}},{children:[r.jsx("span",{children:f}),r.jsx("span",{children:s.isRevoked?"recalled a message":i.formatEmojiString(s.messageForShow,1)})]}))},exports.getDisplayTime=function(e){var r=e.lastMessage;return c(1e3*r.lastTime)},exports.getDisplayTitle=function(a,t,s){void 0===s&&(s="#147AFF");var i=l(a),o=i.name,c=i.nick,u=i.groupID,d=i.userID,f="";switch(a.type){case n.default.TYPES.CONV_C2C:f=c||d;break;case n.default.TYPES.CONV_GROUP:f=o||u;break;default:f=""}var p,v;return t?(v=(p=f).toLocaleLowerCase().indexOf(t.toLocaleLowerCase()),r.jsxs("div",{children:[r.jsx("span",{children:p.slice(0,v)}),r.jsx("span",e.__assign({style:{color:s}},{children:p.slice(v,v+t.length)})),r.jsx("span",{children:p.slice(v+t.length)})]})):f},exports.getMessageProfile=l,exports.getTimeStamp=c;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),a=require("@tencentcloud/chat");require("react"),require("../Icon/config.js"),require("../Icon/type.js");var t=require("../Avatar/default.js"),s=require("../TUIMessage/utils/emojiMap.js"),i=require("../untils.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=l(a),o=function(e){if(!e)return null;var r={},a=e.type,t=e.groupProfile,s=e.userProfile;switch(a){case n.default.TYPES.CONV_C2C:r=s;break;case n.default.TYPES.CONV_GROUP:r=t;case n.default.TYPES.CONV_SYSTEM:}return r};exports.getDisplayImage=function(e){var r=e.type,a=o(e).avatar,s=a;if(!a)switch(r){case n.default.TYPES.CONV_C2C:s=t.defaultUserAvatar;break;case n.default.TYPES.CONV_GROUP:default:s=t.defaultGroupAvatarWork}return s},exports.getDisplayMessage=function(a,t,i){var l=a.lastMessage,o=a.type,u=l.fromAccount,c=l.nick,d=l.nameCard,f=l.isRevoked,p="";switch(o){case n.default.TYPES.CONV_GROUP:p=(null==l?void 0:l.fromAccount)===(null==t?void 0:t.userID)?"You":"".concat(d||c||u||""),p="".concat(p?"".concat(p,":"):"");break;case n.default.TYPES.CONV_C2C:p=f?"you ":""}return r.jsxs("div",e.__assign({style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}},{children:[r.jsx("span",{children:p}),r.jsx("span",{children:l.isRevoked?"recalled a message":s.formatEmojiString(l.messageForShow,1,i)})]}))},exports.getDisplayTime=function(e,r){var a=e.lastMessage;return i.getTimeStamp(1e3*a.lastTime,r)},exports.getDisplayTitle=function(a,t,s){void 0===s&&(s="#147AFF");var i=o(a),l=i.name,u=i.nick,c=i.groupID,d=i.userID,f=a.type,p=a.remark,v="";switch(f){case n.default.TYPES.CONV_C2C:v=p||u||d;break;case n.default.TYPES.CONV_GROUP:v=l||c;break;default:v=""}var g,C;return t?(C=(g=v).toLocaleLowerCase().indexOf(t.toLocaleLowerCase()),r.jsxs("div",{children:[r.jsx("span",{children:g.slice(0,C)}),r.jsx("span",e.__assign({style:{color:s}},{children:g.slice(C,C+t.length)})),r.jsx("span",{children:g.slice(C+t.length)})]})):v},exports.getMessageProfile=o;

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../Icon/Icon.js"),a=require("../Icon/type.js"),n=require("../Input/Input.js");exports.ConversationSearchInput=function(t){var c=t.className,o=void 0===c?"":c,s=t.placeholder,i=t.clearable,u=t.value,p=t.onChange,l=t.prefix,h=void 0===l?e.jsx(r.Icon,{type:a.IconTypes.SEARCH,height:16,width:16}):l;return e.jsx(n.Input,{className:"conversation-search-input ".concat(o),placeholder:s||"Search",clearable:i,value:u,onChange:p,prefix:h})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react"),require("../../node_modules/@babel/runtime/helpers/extends.js"),require("../../node_modules/html-parse-stringify/dist/html-parse-stringify.js"),require("../../node_modules/react-i18next/dist/es/context.js");var r=require("../../node_modules/react-i18next/dist/es/useTranslation.js"),s=require("../Icon/Icon.js"),t=require("../Icon/type.js"),n=require("../Input/Input.js");exports.ConversationSearchInput=function(a){var i=a.className,o=void 0===i?"":i,u=a.placeholder,c=a.clearable,l=a.value,d=a.onChange,p=a.prefix,h=void 0===p?e.jsx(s.Icon,{type:t.IconTypes.SEARCH,height:16,width:16}):p,j=r.useTranslation().t;return e.jsx(n.Input,{className:"conversation-search-input ".concat(o),placeholder:u||j("TUIConversation.Search"),clearable:c,value:l,onChange:d,prefix:h})};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react/jsx-runtime"),r=require("../ConversationPreview/ConversationPreview.js");require("react");var n=require("../Icon/Icon.js"),t=require("../Icon/type.js");require("@tencentcloud/chat"),require("../../context/TUIMessageContext.js"),require("../ConversationCreate/ConversationCreate.js"),require("../ConversationCreate/ConversationGroupTypeInfo.js"),require("date-fns"),require("../TUIProfile/TUIProfileDefault.js"),require("../../constants.js"),require("../TUIMessage/hooks/useMessageReply.js"),require("../TUIMessage/MessagePlugins.js"),require("../TUIMessage/MessageContext.js"),require("../TUIMessageInput/hooks/useHandleQuoteMessage.js"),require("../Switch/Switch.js"),exports.ConversationSearchResult=function(i){var o=i.result,a=i.searchValue,u=i.Preview;return s.jsx("div",{children:0===(null==o?void 0:o.length)?s.jsxs("div",e.__assign({className:"conversation-search-result no-result"},{children:[s.jsx(n.Icon,{className:"no-result-icon",type:t.IconTypes.CRY,width:42,height:42}),s.jsx("span",e.__assign({className:"no-result-message"},{children:'No results for "'.concat(a,'"')}))]})):o.map((function(n){var t={conversation:n,Preview:u};return s.jsx(r.ConversationPreview,e.__assign({searchValue:a},t),n.conversationID)}))})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react/jsx-runtime"),r=require("../ConversationPreview/ConversationPreview.js");require("react"),require("../../node_modules/@babel/runtime/helpers/extends.js"),require("../../node_modules/html-parse-stringify/dist/html-parse-stringify.js"),require("../../node_modules/react-i18next/dist/es/context.js");var n=require("../Icon/Icon.js"),i=require("../Icon/type.js");require("@tencentcloud/chat"),require("../../context/TUIMessageContext.js"),require("../ConversationCreate/ConversationCreate.js"),require("../ConversationCreate/ConversationGroupTypeInfo.js"),require("date-fns"),require("date-fns/locale"),require("../TUIProfile/TUIProfileDefault.js"),require("../../constants.js"),require("../TUIMessage/hooks/useMessageReply.js"),require("../TUIMessage/MessagePlugins.js"),require("../TUIMessage/MessageContext.js"),require("../TUIMessageInput/hooks/useHandleQuoteMessage.js"),require("../Switch/Switch.js"),require("../../locales/index.js"),exports.ConversationSearchResult=function(t){var o=t.result,a=t.searchValue,u=t.Preview;return s.jsx("div",{children:0===(null==o?void 0:o.length)?s.jsxs("div",e.__assign({className:"conversation-search-result no-result"},{children:[s.jsx(n.Icon,{className:"no-result-icon",type:i.IconTypes.CRY,width:42,height:42}),s.jsx("span",e.__assign({className:"no-result-message"},{children:'No results for "'.concat(a,'"')}))]})):o.map((function(n){var i={conversation:n,Preview:u};return s.jsx(r.ConversationPreview,e.__assign({searchValue:a},i),n.conversationID)}))})};

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

@@ -1,3 +1,4 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import { PropsWithChildren } from 'react';
 
 interface DivWithEditProps {
@@ -11,6 +12,6 @@ interface DivWithEditProps {
     toggle?: (name: string) => void;
     close?: () => void;
 }
-declare function DivWithEdit<T extends DivWithEditProps>(props: PropsWithChildren<T>): JSX.Element;
+declare function DivWithEdit<T extends DivWithEditProps>(props: PropsWithChildren<T>): react_jsx_runtime.JSX.Element;
 
 export { DivWithEdit };

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

@@ -1,10 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import { PropsWithChildren } from 'react';
 
 interface EmptyStateIndicatorProps {
     /** List Type: conversation | message */
     listType?: 'conversation' | 'message' | 'chat';
 }
-declare function UnMemoizedEmptyStateIndicator<T extends EmptyStateIndicatorProps>(props: PropsWithChildren<T>): JSX.Element;
+declare function UnMemoizedEmptyStateIndicator<T extends EmptyStateIndicatorProps>(props: PropsWithChildren<T>): react_jsx_runtime.JSX.Element;
 declare const EmptyStateIndicator: typeof UnMemoizedEmptyStateIndicator;
 
 export { EmptyStateIndicator, EmptyStateIndicatorProps };

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

@@ -1,3 +1,4 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import React from 'react';
 import { IconTypes } from './type.js';
 
@@ -9,6 +10,6 @@ interface IconProps {
     onClick?: (event: React.BaseSyntheticEvent) => void;
     className?: string;
 }
-declare function Icon(props: React.PropsWithChildren<IconProps>): JSX.Element;
+declare function Icon(props: React.PropsWithChildren<IconProps>): react_jsx_runtime.JSX.Element;
 
 export { Icon, IconProps, changeTypeToIconClassName };

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

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

package/dist/cjs/components/Icon/images/add-friend.svg.js

@@ -0,0 +1 @@
+"use strict";module.exports="data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23clip0_4042_40004%29%22%3E%3Cmask%20id%3D%22path-1-inside-1_4042_40004%22%20fill%3D%22white%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M19.6893%2017.8913C21.131%2016.1584%2021.998%2013.9304%2021.998%2011.5C21.998%205.97715%2017.5209%201.5%2011.998%201.5C6.4752%201.5%201.99805%205.97715%201.99805%2011.5C1.99805%2017.0228%206.4752%2021.5%2011.998%2021.5C14.1036%2021.5%2016.0571%2020.8493%2017.6686%2019.738C17.6858%2019.7471%2017.7041%2019.7551%2017.7233%2019.7619L19.9382%2020.5463C20.2554%2020.6587%2020.5611%2020.3529%2020.4488%2020.0357L19.6893%2017.8913Z%22%2F%3E%3C%2Fmask%3E%3Cpath%20d%3D%22M19.6893%2017.8913L18.5362%2016.932L17.9906%2017.5879L18.2754%2018.3921L19.6893%2017.8913ZM17.6686%2019.738L18.3687%2018.4114L17.5651%2017.9872L16.817%2018.5031L17.6686%2019.738ZM17.7233%2019.7619L17.2226%2021.1759H17.2226L17.7233%2019.7619ZM19.9382%2020.5463L20.4389%2019.1324L19.9382%2020.5463ZM20.4488%2020.0357L19.0348%2020.5365L20.4488%2020.0357ZM20.498%2011.5C20.498%2013.5672%2019.762%2015.4585%2018.5362%2016.932L20.8425%2018.8506C22.5%2016.8582%2023.498%2014.2937%2023.498%2011.5H20.498ZM11.998%203C16.6925%203%2020.498%206.80558%2020.498%2011.5H23.498C23.498%205.14873%2018.3493%200%2011.998%200V3ZM3.49805%2011.5C3.49805%206.80558%207.30363%203%2011.998%203V0C5.64677%200%200.498047%205.14873%200.498047%2011.5H3.49805ZM11.998%2020C7.30363%2020%203.49805%2016.1944%203.49805%2011.5H0.498047C0.498047%2017.8513%205.64677%2023%2011.998%2023V20ZM16.817%2018.5031C15.4479%2019.4473%2013.7898%2020%2011.998%2020V23C14.4174%2023%2016.6663%2022.2512%2018.5201%2020.9728L16.817%2018.5031ZM18.2241%2018.348C18.2732%2018.3654%2018.3216%2018.3865%2018.3687%2018.4114L16.9684%2021.0645C17.0501%2021.1076%2017.135%2021.1448%2017.2226%2021.1759L18.2241%2018.348ZM20.4389%2019.1324L18.2241%2018.348L17.2226%2021.1759L19.4374%2021.9603L20.4389%2019.1324ZM19.0348%2020.5365C18.7259%2019.6641%2019.5666%2018.8234%2020.4389%2019.1324L19.4374%2021.9603C20.9442%2022.4939%2022.3964%2021.0417%2021.8627%2019.535L19.0348%2020.5365ZM18.2754%2018.3921L19.0348%2020.5365L21.8627%2019.535L21.1033%2017.3906L18.2754%2018.3921Z%22%20fill%3D%22%23147AFF%22%20style%3D%22fill%3A%23147AFF%3Bfill%3Acolor%28display-p3%200.0784%200.4784%201.0000%29%3Bfill-opacity%3A1%3B%22%20mask%3D%22url%28%23path-1-inside-1_4042_40004%29%22%2F%3E%3Cpath%20d%3D%22M8%2011.5H16%22%20stroke%3D%22%23147AFF%22%20style%3D%22stroke%3A%23147AFF%3Bstroke%3Acolor%28display-p3%200.0784%200.4784%201.0000%29%3Bstroke-opacity%3A1%3B%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M12%2015.5L12%207.5%22%20stroke%3D%22%23147AFF%22%20style%3D%22stroke%3A%23147AFF%3Bstroke%3Acolor%28display-p3%200.0784%200.4784%201.0000%29%3Bstroke-opacity%3A1%3B%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_4042_40004%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22white%22%20style%3D%22fill%3Awhite%3Bfill%3Awhite%3Bfill-opacity%3A1%3B%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E";

package/dist/cjs/components/Icon/images/down-arrow.png.js

@@ -0,0 +1 @@
+"use strict";module.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAACXBIWXMAAAsTAAALEwEAmpwYAAABZWlDQ1BEaXNwbGF5IFAzAAB4nHWQvUvDUBTFT6tS0DqIDh0cMolD1NIKdnFoKxRFMFQFq1OafgltfCQpUnETVyn4H1jBWXCwiFRwcXAQRAcR3Zw6KbhoeN6XVNoi3sfl/Ticc7lcwBtQGSv2AijplpFMxKS11Lrke4OHnlOqZrKooiwK/v276/PR9d5PiFlNu3YQ2U9cl84ul3aeAlN//V3Vn8maGv3f1EGNGRbgkYmVbYsJ3iUeMWgp4qrgvMvHgtMunzuelWSc+JZY0gpqhrhJLKc79HwHl4plrbWD2N6f1VeXxRzqUcxhEyYYilBRgQQF4X/8044/ji1yV2BQLo8CLMpESRETssTz0KFhEjJxCEHqkLhz634PrfvJbW3vFZhtcM4v2tpCAzidoZPV29p4BBgaAG7qTDVUR+qh9uZywPsJMJgChu8os2HmwiF3e38M6Hvh/GMM8B0CdpXzryPO7RqFn4Er/QfBIQM2AAAAUUlEQVR4AYWOAQkAIQxFP5fgIlyEi2oEGxjBCNpAbGAD/YrCkImDt8Hfgw0APuLm1GrsH7Yi5FeRPMkySCQIeWVWO7Hk/yTtciURl+qywfZvAwveD9g2Kx/SAAAAAElFTkSuQmCC";

package/dist/cjs/components/Icon/images/right-arrow.svg.js

@@ -0,0 +1 @@
+"use strict";module.exports="data:image/svg+xml,%3Csvg%20width%3D%226%22%20height%3D%2210%22%20viewBox%3D%220%200%206%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1.69071%200.283877C1.5751%200.169695%201.42795%200.107415%201.25453%200.107415C0.907683%200.107415%200.629156%200.377298%200.629156%200.719841C0.629156%200.891113%200.702729%201.04681%200.823599%201.16619L4.50226%204.71618L0.8236%208.2558C0.70273%208.37518%200.629157%208.53607%200.629157%208.70215C0.629157%209.04469%200.907684%209.31458%201.25453%209.31458C1.42795%209.31458%201.5751%209.25229%201.69071%209.13811L5.77928%205.19367C5.92643%205.05873%205.99474%204.89265%206%204.71099C6%204.52934%205.92643%204.37364%205.77928%204.23351L1.69071%200.283877Z%22%20fill%3D%22black%22%20style%3D%22fill%3Ablack%3Bfill%3Ablack%3Bfill-opacity%3A1%3B%22%2F%3E%3C%2Fsvg%3E";

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

@@ -41,7 +41,8 @@ declare enum IconTypes {
     UNUNION = "ununion",
     VECTOR = "vector",
     UNVECTOR = "unvector",
-    VOICE = "voice"
+    VOICE = "voice",
+    ADDFRIEND = "addFriend"
 }
 
 export { IconTypes };

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

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

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

@@ -11,6 +11,7 @@ interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'
     border?: '' | 'bottom';
     disabled?: boolean;
     maxLength?: number;
+    onKeyDown?: (options?: object) => void;
 }
 interface InputRef {
     focus: (options?: object) => void;

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

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

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

@@ -6,6 +6,7 @@ interface PluginsProps {
     MoreIcon?: any;
     className?: string;
     customClass?: string;
+    style?: any;
     root?: any;
     handleVisible?: (isVisible: any) => void;
     showMore?: boolean;

package/dist/cjs/components/Plugins/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react/jsx-runtime"),n=require("react"),i=require("../Icon/Icon.js"),r=require("../Icon/type.js"),o=require("../Popup/index.js"),l=require("./hooks/usePluginsElement.js");function t(t,u){var a=t.plugins,c=void 0===a?[]:a,p=t.showNumber,d=t.MoreIcon,g=t.className,m=void 0===g?"":g,h=t.customClass,v=void 0===h?"":h,j=t.root,x=t.handleVisible;n.useImperativeHandle(u,(function(){return{closeMore:function(e){P(!1)}}}));var _=l.usePluginsElement({plugins:c,showNumber:p}),f=_.showPicker,N=_.elements,b=n.useState(!1),I=b[0],P=b[1],q=function(e){e.stopPropagation(),P(!I)};return(f.length>0||(null==N?void 0:N.length)>0)&&s.jsxs("ul",e.__assign({className:"plugin ".concat(m)},{children:[(null==f?void 0:f.length)>0&&f.map((function(n,i){var r="".concat(n).concat(i);return s.jsx("li",e.__assign({className:"plugin-item"},{children:n}),r)})),(null==N?void 0:N.length)>0&&s.jsxs("div",e.__assign({className:"plugin-popup"},{children:[s.jsxs("div",e.__assign({role:"menuitem",tabIndex:0,className:"more",onClick:q},{children:[!d&&s.jsx(i.Icon,{width:20,height:20,type:r.IconTypes.ADD}),d&&d]})),s.jsx(o.Popup,e.__assign({className:"plugin-popup-box ".concat(v),show:I,close:q,root:j,handleVisible:x},{children:s.jsx("ul",{children:N.map((function(n,i){var r="".concat(n).concat(i);return s.jsx("li",e.__assign({className:"plugin-item"},{children:n}),r)}))})}))]}))]}))}var u=n.forwardRef(t);exports.Plugins=u;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("react/jsx-runtime"),s=require("react"),i=require("../Icon/Icon.js"),r=require("../Icon/type.js"),t=require("../Popup/index.js"),l=require("./hooks/usePluginsElement.js");function o(o,c){var u=o.plugins,a=void 0===u?[]:u,d=o.showNumber,g=o.MoreIcon,h=o.className,p=void 0===h?"":h,m=o.style,v=o.customClass,_=void 0===v?"":v,f=o.root,x=o.handleVisible;s.useImperativeHandle(c,(function(){return{closeMore:function(e){I(!1)}}}));var j=l.usePluginsElement({plugins:a,showNumber:d}),P=j.showPicker,N=j.elements,b=s.useRef(null),w=s.useState(!1),y=w[0],I=w[1],q=function e(n){n.stopPropagation(),I(!y),y||b.current.offsetParent.removeEventListener("scroll",e)};return(P.length>0||(null==N?void 0:N.length)>0)&&n.jsxs("ul",e.__assign({className:"plugin ".concat(p)},{children:[(null==P?void 0:P.length)>0&&P.map((function(s,i){var r="".concat(s).concat(i);return n.jsx("li",e.__assign({className:"plugin-item"},{children:s}),r)})),(null==N?void 0:N.length)>0&&n.jsxs("div",e.__assign({className:"plugin-popup",ref:b},{children:[n.jsxs("div",e.__assign({role:"menuitem",tabIndex:0,className:"more",onClick:q},{children:[!g&&n.jsx(i.Icon,{width:20,height:20,type:r.IconTypes.ADD}),g&&g]})),n.jsx(t.Popup,e.__assign({className:"plugin-popup-box ".concat(_),style:m,show:y,close:q,root:f,handleVisible:function(n){if(x){var s=b.current.children[1].getBoundingClientRect(),i=s.width,r=s.height,t=b.current.getBoundingClientRect(),l=t.x,o=void 0===l?0:l,c=t.y,u=void 0===c?0:c;b.current.offsetParent.addEventListener("scroll",q),x(e.__assign(e.__assign({},n),{width:i,height:r,x:o,y:u}))}}},{children:n.jsx("ul",{children:N.map((function(s,i){var r="".concat(s).concat(i);return n.jsx("li",e.__assign({className:"plugin-item"},{children:s}),r)}))})}))]}))]}))}var c=s.forwardRef(o);exports.Plugins=c;

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

@@ -2,6 +2,7 @@ import React from 'react';
 
 interface PopupProps {
     className?: string;
+    style?: any;
     show?: boolean;
     close?: (e: any) => void;
     root?: any;

package/dist/cjs/components/Popup/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),n=require("react");exports.Popup=function(o){var r=o.show,u=o.close,i=o.children,s=o.className,c=o.root,l=o.handleVisible,v=n.useRef(),a=n.useState(!1),d=a[0],p=a[1];n.useLayoutEffect((function(){var e,t;return r?(window.addEventListener("mouseup",u,!1),null===(e=null==v?void 0:v.current)||void 0===e||e.addEventListener("mouseup",f)):(window.removeEventListener("mouseup",u,!1),null===(t=null==v?void 0:v.current)||void 0===t||t.removeEventListener("mouseup",f)),function(){var e;window.removeEventListener("mouseup",u,!1),null===(e=null==v?void 0:v.current)||void 0===e||e.removeEventListener("mouseup",f)}}),[r]),n.useLayoutEffect((function(){var e=new IntersectionObserver((function(e){var t=e[0],n=t.boundingClientRect,o=t.rootBounds,r=t.intersectionRatio;l&&r<1&&l({left:n.left-n.width<o.left,top:n.bottom+n.height<o.bottom}),p(!0)}),{root:c,threshold:[1]});return v&&r&&e.observe(null==v?void 0:v.current),function(){e.disconnect(),p(!1)}}),[v,r]);var f=function(e){e.stopPropagation()};return r&&t.jsx("div",e.__assign({role:"button",tabIndex:0,className:"popup ".concat(s," ").concat(d&&"popup-show"),ref:v},{children:i}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),n=require("react");exports.Popup=function(o){var r=o.show,i=o.close,u=o.children,s=o.className,l=o.style,c=o.root,a=o.handleVisible,d=n.useRef(),v=n.useState(!1),p=v[0],f=v[1];n.useLayoutEffect((function(){var e,t;return r?(window.addEventListener("mouseup",i,!1),null===(e=null==d?void 0:d.current)||void 0===e||e.addEventListener("mouseup",h)):(window.removeEventListener("mouseup",i,!1),null===(t=null==d?void 0:d.current)||void 0===t||t.removeEventListener("mouseup",h)),function(){var e;window.removeEventListener("mouseup",i,!1),null===(e=null==d?void 0:d.current)||void 0===e||e.removeEventListener("mouseup",h)}}),[r]),n.useLayoutEffect((function(){var t=new IntersectionObserver((function(t){var n=t[0],o=n.boundingClientRect,r=n.rootBounds,i=n.intersectionRatio,u=d.current.getBoundingClientRect()||{},s=(null==c?void 0:c.getBoundingClientRect())||{},l=e.__assign(e.__assign({},o),u),v=e.__assign(e.__assign({},r),s);a&&i<1&&a({left:l.left-l.width<v.left,top:l.bottom+l.height<v.bottom,width:l.width,height:l.height}),f(!0)}),{root:c,threshold:[1]});return d&&r&&t.observe(null==d?void 0:d.current),function(){t.disconnect(),f(!1)}}),[d,r]);var h=function(e){e.stopPropagation()};return r&&t.jsx("div",e.__assign({role:"button",tabIndex:0,style:l,className:"popup ".concat(s," ").concat(p&&"popup-show"),ref:d},{children:u}))};

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

@@ -1,3 +1,4 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import React from 'react';
 
 interface Props {
@@ -6,7 +7,7 @@ interface Props {
     checkedColor?: string;
     className?: string;
 }
-declare function Switch(props: Props): JSX.Element;
+declare function Switch(props: Props): react_jsx_runtime.JSX.Element;
 declare namespace Switch {
     var defaultProps: {
         checkedColor: string;

package/dist/cjs/components/TUIChat/TUIChat.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react"),t=require("react/jsx-runtime"),a=require("../../context/TUIKitContext.js"),r=require("../../context/TUIChatStateContext.js"),n=require("../../context/TUIChatActionContext.js"),i=require("../../context/ComponentContext.js"),o=require("./hooks/useCreateTUIChatStateContext.js"),u=require("../TUIMessage/TUIMessage.js");require("../TUIMessage/MessagePlugins.js"),require("../TUIMessage/MessageContext.js");var c=require("../../constants.js"),g=require("./hooks/useMessageReceviedListener.js"),M=require("./TUIChatState.js"),T=require("./hooks/useCreateMessage.js"),d=require("./hooks/useHandleMessageList.js"),I=require("./hooks/useHandleMessage.js"),l=require("../TUIChatHeader/TUIChatHeader.js");require("@tencentcloud/chat"),require("../Icon/config.js"),require("../Icon/type.js"),require("date-fns"),require("../../context/TUIMessageContext.js");var _=require("../TUIMessageList/TUIMessageList.js"),C=require("../TUIMessageInput/TUIMessageInput.js"),S=require("../EmptyStateIndicator/EmptyStateIndicator.js"),h=require("../Toast/index.js");function v(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function p(r){var n=r.conversation,i=r.EmptyPlaceholder,o=void 0===i?t.jsx(S.EmptyStateIndicator,{listType:"chat"}):i,u=a.useTUIKitContext("TUIChat"),c=u.conversation,g=u.chat,M=n||c;return(null==M?void 0:M.conversationID)?s.createElement(E,e.__assign({chat:g},r,{conversation:M,key:M.conversationID})):o}function E(a){var S=this,v=a.chat,p=a.conversation,E=a.className,x=a.children,U=a.TUIMessage,j=a.TUIChatHeader,m=a.TUIMessageInput,f=a.InputPlugins,q=a.MessagePlugins,P=a.MessageContext,A=a.InputQuote,L=a.onMessageRecevied,N=a.sendMessage,H=a.revokeMessage,y=a.messageConfig,D=a.cloudCustomData,R=a.TUIMessageInputConfig,O=a.TUIMessageListConfig,w=s.useReducer(M.chatReducer,e.__assign(e.__assign({},M.initialState),{conversation:p})),Y=w[0],b=w[1],k=s.useRef(null),F=s.useRef(),G=o(e.__assign({chat:v,conversation:p,messageListRef:k,textareaRef:F,messageConfig:y,cloudCustomData:D,TUIMessageInputConfig:R,TUIMessageListConfig:O},Y)),Q=T.useCreateMessage({chat:v,conversation:p,cloudCustomData:D}),V=Q.createTextMessage,K=Q.createFaceMessage,X=Q.createImageMessage,z=Q.createVideoMessage,B=Q.createFileMessage,J=Q.createForwardMessage,W=Q.createCustomMessage,Z=Q.createAudioMessage,$=Q.createTextAtMessage,ee=Q.createLocationMessage,se=Q.createMergerMessage,te=d.useHandleMessageList({chat:v,conversation:p,state:Y,dispatch:b}),ae=te.getMessageList,re=te.updateMessage,ne=te.editLocalMessage,ie=te.removeMessage,oe=te.updateUploadPendingMessageList,ue=I.useHandleMessage({state:Y,dispatch:b}),ce=ue.operateMessage,ge=ue.setAudioSource,Me=ue.setVideoSource,Te=ue.setHighlightedMessageId,de=function(s,t){return e.__awaiter(S,void 0,void 0,(function(){var a;return e.__generator(this,(function(e){switch(e.label){case 0:re([s]),e.label=1;case 1:return e.trys.push([1,6,,7]),N?[4,N(s,t)]:[3,3];case 2:return e.sent(),[3,5];case 3:return[4,v.sendMessage(s,t)];case 4:e.sent(),e.label=5;case 5:return ne(s),[3,7];case 6:throw a=e.sent(),h.Toast({text:a,type:"error"}),ne(s),new Error(a);case 7:return[2]}}))}))},Ie=function(){return e.__awaiter(S,void 0,void 0,(function(){var s;return e.__generator(this,(function(e){switch(e.label){case 0:return Y.isCompleted?(b({type:c.CONSTANT_DISPATCH_TYPE.SET_NO_MORE,value:!0}),[2]):[4,ae({nextReqMessageID:Y.nextReqMessageID})];case 1:return(s=e.sent())?(b({type:c.CONSTANT_DISPATCH_TYPE.SET_HISTORY_MESSAGELIST,value:s.data.messageList}),b({type:c.CONSTANT_DISPATCH_TYPE.SET_IS_COMPLETE,value:s.data.isCompleted}),b({type:c.CONSTANT_DISPATCH_TYPE.SET_NEXT_REQ_MESSAGE_ID,value:s.data.nextReqMessageID}),[2]):[2]}}))}))};g.useMessageReceviedListener(re,L),s.useEffect((function(){e.__awaiter(S,void 0,void 0,(function(){var s;return e.__generator(this,(function(e){switch(e.label){case 0:return[4,ae()];case 1:return(s=e.sent())?(s.data.messageList.length>0&&b({type:c.CONSTANT_DISPATCH_TYPE.SET_MESSAGELIST,value:s.data.messageList}),b({type:c.CONSTANT_DISPATCH_TYPE.SET_MESSAGELIST,value:s.data.messageList}),b({type:c.CONSTANT_DISPATCH_TYPE.SET_IS_COMPLETE,value:s.data.isCompleted}),b({type:c.CONSTANT_DISPATCH_TYPE.SET_NEXT_REQ_MESSAGE_ID,value:s.data.nextReqMessageID}),[2]):[2]}}))}))}),[p]);var le=s.useMemo((function(){return{sendMessage:de,removeMessage:ie,updateMessage:re,createTextMessage:V,createFaceMessage:K,createImageMessage:X,createVideoMessage:z,createFileMessage:B,createForwardMessage:J,createCustomMessage:W,createAudioMessage:Z,createTextAtMessage:$,createLocationMessage:ee,createMergerMessage:se,editLocalMessage:ne,operateMessage:ce,loadMore:Ie,revokeMessage:H,setAudioSource:ge,setVideoSource:Me,setHighlightedMessageId:Te,updateUploadPendingMessageList:oe}}),[de,ie,re,V,K,X,z,B,J,W,Z,$,ee,se,ne,ce,Ie,H,ge,Me,Te,oe]),_e=s.useMemo((function(){return{TUIMessage:U||u.TUIMessage,MessageContext:P,InputPlugins:f,MessagePlugins:q,TUIChatHeader:j,TUIMessageInput:m,InputQuote:A}}),[]);return t.jsx("div",e.__assign({className:"chat ".concat(E)},{children:t.jsx(r.TUIChatStateContextProvider,e.__assign({value:G},{children:t.jsx(n.TUIChatActionProvider,e.__assign({value:le},{children:t.jsx(i.ComponentProvider,e.__assign({value:_e},{children:x||t.jsxs(t.Fragment,{children:[t.jsx(l.TUIChatHeader,{}),t.jsx(_.TUIMessageList,{}),t.jsx(C.TUIMessageInput,{})]})}))}))}))}))}var x=v(s).default.memo(p);exports.TUIChat=x;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react"),t=require("react/jsx-runtime"),a=require("../../context/TUIKitContext.js"),r=require("../../context/TUIChatStateContext.js"),n=require("../../context/TUIChatActionContext.js"),i=require("../../context/ComponentContext.js"),o=require("./hooks/useCreateTUIChatStateContext.js"),u=require("../TUIMessage/TUIMessage.js");require("../TUIMessage/MessagePlugins.js"),require("../TUIMessage/MessageContext.js");var c=require("../../constants.js"),g=require("./hooks/useMessageReceviedListener.js"),d=require("./TUIChatState.js"),M=require("./hooks/useCreateMessage.js"),T=require("./hooks/useHandleMessageList.js"),l=require("./hooks/useHandleMessage.js"),I=require("../TUIChatHeader/TUIChatHeader.js");require("@tencentcloud/chat"),require("../Icon/config.js"),require("../Icon/type.js"),require("date-fns"),require("date-fns/locale"),require("../../context/TUIMessageContext.js");var _=require("../TUIMessageList/TUIMessageList.js"),C=require("../TUIMessageInput/TUIMessageInput.js");require("../../node_modules/@babel/runtime/helpers/extends.js"),require("../../node_modules/html-parse-stringify/dist/html-parse-stringify.js"),require("../../node_modules/react-i18next/dist/es/context.js");var h=require("../EmptyStateIndicator/EmptyStateIndicator.js"),v=require("../Toast/index.js");function S(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function p(r){var n=r.conversation,i=r.EmptyPlaceholder,o=void 0===i?t.jsx(h.EmptyStateIndicator,{listType:"chat"}):i,u=a.useTUIKitContext("TUIChat"),c=u.conversation,g=u.chat,d=n||c;return(null==d?void 0:d.conversationID)?s.createElement(x,e.__assign({chat:g},r,{conversation:d,key:d.conversationID})):o}function x(a){var h=this,S=a.chat,p=a.conversation,x=a.className,E=a.children,m=a.TUIMessage,j=a.TUIChatHeader,U=a.TUIMessageInput,f=a.InputPlugins,q=a.MessagePlugins,P=a.MessageContext,A=a.InputQuote,L=a.onMessageRecevied,y=a.sendMessage,N=a.revokeMessage,H=a.messageConfig,D=a.cloudCustomData,R=a.TUIMessageInputConfig,O=a.TUIMessageListConfig,b=s.useReducer(d.chatReducer,e.__assign(e.__assign({},d.initialState),{conversation:p})),w=b[0],Y=b[1],k=s.useRef(null),F=s.useRef(),G=o(e.__assign({chat:S,conversation:p,messageListRef:k,textareaRef:F,messageConfig:H,cloudCustomData:D,TUIMessageInputConfig:R,TUIMessageListConfig:O},w)),Q=M.useCreateMessage({chat:S,conversation:p,cloudCustomData:D}),V=Q.createTextMessage,K=Q.createFaceMessage,X=Q.createImageMessage,z=Q.createVideoMessage,B=Q.createFileMessage,J=Q.createForwardMessage,W=Q.createCustomMessage,Z=Q.createAudioMessage,$=Q.createTextAtMessage,ee=Q.createLocationMessage,se=Q.createMergerMessage,te=T.useHandleMessageList({chat:S,conversation:p,state:w,dispatch:Y}),ae=te.getMessageList,re=te.updateMessage,ne=te.editLocalMessage,ie=te.removeMessage,oe=te.updateUploadPendingMessageList,ue=l.useHandleMessage({state:w,dispatch:Y}),ce=ue.operateMessage,ge=ue.setAudioSource,de=ue.setVideoSource,Me=ue.setHighlightedMessageId,Te=function(s,t){return e.__awaiter(h,void 0,void 0,(function(){var a;return e.__generator(this,(function(e){switch(e.label){case 0:re([s]),e.label=1;case 1:return e.trys.push([1,6,,7]),y?[4,y(s,t)]:[3,3];case 2:return e.sent(),[3,5];case 3:return[4,S.sendMessage(s,t)];case 4:e.sent(),e.label=5;case 5:return ne(s),[3,7];case 6:throw a=e.sent(),v.Toast({text:a,type:"error"}),ne(s),new Error(a);case 7:return[2]}}))}))},le=function(){return e.__awaiter(h,void 0,void 0,(function(){var s;return e.__generator(this,(function(e){switch(e.label){case 0:return w.isCompleted?(Y({type:c.CONSTANT_DISPATCH_TYPE.SET_NO_MORE,value:!0}),[2]):[4,ae({nextReqMessageID:w.nextReqMessageID})];case 1:return(s=e.sent())?(Y({type:c.CONSTANT_DISPATCH_TYPE.SET_HISTORY_MESSAGELIST,value:s.data.messageList}),Y({type:c.CONSTANT_DISPATCH_TYPE.SET_IS_COMPLETE,value:s.data.isCompleted}),Y({type:c.CONSTANT_DISPATCH_TYPE.SET_NEXT_REQ_MESSAGE_ID,value:s.data.nextReqMessageID}),[2]):[2]}}))}))};g.useMessageReceviedListener(re,L),s.useEffect((function(){e.__awaiter(h,void 0,void 0,(function(){var s;return e.__generator(this,(function(e){switch(e.label){case 0:return[4,ae()];case 1:return(s=e.sent())?(s.data.messageList.length>0&&Y({type:c.CONSTANT_DISPATCH_TYPE.SET_MESSAGELIST,value:s.data.messageList}),Y({type:c.CONSTANT_DISPATCH_TYPE.SET_MESSAGELIST,value:s.data.messageList}),Y({type:c.CONSTANT_DISPATCH_TYPE.SET_IS_COMPLETE,value:s.data.isCompleted}),Y({type:c.CONSTANT_DISPATCH_TYPE.SET_NEXT_REQ_MESSAGE_ID,value:s.data.nextReqMessageID}),[2]):[2]}}))}))}),[p]);var Ie=s.useMemo((function(){return{sendMessage:Te,removeMessage:ie,updateMessage:re,createTextMessage:V,createFaceMessage:K,createImageMessage:X,createVideoMessage:z,createFileMessage:B,createForwardMessage:J,createCustomMessage:W,createAudioMessage:Z,createTextAtMessage:$,createLocationMessage:ee,createMergerMessage:se,editLocalMessage:ne,operateMessage:ce,loadMore:le,revokeMessage:N,setAudioSource:ge,setVideoSource:de,setHighlightedMessageId:Me,updateUploadPendingMessageList:oe}}),[Te,ie,re,V,K,X,z,B,J,W,Z,$,ee,se,ne,ce,le,N,ge,de,Me,oe]),_e=s.useMemo((function(){return{TUIMessage:m||u.TUIMessage,MessageContext:P,InputPlugins:f,MessagePlugins:q,TUIChatHeader:j,TUIMessageInput:U,InputQuote:A}}),[]);return t.jsx("div",e.__assign({className:"chat ".concat(x)},{children:t.jsx(r.TUIChatStateContextProvider,e.__assign({value:G},{children:t.jsx(n.TUIChatActionProvider,e.__assign({value:Ie},{children:t.jsx(i.ComponentProvider,e.__assign({value:_e},{children:E||t.jsxs(t.Fragment,{children:[t.jsx(I.TUIChatHeader,{}),t.jsx(_.TUIMessageList,{}),t.jsx(C.TUIMessageInput,{})]})}))}))}))}))}var E=S(s).default.memo(p);exports.TUIChat=E;

package/dist/cjs/components/TUIChat/hooks/useHandleMessageList.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react"),a=require("@tencentcloud/chat"),n=require("../../../constants.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=s(a);exports.useHandleMessageList=function(a){var s=this,u=a.chat,i=a.conversation;a.state;var o=a.dispatch,l=i.conversationID,c=i.groupProfile,_=i.type===r.default.TYPES.CONV_C2C,T={conversationID:l};return{getMessageList:t.useCallback((function(t){return e.__awaiter(s,void 0,void 0,(function(){var a,n,s,i,o;return e.__generator(this,(function(l){switch(l.label){case 0:if(a=t||{},n="",!c)return[3,4];l.label=1;case 1:return l.trys.push([1,3,,4]),[4,u.searchGroupByID(c.groupID)];case 2:return s=l.sent(),n=null===(o=null===(i=null==s?void 0:s.data)||void 0===i?void 0:i.group)||void 0===o?void 0:o.type,[3,4];case 3:return l.sent(),n="",[3,4];case 4:return _||n&&n!==r.default.TYPES.GRP_AVCHATROOM?[2,u.getMessageList(e.__assign(e.__assign({},T),a))]:[2,null]}}))}))}),[u]),updateMessage:t.useCallback((function(e){o({type:n.CONSTANT_DISPATCH_TYPE.SET_UPDATE_MESSAGE,value:e.filter((function(e){return(null==e?void 0:e.conversationID)===l}))})}),[o]),removeMessage:t.useCallback((function(e){o({type:n.CONSTANT_DISPATCH_TYPE.SET_REMOVE_MESSAGE,value:e})}),[o]),editLocalMessage:t.useCallback((function(e){o({type:n.CONSTANT_DISPATCH_TYPE.SET_EDIT_MESSAGE,value:e})}),[o]),updateUploadPendingMessageList:t.useCallback((function(e){o({type:n.CONSTANT_DISPATCH_TYPE.UPDATE_UPLOAD_PENDING_MESSAGE_LIST,value:e})}),[o])}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react"),a=require("@tencentcloud/chat"),n=require("../../../constants.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=s(a);exports.useHandleMessageList=function(a){var s=this,r=a.chat,i=a.conversation;a.state;var o=a.dispatch,l=i.conversationID,c=i.groupProfile,_=i.type===u.default.TYPES.CONV_C2C,T={conversationID:l};return{getMessageList:t.useCallback((function(t){return e.__awaiter(s,void 0,void 0,(function(){var a,n;return e.__generator(this,(function(s){return a=t||{},c&&(n=c.type),_||n!==u.default.TYPES.GRP_AVCHATROOM?[2,r.getMessageList(e.__assign(e.__assign({},T),a))]:[2,null]}))}))}),[r]),updateMessage:t.useCallback((function(e){o({type:n.CONSTANT_DISPATCH_TYPE.SET_UPDATE_MESSAGE,value:e.filter((function(e){return(null==e?void 0:e.conversationID)===l}))})}),[o]),removeMessage:t.useCallback((function(e){o({type:n.CONSTANT_DISPATCH_TYPE.SET_REMOVE_MESSAGE,value:e})}),[o]),editLocalMessage:t.useCallback((function(e){o({type:n.CONSTANT_DISPATCH_TYPE.SET_EDIT_MESSAGE,value:e})}),[o]),updateUploadPendingMessageList:t.useCallback((function(e){o({type:n.CONSTANT_DISPATCH_TYPE.UPDATE_UPLOAD_PENDING_MESSAGE_LIST,value:e})}),[o])}};

package/dist/cjs/components/TUIChatHeader/TUIChatHeaderDefault.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),a=require("react/jsx-runtime"),t=require("react"),i=require("@tencentcloud/chat"),s=require("../Avatar/Avatar.js"),r=require("../untils.js"),n=require("../Icon/Icon.js"),l=require("../Icon/type.js"),u=require("../../context/TUIKitContext.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../context/TUIMessageContext.js");var o=c(t),d=c(i);function v(i){var c=i.title,o=void 0===c?"":c,v=i.avatar;i.isOnline;var h=i.conversation,f=i.isLive,_=i.opateIcon,j=t.useState(o),x=j[0],S=j[1],g=t.useState(""),m=g[0],p=g[1];t.useEffect((function(){switch(S(o),v&&p(v),null==h?void 0:h.type){case d.default.TYPES.CONV_C2C:I(h.userProfile);break;case d.default.TYPES.CONV_GROUP:T(h.groupProfile);break;case d.default.TYPES.CONV_SYSTEM:S("System Notice");break;default:S("")}}),[h]);var I=function(e){x||S((null==e?void 0:e.nick)||(null==e?void 0:e.userID)),v||p(a.jsx(s.Avatar,{size:32,image:r.handleDisplayAvatar(e.avatar)}))},T=function(e){x||S((null==e?void 0:e.name)||(null==e?void 0:e.groupID)),v||p(a.jsx(s.Avatar,{size:32,image:r.handleDisplayAvatar(e.avatar,d.default.TYPES.CONV_GROUP)}))},N=u.useTUIKitContext().setTUIManageShow;return a.jsxs("header",e.__assign({className:"tui-chat-header ".concat(f?"tui-chat-live-header":"")},{children:[a.jsx("div",e.__assign({className:"tui-chat-header-left ".concat((null==h?void 0:h.type)===d.default.TYPES.CONV_SYSTEM?"system":"")},{children:(null==h?void 0:h.type)!==d.default.TYPES.CONV_SYSTEM&&m})),a.jsx("div",e.__assign({className:"header-content"},{children:a.jsx("h3",e.__assign({className:"title"},{children:x}))})),a.jsx("div",e.__assign({className:"tui-chat-header-right"},{children:a.jsx("div",e.__assign({className:"header-handle"},{children:_||a.jsx(n.Icon,{className:"header-handle-more",onClick:function(){N(!0)},type:l.IconTypes.ELLIPSE,width:18,height:5})}))}))]}),null==h?void 0:h.conversationID)}var h=o.default.memo(v);exports.TUIChatHeaderDefault=function(t){var i=e.__assign({},t);return a.jsx(h,e.__assign({},i))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),a=require("react/jsx-runtime"),t=require("react"),i=require("@tencentcloud/chat"),r=require("../Avatar/Avatar.js"),s=require("../untils.js"),n=require("../Icon/Icon.js"),l=require("../Icon/type.js"),u=require("../../context/TUIKitContext.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../context/TUIMessageContext.js");var o=c(t),d=c(i);function v(i){var c=i.title,o=void 0===c?"":c,v=i.avatar;i.isOnline;var h=i.conversation,f=i.isLive,_=i.opateIcon,j=t.useState(o),x=j[0],m=j[1],S=t.useState(""),g=S[0],p=S[1];t.useEffect((function(){switch(m(o),v&&p(v),null==h?void 0:h.type){case d.default.TYPES.CONV_C2C:I(h.userProfile,null==h?void 0:h.remark);break;case d.default.TYPES.CONV_GROUP:T(h.groupProfile);break;case d.default.TYPES.CONV_SYSTEM:m("System Notice");break;default:m("")}}),[h]);var I=function(e,t){x||m(t||(null==e?void 0:e.nick)||(null==e?void 0:e.userID)),v||p(a.jsx(r.Avatar,{size:32,image:s.handleDisplayAvatar(e.avatar)}))},T=function(e){x||m((null==e?void 0:e.name)||(null==e?void 0:e.groupID)),v||p(a.jsx(r.Avatar,{size:32,image:s.handleDisplayAvatar(e.avatar,d.default.TYPES.CONV_GROUP)}))},N=u.useTUIKitContext().setTUIManageShow;return a.jsxs("header",e.__assign({className:"tui-chat-header ".concat(f?"tui-chat-live-header":"")},{children:[a.jsx("div",e.__assign({className:"tui-chat-header-left ".concat((null==h?void 0:h.type)===d.default.TYPES.CONV_SYSTEM?"system":"")},{children:(null==h?void 0:h.type)!==d.default.TYPES.CONV_SYSTEM&&g})),a.jsx("div",e.__assign({className:"header-content"},{children:a.jsx("h3",e.__assign({className:"title"},{children:x}))})),a.jsx("div",e.__assign({className:"tui-chat-header-right"},{children:a.jsx("div",e.__assign({className:"header-handle"},{children:_||a.jsx(n.Icon,{className:"header-handle-more",onClick:function(){N(!0)},type:l.IconTypes.ELLIPSE,width:18,height:5})}))}))]}),null==h?void 0:h.conversationID)}var h=o.default.memo(v);exports.TUIChatHeaderDefault=function(t){var i=e.__assign({},t);return a.jsx(h,e.__assign({},i))};

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

@@ -0,0 +1,6 @@
+import React, { PropsWithChildren } from 'react';
+
+declare function UnMemoizedTUIContact<T>(props: PropsWithChildren<T>): React.ReactElement;
+declare const TUIContact: React.MemoExoticComponent<typeof UnMemoizedTUIContact>;
+
+export { TUIContact, UnMemoizedTUIContact };

package/dist/cjs/components/TUIContact/TUIContact.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("tslib"),e=require("react/jsx-runtime"),s=require("react");require("../../node_modules/@babel/runtime/helpers/extends.js"),require("../../node_modules/html-parse-stringify/dist/html-parse-stringify.js"),require("../../node_modules/react-i18next/dist/es/context.js");var i=require("../../node_modules/react-i18next/dist/es/useTranslation.js"),n=require("../../context/TUIContactContext.js"),r=require("../../context/TUIKitContext.js");require("../../context/TUIMessageContext.js");var o=require("./hooks/useTUIContact.js"),c=require("./TUIContactList/TUIContactList.js"),a=require("../TUIContactSearch/TUIContactSearch.js"),d=require("../Icon/Icon.js"),u=require("../Icon/type.js");function l(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}function h(l){var h=l.children,x=i.useTranslation().t,j=r.useTUIKitContext("TUIContact").setActiveContact,C=s.useState(!1),I=C[0],T=C[1],m=o(),f=m.friendList,p=m.blockList,U=m.blocklistProfile,_=m.friendApplicationList,q=m.isShowContactList,v=m.setShowContactList,g=s.useMemo((function(){return{friendList:f,blockList:p,blocklistProfile:U,friendApplicationList:_,isShowContactList:q,setShowContactList:v}}),[f,U,_,q,v]);return e.jsx(n.TUIContactContextProvider,t.__assign({value:g},{children:h||e.jsxs("div",t.__assign({className:"tui-contacts"},{children:[!I&&e.jsxs(e.Fragment,{children:[e.jsxs("div",t.__assign({className:"tui-contacts-header"},{children:[e.jsx("div",t.__assign({className:"tui-contact-input"},{children:e.jsx(a.TUIContactSearch,{})})),e.jsx(d.Icon,{onClick:function(){j(),T(!0)},type:u.IconTypes.ADDFRIEND,width:24,height:24})]})),e.jsx(c.TUIContactList,{})]}),I&&e.jsxs(e.Fragment,{children:[e.jsxs("div",t.__assign({className:"tui-contacts-add-header"},{children:[e.jsx(d.Icon,{onClick:function(){j(),T(!1)},type:u.IconTypes.BACK,width:9,height:16}),e.jsx("div",t.__assign({className:"tui-contacts-add-header-title"},{children:x("TUIContact.Add Friend")}))]})),e.jsx(a.TUIContactSearch,{})]})]}))}))}var x=l(s).default.memo(h);exports.TUIContact=x,exports.UnMemoizedTUIContact=h;

package/dist/cjs/components/TUIContact/TUIContactInfo/TUIContactInfo.d.ts

@@ -0,0 +1,10 @@
+import React, { PropsWithChildren } from 'react';
+
+interface TUIContactInfoProps {
+    className?: string;
+    showChat?: () => void;
+}
+declare function UnMemoizedTUIContactInfo<T extends TUIContactInfoProps>(props: PropsWithChildren<T>): React.ReactElement;
+declare const TUIContactInfo: React.MemoExoticComponent<typeof UnMemoizedTUIContactInfo>;
+
+export { TUIContactInfo, UnMemoizedTUIContactInfo };

package/dist/cjs/components/TUIContact/TUIContactInfo/TUIContactInfo.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),n=require("react"),i=require("../../../context/TUIKitContext.js");require("../../../context/TUIMessageContext.js");var o=require("./friendInfo.js"),r=require("./blockInfo.js"),a=require("./addFriendInfo.js"),d=require("./friendApplication.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(n){var l=n.showChat,u=i.useTUIKitContext("TUIContact").contactData;return(null==u?void 0:u.type)?t.jsxs("div",e.__assign({className:"tui-contact-info"},{children:["addFriend"===(null==u?void 0:u.type)&&t.jsx(a.AddFriendInfo,{profile:null==u?void 0:u.data}),"friend"===(null==u?void 0:u.type)&&t.jsx(o.FriendInfo,{openChat:l,friend:null==u?void 0:u.data}),"block"===(null==u?void 0:u.type)&&t.jsx(r.BlockInfo,{profile:null==u?void 0:u.data}),"friendApplication"===(null==u?void 0:u.type)&&t.jsx(d.FriendApplicationInfo,{application:null==u?void 0:u.data})]})):t.jsx(t.Fragment,{children:" "})}var s=l(n).default.memo(u);exports.TUIContactInfo=s,exports.UnMemoizedTUIContactInfo=u;

package/dist/cjs/components/TUIContact/TUIContactInfo/addFriendInfo.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),n=require("react");require("../../../node_modules/@babel/runtime/helpers/extends.js"),require("../../../node_modules/html-parse-stringify/dist/html-parse-stringify.js"),require("../../../node_modules/react-i18next/dist/es/context.js");var i=require("../../../node_modules/react-i18next/dist/es/useTranslation.js"),s=require("./hooks/useContactInfo.js"),a=require("./basicInfo.js"),r=require("../../DivWithEdit/DivWithEdit.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(o){var c=this,l=o.profile,d=l.userID,u=i.useTranslation().t,m=n.useState(""),_=m[0],f=m[1],x=n.useState(""),j=x[0],h=x[1],v=n.useState(""),g=v[0],p=v[1],b=n.useState(!1),N=b[0],I=b[1],q=s().addFriend;return t.jsxs(t.Fragment,{children:[t.jsx(a.BasicInfo,{profile:l}),N?t.jsx("div",e.__assign({className:"tui-contact-info-content"},{children:t.jsxs("div",e.__assign({className:"content-item"},{children:[t.jsx("p",e.__assign({className:"content-item-label"},{children:u("TUIContact.verification info")})),t.jsx("p",e.__assign({className:"content-item-text"},{children:g}))]}))})):t.jsxs("div",e.__assign({className:"tui-contact-info-content"},{children:[t.jsxs("div",e.__assign({className:"content-item-wording"},{children:[t.jsx("p",e.__assign({className:"content-item-label"},{children:u("TUIContact.Enter the verification info")})),t.jsx("textarea",{className:"content-item-wording-text",value:g,onChange:function(e){p(e.target.value)}})]})),t.jsxs("div",e.__assign({className:"content-item"},{children:[t.jsx("p",e.__assign({className:"content-item-label"},{children:u("TUIContact.remark")})),t.jsx(r.DivWithEdit,{name:"remark",className:"content-item-text",value:j,type:"text",toggle:function(){f("remark")},isEdit:"remark"===_,confirm:function(e){h(null==e?void 0:e.value),f("")},close:function(){f("")}})]})),t.jsx("div",e.__assign({className:"content-btn-container"},{children:t.jsx("div",e.__assign({className:"content-item-btn confirm-btn",role:"button",tabIndex:0,onClick:function(){return e.__awaiter(c,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return[4,q({userID:d,remark:j,wording:g})];case 1:return e.sent(),I(!0),[2]}}))}))}},{children:u("TUIContact.Send application")}))}))]}))]})}var l=o(n).default.memo(c);exports.AddFriendInfo=l,exports.UnMemoizedAddFriendInfo=c;

package/dist/cjs/components/TUIContact/TUIContactInfo/basicInfo.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),a=require("react/jsx-runtime"),r=require("react");require("../../../node_modules/@babel/runtime/helpers/extends.js"),require("../../../node_modules/html-parse-stringify/dist/html-parse-stringify.js"),require("../../../node_modules/react-i18next/dist/es/context.js");var s=require("../../../node_modules/react-i18next/dist/es/useTranslation.js"),t=require("../../Avatar/Avatar.js"),i=require("../../Avatar/default.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function d(r){var n=r.profile,d=s.useTranslation().t,c=n.userID,o=n.nick,u=n.selfSignature,l=n.avatar;return a.jsx("div",e.__assign({className:"tui-contact-info-header"},{children:a.jsxs("div",e.__assign({className:"header-container"},{children:[a.jsxs("div",e.__assign({className:"header-container-avatar"},{children:[a.jsx(t.Avatar,{size:60,image:l||i.defaultUserAvatar}),a.jsx("div",e.__assign({className:"header-container-name"},{children:o||c}))]})),a.jsx("div",e.__assign({className:"header-container-text"},{children:"ID:".concat(c)})),a.jsxs("div",e.__assign({className:"header-container-text"},{children:[d("TUIContact.Signature"),":",u||""]}))]}))}))}var c=n(r).default.memo(d);exports.BasicInfo=c,exports.UnMemoizedBasicInfo=d;

package/dist/cjs/components/TUIContact/TUIContactInfo/blockInfo.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),s=require("react");require("../../../node_modules/@babel/runtime/helpers/extends.js"),require("../../../node_modules/html-parse-stringify/dist/html-parse-stringify.js"),require("../../../node_modules/react-i18next/dist/es/context.js");var n=require("../../../node_modules/react-i18next/dist/es/useTranslation.js"),r=require("../../../context/TUIKitContext.js");require("../../../context/TUIMessageContext.js");var i=require("./basicInfo.js"),o=require("../../Switch/Switch.js"),a=require("./hooks/useContactInfo.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(c){var u=this,l=c.profile,d=r.useTUIKitContext("TUIContact"),f=d.contactData,m=d.setActiveContact,x=n.useTranslation().t,j=s.useState(!1),h=j[0],_=j[1],q=a().removeFromBlocklist;s.useEffect((function(){_(!0)}),[f]);return t.jsxs(t.Fragment,{children:[t.jsx(i.BasicInfo,{profile:l}),t.jsx("div",e.__assign({className:"tui-contact-info-content"},{children:t.jsxs("div",e.__assign({className:"content-item"},{children:[t.jsx("p",e.__assign({className:"content-item-label"},{children:x("TUIContact.block")})),t.jsx(o.Switch,{className:"content-item-text",onChange:function(){return e.__awaiter(u,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return[4,q(l.userID)];case 1:return e.sent(),_(!1),m(),[2]}}))}))},checked:h})]}))}))]})}var l=c(s).default.memo(u);exports.BlockInfo=l,exports.UnMemoizedBlockInfo=u;

package/dist/cjs/components/TUIContact/TUIContactInfo/friendApplication.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),n=require("react");require("../../../node_modules/@babel/runtime/helpers/extends.js"),require("../../../node_modules/html-parse-stringify/dist/html-parse-stringify.js"),require("../../../node_modules/react-i18next/dist/es/context.js");var s=require("../../../node_modules/react-i18next/dist/es/useTranslation.js"),i=require("@tencentcloud/chat"),a=require("../../../context/TUIKitContext.js");require("../../../context/TUIMessageContext.js");var r=require("../../Avatar/Avatar.js"),c=require("../../Avatar/default.js"),o=require("./hooks/useContactInfo.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=d(n),u=d(i);function _(n){var i=a.useTUIKitContext("TUIContact").setActiveContact,d=s.useTranslation().t,l=n.application,_=l.userID,m=l.nick,x=l.avatar,j=l.type,v=l.wording,f=o(),h=f.acceptFriendApplication,p=f.refuseFriendApplication;return t.jsxs(t.Fragment,{children:[t.jsx("div",e.__assign({className:"tui-contact-info-header"},{children:t.jsxs("div",e.__assign({className:"header-container"},{children:[t.jsxs("div",e.__assign({className:"header-container-avatar"},{children:[t.jsx(r.Avatar,{size:60,image:x||c.defaultUserAvatar}),t.jsx("div",e.__assign({className:"header-container-name"},{children:m||_}))]})),t.jsx("div",e.__assign({className:"header-container-text"},{children:"ID:".concat(_)}))]}))})),t.jsx("div",e.__assign({className:"tui-contact-info-content"},{children:t.jsxs("div",e.__assign({className:"content-item"},{children:[t.jsx("p",e.__assign({className:"content-item-label"},{children:d("TUIContact.verification info")})),t.jsx("p",e.__assign({className:"content-item-text"},{children:v}))]}))})),j===u.default.TYPES.SNS_APPLICATION_SENT_TO_ME&&t.jsx("div",e.__assign({className:"tui-contact-info-content"},{children:t.jsxs("div",e.__assign({className:"content-btn-container"},{children:[t.jsx("div",e.__assign({className:"content-item-btn delete-btn",role:"button",tabIndex:0,onClick:function(){i(),p(_)}},{children:d("TUIContact.Refuse")})),t.jsx("div",e.__assign({className:"content-item-btn confirm-btn",role:"button",tabIndex:0,onClick:function(){i(),h(_)}},{children:d("TUIContact.Agree")}))]}))}))]})}var m=l.default.memo(_);exports.FriendApplicationInfo=m,exports.UnMemoizedFriendApplication=_;

package/dist/cjs/components/TUIContact/TUIContactInfo/friendInfo.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),n=require("react");require("../../../node_modules/@babel/runtime/helpers/extends.js"),require("../../../node_modules/html-parse-stringify/dist/html-parse-stringify.js"),require("../../../node_modules/react-i18next/dist/es/context.js");var i=require("../../../node_modules/react-i18next/dist/es/useTranslation.js"),s=require("../../../context/TUIKitContext.js");require("../../../context/TUIMessageContext.js");var r=require("./basicInfo.js"),a=require("../../Switch/Switch.js"),o=require("./hooks/useContactInfo.js"),c=require("../../DivWithEdit/DivWithEdit.js"),u=require("../../../hooks/useConversation.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function d(l){var d=this,m=s.useTUIKitContext("TUIContact"),f=m.chat,_=m.contactData,v=m.setActiveContact,h=m.setActiveConversation,x=i.useTranslation().t,j=l.friend,b=l.openChat,C=j.userID,g=j.profile,I=j.remark,p=n.useState(""),q=p[0],k=p[1],T=n.useState(""),N=T[0],w=T[1],U=n.useState(!1),D=U[0],S=U[1],y=o(),E=y.addToBlocklist,F=y.deleteFriend,M=u.useConversation(f).createConversation;n.useEffect((function(){S(!1),w(I)}),[_,I]);return t.jsxs(t.Fragment,{children:[t.jsx(r.BasicInfo,{profile:g}),t.jsxs("div",e.__assign({className:"tui-contact-info-content"},{children:[t.jsxs("div",e.__assign({className:"content-item"},{children:[t.jsx("p",e.__assign({className:"content-item-label"},{children:x("TUIContact.remark")})),t.jsx(c.DivWithEdit,{name:"remark",className:"content-item-text",value:N,type:"text",toggle:function(){k("remark")},isEdit:"remark"===q,confirm:function(e){f.updateFriend({userID:C,remark:null==e?void 0:e.value}),w(null==e?void 0:e.value),k("")},close:function(){k("")}})]})),t.jsxs("div",e.__assign({className:"content-item"},{children:[t.jsx("p",e.__assign({className:"content-item-label"},{children:x("TUIContact.block")})),t.jsx(a.Switch,{className:"content-item-text",onChange:function(){return e.__awaiter(d,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return[4,E(C)];case 1:return e.sent(),S(!0),v(),[2]}}))}))},checked:D})]})),t.jsxs("div",e.__assign({className:"content-btn-container"},{children:[t.jsx("div",e.__assign({className:"content-item-btn delete-btn",role:"button",tabIndex:0,onClick:function(){return e.__awaiter(d,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return[4,F(C)];case 1:return e.sent(),v(),[2]}}))}))}},{children:x("TUIContact.Delete friend")})),t.jsx("div",e.__assign({className:"content-item-btn confirm-btn",role:"button",tabIndex:0,onClick:function(){return e.__awaiter(d,void 0,void 0,(function(){var t;return e.__generator(this,(function(e){switch(e.label){case 0:return[4,M("C2C".concat(C))];case 1:return t=e.sent(),h(t),b(),[2]}}))}))}},{children:x("TUIContact.Send Message")}))]}))]}))]})}var m=l(n).default.memo(d);exports.FriendInfo=m,exports.UnMemoizedFriendInfo=d;