@tencentcloud/chat-uikit-react 2.2.5 → 2.2.7

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,21 @@
+## [2.2.7] (2024-09-13)
+
+#### feat
+* feat: Support 1v1 audio and video calls
+* feat: Support light and dark theme switching
+* feat: Support Chinese Traditional TW
+
+#### fix
+* fix: Fix source code integration error
+
+## [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("../../TUIChat/index.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,null==t?void 0: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,I=m.displayTitle,g=m.displayMessage,C=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,D=l.useConversation(b),U=D.pinConversation,k=D.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":U({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,id:x.conversationID},{children:[n.jsx("div",e.__assign({className:"avatar"},{children:n.jsx(j,{image:f,name:I,size:40})})),n.jsxs("div",e.__assign({className:"content"},{children:[n.jsx("div",e.__assign({className:"title text-ellipsis"},{children:I})),n.jsx("div",e.__assign({className:"message"},{children:g}))]})),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:C}))]}))]}))}require("../../context/TUIMessageContext.js");var x=m(i).default.memo(h);exports.ConversationPreviewContent=x,exports.unMemoConversationPreviewContent=h;

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

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

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("../TUIChat/index.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"),exports.ConversationSearchResult=function(i){var a=i.result,o=i.searchValue,u=i.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:t.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 t={conversation:n,Preview:u};return r.jsx(s.ConversationPreview,e.__assign({searchValue:o},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/Icon/config.js

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

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

@@ -0,0 +1 @@
+"use strict";module.exports="data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2212%22%20viewBox%3D%220%200%2018%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12.7133%203.78811C12.7133%203.84528%2012.654%203.94533%2012.5353%204.08826C12.4166%204.23119%2012.2894%204.39985%2012.1537%204.59424C12.0181%204.78862%2011.8909%205.00016%2011.7722%205.22885C11.6535%205.45754%2011.5942%205.69194%2011.5942%205.93207C11.5942%206.17219%2011.6535%206.40374%2011.7722%206.62671C11.8909%206.84968%2012.0181%207.05264%2012.1537%207.2356C12.2894%207.41855%2012.4166%207.57005%2012.5353%207.69011C12.654%207.81018%2012.7133%207.88736%2012.7133%207.92166V9.72259C12.7133%209.91697%2012.6427%2010.1371%2012.5014%2010.3829C12.3601%2010.6288%2012.1848%2010.8603%2011.9757%2011.0776C11.7666%2011.2948%2011.5348%2011.4749%2011.2805%2011.6178C11.0261%2011.7608%2010.7859%2011.8322%2010.5598%2011.8322H2.13229C1.82707%2011.8322%201.54728%2011.7779%201.29293%2011.6693C1.03858%2011.5607%200.815315%2011.4092%200.623139%2011.2148C0.430963%2011.0204%200.281177%2010.7917%200.173785%2010.5287C0.0663918%2010.2657%200.0126953%209.97986%200.0126953%209.67113V2.27876C0.0126953%202.05007%200.0635656%201.81281%200.165306%201.56697C0.267047%201.32113%200.411179%201.0953%200.597704%200.889476C0.784228%200.683656%201.00467%200.512139%201.25902%200.374926C1.51337%200.237712%201.79316%200.169106%202.09838%200.169106H10.5259C10.8311%200.169106%2011.1166%200.223419%2011.3822%200.332046C11.6479%200.440674%2011.8796%200.589322%2012.0774%200.77799C12.2753%200.966658%2012.4307%201.19249%2012.5437%201.45548C12.6568%201.71847%2012.7133%201.99862%2012.7133%202.29591V3.78811ZM17.9869%202.17585V10.0142C17.9869%2010.2657%2017.9219%2010.4887%2017.7919%2010.6831C17.6619%2010.8775%2017.4669%2010.9747%2017.2069%2010.9747C17.1164%2010.9747%2017.0006%2010.9404%2016.8592%2010.8718C16.7179%2010.8031%2016.5766%2010.7231%2016.4353%2010.6316C16.294%2010.5402%2016.1612%2010.4487%2016.0368%2010.3572C15.9125%2010.2657%2015.8221%2010.1914%2015.7655%2010.1342C15.6186%2010.0084%2015.3953%209.79119%2015.0957%209.48246C14.7962%209.17373%2014.4938%208.82498%2014.1886%208.43621C13.8833%208.04744%2013.6149%207.64724%2013.3831%207.2356C13.1514%206.82396%2013.0355%206.44662%2013.0355%206.10358C13.0355%205.76055%2013.1598%205.36892%2013.4085%204.9287C13.6572%204.48847%2013.9568%204.05682%2014.3073%203.63374C14.6577%203.21067%2015.0251%202.81904%2015.4094%202.45885C15.7938%202.09867%2016.116%201.8271%2016.376%201.64415C16.4777%201.57554%2016.6162%201.49264%2016.7914%201.39545C16.9666%201.29826%2017.1221%201.24966%2017.2577%201.24966C17.563%201.24966%2017.7608%201.33542%2017.8512%201.50694C17.9417%201.67845%2017.9869%201.88999%2017.9869%202.14155V2.17585Z%22%20fill%3D%22%23147AFF%22%20style%3D%22fill%3A%23147AFF%3Bfill%3Acolor%28display-p3%200.0784%200.4784%201.0000%29%3Bfill-opacity%3A1%3B%22%2F%3E%3C%2Fsvg%3E";

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

@@ -0,0 +1 @@
+"use strict";module.exports="data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0.820502%201.908L2.4211%200.335447C2.84833%20-0.110789%203.54101%20-0.110788%203.96825%200.335448L6.55252%203.03465C6.97975%203.48089%206.97975%204.20438%206.55252%204.65061L5.40756%205.84649C5.89906%206.92709%206.58667%207.90985%207.44288%208.73564C8.3911%209.65016%209.50662%2010.3341%2010.7098%2010.7549L11.7569%209.66126C12.1841%209.21502%2012.8768%209.21502%2013.304%209.66126L15.6796%2012.1424C16.1068%2012.5887%2016.1068%2013.3122%2015.6796%2013.7584L13.9485%2015.6199C13.9389%2015.6199%2013.9581%2015.6199%2013.9485%2015.6199C13.7709%2015.8055%2013.5385%2015.9293%2013.2854%2015.9734L13.128%2016.0008C9.75381%2015.9708%206.84954%2014.6061%204.36844%2012.2132C1.859%209.79292%200.271627%206.98782%200%203.43154C0%202.94579%200.202278%202.48197%200.558263%202.15147L0.820502%201.908Z%22%20fill%3D%22%23147AFF%22%20style%3D%22fill%3A%23147AFF%3Bfill%3Acolor%28display-p3%200.0784%200.4784%201.0000%29%3Bfill-opacity%3A1%3B%22%2F%3E%3C%2Fsvg%3E";

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

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

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;
 }