@tencentcloud/chat-uikit-react 2.2.5 → 2.2.7

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

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

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

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

package/dist/esm/components/TUIProfile/TUIProfile.js

@@ -1 +1 @@
-import{jsxs as o,Fragment as r,jsx as e}from"react/jsx-runtime";import t from"react";import{Profile as i}from"../Profile/Profile.js";import{useMyProfile as f}from"./hooks/useMyProfile.js";import{TUIProfileDefault as m}from"./TUIProfileDefault.js";import{useTUIKitContext as l}from"../../context/TUIKitContext.js";import"tslib";import"../../context/TUIMessageContext.js";function s(t){var s=t.className,a=t.TUIProfile,n=f(),p=n.myProfile,P=n.updateMyProfile,c=l("TUIProfile"),u=c.setTUIProfileShow,I=c.TUIProfileShow,T=a||m;return o(r,{children:[e(i,{profile:p,handleAvatar:function(){u&&u(!0)}}),I&&e(T,{className:s,userInfo:p,update:P})]})}var a=t.memo(s);export{a as TUIProfile};
+import{jsxs as o,Fragment as r,jsx as e}from"react/jsx-runtime";import t from"react";import{Profile as i}from"../Profile/Profile.js";import{useMyProfile as m}from"./hooks/useMyProfile.js";import{TUIProfileDefault as f}from"./TUIProfileDefault.js";import"tslib";import"@tencentcloud/tui-core";import"react-i18next";import{useUIManager as a}from"../../context/UIManagerContext.js";import"../../context/TUIMessageContext.js";function l(t){var l=t.className,n=t.TUIProfile,s=m(),p=s.myProfile,c=s.updateMyProfile,u=a(),P=u.setTUIProfileShow,x=u.TUIProfileShow,I=n||f;return o(r,{children:[e(i,{profile:p,handleAvatar:function(){P&&P(!0)}}),x&&e(I,{className:l,userInfo:p,update:c})]})}var n=t.memo(l);export{n as TUIProfile};

package/dist/esm/components/TUIProfile/TUIProfileDefault.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { Profile } from '@tencentcloud/chat';
 import { UpdateMyProfileParams } from '@tencentcloud/chat-uikit-engine';
 
@@ -7,6 +7,6 @@ interface TUIProfileDefaultProps {
     update?: (option: UpdateMyProfileParams) => void;
     className?: string;
 }
-declare function TUIProfileDefault(props: TUIProfileDefaultProps): React.ReactElement;
+declare function TUIProfileDefault(props: TUIProfileDefaultProps): React__default.ReactElement;
 
 export { TUIProfileDefault, TUIProfileDefaultProps };

package/dist/esm/components/TUIProfile/TUIProfileDefault.js

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

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 
 interface ToastProps {
     type?: 'info' | 'warn' | 'error';
@@ -6,6 +6,6 @@ interface ToastProps {
     time?: number;
     className?: string;
 }
-declare function Toast<T extends ToastProps>(props: React.PropsWithChildren<T>): void;
+declare function Toast<T extends ToastProps>(props: React__default.PropsWithChildren<T>): void;
 
 export { Toast };

package/dist/esm/components/utils.js

@@ -0,0 +1 @@
+import{isThisYear as t,format as e,isToday as r,isYesterday as o,formatDistance as a,isThisWeek as n}from"date-fns";import{zhCN as i,zhTW as c,enGB as f,ja as u,ko as l}from"date-fns/locale";import p from"@tencentcloud/chat";import{TUIStore as s,StoreName as m}from"@tencentcloud/chat-uikit-engine";import"tslib";import"react/jsx-runtime";import"react";import"./Icon/config.js";import"./Icon/type.js";import{defaultGroupAvatarWork as d,defaultUserAvatar as P}from"./Avatar/default.js";function C(t){if("string"==typeof t)try{return!!JSON.parse(t)}catch(t){return!1}return!1}function v(t){return C(t)?JSON.parse(t):t}var y=function(t,e){void 0===e&&(e=p.TYPES.CONV_C2C);var r=t;if(!t)switch(e){case p.TYPES.CONV_C2C:r=P;break;case p.TYPES.CONV_GROUP:default:r=d}return r},S=function(p,s){void 0===s&&(s="en-US");var m={"zh-CN":i,"zh-TW":c,"en-US":f,"ja-JP":u,"ko-KR":l};return p?t(p)?r(p)?e(p,"p",{locale:m[s]}):o(p)?a(p,new Date,{locale:m[s]}):n(p)?e(p,"eeee",{locale:m[s]}):e(p,"MMM dd",{locale:m[s]}):e(p,"yyyy MMM dd",{locale:m[s]}):""};function h(t){var e=s.getData(m.APP,"tasks");t in e&&!e[t]&&(e[t]=!0,s.update(m.APP,"tasks",e))}export{v as JSONStringToParse,h as enableSampleTaskStatus,S as getTimeStamp,y as handleDisplayAvatar,C as isJSON};

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

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import React, { PropsWithChildren } from 'react';
+import React__default, { PropsWithChildren } from 'react';
 import { EmptyStateIndicatorProps } from '../components/EmptyStateIndicator/EmptyStateIndicator.js';
 import { TUIMessageProps } from '../components/TUIMessage/TUIMessage.js';
 import { MessageContextProps } from '../components/TUIMessage/MessageContext.js';
@@ -9,18 +9,18 @@ interface UnknowPorps {
     [propsName: string]: any;
 }
 interface ComponentContextValue {
-    TUIMessage?: React.ComponentType<TUIMessageProps | UnknowPorps>;
-    TUIChatHeader?: React.ComponentType<TUIChatHeaderDefaultProps>;
-    EmptyStateIndicator?: React.ComponentType<EmptyStateIndicatorProps>;
-    TUIMessageInput?: React.ComponentType<UnknowPorps>;
-    MessageContext?: React.ComponentType<MessageContextProps>;
-    InputPlugins?: React.ComponentType<UnknowPorps>;
-    MessagePlugins?: React.ComponentType<UnknowPorps>;
-    MessageCustomPlugins?: React.ComponentType<UnknowPorps>;
-    MessageTextPlugins?: React.ComponentType<UnknowPorps>;
-    InputQuote?: React.ComponentType<UnknowPorps>;
+    TUIMessage?: React__default.ComponentType<TUIMessageProps | UnknowPorps>;
+    TUIChatHeader?: React__default.ComponentType<TUIChatHeaderDefaultProps>;
+    EmptyStateIndicator?: React__default.ComponentType<EmptyStateIndicatorProps>;
+    TUIMessageInput?: React__default.ComponentType<UnknowPorps>;
+    MessageContext?: React__default.ComponentType<MessageContextProps>;
+    InputPlugins?: React__default.ComponentType<UnknowPorps>;
+    MessagePlugins?: React__default.ComponentType<UnknowPorps>;
+    MessageCustomPlugins?: React__default.ComponentType<UnknowPorps>;
+    MessageTextPlugins?: React__default.ComponentType<UnknowPorps>;
+    InputQuote?: React__default.ComponentType<UnknowPorps>;
 }
-declare const ComponentContext: React.Context<ComponentContextValue | undefined>;
+declare const ComponentContext: React__default.Context<ComponentContextValue | undefined>;
 declare function ComponentProvider({ children, value, }: PropsWithChildren<{
     value: ComponentContextValue;
 }>): react_jsx_runtime.JSX.Element;

package/dist/esm/context/LanguageContext.js

@@ -0,0 +1 @@
+import{__assign as r}from"tslib";import{jsx as e}from"react/jsx-runtime";import{useState as n,useLayoutEffect as t,useContext as a,createContext as i}from"react";import{useTranslation as o}from"react-i18next";var u=i(null);function g(a){var i=a.language,g=void 0===i?"en-US":i,m=a.children,c=o().i18n,l=n(g),f=l[0],d=l[1];t((function(){c.changeLanguage(g),d(g)}),[g,c]),t((function(){document.documentElement.lang=g}),[g]);var v={language:f,setLanguage:d};return e(u.Provider,r({value:v},{children:m}))}function m(){var r=a(u);if(!r)throw new Error("useLanguage must be used within a LanguageProvider");return r}export{g as LanguageProvider,m as useLanguage};

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

@@ -1,10 +1,10 @@
-import React, { PropsWithChildren } from 'react';
+import React__default, { PropsWithChildren } from 'react';
 import { Message } from '@tencentcloud/chat';
 import { IMessageModel } from '@tencentcloud/chat-uikit-engine';
 import { OperateMessageParams } from '../components/TUIChat/hooks/useHandleMessage.js';
 
 interface TUIChatActionContextValue {
-    updateMessage?: (messages: Array<Message>) => void;
+    updateMessage?: (messages: Message[]) => void;
     setFirstSendMessage?: (message: IMessageModel) => void;
     editLocalMessage?: (message: Message) => void;
     operateMessage?: (data?: OperateMessageParams) => void;
@@ -15,11 +15,12 @@ interface TUIChatActionContextValue {
     setHighlightedMessageId?: (highlightedMessageId: string) => void;
     updateUploadPendingMessageList?: (message?: Message) => void;
     setActiveMessageID?: (messageID: string) => void;
+    callButtonClicked?: (callMediaType?: number, callType?: any) => void;
 }
-declare const TUIChatActionContext: React.Context<TUIChatActionContextValue | undefined>;
+declare const TUIChatActionContext: React__default.Context<TUIChatActionContextValue | undefined>;
 declare function TUIChatActionProvider({ children, value, }: PropsWithChildren<{
     value: TUIChatActionContextValue;
-}>): React.ReactElement;
+}>): React__default.ReactElement;
 declare const useTUIChatActionContext: (componentName?: string) => TUIChatActionContextValue;
 
 export { TUIChatActionContext, TUIChatActionContextValue, TUIChatActionProvider, useTUIChatActionContext };

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

@@ -1,9 +1,9 @@
-import React, { RefObject, MutableRefObject, PropsWithChildren } from 'react';
+import React__default, { RefObject, MutableRefObject, PropsWithChildren } from 'react';
 import { Conversation, Message } from '@tencentcloud/chat';
-import { OperateMessageParams } from '../components/TUIChat/hooks/useHandleMessage.js';
 import { TUIMessageProps } from '../components/TUIMessage/TUIMessage.js';
-import { TUIMessageInputBasicProps } from '../components/TUIMessageInput/TUIMessageInput.js';
 import { MessageListProps } from '../components/TUIMessageList/TUIMessageList.js';
+import { TUIMessageInputBasicProps } from '../components/TUIMessageInput/TUIMessageInput.js';
+import { OperateMessageParams } from '../components/TUIChat/hooks/useHandleMessage.js';
 
 interface TUIChatStateContextValue {
     conversation?: Conversation;
@@ -28,10 +28,10 @@ interface TUIChatStateContextValue {
     firstSendMessage?: Message | null;
     activeMessageID?: string;
 }
-declare const TUIChatStateContext: React.Context<TUIChatStateContextValue | null>;
+declare const TUIChatStateContext: React__default.Context<TUIChatStateContextValue | null>;
 declare function TUIChatStateContextProvider({ children, value }: PropsWithChildren<{
     value: TUIChatStateContextValue;
-}>): React.ReactElement;
+}>): React__default.ReactElement;
 declare function useTUIChatStateContext(componentName?: string): TUIChatStateContextValue;
 
 export { TUIChatStateContext, TUIChatStateContextProvider, TUIChatStateContextValue, useTUIChatStateContext };

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

@@ -1,4 +1,4 @@
-import React, { PropsWithChildren } from 'react';
+import React__default, { PropsWithChildren } from 'react';
 import { Friend, Profile, FriendApplication } from '@tencentcloud/chat';
 
 interface TUIContactContextValue {
@@ -7,12 +7,12 @@ interface TUIContactContextValue {
     friendApplicationList?: Array<FriendApplication>;
     blockList?: Array<string>;
     isShowContactList?: boolean;
-    setShowContactList?: React.Dispatch<React.SetStateAction<boolean>>;
+    setShowContactList?: React__default.Dispatch<React__default.SetStateAction<boolean>>;
 }
-declare const TUIContactContext: React.Context<TUIContactContextValue>;
+declare const TUIContactContext: React__default.Context<TUIContactContextValue>;
 declare function TUIContactContextProvider({ children, value }: PropsWithChildren<{
     value: TUIContactContextValue;
-}>): React.ReactElement;
+}>): React__default.ReactElement;
 declare function useTUIContactContext(componentName?: string): TUIContactContextValue;
 
 export { TUIContactContext, TUIContactContextProvider, TUIContactContextValue, useTUIContactContext };

package/dist/esm/context/TUIConversationContext.js

@@ -1 +1 @@
-import{__assign as t}from"tslib";import{jsx as o}from"react/jsx-runtime";import e,{useContext as s}from"react";import"../components/TUIKit/TUIKit.js";import"@tencentcloud/chat-uikit-engine";import"react-i18next";import{TUIConversationList as n}from"../components/TUIConversationList/TUIConversationList.js";import"@tencentcloud/chat";import"date-fns";import"date-fns/locale";import"../components/Icon/config.js";import"../components/Icon/type.js";import"./TUIMessageContext.js";import"../constants.js";import"../components/TUIMessage/hooks/useMessageReply.js";import"../components/TUIMessage/MessagePlugins.js";import"../components/TUIMessage/MessageContext.js";import"../utils/env.js";import"../components/TUIMessageInput/hooks/useHandleQuoteMessage.js";import"../components/TUIProfile/TUIProfileDefault.js";var r=e.createContext({});function i(e){var s=e.children,i=e.value;return o(r.Provider,t({value:i},{children:s||o(n,{})}))}var m=function(t){var o=s(r);return!o&&t?{}:o};export{r as TUIConversationContext,i as TUIConversationProvider,m as useTUIConversationContext};
+import{__assign as t}from"tslib";import{jsx as e}from"react/jsx-runtime";import o,{useContext as n}from"react";import{TUIConversationList as s}from"../components/TUIConversationList/TUIConversationList.js";import"@tencentcloud/chat";import"@tencentcloud/chat-uikit-engine";import"../components/TUIChat/index.js";import"@tencentcloud/tui-core";import"react-i18next";import"./TUIMessageContext.js";import"../utils/env.js";import"../components/Icon/config.js";import"../components/Icon/type.js";import"date-fns";import"date-fns/locale";import"../constants.js";import"../components/TUIMessage/hooks/useMessageReply.js";import"../components/TUIMessage/MessagePlugins.js";import"../components/TUIMessage/MessageContext.js";import"../components/TUIMessageInput/hooks/useHandleQuoteMessage.js";import"../components/TUIProfile/TUIProfileDefault.js";var r=o.createContext({});function i(o){var n=o.children,i=o.value;return e(r.Provider,t({value:i},{children:n||e(s,{})}))}var m=function(t){var e=n(r);return!e&&t?{}:e};export{r as TUIConversationContext,i as TUIConversationProvider,m as useTUIConversationContext};

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

@@ -1,4 +1,4 @@
-import React, { ReactEventHandler, PropsWithChildren } from 'react';
+import React__default, { ReactEventHandler, PropsWithChildren } from 'react';
 import { Message } from '@tencentcloud/chat';
 import { MessagePluginsProps } from '../components/TUIMessage/MessagePlugins.js';
 
@@ -11,52 +11,52 @@ declare enum messageShowType {
 interface TUIMessageContextValue {
     message?: Message;
     handleDelete?: ReactEventHandler;
-    CustemElement?: React.ComponentType<{
+    CustemElement?: React__default.ComponentType<{
         message: Message;
     }>;
-    TextElement?: React.ComponentType<{
+    TextElement?: React__default.ComponentType<{
         message: Message;
     }>;
-    ImageElement?: React.ComponentType<{
+    ImageElement?: React__default.ComponentType<{
         message: Message;
     }>;
-    VideoElement?: React.ComponentType<{
+    VideoElement?: React__default.ComponentType<{
         message: Message;
     }>;
-    AudioElement?: React.ComponentType<{
+    AudioElement?: React__default.ComponentType<{
         message: Message;
     }>;
-    FileElement?: React.ComponentType<{
+    FileElement?: React__default.ComponentType<{
         message: Message;
     }>;
-    MergerElement?: React.ComponentType<{
+    MergerElement?: React__default.ComponentType<{
         message: Message;
     }>;
-    LocationElement?: React.ComponentType<{
+    LocationElement?: React__default.ComponentType<{
         message: Message;
     }>;
-    FaceElement?: React.ComponentType<{
+    FaceElement?: React__default.ComponentType<{
         message: Message;
     }>;
     filter?: (data: Message) => void;
     isShowTime?: boolean;
     isShowRead?: boolean;
     plugin?: MessagePluginsProps;
-    prefix?: React.ReactElement | string;
-    suffix?: React.ReactElement | string;
-    customName?: React.ReactElement;
+    prefix?: React__default.ReactElement | string;
+    suffix?: React__default.ReactElement | string;
+    customName?: React__default.ReactElement;
     showAvatar?: messageShowType;
     showName?: messageShowType;
-    customAvatar?: React.ReactElement;
+    customAvatar?: React__default.ReactElement;
     isShowProgress?: boolean;
-    Progress?: React.ComponentType<{
+    Progress?: React__default.ComponentType<{
         message: Message;
     }>;
 }
-declare const TUIMessageContext: React.Context<TUIMessageContextValue>;
+declare const TUIMessageContext: React__default.Context<TUIMessageContextValue>;
 declare function TUIMessageContextProvider({ children, value }: PropsWithChildren<{
     value: TUIMessageContextValue;
-}>): React.ReactElement;
+}>): React__default.ReactElement;
 declare function useTUIMessageContext(componentName?: string): TUIMessageContextValue;
 
 export { TUIMessageContext, TUIMessageContextProvider, TUIMessageContextValue, messageShowType, useTUIMessageContext };

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

@@ -1,4 +1,4 @@
-import React, { ChangeEventHandler, KeyboardEventHandler, MutableRefObject, PropsWithChildren } from 'react';
+import React__default, { ChangeEventHandler, KeyboardEventHandler, MutableRefObject, PropsWithChildren } from 'react';
 import { MESSAGE_TYPE_NAME } from '../constants.js';
 import { ICursorPos } from '../components/TUIMessageInput/hooks/useMessageInputState.js';
 import { filesData } from '../components/TUIMessageInput/hooks/useUploadPicker.js';
@@ -14,7 +14,7 @@ interface TUIMessageInputContextValue {
     disabled?: boolean;
     dispatch?: (params: dispatchParams) => void;
     handleChange?: ChangeEventHandler<HTMLTextAreaElement>;
-    handleSubmit?: (event: React.BaseSyntheticEvent) => void;
+    handleSubmit?: (event: React__default.BaseSyntheticEvent) => void;
     handleKeyDown?: KeyboardEventHandler<HTMLTextAreaElement>;
     textareaRef?: MutableRefObject<HTMLTextAreaElement | undefined>;
     onSelectEmoji?: (emoji: EmojiData) => void;
@@ -27,10 +27,10 @@ interface TUIMessageInputContextValue {
     setCursorPos?: (e: ICursorPos) => void;
     pluginConfig?: PluginConfigProps;
 }
-declare const TUIMessageInputContext: React.Context<TUIMessageInputContextValue>;
+declare const TUIMessageInputContext: React__default.Context<TUIMessageInputContextValue>;
 declare function TUIMessageInputContextProvider({ children, value }: PropsWithChildren<{
     value: TUIMessageInputContextValue;
-}>): React.ReactElement;
+}>): React__default.ReactElement;
 declare function useTUIMessageInputContext(componentName?: string): TUIMessageInputContextValue;
 
 export { TUIMessageInputContext, TUIMessageInputContextProvider, TUIMessageInputContextValue, useTUIMessageInputContext };

package/dist/esm/context/ThemeContext.js

@@ -0,0 +1 @@
+import{__assign as e}from"tslib";import{jsx as r}from"react/jsx-runtime";import{useState as t,useLayoutEffect as o,useContext as i,createContext as n}from"react";var m=n(null),c=["light","dark"];function h(i){var n=i.theme,h=void 0===n?"light":n,s=i.colors,u=i.children;if(-1===c.indexOf(h))throw new Error("Theme ".concat(h," is not supported, please check the supported themes list: [").concat(c.join(", "),"]"));var a=t(h),l=a[0],d=a[1],f=t(s),p=f[0],v=f[1];o((function(){document.documentElement.dataset.uikitTheme=h,d(h)}),[h]);var w={theme:l,colors:p,setTheme:d,setColors:v};return r(m.Provider,e({value:w},{children:u}))}function s(){var e=i(m);if(!e)throw new Error("useTheme must be used within a ThemeProvider");return e}export{h as ThemeProvider,s as useTheme};

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

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import { PropsWithChildren } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ChatSDK, Conversation } from '@tencentcloud/chat';
+
+interface UIKitProviderProps {
+    chat?: ChatSDK;
+    language?: string;
+    theme?: string;
+    colors?: Record<string, string>;
+    customClasses?: string;
+    activeConversation?: Conversation;
+}
+declare function UIKitProvider(props: PropsWithChildren<UIKitProviderProps>): react_jsx_runtime.JSX.Element;
+declare const useUIKit: (componentName?: string) => {
+    chat: ChatSDK;
+    language: string;
+    setLanguage: React.Dispatch<React.SetStateAction<string>>;
+    theme: string;
+    colors: Record<string, string> | undefined;
+    setTheme: React.Dispatch<React.SetStateAction<string>>;
+    setColors: React.Dispatch<React.SetStateAction<Record<string, string> | undefined>>;
+};
+
+export { UIKitProvider, useUIKit };

package/dist/esm/context/UIKitContext.js

@@ -0,0 +1 @@
+import{__assign as r}from"tslib";import{jsx as t}from"react/jsx-runtime";import{useState as e,useEffect as o,useContext as n,createContext as i}from"react";import{TUILogin as a}from"@tencentcloud/tui-core";import{ThemeProvider as c,useTheme as m}from"./ThemeContext.js";import{LanguageProvider as s,useLanguage as u}from"./LanguageContext.js";import{UIManagerProvider as l}from"./UIManagerContext.js";var h=i(null);function v(n){var i=n.chat,m=void 0===i?a.getContext().chat:i,u=n.language,v=n.theme,f=n.colors,d=n.customClasses,g=n.activeConversation,p=n.children,C=e(m),x=C[0],j=C[1];o((function(){x||j(m)}),[m]);var w={chat:x};return t(s,r({language:u},{children:t(c,r({theme:v,colors:f},{children:t(h.Provider,r({value:w},{children:t(l,r({activeConversation:g,customClasses:d},{children:p}))}))}))}))}var f=function(t){var e=u(),o=m(),i=n(h);if(!i)throw new Error("useUIKit must be used within a UIKitProvider");return r(r(r({},o),e),i)};export{v as UIKitProvider,f as useUIKit};

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

@@ -0,0 +1,46 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default, { PropsWithChildren } from 'react';
+import { Conversation, Profile, Friend, FriendApplication } from '@tencentcloud/chat';
+import { IGroupModel } from '@tencentcloud/chat-uikit-engine';
+
+type blockData = {
+    type: 'block';
+    data: Profile;
+};
+type friendData = {
+    type: 'friend';
+    data: Friend;
+};
+type friendApplicationData = {
+    type: 'friendApplication';
+    data: FriendApplication;
+};
+type addFriendData = {
+    type: 'addFriend';
+    data: Profile;
+};
+type GroupData = {
+    type: 'group';
+    data: IGroupModel;
+};
+type UseContactParams = blockData | friendData | friendApplicationData | addFriendData | GroupData | undefined;
+type UIManagerContextType = {
+    conversation?: Conversation;
+    contactData?: UseContactParams;
+    customClasses?: unknown;
+    myProfile?: Profile;
+    TUIManageShow?: boolean;
+    TUIProfileShow?: boolean;
+    setTUIManageShow: React__default.Dispatch<React__default.SetStateAction<boolean>>;
+    setTUIProfileShow: React__default.Dispatch<React__default.SetStateAction<boolean>>;
+    setActiveConversation: (conversation?: Conversation) => void;
+    setActiveContact: (useContactParams?: UseContactParams) => void;
+};
+type UIManagerProviderProps = {
+    customClasses: string;
+    activeConversation: Conversation;
+};
+declare function UIManagerProvider(props: PropsWithChildren<Partial<UIManagerProviderProps>>): react_jsx_runtime.JSX.Element;
+declare const useUIManager: (componentName?: string) => UIManagerContextType;
+
+export { UIManagerContextType, UIManagerProvider, useUIManager };

package/dist/esm/context/UIManagerContext.js

@@ -0,0 +1 @@
+import{__assign as t}from"tslib";import{jsx as n}from"react/jsx-runtime";import o,{useState as e,useEffect as r,useCallback as i,useContext as a}from"react";import{TUIStore as c,StoreName as u}from"@tencentcloud/chat-uikit-engine";import{useUIKit as s}from"./UIKitContext.js";var v=o.createContext(null);function l(o){o.customClasses;var a=o.activeConversation,l=o.children,f=s().chat,h=e(a),m=h[0],w=h[1],C=e(),I=C[0],d=C[1],U=e(),g=U[0],P=U[1],p=e(!1),S=p[0],D=p[1],M=e(!1),x=M[0],T=M[1];r((function(){return c.watch(u.USER,{userProfile:R}),c.watch(u.CONV,{currentConversation:b}),function(){c.unwatch(u.USER,{userProfile:R}),c.unwatch(u.CONV,{currentConversation:b})}}),[]);var E=i((function(t){t&&(null==f||f.setMessageRead({conversationID:t.conversationID})),(null==t?void 0:t.conversationID)!==(null==m?void 0:m.conversationID)&&D(!1),w(t)}),[]);function R(t){P(t)}function b(t){E(null==t?void 0:t.getConversation())}var j={conversation:m,contactData:I,setActiveConversation:E,myProfile:g,TUIManageShow:S,setTUIManageShow:D,TUIProfileShow:x,setTUIProfileShow:T,setActiveContact:function(t){d(t)}};return n(v.Provider,t({value:j},{children:l}))}var f=function(t){var n=a(v);if(!n)throw new Error("useUIManager must be used within a UIManagerProvider");return n};export{l as UIManagerProvider,f as useUIManager};

package/dist/esm/hooks/useConversation.d.ts

@@ -1,8 +1,8 @@
-import _tencentcloud_chat__default from '@tencentcloud/chat';
+import _tencentcloud_chat from '@tencentcloud/chat';
 
 interface CreateGroupConversationParams {
     name: string;
-    type?: _tencentcloud_chat__default.TYPES;
+    type?: _tencentcloud_chat.TYPES;
     groupID?: string;
     introduction?: string;
     notification?: string;