@tencentcloud/chat-uikit-react 2.2.5 → 2.2.6

package/.eslintrc.js

@@ -1,5 +1,7 @@
 const stylistic = require('@stylistic/eslint-plugin');
 
+const isDev = !!process.env?.NODE_ENV?.includes('dev');
+
 const customizedStylisticConfig = stylistic.configs.customize({
   semi: true,
   indent: 2,
@@ -210,18 +212,20 @@ function getTypescriptRules() {
      * - Ignores rest parameters.
      * @see https://github.com/typescript-eslint/typescript-eslint/blob/main/packages/eslint-plugin/docs/rules/no-unused-vars.md
      */
-    '@typescript-eslint/no-unused-vars': [
-      'error',
-      {
-        args: 'all',
-        argsIgnorePattern: '^_',
-        caughtErrors: 'all',
-        caughtErrorsIgnorePattern: '^_',
-        destructuredArrayIgnorePattern: '^_',
-        varsIgnorePattern: '^_',
-        ignoreRestSiblings: true,
-      },
-    ],
+    '@typescript-eslint/no-unused-vars': isDev
+      ? 'off'
+      : [
+          'error',
+          {
+            args: 'all',
+            argsIgnorePattern: '^_',
+            caughtErrors: 'all',
+            caughtErrorsIgnorePattern: '^_',
+            destructuredArrayIgnorePattern: '^_',
+            varsIgnorePattern: '^_',
+            ignoreRestSiblings: true,
+          },
+        ],
 
     /**
      * Disables the rule that forbids using variables before they are defined.

package/.lintstagedrc.json

@@ -1,6 +1,6 @@
 {
   "src/**/*.{ts,tsx}": [
-    "eslint"
+    "cross-env NODE_ENV=PRE_COMMIT eslint"
   ],
   "src/**/*.scss": "stylelint"
 }

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+## [2.2.6] (2024-09-02)
+
+#### feat
+* feat: Deprecate the root component TUIKIt and replace it with UIKitProvider
+
+#### fix
+* fix: Fix the issue where ConversationList collapses in height on mobile devices in the demo
+
 ## [2.2.5] (2024-8-16)
 
 #### feat

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

@@ -1,11 +1,11 @@
-import React from 'react';
+import React__default from 'react';
 
 interface AvatarProps {
     image?: string | null;
     /** click event handler */
-    onClick?: (event: React.BaseSyntheticEvent) => void;
+    onClick?: (event: React__default.BaseSyntheticEvent) => void;
     /** mouseOver event handler */
-    onMouseOver?: (event: React.BaseSyntheticEvent) => void;
+    onMouseOver?: (event: React__default.BaseSyntheticEvent) => void;
     /** Size in pixels
      * @default 32px
      */
@@ -17,6 +17,6 @@ interface AvatarProps {
     update?: (url: string) => void;
     list?: Array<string>;
 }
-declare function Avatar<T extends AvatarProps>(props: T): React.ReactElement;
+declare function Avatar<T extends AvatarProps>(props: T): React__default.ReactElement;
 
 export { Avatar, AvatarProps };

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

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import React from 'react';
+import React__default from 'react';
 
 interface onChangeParams {
     checked?: boolean;
@@ -12,6 +12,6 @@ interface SelectProps {
     value?: any;
     id?: string;
 }
-declare function Checkbox<T extends SelectProps>(props: React.PropsWithChildren<T>): react_jsx_runtime.JSX.Element;
+declare function Checkbox<T extends SelectProps>(props: React__default.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("react-i18next"),n=require("@tencentcloud/chat-uikit-engine"),s=require("../Input/Input.js"),i=require("../Icon/Icon.js"),o=require("../Icon/type.js"),u=require("../Avatar/Avatar.js"),c=require("../Avatar/default.js"),p=require("./ConversationCreate.js"),l=require("./ConversationGroupTypeInfo.js"),v=require("../../context/TUIKitContext.js");require("../../context/TUIMessageContext.js"),exports.ConversationCreatGroupDetail=function(d){var g=this,x=d.profileList,m=d.pageState,_=d.setPageState,f=d.createConversation,h=d.setConversationCreated,C=a.useTranslation().t,I=v.useTUIKitContext(),j=I.setActiveConversation,T=I.myProfile,y=e.__spreadArray([],x,!0);T&&y.unshift(T);var b=y.map((function(e){return e.nick||e.userID})).toString(),N=r.useState(b.length>=15?"".concat(b.slice(0,12),"..."):b),q=N[0],G=N[1],A=r.useState(""),U=A[0],P=A[1],k=r.useState("Work"),S=k[0],D=k[1],R=function(e,t){var r=e.target.value;switch(t){case"name":G(r);break;case"id":P(r);break;case"type":D(r)}},w=function(){_(p.PageStateTypes.GROUP_TYPE)};return m!==p.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:q,onChange:function(e){R(e,"name")},border:"bottom",customClassName:"input-group-name",clearable:!0,prefix:t.jsx("div",e.__assign({className:"input-group-title"},{children:C("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:U,onChange:function(e){R(e,"id")},prefix:t.jsx("div",e.__assign({className:"input-group-title"},{children:C("TUIConversation.Group ID")}))})})),t.jsx("div",e.__assign({className:"create-group-box create-group-type",onClick:w},{children:t.jsx(s.Input,{readOnly:!0,border:"bottom",customClassName:"input-group-text",prefix:t.jsx("div",e.__assign({className:"input-group-title"},{children:C("TUIConversation.Group Type")})),suffix:t.jsx(i.Icon,{onClick:w,type:o.IconTypes.ARROW_RIGHT,width:7,height:12}),value:C("TUIConversation.".concat(S)),onChange:function(e){R(e,"type")}})})),t.jsx("div",e.__assign({className:"create-group-illustrate"},{children:C("TUIConversation.".concat(null===l.typeInfoList||void 0===l.typeInfoList?void 0:l.typeInfoList.find((function(e){return e.type===S})).des))})),t.jsxs("div",e.__assign({className:"create-group-portrait"},{children:[t.jsx("div",e.__assign({className:"create-group-portrait-title"},{children:C("TUIConversation.Participants")})),t.jsx("div",e.__assign({className:"create-group-portrait-info-container"},{children:x.map((function(r){var a=r.avatar,n=r.userID,s=r.nick;return t.jsxs("div",e.__assign({className:"create-group-portrait-info"},{children:[t.jsx(u.Avatar,{shape:"square",size:50,image:a||c.defaultUserAvatar}),t.jsx("div",e.__assign({className:"create-group-portrait-info-nick"},{children:s}))]}),n)}))}))]}))]})),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(g,void 0,void 0,(function(){var t,r,a;return e.__generator(this,(function(e){switch(e.label){case 0:return t=x.map((function(e){return{userID:e.userID}})),r=function(e){switch(e){case"Work":return c.defaultGroupAvatarWork;case"Public":return c.defaultGroupAvatarPublic;case"Meeting":return c.defaultGroupAvatarMeeting;case"AVChatRoom":return c.defaultGroupAvatarAVChatRoom;default:return""}}(S),[4,f({name:q,type:l.GroupType[S],groupID:U,avatar:r,memberList:t})];case 1:return a=e.sent(),j(a),n.TUIConversationService.switchConversation(null==a?void 0:a.conversationID),h(!1),[2]}}))}))}},{children:C("TUIConversation.Create")}))}))]}):t.jsx(l.ConversationGroupTypeInfo,{groupType:S,setGroupType:D,setPageState:_})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),r=require("react"),a=require("react-i18next"),n=require("@tencentcloud/chat-uikit-engine"),s=require("../Input/Input.js"),i=require("../Icon/Icon.js"),o=require("../Icon/type.js"),u=require("../Avatar/Avatar.js"),c=require("../Avatar/default.js"),p=require("./ConversationCreate.js"),l=require("./ConversationGroupTypeInfo.js");require("@tencentcloud/tui-core");var v=require("../../context/UIManagerContext.js");require("../../context/TUIMessageContext.js"),exports.ConversationCreatGroupDetail=function(d){var g=this,m=d.profileList,x=d.pageState,_=d.setPageState,f=d.createConversation,h=d.setConversationCreated,I=a.useTranslation().t,j=v.useUIManager(),C=j.setActiveConversation,y=j.myProfile,T=e.__spreadArray([],m,!0);y&&T.unshift(y);var b=T.map((function(e){return e.nick||e.userID})).toString(),N=r.useState(b.length>=15?"".concat(b.slice(0,12),"..."):b),q=N[0],G=N[1],A=r.useState(""),U=A[0],P=A[1],k=r.useState("Work"),S=k[0],D=k[1],R=function(e,t){var r=e.target.value;switch(t){case"name":G(r);break;case"id":P(r);break;case"type":D(r)}},w=function(){_(p.PageStateTypes.GROUP_TYPE)};return x!==p.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:q,onChange:function(e){R(e,"name")},border:"bottom",customClassName:"input-group-name",clearable:!0,prefix:t.jsx("div",e.__assign({className:"input-group-title"},{children:I("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:U,onChange:function(e){R(e,"id")},prefix:t.jsx("div",e.__assign({className:"input-group-title"},{children:I("TUIConversation.Group ID")}))})})),t.jsx("div",e.__assign({className:"create-group-box create-group-type",onClick:w},{children:t.jsx(s.Input,{readOnly:!0,border:"bottom",customClassName:"input-group-text",prefix:t.jsx("div",e.__assign({className:"input-group-title"},{children:I("TUIConversation.Group Type")})),suffix:t.jsx(i.Icon,{onClick:w,type:o.IconTypes.ARROW_RIGHT,width:7,height:12}),value:I("TUIConversation.".concat(S)),onChange:function(e){R(e,"type")}})})),t.jsx("div",e.__assign({className:"create-group-illustrate"},{children:I("TUIConversation.".concat(null===l.typeInfoList||void 0===l.typeInfoList?void 0:l.typeInfoList.find((function(e){return e.type===S})).des))})),t.jsxs("div",e.__assign({className:"create-group-portrait"},{children:[t.jsx("div",e.__assign({className:"create-group-portrait-title"},{children:I("TUIConversation.Participants")})),t.jsx("div",e.__assign({className:"create-group-portrait-info-container"},{children:m.map((function(r){var a=r.avatar,n=r.userID,s=r.nick;return t.jsxs("div",e.__assign({className:"create-group-portrait-info"},{children:[t.jsx(u.Avatar,{shape:"square",size:50,image:a||c.defaultUserAvatar}),t.jsx("div",e.__assign({className:"create-group-portrait-info-nick"},{children:s}))]}),n)}))}))]}))]})),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(g,void 0,void 0,(function(){var t,r,a;return e.__generator(this,(function(e){switch(e.label){case 0:return t=m.map((function(e){return{userID:e.userID}})),r=function(e){switch(e){case"Work":return c.defaultGroupAvatarWork;case"Public":return c.defaultGroupAvatarPublic;case"Meeting":return c.defaultGroupAvatarMeeting;case"AVChatRoom":return c.defaultGroupAvatarAVChatRoom;default:return""}}(S),[4,f({name:q,type:l.GroupType[S],groupID:U,avatar:r,memberList:t})];case 1:return a=e.sent(),C(a),n.TUIConversationService.switchConversation(null==a?void 0:a.conversationID),h(!1),[2]}}))}))}},{children:I("TUIConversation.Create")}))}))]}):t.jsx(l.ConversationGroupTypeInfo,{groupType:S,setGroupType:D,setPageState:_})};

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("react-i18next"),a=require("../Icon/Icon.js"),o=require("../Icon/type.js"),i=require("./ConversationCreateUserSelectList.js"),n=require("./ConversationCreatGroupDetail.js"),c=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 u=C.className,T=void 0===u?"":u,S=C.setConversationCreated,v=C.conversationList,x=void 0===v?[]:v,E=r.useTranslation().t,l=s.useState(!1),d=l[0],g=l[1],P=s.useState(exports.PageStateTypes.USER_SELECT),_=P[0],j=P[1],y=s.useState([]),L=y[0],I=y[1],U=c.useTUIKitContext().chat,h=p.useConversation(U).createConversation,q=function(){if(d)switch(_){case exports.PageStateTypes.USER_SELECT:g(!1);break;case exports.PageStateTypes.CREATE_DETAIL:j(exports.PageStateTypes.USER_SELECT),I([]);break;case exports.PageStateTypes.GROUP_TYPE:j(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(a.Icon,{onClick:q,type:o.IconTypes.BACK,width:9,height:16}),t.jsx("div",e.__assign({className:"title"},{children:E(d?"TUIConversation.Add Participants":"TUIConversation.Start chat")}))]})),_===exports.PageStateTypes.USER_SELECT?t.jsx(i.ConversationCreateUserSelectList,{isCreateGroup:d,setIsCreateGroup:g,className:T,selectList:L,setSelectList:I,conversationList:x,setConversationCreated:S,setPageState:j}):t.jsx(n.ConversationCreatGroupDetail,{pageState:_,setPageState:j,profileList:L.map((function(e){return null==e?void 0:e.profile})),createConversation:h,setConversationCreated:S})]})}),[d,L,_])};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),s=require("react"),r=require("react-i18next"),a=require("../Icon/Icon.js"),o=require("../Icon/type.js"),i=require("./ConversationCreateUserSelectList.js"),n=require("./ConversationCreatGroupDetail.js"),c=require("../../context/UIKitContext.js");require("@tencentcloud/chat-uikit-engine"),require("../../context/TUIMessageContext.js");var u,p=require("../../hooks/useConversation.js");exports.PageStateTypes=void 0,(u=exports.PageStateTypes||(exports.PageStateTypes={})).USER_SELECT="Next",u.CREATE_DETAIL="Create",u.GROUP_TYPE="GroupType",exports.ConversationCreate=function(u){var C=u.className,S=void 0===C?"":C,T=u.setConversationCreated,v=u.conversationList,E=void 0===v?[]:v,l=r.useTranslation().t,x=s.useState(!1),d=x[0],g=x[1],P=s.useState(exports.PageStateTypes.USER_SELECT),_=P[0],j=P[1],y=s.useState([]),L=y[0],I=y[1],U=c.useUIKit().chat,h=p.useConversation(U).createConversation,q=function(){if(d)switch(_){case exports.PageStateTypes.USER_SELECT:g(!1);break;case exports.PageStateTypes.CREATE_DETAIL:j(exports.PageStateTypes.USER_SELECT),I([]);break;case exports.PageStateTypes.GROUP_TYPE:j(exports.PageStateTypes.CREATE_DETAIL)}else T(!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:q,type:o.IconTypes.BACK,width:9,height:16}),t.jsx("div",e.__assign({className:"title"},{children:l(d?"TUIConversation.Add Participants":"TUIConversation.Start chat")}))]})),_===exports.PageStateTypes.USER_SELECT?t.jsx(i.ConversationCreateUserSelectList,{isCreateGroup:d,setIsCreateGroup:g,className:S,selectList:L,setSelectList:I,conversationList:E,setConversationCreated:T,setPageState:j}):t.jsx(n.ConversationCreatGroupDetail,{pageState:_,setPageState:j,profileList:L.map((function(e){return null==e?void 0:e.profile})),createConversation:h,setConversationCreated:T})]})}),[d,L,_])};

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

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

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

@@ -1,10 +1,10 @@
-import React from 'react';
+import React__default from 'react';
 import { Conversation } from '@tencentcloud/chat';
 
 interface ConversationListContainerProps {
     error?: Error | null;
     loading?: boolean;
-    setConversationList?: React.Dispatch<React.SetStateAction<Array<Conversation>>>;
+    setConversationList?: React__default.Dispatch<React__default.SetStateAction<Array<Conversation>>>;
 }
 
 export { ConversationListContainerProps };

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

@@ -1,6 +1,6 @@
-import React from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default from 'react';
 import { Conversation } from '@tencentcloud/chat';
-import { TUIKitContextValue } from '../../context/TUIKitContext.js';
 import { AvatarProps } from '../Avatar/Avatar.js';
 
 interface ConversationPreviewUIComponentProps extends ConversationPreviewProps {
@@ -9,9 +9,9 @@ interface ConversationPreviewUIComponentProps extends ConversationPreviewProps {
     /** Image of Conversation to display */
     displayImage?: string;
     /** Title of Conversation to display */
-    displayTitle?: string | React.ReactElement;
+    displayTitle?: string | React__default.ReactElement;
     /** Message of Conversation to display */
-    displayMessage?: string | React.ReactElement;
+    displayMessage?: string | React__default.ReactElement;
     /** Time of Conversation to display */
     displayTime?: string;
     /** Number of unread Messages */
@@ -20,14 +20,14 @@ interface ConversationPreviewUIComponentProps extends ConversationPreviewProps {
 interface ConversationPreviewProps {
     conversation: Conversation;
     activeConversation?: Conversation;
-    Preview?: React.ComponentType<ConversationPreviewUIComponentProps>;
-    Avatar?: React.ComponentType<AvatarProps>;
-    setActiveConversation?: TUIKitContextValue['setActiveConversation'];
+    Preview?: React__default.ComponentType<ConversationPreviewUIComponentProps>;
+    Avatar?: React__default.ComponentType<AvatarProps>;
+    setActiveConversation?: (conversation: Conversation | undefined) => void;
     searchValue?: string;
     conversationUpdateCount?: number;
     activeConversationID?: string;
     setActiveConversationID?: (conversationID: string) => void;
 }
-declare function ConversationPreview<T extends ConversationPreviewProps>(props: T): React.ReactElement;
+declare function ConversationPreview<T extends ConversationPreviewProps>(props: T): react_jsx_runtime.JSX.Element;
 
 export { ConversationPreview, ConversationPreviewProps, ConversationPreviewUIComponentProps };

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

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

@@ -1,10 +1,10 @@
-import React from 'react';
+import React__default from 'react';
 import { ConversationPreviewUIComponentProps } from './ConversationPreview.js';
 
 interface IPluginsRef {
     closeMore?: () => void;
 }
-declare function unMemoConversationPreviewContent<T extends ConversationPreviewUIComponentProps>(props: T): React.ReactElement;
+declare function unMemoConversationPreviewContent<T extends ConversationPreviewUIComponentProps>(props: T): React__default.ReactElement;
 declare const ConversationPreviewContent: typeof unMemoConversationPreviewContent;
 
 export { ConversationPreviewContent, IPluginsRef, unMemoConversationPreviewContent };

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"),i=require("react"),t=require("react-i18next"),s=require("@tencentcloud/chat-uikit-engine"),o=require("../../utils/env.js"),r=require("../Avatar/Avatar.js"),a=require("../Icon/Icon.js"),c=require("../Icon/type.js"),u=require("../Plugins/index.js"),l=require("../../hooks/useConversation.js"),v=require("../../context/TUIKitContext.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function m(d){var m,h=d.conversation,p=d.Avatar,x=void 0===p?r.Avatar:p,f=d.displayImage,j=d.displayTitle,C=d.displayMessage,_=d.displayTime,g=d.unread,I=d.active,T=d.activeConversationID,N=d.setActiveConversationID,q=d.setActiveConversation,P=t.useTranslation().t,w=i.useRef(null),b=v.useTUIKitContext("ConversationPreviewContent"),y=b.chat,M=b.conversation,D=l.useConversation(y),U=D.pinConversation,k=D.deleteConversation,A=I?"conversation-preview-content--active":"",E=g&&g>=1?"conversation-preview-content--unread":"",R=h.isPinned?"conversation-preview-content--pin":"",S=i.useState(!1),K=S[0],O=S[1],z=i.useRef(null);i.useEffect((function(){T!==h.conversationID&&O(!1)}),[T]);var L=function(e){if(!o.isPC){var n=h.conversationID;switch(N&&N(n),e){case"touchstart":m=setTimeout(i,500);break;case"touchend":clearTimeout(m),setTimeout((function(){}),200)}}function i(){clearTimeout(m),O(!0)}},B=function(e,n){var i,t=h.conversationID,s=h.isPinned;switch(e.stopPropagation(),O(!1),(null===(i=null==z?void 0:z.current)||void 0===i?void 0:i.closeMore)&&z.current.closeMore(),n){case"pin":U({conversationID:t,isPinned:!s});break;case"delete":k(t),q&&t===(null==M?void 0:M.conversationID)&&q(void 0)}};return n.jsxs("button",e.__assign({type:"button","aria-selected":I,role:"option",className:"conversation-preview-container ".concat(A," ").concat(E," ").concat(R),onClick:function(){s.TUIConversationService.switchConversation(null==h?void 0:h.conversationID),q&&q(h),(null==w?void 0:w.current)&&w.current.blur()},onMouseEnter:function(){O(!0)},onMouseLeave:function(){O(!1)},onTouchStart:function(){return L("touchstart")},onTouchEnd:function(){return L("touchend")},ref:w},{children:[n.jsx("div",e.__assign({className:"avatar"},{children:n.jsx(x,{image:f,name:j,size:40})})),n.jsxs("div",e.__assign({className:"content"},{children:[n.jsx("div",e.__assign({className:"title text-ellipsis"},{children:j})),n.jsx("div",e.__assign({className:"message"},{children:C}))]})),n.jsxs("div",e.__assign({className:"external"},{children:[g?n.jsx("div",e.__assign({className:"unread"},{children:g<=99?g:"99+"})):n.jsx("div",{className:"unread"}),K?n.jsx("div",e.__assign({className:"".concat(K?"more--hover":"more")},{children:n.jsx(u.Plugins,{customClass:"more-handle-box",ref:z,plugins:[n.jsx("div",e.__assign({role:"presentation",className:"more-handle-item",onClick:function(e){B(e,"pin")}},{children:P(h.isPinned?"TUIConversation.Unpin":"TUIConversation.Pin")})),n.jsx("div",e.__assign({className:"more-handle-item delete",onClick:function(e){B(e,"delete")},role:"presentation"},{children:P("TUIConversation.Delete")}))],showNumber:0,MoreIcon:n.jsx(a.Icon,{className:"icon-more",width:16,height:16,type:c.IconTypes.MORE})})})):n.jsx("div",e.__assign({className:"time"},{children:_}))]}))]}))}require("../../context/TUIMessageContext.js");var h=d(i).default.memo(m);exports.ConversationPreviewContent=h,exports.unMemoConversationPreviewContent=m;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("react/jsx-runtime"),i=require("react"),t=require("react-i18next"),s=require("@tencentcloud/chat-uikit-engine"),o=require("../../utils/env.js"),r=require("../Avatar/Avatar.js"),a=require("../Icon/Icon.js"),c=require("../Icon/type.js"),u=require("../Plugins/index.js"),l=require("../../hooks/useConversation.js"),v=require("../../context/UIKitContext.js"),d=require("../../context/UIManagerContext.js");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function h(m){var h,x=m.conversation,p=m.Avatar,j=void 0===p?r.Avatar:p,f=m.displayImage,g=m.displayTitle,C=m.displayMessage,I=m.displayTime,_=m.unread,T=m.active,q=m.activeConversationID,N=m.setActiveConversationID,M=m.setActiveConversation,P=t.useTranslation().t,w=i.useRef(null),b=v.useUIKit().chat,y=d.useUIManager().conversation,U=l.useConversation(b),D=U.pinConversation,k=U.deleteConversation,A=T?"conversation-preview-content--active":"",E=_&&_>=1?"conversation-preview-content--unread":"",R=x.isPinned?"conversation-preview-content--pin":"",S=i.useState(!1),K=S[0],O=S[1],z=i.useRef(null);i.useEffect((function(){q!==x.conversationID&&O(!1)}),[q]);var L=function(e){if(!o.isPC){var n=x.conversationID;switch(N&&N(n),e){case"touchstart":h=setTimeout(i,500);break;case"touchend":clearTimeout(h),setTimeout((function(){}),200)}}function i(){clearTimeout(h),O(!0)}},B=function(e,n){var i,t=x.conversationID,s=x.isPinned;switch(e.stopPropagation(),O(!1),(null===(i=null==z?void 0:z.current)||void 0===i?void 0:i.closeMore)&&z.current.closeMore(),n){case"pin":D({conversationID:t,isPinned:!s});break;case"delete":k(t),M&&t===(null==y?void 0:y.conversationID)&&M(void 0)}};return n.jsxs("button",e.__assign({type:"button","aria-selected":T,role:"option",className:"conversation-preview-container ".concat(A," ").concat(E," ").concat(R),onClick:function(){s.TUIConversationService.switchConversation(null==x?void 0:x.conversationID),M&&M(x),(null==w?void 0:w.current)&&w.current.blur()},onMouseEnter:function(){O(!0)},onMouseLeave:function(){O(!1)},onTouchStart:function(){return L("touchstart")},onTouchEnd:function(){return L("touchend")},ref:w},{children:[n.jsx("div",e.__assign({className:"avatar"},{children:n.jsx(j,{image:f,name:g,size:40})})),n.jsxs("div",e.__assign({className:"content"},{children:[n.jsx("div",e.__assign({className:"title text-ellipsis"},{children:g})),n.jsx("div",e.__assign({className:"message"},{children:C}))]})),n.jsxs("div",e.__assign({className:"external"},{children:[_?n.jsx("div",e.__assign({className:"unread"},{children:_<=99?_:"99+"})):n.jsx("div",{className:"unread"}),K?n.jsx("div",e.__assign({className:"".concat(K?"more--hover":"more")},{children:n.jsx(u.Plugins,{customClass:"more-handle-box",ref:z,plugins:[n.jsx("div",e.__assign({role:"presentation",className:"more-handle-item",onClick:function(e){B(e,"pin")}},{children:P(x.isPinned?"TUIConversation.Unpin":"TUIConversation.Pin")})),n.jsx("div",e.__assign({className:"more-handle-item delete",onClick:function(e){B(e,"delete")},role:"presentation"},{children:P("TUIConversation.Delete")}))],showNumber:0,MoreIcon:n.jsx(a.Icon,{className:"icon-more",width:16,height:16,type:c.IconTypes.MORE})})})):n.jsx("div",e.__assign({className:"time"},{children:I}))]}))]}))}require("../../context/TUIMessageContext.js");var x=m(i).default.memo(h);exports.ConversationPreviewContent=x,exports.unMemoConversationPreviewContent=h;

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

@@ -1,12 +1,12 @@
-import React from 'react';
+import React__default from 'react';
 import { Conversation } from '@tencentcloud/chat';
 import { ConversationPreviewUIComponentProps } from '../ConversationPreview/ConversationPreview.js';
 
 interface ConversationSearchResultProps {
     result: Array<Conversation>;
     searchValue?: string;
-    Preview?: React.ComponentType<ConversationPreviewUIComponentProps>;
+    Preview?: React__default.ComponentType<ConversationPreviewUIComponentProps>;
 }
-declare function ConversationSearchResult(props: ConversationSearchResultProps): React.ReactElement;
+declare function ConversationSearchResult(props: ConversationSearchResultProps): React__default.ReactElement;
 
 export { ConversationSearchResult, ConversationSearchResultProps };

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),s=require("../ConversationPreview/ConversationPreview.js");require("react"),require("react-i18next"),require("@tencentcloud/chat-uikit-engine"),require("../../utils/env.js");var n=require("../Icon/Icon.js"),i=require("../Icon/type.js");require("@tencentcloud/chat"),require("../TUIKit/TUIKit.js"),require("../../context/TUIMessageContext.js"),require("../ConversationCreate/ConversationCreate.js"),require("../ConversationCreate/ConversationGroupTypeInfo.js"),require("date-fns"),require("date-fns/locale"),require("../../constants.js"),require("../TUIMessage/hooks/useMessageReply.js"),require("../TUIMessage/MessagePlugins.js"),require("../TUIMessage/MessageContext.js"),require("../TUIMessageInput/hooks/useHandleQuoteMessage.js"),require("../TUIProfile/TUIProfileDefault.js"),exports.ConversationSearchResult=function(t){var a=t.result,o=t.searchValue,u=t.Preview;return r.jsx("div",{children:0===(null==a?void 0:a.length)?r.jsxs("div",e.__assign({className:"conversation-search-result no-result"},{children:[r.jsx(n.Icon,{className:"no-result-icon",type:i.IconTypes.CRY,width:42,height:42}),r.jsx("span",e.__assign({className:"no-result-message"},{children:'No results for "'.concat(o,'"')}))]})):a.map((function(n){var i={conversation:n,Preview:u};return r.jsx(s.ConversationPreview,e.__assign({searchValue:o},i),n.conversationID)}))})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),s=require("../ConversationPreview/ConversationPreview.js");require("react"),require("react-i18next"),require("@tencentcloud/chat-uikit-engine"),require("../../utils/env.js");var n=require("../Icon/Icon.js"),t=require("../Icon/type.js");require("@tencentcloud/chat"),require("@tencentcloud/tui-core"),require("../../context/TUIMessageContext.js"),require("../ConversationCreate/ConversationCreate.js"),require("../ConversationCreate/ConversationGroupTypeInfo.js"),require("date-fns"),require("date-fns/locale"),require("../../constants.js"),require("../TUIMessage/hooks/useMessageReply.js"),require("../TUIMessage/MessagePlugins.js"),require("../TUIMessage/MessageContext.js"),require("../TUIMessageInput/hooks/useHandleQuoteMessage.js"),require("../TUIProfile/TUIProfileDefault.js"),exports.ConversationSearchResult=function(i){var o=i.result,a=i.searchValue,u=i.Preview;return r.jsx("div",{children:0===(null==o?void 0:o.length)?r.jsxs("div",e.__assign({className:"conversation-search-result no-result"},{children:[r.jsx(n.Icon,{className:"no-result-icon",type:t.IconTypes.CRY,width:42,height:42}),r.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 r.jsx(s.ConversationPreview,e.__assign({searchValue:a},t),n.conversationID)}))})};

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

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

package/dist/cjs/components/InfiniteScrollPaginator/InfiniteScroll.d.ts

@@ -1,15 +1,15 @@
-import React from 'react';
+import React__default from 'react';
 
 interface InfiniteScrollProps {
     className?: string;
-    element?: React.ElementType;
+    element?: React__default.ElementType;
     hasMore?: boolean;
     hasMoreNewer?: boolean;
     initialLoad?: boolean;
     isLoading?: boolean;
     listenToScroll?: (offset: number, reverseOffset: number, threshold: number) => void;
-    loader?: React.ReactNode;
-    loading?: React.ReactNode;
+    loader?: React__default.ReactNode;
+    loading?: React__default.ReactNode;
     loadMore?: () => void;
     loadMoreNewer?: () => void;
     pageStart?: number;

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

@@ -1,12 +1,12 @@
-import React, { InputHTMLAttributes } from 'react';
+import React__default, { InputHTMLAttributes } from 'react';
 
 interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix' | 'type'> {
     className?: string;
     customClassName?: string;
     placeholder?: string;
     clearable?: boolean;
-    prefix?: React.ReactNode;
-    suffix?: React.ReactNode;
+    prefix?: React__default.ReactNode;
+    suffix?: React__default.ReactNode;
     value?: InputHTMLAttributes<HTMLInputElement>['value'];
     border?: '' | 'bottom';
     disabled?: boolean;
@@ -18,6 +18,6 @@ interface InputRef {
     blur: () => void;
     input: HTMLInputElement | null;
 }
-declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<InputRef>>;
+declare const Input: React__default.ForwardRefExoticComponent<InputProps & React__default.RefAttributes<InputRef>>;
 
 export { Input, InputProps, InputRef };

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

@@ -1,9 +1,9 @@
-import React from 'react';
+import React__default from 'react';
 
 interface PopupProps {
     className?: string;
     onClick?: (e: Event) => void;
 }
-declare function Model<T extends PopupProps>(props: React.PropsWithChildren<T>): React.ReactElement;
+declare function Model<T extends PopupProps>(props: React__default.PropsWithChildren<T>): React__default.ReactElement;
 
 export { Model };

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 
 interface PluginsProps {
     plugins?: Array<any>;
@@ -11,8 +11,8 @@ interface PluginsProps {
     handleVisible?: (isVisible: any) => void;
     showMore?: boolean;
 }
-declare const Plugins: React.ForwardRefExoticComponent<PluginsProps & {
-    children?: React.ReactNode;
-} & React.RefAttributes<unknown>>;
+declare const Plugins: React__default.ForwardRefExoticComponent<PluginsProps & {
+    children?: React__default.ReactNode;
+} & React__default.RefAttributes<unknown>>;
 
 export { Plugins, PluginsProps };

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 
 interface PopupProps {
     className?: string;
@@ -8,6 +8,6 @@ interface PopupProps {
     root?: any;
     handleVisible?: (isVisible: any) => void;
 }
-declare function Popup<T extends PopupProps>(props: React.PropsWithChildren<T>): React.ReactElement;
+declare function Popup<T extends PopupProps>(props: React__default.PropsWithChildren<T>): React__default.ReactElement;
 
 export { Popup };

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

@@ -1,9 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import React from 'react';
+import React__default from 'react';
 
 interface Props {
     checked: boolean;
-    onChange: (e: React.ChangeEvent) => void;
+    onChange: (e: React__default.ChangeEvent) => void;
     checkedColor?: string;
     className?: string;
 }

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

@@ -1,4 +1,4 @@
-import React, { PropsWithChildren } from 'react';
+import React__default, { PropsWithChildren } from 'react';
 import { Conversation, Message } from '@tencentcloud/chat';
 import { IMessageModel } from '@tencentcloud/chat-uikit-engine';
 import { UnknowPorps } from '../../context/ComponentContext.js';
@@ -11,16 +11,16 @@ import { TUIMessageInputBasicProps } from '../TUIMessageInput/TUIMessageInput.js
 interface TUIChatProps {
     className?: string;
     conversation?: Conversation;
-    EmptyPlaceholder?: React.ReactElement;
-    TUIMessage?: React.ComponentType<TUIMessageProps | UnknowPorps>;
-    TUIChatHeader?: React.ComponentType<TUIChatHeaderDefaultProps>;
-    MessageContext?: React.ComponentType<MessageContextProps>;
-    TUIMessageInput?: React.ComponentType<UnknowPorps>;
-    InputPlugins?: React.ComponentType<UnknowPorps>;
-    InputQuote?: React.ComponentType<UnknowPorps>;
-    MessagePlugins?: React.ComponentType<UnknowPorps>;
-    MessageCustomPlugins?: React.ComponentType<UnknowPorps>;
-    MessageTextPlugins?: React.ComponentType<UnknowPorps>;
+    EmptyPlaceholder?: React__default.ReactElement;
+    TUIMessage?: React__default.ComponentType<TUIMessageProps | UnknowPorps>;
+    TUIChatHeader?: React__default.ComponentType<TUIChatHeaderDefaultProps>;
+    MessageContext?: React__default.ComponentType<MessageContextProps>;
+    TUIMessageInput?: React__default.ComponentType<UnknowPorps>;
+    InputPlugins?: React__default.ComponentType<UnknowPorps>;
+    InputQuote?: React__default.ComponentType<UnknowPorps>;
+    MessagePlugins?: React__default.ComponentType<UnknowPorps>;
+    MessageCustomPlugins?: React__default.ComponentType<UnknowPorps>;
+    MessageTextPlugins?: React__default.ComponentType<UnknowPorps>;
     onMessageRecevied?: (updateMessage: (event?: Array<Message>) => void, event: any) => void;
     sendMessage?: (message: Message, options?: any) => Promise<Message>;
     revokeMessage?: (message: Message) => Promise<Message>;
@@ -32,7 +32,7 @@ interface TUIChatProps {
     TUIMessageListConfig?: MessageListProps;
     [propName: string]: any;
 }
-declare function UnMemoizedTUIChat<T extends TUIChatProps>(props: PropsWithChildren<T>): React.ReactElement;
+declare function UnMemoizedTUIChat<T extends TUIChatProps>(props: PropsWithChildren<T>): React__default.ReactElement;
 declare const TUIChat: typeof UnMemoizedTUIChat;
 
 export { TUIChat };

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("@tencentcloud/chat-uikit-engine"),n=require("../untils.js"),r=require("../../context/TUIKitContext.js"),i=require("../../context/TUIChatStateContext.js"),o=require("../../context/TUIChatActionContext.js"),u=require("../../context/ComponentContext.js"),g=require("./hooks/useCreateTUIChatStateContext.js"),c=require("../TUIMessage/TUIMessage.js");require("../TUIMessage/MessagePlugins.js"),require("../TUIMessage/MessageContext.js");var d=require("../../constants.js"),l=require("./TUIChatState.js"),I=require("./hooks/useHandleMessageList.js"),T=require("./hooks/useHandleMessage.js"),M=require("../TUIChatHeader/TUIChatHeader.js");require("@tencentcloud/chat"),require("../Icon/config.js"),require("../Icon/type.js"),require("../../utils/env.js"),require("../../context/TUIMessageContext.js");var C=require("../TUIMessageList/TUIMessageList.js"),v=require("../TUIMessageInput/TUIMessageInput.js");require("react-i18next");var h=require("../EmptyStateIndicator/EmptyStateIndicator.js");function U(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function f(a){var n=a.conversation,i=a.EmptyPlaceholder,o=void 0===i?t.jsx(h.EmptyStateIndicator,{listType:"chat"}):i,u=r.useTUIKitContext("TUIChat"),g=u.conversation,c=u.chat,d=n||g;return(null==d?void 0:d.conversationID)?s.createElement(p,e.__assign({chat:c},a,{conversation:d,key:d.conversationID})):o}function p(r){var h=this,U=r.chat,f=r.conversation,p=r.className,_=r.children,S=r.TUIMessage,j=r.TUIChatHeader,x=r.TUIMessageInput,m=r.InputPlugins,q=r.MessagePlugins,P=r.MessageContext,E=r.MessageCustomPlugins,A=r.MessageTextPlugins,H=r.InputQuote;r.onMessageRecevied,r.sendMessage;var L=r.revokeMessage;r.selectedConversation;var y=r.filterMessage,N=r.messageConfig,D=r.cloudCustomData,R=r.TUIMessageInputConfig,k=r.TUIMessageListConfig,O=s.useReducer(l.chatReducer,e.__assign(e.__assign({},l.initialState),{conversation:f})),w=O[0],b=O[1],F=s.useRef(null),Y=s.useRef(),G=w&&g(e.__assign({chat:U,conversation:f,messageListRef:F,textareaRef:Y,messageConfig:N,cloudCustomData:D,TUIMessageInputConfig:R,TUIMessageListConfig:k},w)),K=I.useHandleMessageList({chat:U,conversation:f,state:w,dispatch:b,filterMessage:y}),Q=K.editLocalMessage,V=K.updateUploadPendingMessageList,J=T.useHandleMessage({state:w,dispatch:b}),z=J.operateMessage,B=J.setAudioSource,W=J.setVideoSource,X=J.setHighlightedMessageId,Z=J.setActiveMessageID;s.useEffect((function(){return a.TUIStore.watch(a.StoreName.CHAT,{messageList:$,isCompleted:ee}),function(){a.TUIStore.unwatch(a.StoreName.CHAT,{messageList:$,isCompleted:ee})}}),[]);var $=function(e){var s=e.filter((function(e){return!e.isDeleted}));b({type:d.CONSTANT_DISPATCH_TYPE.SET_MESSAGELIST,value:y?y(s):s})},ee=function(e){e&&b({type:d.CONSTANT_DISPATCH_TYPE.SET_NO_MORE,value:e})},se=function(){return e.__awaiter(h,void 0,void 0,(function(){return e.__generator(this,(function(e){return a.TUIChatService.getMessageList(),[2]}))}))},te=function(s){return e.__awaiter(h,void 0,void 0,(function(){var t;return e.__generator(this,(function(e){return"TIMCustomElem"===s.type&&7===(null===(t=n.JSONStringToParse(s.payload.data))||void 0===t?void 0:t.src)||w.firstSendMessage||b({type:d.CONSTANT_DISPATCH_TYPE.SET_FIRST_SEND_MESSAGE,value:s}),[2]}))}))},ae=s.useMemo((function(){return{editLocalMessage:Q,operateMessage:z,loadMore:se,revokeMessage:L,setAudioSource:B,setVideoSource:W,setHighlightedMessageId:X,setActiveMessageID:Z,updateUploadPendingMessageList:V,setFirstSendMessage:te}}),[Q,z,se,L,B,W,X,Z,V,te]),ne=s.useMemo((function(){return{TUIMessage:S||c.TUIMessage,MessageContext:P,InputPlugins:m,MessagePlugins:q,MessageCustomPlugins:E,MessageTextPlugins:A,TUIChatHeader:j,TUIMessageInput:x,InputQuote:H}}),[]);return t.jsx("div",e.__assign({className:"chat ".concat(p)},{children:t.jsx(i.TUIChatStateContextProvider,e.__assign({value:G},{children:t.jsx(o.TUIChatActionProvider,e.__assign({value:ae},{children:t.jsx(u.ComponentProvider,e.__assign({value:ne},{children:_||t.jsxs(t.Fragment,{children:[t.jsx(M.TUIChatHeader,{}),t.jsx(C.TUIMessageList,{}),t.jsx(v.TUIMessageInput,{})]})}))}))}))}))}var _=U(s).default.memo(f);exports.TUIChat=_;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react"),t=require("react/jsx-runtime"),a=require("@tencentcloud/chat-uikit-engine"),n=require("../untils.js"),r=require("../../context/UIKitContext.js"),i=require("../../context/UIManagerContext.js"),o=require("../../context/TUIChatStateContext.js"),u=require("../../context/TUIChatActionContext.js");require("../../context/TUIMessageContext.js");var g=require("../../context/ComponentContext.js"),c=require("./hooks/useCreateTUIChatStateContext.js"),d=require("../TUIMessage/TUIMessage.js");require("../TUIMessage/MessagePlugins.js"),require("../TUIMessage/MessageContext.js");var I=require("../../constants.js"),l=require("./TUIChatState.js"),M=require("./hooks/useHandleMessageList.js"),T=require("./hooks/useHandleMessage.js"),v=require("../TUIChatHeader/TUIChatHeader.js");require("@tencentcloud/chat"),require("../Icon/config.js"),require("../Icon/type.js"),require("../../utils/env.js");var C=require("../TUIMessageList/TUIMessageList.js"),h=require("../TUIMessageInput/TUIMessageInput.js");require("react-i18next");var U=require("../EmptyStateIndicator/EmptyStateIndicator.js");function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function p(a){var n=a.conversation,o=a.EmptyPlaceholder,u=void 0===o?t.jsx(U.EmptyStateIndicator,{listType:"chat"}):o,g=r.useUIKit().chat,c=i.useUIManager().conversation,d=n||c;return(null==d?void 0:d.conversationID)?s.createElement(_,e.__assign({chat:g},a,{conversation:d,key:d.conversationID})):u}function _(r){var i=this,U=r.chat,f=r.conversation,p=r.className,_=r.children,S=r.TUIMessage,j=r.TUIChatHeader,x=r.TUIMessageInput,m=r.InputPlugins,q=r.MessagePlugins,P=r.MessageContext,E=r.MessageCustomPlugins,A=r.MessageTextPlugins,H=r.InputQuote;r.onMessageRecevied,r.sendMessage;var L=r.revokeMessage;r.selectedConversation;var y=r.filterMessage,N=r.messageConfig,D=r.cloudCustomData,R=r.TUIMessageInputConfig,k=r.TUIMessageListConfig,O=s.useReducer(l.chatReducer,e.__assign(e.__assign({},l.initialState),{conversation:f})),w=O[0],b=O[1],F=s.useRef(null),Y=s.useRef(),G=w&&c(e.__assign({chat:U,conversation:f,messageListRef:F,textareaRef:Y,messageConfig:N,cloudCustomData:D,TUIMessageInputConfig:R,TUIMessageListConfig:k},w)),K=M.useHandleMessageList({chat:U,conversation:f,state:w,dispatch:b,filterMessage:y}),Q=K.editLocalMessage,V=K.updateUploadPendingMessageList,J=T.useHandleMessage({state:w,dispatch:b}),z=J.operateMessage,B=J.setAudioSource,W=J.setVideoSource,X=J.setHighlightedMessageId,Z=J.setActiveMessageID;s.useEffect((function(){return a.TUIStore.watch(a.StoreName.CHAT,{messageList:$,isCompleted:ee}),function(){a.TUIStore.unwatch(a.StoreName.CHAT,{messageList:$,isCompleted:ee})}}),[]);var $=function(e){var s=e.filter((function(e){return!e.isDeleted}));b({type:I.CONSTANT_DISPATCH_TYPE.SET_MESSAGELIST,value:y?y(s):s})},ee=function(e){e&&b({type:I.CONSTANT_DISPATCH_TYPE.SET_NO_MORE,value:e})},se=function(){return e.__awaiter(i,void 0,void 0,(function(){return e.__generator(this,(function(e){return a.TUIChatService.getMessageList(),[2]}))}))},te=function(s){return e.__awaiter(i,void 0,void 0,(function(){var t;return e.__generator(this,(function(e){return"TIMCustomElem"===s.type&&7===(null===(t=n.JSONStringToParse(s.payload.data))||void 0===t?void 0:t.src)||w.firstSendMessage||b({type:I.CONSTANT_DISPATCH_TYPE.SET_FIRST_SEND_MESSAGE,value:s}),[2]}))}))},ae=s.useMemo((function(){return{editLocalMessage:Q,operateMessage:z,loadMore:se,revokeMessage:L,setAudioSource:B,setVideoSource:W,setHighlightedMessageId:X,setActiveMessageID:Z,updateUploadPendingMessageList:V,setFirstSendMessage:te}}),[Q,z,se,L,B,W,X,Z,V,te]),ne=s.useMemo((function(){return{TUIMessage:S||d.TUIMessage,MessageContext:P,InputPlugins:m,MessagePlugins:q,MessageCustomPlugins:E,MessageTextPlugins:A,TUIChatHeader:j,TUIMessageInput:x,InputQuote:H}}),[]);return t.jsx("div",e.__assign({className:"chat ".concat(p)},{children:t.jsx(o.TUIChatStateContextProvider,e.__assign({value:G},{children:t.jsx(u.TUIChatActionProvider,e.__assign({value:ae},{children:t.jsx(g.ComponentProvider,e.__assign({value:ne},{children:_||t.jsxs(t.Fragment,{children:[t.jsx(v.TUIChatHeader,{}),t.jsx(C.TUIMessageList,{}),t.jsx(h.TUIMessageInput,{})]})}))}))}))}))}var S=f(s).default.memo(p);exports.TUIChat=S;

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

@@ -1,15 +1,15 @@
-import React, { PropsWithChildren } from 'react';
+import React__default, { PropsWithChildren } from 'react';
 import { Conversation } from '@tencentcloud/chat';
 import { TUIChatHeaderDefaultProps } from './TUIChatHeaderDefault.js';
 
 interface TUIChatHeaderProps {
     title?: string;
-    TUIChatHeader?: React.ComponentType<TUIChatHeaderDefaultProps>;
+    TUIChatHeader?: React__default.ComponentType<TUIChatHeaderDefaultProps>;
     conversation?: Conversation;
-    avatar?: React.ReactElement | string;
-    headerOpateIcon?: React.ReactElement | string;
+    avatar?: React__default.ReactElement | string;
+    headerOpateIcon?: React__default.ReactElement | string;
 }
-declare function UnMemoizedTUIChatHeader<T extends TUIChatHeaderProps>(props: PropsWithChildren<T>): React.ReactElement;
+declare function UnMemoizedTUIChatHeader<T extends TUIChatHeaderProps>(props: PropsWithChildren<T>): React__default.ReactElement;
 declare const TUIChatHeader: typeof UnMemoizedTUIChatHeader;
 
 export { TUIChatHeader };

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../context/TUIChatStateContext.js"),a=require("./TUIChatHeaderDefault.js");require("tslib"),require("../../context/TUIMessageContext.js");var o=require("../../context/ComponentContext.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(t){var n=t.title,u=t.conversation,i=t.TUIChatHeader,s=t.avatar,c=t.headerOpateIcon,C=r.useTUIChatStateContext("TUIChatHeader").conversation,d=o.useComponentContext().TUIChatHeader,x=i||d||a.TUIChatHeaderDefault,I=u||C;return e.jsx(x,{title:n,conversation:I,avatar:s,opateIcon:c})}var i=n(t).default.memo(u);exports.TUIChatHeader=i;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../context/TUIChatStateContext.js"),a=require("./TUIChatHeaderDefault.js");require("tslib"),require("@tencentcloud/tui-core"),require("react-i18next"),require("@tencentcloud/chat-uikit-engine"),require("../../context/TUIMessageContext.js");var n=require("../../context/ComponentContext.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(t){var o=t.title,u=t.conversation,i=t.TUIChatHeader,c=t.avatar,s=t.headerOpateIcon,C=r.useTUIChatStateContext("TUIChatHeader").conversation,d=n.useComponentContext().TUIChatHeader,x=i||d||a.TUIChatHeaderDefault,l=u||C;return e.jsx(x,{title:o,conversation:l,avatar:c,opateIcon:s})}var i=o(t).default.memo(u);exports.TUIChatHeader=i;

package/dist/cjs/components/TUIChatHeader/TUIChatHeaderDefault.d.ts

@@ -1,17 +1,17 @@
-import React from 'react';
+import React__default from 'react';
 import { Conversation } from '@tencentcloud/chat';
 
 interface TUIChatHeaderDefaultProps {
     title?: string;
-    avatar?: React.ReactElement | string;
+    avatar?: React__default.ReactElement | string;
     isOnline?: boolean;
     conversation?: Conversation;
-    pluginComponentList?: Array<React.ComponentType>;
+    pluginComponentList?: Array<React__default.ComponentType>;
 }
 interface TUIChatHeaderBasicProps extends TUIChatHeaderDefaultProps {
     isLive?: boolean;
-    opateIcon?: React.ReactElement | string;
+    opateIcon?: React__default.ReactElement | string;
 }
-declare function TUIChatHeaderDefault(props: TUIChatHeaderBasicProps): React.ReactElement;
+declare function TUIChatHeaderDefault(props: TUIChatHeaderBasicProps): React__default.ReactElement;
 
 export { TUIChatHeaderBasicProps, TUIChatHeaderDefault, TUIChatHeaderDefaultProps };

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

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