npm - @tencentcloud/chat-uikit-react - Versions diffs - 2.2.5 → 2.2.6 - Mend

@tencentcloud/chat-uikit-react 2.2.5 → 2.2.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (307) hide show

package/src/locales/ko-KR/index.ts CHANGED Viewed

@@ -1,9 +1,11 @@
+import TUIGlobal from './TUIGlobal';
 import TUIChat from './TUIChat';
 import TUIConversation from './TUIConversation';
 import TUIContact from './TUIContact';
 import TUIProfile from './TUIProfile';
 export const message = {
+  TUIGlobal,
   TUIChat,
   TUIConversation,
   TUIContact,

package/src/locales/zh-CN/index.ts CHANGED Viewed

@@ -1,11 +1,11 @@
+import TUIGlobal from './TUIGlobal';
 import TUIChat from './TUIChat';
 import TUIConversation from './TUIConversation';
 import TUIContact from './TUIContact';
 import TUIProfile from './TUIProfile';
 export const message = {
-  'chats': '消息',
-  'contacts': '通讯录',
+  TUIGlobal,
   TUIChat,
   TUIConversation,
   TUIContact,

package/src/styles/colors/_color-theme.scss CHANGED Viewed

@@ -38,7 +38,7 @@ $color-map: ();
     $color-map: () !global;
-    [data-chat-theme="#{$theme}"] & {
+    [data-uikit-theme="#{$theme}"] & {
       @each $color in $colors {
         $value: #{$prefix}-#{$theme}-#{$color};
         $color-map: map.merge($color-map, ($color: var($value))) !global;

package/dist/cjs/components/Icon/images/chats-selected.svg.js DELETED Viewed

@@ -1 +0,0 @@

- "use strict";module.exports="data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M19.6893%2018.3914C21.131%2016.6584%2021.998%2014.4305%2021.998%2012.0001C21.998%206.47721%2017.5209%202.00006%2011.998%202.00006C6.4752%202.00006%201.99805%206.47721%201.99805%2012.0001C1.99805%2017.5229%206.4752%2022.0001%2011.998%2022.0001C14.1036%2022.0001%2016.0571%2021.3493%2017.6686%2020.238C17.6858%2020.2471%2017.7041%2020.2552%2017.7233%2020.262L19.9382%2021.0464C20.2554%2021.1587%2020.5611%2020.853%2020.4488%2020.5358L19.6893%2018.3914Z%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%3Ccircle%20cx%3D%227.00195%22%20cy%3D%2212%22%20r%3D%221.4%22%20fill%3D%22white%22%20stroke%3D%22%23979797%22%20style%3D%22fill%3Awhite%3Bfill%3Awhite%3Bfill-opacity%3A1%3Bstroke%3A%23979797%3Bstroke%3Acolor%28display-p3%200.5922%200.5922%200.5922%29%3Bstroke-opacity%3A1%3B%22%20stroke-width%3D%220.2%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%221.4%22%20fill%3D%22white%22%20stroke%3D%22%23979797%22%20style%3D%22fill%3Awhite%3Bfill%3Awhite%3Bfill-opacity%3A1%3Bstroke%3A%23979797%3Bstroke%3Acolor%28display-p3%200.5922%200.5922%200.5922%29%3Bstroke-opacity%3A1%3B%22%20stroke-width%3D%220.2%22%2F%3E%3Ccircle%20cx%3D%2216.998%22%20cy%3D%2212%22%20r%3D%221.4%22%20fill%3D%22white%22%20stroke%3D%22%23979797%22%20style%3D%22fill%3Awhite%3Bfill%3Awhite%3Bfill-opacity%3A1%3Bstroke%3A%23979797%3Bstroke%3Acolor%28display-p3%200.5922%200.5922%200.5922%29%3Bstroke-opacity%3A1%3B%22%20stroke-width%3D%220.2%22%2F%3E%3C%2Fsvg%3E";

package/dist/cjs/components/Icon/images/chats.svg.js DELETED Viewed

@@ -1 +0,0 @@

- "use strict";module.exports="data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cmask%20id%3D%22path-1-inside-1_91_53001%22%20fill%3D%22white%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M19.6894%2018.3919C21.131%2016.659%2021.998%2014.4311%2021.998%2012.0007C21.998%206.47788%2017.5209%202.00073%2011.998%202.00073C6.4752%202.00073%201.99805%206.47788%201.99805%2012.0007C1.99805%2017.5236%206.4752%2022.0007%2011.998%2022.0007C14.1037%2022.0007%2016.0574%2021.3499%2017.6689%2020.2385C17.6861%2020.2475%2017.7042%2020.2555%2017.7233%2020.2623L19.9382%2021.0467C20.2554%2021.159%2020.5611%2020.8533%2020.4488%2020.5361L19.6894%2018.3919Z%22%2F%3E%3C%2Fmask%3E%3Cpath%20d%3D%22M19.6894%2018.3919L18.9207%2017.7524L18.5569%2018.1897L18.7468%2018.7258L19.6894%2018.3919ZM17.6689%2020.2385L18.1349%2019.3537L17.5993%2019.0716L17.1011%2019.4153L17.6689%2020.2385ZM17.7233%2020.2623L18.0571%2019.3196L18.0571%2019.3196L17.7233%2020.2623ZM19.9382%2021.0467L20.272%2020.104H20.272L19.9382%2021.0467ZM20.4488%2020.5361L19.5062%2020.8699V20.8699L20.4488%2020.5361ZM20.998%2012.0007C20.998%2014.1889%2020.2184%2016.1924%2018.9207%2017.7524L20.4582%2019.0315C22.0437%2017.1256%2022.998%2014.6733%2022.998%2012.0007H20.998ZM11.998%203.00073C16.9686%203.00073%2020.998%207.03017%2020.998%2012.0007H22.998C22.998%205.9256%2018.0732%201.00073%2011.998%201.00073V3.00073ZM2.99805%2012.0007C2.99805%207.03017%207.02748%203.00073%2011.998%203.00073V1.00073C5.92291%201.00073%200.998047%205.9256%200.998047%2012.0007H2.99805ZM11.998%2021.0007C7.02748%2021.0007%202.99805%2016.9713%202.99805%2012.0007H0.998047C0.998047%2018.0759%205.92291%2023.0007%2011.998%2023.0007V21.0007ZM17.1011%2019.4153C15.6512%2020.4153%2013.8945%2021.0007%2011.998%2021.0007V23.0007C14.3129%2023.0007%2016.4635%2022.2846%2018.2366%2021.0617L17.1011%2019.4153ZM18.0571%2019.3196C18.0834%2019.3289%2018.1094%2019.3403%2018.1349%2019.3537L17.2028%2021.1233C17.2627%2021.1548%2017.325%2021.1821%2017.3895%2021.2049L18.0571%2019.3196ZM20.272%2020.104L18.0571%2019.3196L17.3895%2021.2049L19.6044%2021.9893L20.272%2020.104ZM19.5062%2020.8699C19.3376%2020.3941%2019.7962%2019.9355%2020.272%2020.104L19.6044%2021.9893C20.7146%2022.3825%2021.7846%2021.3125%2021.3914%2020.2023L19.5062%2020.8699ZM18.7468%2018.7258L19.5062%2020.8699L21.3914%2020.2023L20.6321%2018.0581L18.7468%2018.7258Z%22%20fill%3D%22%23666666%22%20style%3D%22fill%3A%23666666%3Bfill%3Acolor%28display-p3%200.4000%200.4000%200.4000%29%3Bfill-opacity%3A1%3B%22%20mask%3D%22url%28%23path-1-inside-1_91_53001%29%22%2F%3E%3Ccircle%20cx%3D%227.00195%22%20cy%3D%2212.0007%22%20r%3D%221.4%22%20fill%3D%22%23666666%22%20stroke%3D%22%23979797%22%20style%3D%22fill%3A%23666666%3Bfill%3Acolor%28display-p3%200.4000%200.4000%200.4000%29%3Bfill-opacity%3A1%3Bstroke%3A%23979797%3Bstroke%3Acolor%28display-p3%200.5922%200.5922%200.5922%29%3Bstroke-opacity%3A1%3B%22%20stroke-width%3D%220.2%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212.0007%22%20r%3D%221.4%22%20fill%3D%22%23666666%22%20stroke%3D%22%23979797%22%20style%3D%22fill%3A%23666666%3Bfill%3Acolor%28display-p3%200.4000%200.4000%200.4000%29%3Bfill-opacity%3A1%3Bstroke%3A%23979797%3Bstroke%3Acolor%28display-p3%200.5922%200.5922%200.5922%29%3Bstroke-opacity%3A1%3B%22%20stroke-width%3D%220.2%22%2F%3E%3Ccircle%20cx%3D%2216.998%22%20cy%3D%2212.0007%22%20r%3D%221.4%22%20fill%3D%22%23666666%22%20stroke%3D%22%23979797%22%20style%3D%22fill%3A%23666666%3Bfill%3Acolor%28display-p3%200.4000%200.4000%200.4000%29%3Bfill-opacity%3A1%3Bstroke%3A%23979797%3Bstroke%3Acolor%28display-p3%200.5922%200.5922%200.5922%29%3Bstroke-opacity%3A1%3B%22%20stroke-width%3D%220.2%22%2F%3E%3C%2Fsvg%3E";

package/dist/cjs/components/Icon/images/contacts-selected.svg.js DELETED Viewed

@@ -1 +0,0 @@

- "use strict";module.exports="data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5.60156%209.00028C5.60156%2012.5349%208.46692%2015.4003%2012.0016%2015.4003C15.5362%2015.4003%2018.4016%2012.5349%2018.4016%209.00028C18.4016%205.46564%2015.5362%202.60028%2012.0016%202.60028C8.46692%202.60028%205.60156%205.46564%205.60156%209.00028ZM5.20078%2016.4003C3.8753%2016.4003%202.80078%2017.4748%202.80078%2018.8003C2.80078%2020.1257%203.87529%2021.2003%205.20078%2021.2003H18.8008C20.1263%2021.2003%2021.2008%2020.1257%2021.2008%2018.8003C21.2008%2017.4748%2020.1263%2016.4003%2018.8008%2016.4003H5.20078Z%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/contacts.svg.js DELETED Viewed

@@ -1 +0,0 @@

package/dist/cjs/components/TUIKit/TUIKit.d.ts DELETED Viewed

@@ -1,12 +0,0 @@
-import React, { PropsWithChildren } from 'react';
-import { Conversation } from '@tencentcloud/chat';
-interface ChatProps {
-    chat?: any;
-    language?: string;
-    customClasses?: unknown;
-    activeConversation?: Conversation;
-}
-declare function TUIKit<T extends ChatProps>(props: PropsWithChildren<T>): React.ReactElement;
-export { ChatProps, TUIKit };

package/dist/cjs/components/TUIKit/TUIKit.js DELETED Viewed

@@ -1 +0,0 @@

- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),a=require("react"),s=require("@tencentcloud/chat-uikit-engine"),n=require("@tencentcloud/tui-core"),r=require("react-i18next"),i=require("../../utils/env.js"),o=require("./hooks/useTUIKit.js"),c=require("./hooks/useCreateTUIKitContext.js"),T=require("../../context/TUIKitContext.js"),l=require("../TUIConversation/TUIConversation.js"),u=require("../TUIChat/TUIChat.js"),I=require("../TUIManage/TUIManage.js"),C=require("../TUIProfile/TUIProfile.js");require("../TUIProfile/TUIProfileDefault.js"),require("@tencentcloud/chat"),require("../../context/TUIMessageContext.js"),require("../Icon/config.js"),require("../Icon/type.js");var U=require("../TUIContact/TUIContactInfo/TUIContactInfo.js"),v=require("../TUIContact/TUIContact.js"),h=require("../../constants.js");require("../../locales/index.js");var d=require("../Icon/images/chats.svg.js"),j=require("../Icon/images/chats-selected.svg.js"),A=require("../Icon/images/contacts.svg.js"),m=require("../Icon/images/contacts-selected.svg.js"),g=[{id:1,name:h.TUIKIT_TABBAR.CHATS,icon:d,selectedIcon:j,value:h.TUIKIT_TABBAR.CHATS},{id:2,name:h.TUIKIT_TABBAR.CONTACTS,icon:A,selectedIcon:m,value:h.TUIKIT_TABBAR.CONTACTS}],x={className:"sample-h5-input",isTransmitter:!0};function _(a){var s=a.moduleValue,n=a.tabbarRender,r=a.setModuleValue;return t.jsxs(t.Fragment,{children:[t.jsxs("div",e.__assign({className:"sample-chat-left-container"},{children:[t.jsx(C.TUIProfile,{className:"sample-chat-profile"}),n,s===h.TUIKIT_TABBAR.CHATS&&t.jsx(l.TUIConversation,{}),s===h.TUIKIT_TABBAR.CONTACTS&&t.jsx(v.TUIContact,{})]})),s===h.TUIKIT_TABBAR.CHATS&&t.jsxs(t.Fragment,{children:[t.jsx(u.TUIChat,{}),t.jsx(I.TUIManage,{})]}),s===h.TUIKIT_TABBAR.CONTACTS&&t.jsx(v.TUIContact,{children:t.jsx(U.TUIContactInfo,{showChats:function(){r(h.TUIKIT_TABBAR.CHATS)}})})]})}function f(a){var s=a.moduleValue,n=a.contactData,r=a.tabbarRender,i=a.currentConversationID,o=a.setModuleValue;return t.jsxs("div",e.__assign({className:"sample-chat-h5"},{children:[!i&&!n&&t.jsxs("div",e.__assign({className:"sample-chat-h5-container"},{children:[t.jsx(C.TUIProfile,{className:"sample-profile"}),r,s===h.TUIKIT_TABBAR.CHATS&&t.jsx(l.TUIConversation,{}),s===h.TUIKIT_TABBAR.CONTACTS&&t.jsx(v.TUIContact,{})]})),s===h.TUIKIT_TABBAR.CHATS&&i&&t.jsxs(t.Fragment,{children:[t.jsx(u.TUIChat,{TUIMessageInputConfig:x}),t.jsx(I.TUIManage,{})]}),s===h.TUIKIT_TABBAR.CONTACTS&&n&&t.jsx(v.TUIContact,{children:t.jsx(U.TUIContactInfo,{showChats:function(){o(h.TUIKIT_TABBAR.CHATS)}})})]}))}exports.TUIKit=function(l){var u=a.useState("chats"),I=u[0],C=u[1],U=r.useTranslation().t,v=l.children,h=l.chat,d=void 0===h?n.TUILogin.getContext().chat:h,j=l.customClasses,A=l.activeConversation,m=l.language,x=void 0===m?"en-US":m;window.tencent_cloud_im_csig_react_uikit_23F_xa=!0;var S=o.useTUIKit({chat:d,activeConversation:A,language:x}),B=S.conversation,q=S.contactData,p=S.setActiveConversation,K=S.myProfile,N=S.TUIManageShow,R=S.setTUIManageShow,w=S.TUIProfileShow,M=S.setTUIProfileShow,P=S.setActiveContact,b=c.useCreateTUIKitContext({chat:d,language:x,conversation:B,contactData:q,setActiveConversation:p,customClasses:j,myProfile:K,TUIManageShow:N,setTUIManageShow:R,TUIProfileShow:w,setTUIProfileShow:M,setActiveContact:P});a.useEffect((function(){return s.TUIStore.watch(s.StoreName.CONV,{currentConversation:V}),function(){s.TUIStore.unwatch(s.StoreName.CONV,{currentConversation:V})}}),[]);var V=function(e){p(null==e?void 0:e.getConversation())},H=t.jsx("div",e.__assign({className:"sample-chat-tab"},{children:g.map((function(a){return t.jsxs("div",e.__assign({className:"sample-chat-tab-container",role:"presentation",onClick:function(){var e;e=a.value,C(e),s.TUIConversationService.switchConversation("")}},{children:[t.jsx("img",{src:I===a.value?a.selectedIcon:a.icon,alt:""}),t.jsx("p",e.__assign({className:"sample-chat-tab-text ".concat(I===a.value?"sample-chat-tab-active":"")},{children:U(a.name)}))]}),a.id)}))}));return t.jsx(T.TUIKitProvider,e.__assign({value:b},{children:t.jsx("div",e.__assign({className:"tui-kit"},{children:v||i.isPC&&t.jsx(_,{moduleValue:I,tabbarRender:H,setModuleValue:C})||i.isH5&&t.jsx(f,{contactData:q,moduleValue:I,tabbarRender:H,currentConversationID:(null==B?void 0:B.conversationID)||"",setModuleValue:C})}))}))};

package/dist/cjs/components/TUIKit/hooks/useCreateTUIKitContext.d.ts DELETED Viewed

@@ -1,21 +0,0 @@
-import { UseContactParams } from './useTUIKit.js';
-import * as _tencentcloud_chat from '@tencentcloud/chat';
-import React from 'react';
-import { TUIKitContextValue } from '../../../context/TUIKitContext.js';
-declare const useCreateTUIKitContext: (value: TUIKitContextValue) => {
-    chat: _tencentcloud_chat.ChatSDK;
-    language: string;
-    conversation: _tencentcloud_chat.Conversation | undefined;
-    contactData: UseContactParams;
-    customClasses: unknown;
-    setActiveConversation: (conversation?: _tencentcloud_chat.Conversation | undefined) => void;
-    myProfile: _tencentcloud_chat.Profile | undefined;
-    TUIManageShow: boolean | undefined;
-    setTUIManageShow: React.Dispatch<React.SetStateAction<boolean>> | undefined;
-    TUIProfileShow: boolean | undefined;
-    setTUIProfileShow: React.Dispatch<React.SetStateAction<boolean>> | undefined;
-    setActiveContact: (UseContactParams?: UseContactParams) => void;
-};
-export { useCreateTUIKitContext };

package/dist/cjs/components/TUIKit/hooks/useCreateTUIKitContext.js DELETED Viewed

@@ -1 +0,0 @@

- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");exports.useCreateTUIKitContext=function(t){var o=t.chat,a=t.language,s=t.conversation,n=t.contactData,r=t.customClasses,c=t.setActiveConversation,i=t.myProfile,u=t.TUIManageShow,l=t.setTUIManageShow,v=t.TUIProfileShow,h=t.setTUIProfileShow,f=t.setActiveContact;return e.useMemo((function(){return{chat:o,language:a,conversation:s,contactData:n,customClasses:r,setActiveConversation:c,myProfile:i,TUIManageShow:u,setTUIManageShow:l,TUIProfileShow:v,setTUIProfileShow:h,setActiveContact:f}}),[a,s,n,r,o,u,v,h,i])};

package/dist/cjs/components/TUIKit/hooks/useTUIKit.d.ts DELETED Viewed

@@ -1,43 +0,0 @@
-import React from 'react';
-import { IGroupModel } from '@tencentcloud/chat-uikit-engine';
-import { ChatSDK, Conversation, Profile, Friend, FriendApplication } from '@tencentcloud/chat';
-interface blockData {
-    type: 'block';
-    data: Profile;
-}
-interface friendData {
-    type: 'friend';
-    data: Friend;
-}
-interface friendApplicationData {
-    type: 'friendApplication';
-    data: FriendApplication;
-}
-interface addFriendData {
-    type: 'addFriend';
-    data: Profile;
-}
-interface GroupData {
-    type: 'group';
-    data: IGroupModel;
-}
-type UseContactParams = blockData | friendData | friendApplicationData | addFriendData | GroupData | undefined;
-interface UseChatParams {
-    chat: ChatSDK;
-    activeConversation?: Conversation;
-    language?: string;
-}
-declare const useTUIKit: ({ chat, activeConversation: paramsActiveConversation, language, }: UseChatParams) => {
-    conversation: Conversation | undefined;
-    contactData: UseContactParams;
-    setActiveConversation: (activeConversation?: Conversation) => void;
-    myProfile: Profile | undefined;
-    TUIManageShow: boolean;
-    setTUIManageShow: React.Dispatch<React.SetStateAction<boolean>>;
-    TUIProfileShow: boolean;
-    setTUIProfileShow: React.Dispatch<React.SetStateAction<boolean>>;
-    setActiveContact: (actionContactData?: UseContactParams) => void;
-};
-export { UseChatParams, UseContactParams, useTUIKit };

package/dist/cjs/components/TUIKit/hooks/useTUIKit.js DELETED Viewed

@@ -1 +0,0 @@

- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("@tencentcloud/chat-uikit-engine"),n=require("react-i18next");exports.useTUIKit=function(a){var o=a.chat,i=a.activeConversation,r=a.language,s=n.useTranslation().i18n,c=e.useState(i),u=c[0],f=c[1],l=e.useState(),v=l[0],S=l[1],I=e.useState(!1),g=I[0],h=I[1],T=e.useState(!1),U=T[0],d=T[1],w=e.useState(),D=w[0],P=w[1];e.useEffect((function(){s.changeLanguage(r),t.TUIStore.watch(t.StoreName.USER,{userProfile:function(e){S(e)}})}),[r]);var C=e.useCallback((function(e){e&&(null==o||o.setMessageRead({conversationID:e.conversationID})),u&&(null==e?void 0:e.conversationID)!==u.conversationID&&h(!1),f(e)}),[o]);return e.useEffect((function(){i&&f(i)}),[i]),{conversation:u,contactData:D,setActiveConversation:C,myProfile:v,TUIManageShow:g,setTUIManageShow:h,TUIProfileShow:U,setTUIProfileShow:d,setActiveContact:function(e){P(e)}}};

package/dist/cjs/context/TUIKitContext.d.ts DELETED Viewed

@@ -1,25 +0,0 @@
-import React, { PropsWithChildren } from 'react';
-import { ChatSDK, Conversation, Profile } from '@tencentcloud/chat';
-import { UseContactParams } from '../components/TUIKit/hooks/useTUIKit.js';
-interface TUIKitContextValue {
-    chat: ChatSDK;
-    language: string;
-    conversation?: Conversation;
-    contactData?: UseContactParams;
-    setActiveConversation: (conversation?: Conversation) => void;
-    customClasses?: unknown;
-    myProfile?: Profile;
-    TUIManageShow?: boolean;
-    setTUIManageShow?: React.Dispatch<React.SetStateAction<boolean>>;
-    TUIProfileShow?: boolean;
-    setActiveContact: (UseContactParams?: UseContactParams) => void;
-    setTUIProfileShow?: React.Dispatch<React.SetStateAction<boolean>>;
-}
-declare const TUIKitContext: React.Context<TUIKitContextValue | undefined>;
-declare function TUIKitProvider({ children, value }: PropsWithChildren<{
-    value: TUIKitContextValue;
-}>): React.ReactElement;
-declare const useTUIKitContext: (componentName?: string) => TUIKitContextValue;
-export { TUIKitContext, TUIKitContextValue, TUIKitProvider, useTUIKitContext };

package/dist/cjs/context/TUIKitContext.js DELETED Viewed

@@ -1 +0,0 @@

- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),r=require("react");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=u(r).default.createContext(void 0);exports.TUIKitContext=n,exports.TUIKitProvider=function(u){var i=u.children,o=u.value;return r.useLayoutEffect((function(){document.documentElement.dataset.chatTheme="light"}),[]),t.jsx(n.Provider,e.__assign({value:o},{children:i}))},exports.useTUIKitContext=function(e){var t=r.useContext(n);return!t&&e?{}:t};

package/dist/esm/components/Icon/images/chats-selected.svg.js DELETED Viewed

@@ -1 +0,0 @@

- var l="data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M19.6893%2018.3914C21.131%2016.6584%2021.998%2014.4305%2021.998%2012.0001C21.998%206.47721%2017.5209%202.00006%2011.998%202.00006C6.4752%202.00006%201.99805%206.47721%201.99805%2012.0001C1.99805%2017.5229%206.4752%2022.0001%2011.998%2022.0001C14.1036%2022.0001%2016.0571%2021.3493%2017.6686%2020.238C17.6858%2020.2471%2017.7041%2020.2552%2017.7233%2020.262L19.9382%2021.0464C20.2554%2021.1587%2020.5611%2020.853%2020.4488%2020.5358L19.6893%2018.3914Z%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%3Ccircle%20cx%3D%227.00195%22%20cy%3D%2212%22%20r%3D%221.4%22%20fill%3D%22white%22%20stroke%3D%22%23979797%22%20style%3D%22fill%3Awhite%3Bfill%3Awhite%3Bfill-opacity%3A1%3Bstroke%3A%23979797%3Bstroke%3Acolor%28display-p3%200.5922%200.5922%200.5922%29%3Bstroke-opacity%3A1%3B%22%20stroke-width%3D%220.2%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%221.4%22%20fill%3D%22white%22%20stroke%3D%22%23979797%22%20style%3D%22fill%3Awhite%3Bfill%3Awhite%3Bfill-opacity%3A1%3Bstroke%3A%23979797%3Bstroke%3Acolor%28display-p3%200.5922%200.5922%200.5922%29%3Bstroke-opacity%3A1%3B%22%20stroke-width%3D%220.2%22%2F%3E%3Ccircle%20cx%3D%2216.998%22%20cy%3D%2212%22%20r%3D%221.4%22%20fill%3D%22white%22%20stroke%3D%22%23979797%22%20style%3D%22fill%3Awhite%3Bfill%3Awhite%3Bfill-opacity%3A1%3Bstroke%3A%23979797%3Bstroke%3Acolor%28display-p3%200.5922%200.5922%200.5922%29%3Bstroke-opacity%3A1%3B%22%20stroke-width%3D%220.2%22%2F%3E%3C%2Fsvg%3E";export{l as default};

package/dist/esm/components/Icon/images/chats.svg.js DELETED Viewed

@@ -1 +0,0 @@

- var l="data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cmask%20id%3D%22path-1-inside-1_91_53001%22%20fill%3D%22white%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M19.6894%2018.3919C21.131%2016.659%2021.998%2014.4311%2021.998%2012.0007C21.998%206.47788%2017.5209%202.00073%2011.998%202.00073C6.4752%202.00073%201.99805%206.47788%201.99805%2012.0007C1.99805%2017.5236%206.4752%2022.0007%2011.998%2022.0007C14.1037%2022.0007%2016.0574%2021.3499%2017.6689%2020.2385C17.6861%2020.2475%2017.7042%2020.2555%2017.7233%2020.2623L19.9382%2021.0467C20.2554%2021.159%2020.5611%2020.8533%2020.4488%2020.5361L19.6894%2018.3919Z%22%2F%3E%3C%2Fmask%3E%3Cpath%20d%3D%22M19.6894%2018.3919L18.9207%2017.7524L18.5569%2018.1897L18.7468%2018.7258L19.6894%2018.3919ZM17.6689%2020.2385L18.1349%2019.3537L17.5993%2019.0716L17.1011%2019.4153L17.6689%2020.2385ZM17.7233%2020.2623L18.0571%2019.3196L18.0571%2019.3196L17.7233%2020.2623ZM19.9382%2021.0467L20.272%2020.104H20.272L19.9382%2021.0467ZM20.4488%2020.5361L19.5062%2020.8699V20.8699L20.4488%2020.5361ZM20.998%2012.0007C20.998%2014.1889%2020.2184%2016.1924%2018.9207%2017.7524L20.4582%2019.0315C22.0437%2017.1256%2022.998%2014.6733%2022.998%2012.0007H20.998ZM11.998%203.00073C16.9686%203.00073%2020.998%207.03017%2020.998%2012.0007H22.998C22.998%205.9256%2018.0732%201.00073%2011.998%201.00073V3.00073ZM2.99805%2012.0007C2.99805%207.03017%207.02748%203.00073%2011.998%203.00073V1.00073C5.92291%201.00073%200.998047%205.9256%200.998047%2012.0007H2.99805ZM11.998%2021.0007C7.02748%2021.0007%202.99805%2016.9713%202.99805%2012.0007H0.998047C0.998047%2018.0759%205.92291%2023.0007%2011.998%2023.0007V21.0007ZM17.1011%2019.4153C15.6512%2020.4153%2013.8945%2021.0007%2011.998%2021.0007V23.0007C14.3129%2023.0007%2016.4635%2022.2846%2018.2366%2021.0617L17.1011%2019.4153ZM18.0571%2019.3196C18.0834%2019.3289%2018.1094%2019.3403%2018.1349%2019.3537L17.2028%2021.1233C17.2627%2021.1548%2017.325%2021.1821%2017.3895%2021.2049L18.0571%2019.3196ZM20.272%2020.104L18.0571%2019.3196L17.3895%2021.2049L19.6044%2021.9893L20.272%2020.104ZM19.5062%2020.8699C19.3376%2020.3941%2019.7962%2019.9355%2020.272%2020.104L19.6044%2021.9893C20.7146%2022.3825%2021.7846%2021.3125%2021.3914%2020.2023L19.5062%2020.8699ZM18.7468%2018.7258L19.5062%2020.8699L21.3914%2020.2023L20.6321%2018.0581L18.7468%2018.7258Z%22%20fill%3D%22%23666666%22%20style%3D%22fill%3A%23666666%3Bfill%3Acolor%28display-p3%200.4000%200.4000%200.4000%29%3Bfill-opacity%3A1%3B%22%20mask%3D%22url%28%23path-1-inside-1_91_53001%29%22%2F%3E%3Ccircle%20cx%3D%227.00195%22%20cy%3D%2212.0007%22%20r%3D%221.4%22%20fill%3D%22%23666666%22%20stroke%3D%22%23979797%22%20style%3D%22fill%3A%23666666%3Bfill%3Acolor%28display-p3%200.4000%200.4000%200.4000%29%3Bfill-opacity%3A1%3Bstroke%3A%23979797%3Bstroke%3Acolor%28display-p3%200.5922%200.5922%200.5922%29%3Bstroke-opacity%3A1%3B%22%20stroke-width%3D%220.2%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212.0007%22%20r%3D%221.4%22%20fill%3D%22%23666666%22%20stroke%3D%22%23979797%22%20style%3D%22fill%3A%23666666%3Bfill%3Acolor%28display-p3%200.4000%200.4000%200.4000%29%3Bfill-opacity%3A1%3Bstroke%3A%23979797%3Bstroke%3Acolor%28display-p3%200.5922%200.5922%200.5922%29%3Bstroke-opacity%3A1%3B%22%20stroke-width%3D%220.2%22%2F%3E%3Ccircle%20cx%3D%2216.998%22%20cy%3D%2212.0007%22%20r%3D%221.4%22%20fill%3D%22%23666666%22%20stroke%3D%22%23979797%22%20style%3D%22fill%3A%23666666%3Bfill%3Acolor%28display-p3%200.4000%200.4000%200.4000%29%3Bfill-opacity%3A1%3Bstroke%3A%23979797%3Bstroke%3Acolor%28display-p3%200.5922%200.5922%200.5922%29%3Bstroke-opacity%3A1%3B%22%20stroke-width%3D%220.2%22%2F%3E%3C%2Fsvg%3E";export{l as default};

package/dist/esm/components/Icon/images/contacts-selected.svg.js DELETED Viewed

@@ -1 +0,0 @@

- var l="data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5.60156%209.00028C5.60156%2012.5349%208.46692%2015.4003%2012.0016%2015.4003C15.5362%2015.4003%2018.4016%2012.5349%2018.4016%209.00028C18.4016%205.46564%2015.5362%202.60028%2012.0016%202.60028C8.46692%202.60028%205.60156%205.46564%205.60156%209.00028ZM5.20078%2016.4003C3.8753%2016.4003%202.80078%2017.4748%202.80078%2018.8003C2.80078%2020.1257%203.87529%2021.2003%205.20078%2021.2003H18.8008C20.1263%2021.2003%2021.2008%2020.1257%2021.2008%2018.8003C21.2008%2017.4748%2020.1263%2016.4003%2018.8008%2016.4003H5.20078Z%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";export{l as default};

package/dist/esm/components/Icon/images/contacts.svg.js DELETED Viewed

@@ -1 +0,0 @@

- var C="data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cmask%20id%3D%22path-1-inside-1_251_63695%22%20fill%3D%22white%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5.60156%208.99998C5.60156%2012.5346%208.46692%2015.4%2012.0016%2015.4C15.5362%2015.4%2018.4016%2012.5346%2018.4016%208.99998C18.4016%205.46534%2015.5362%202.59998%2012.0016%202.59998C8.46692%202.59998%205.60156%205.46534%205.60156%208.99998ZM5.20078%2016.3999C3.8753%2016.3999%202.80078%2017.4745%202.80078%2018.7999C2.80078%2020.1254%203.87529%2021.1999%205.20078%2021.1999H18.8008C20.1263%2021.1999%2021.2008%2020.1254%2021.2008%2018.7999C21.2008%2017.4745%2020.1263%2016.3999%2018.8008%2016.3999H5.20078Z%22%2F%3E%3C%2Fmask%3E%3Cpath%20d%3D%22M12.0016%2014.4C9.01921%2014.4%206.60156%2011.9823%206.60156%208.99998H4.60156C4.60156%2013.0869%207.91464%2016.4%2012.0016%2016.4V14.4ZM17.4016%208.99998C17.4016%2011.9823%2014.9839%2014.4%2012.0016%2014.4V16.4C16.0885%2016.4%2019.4016%2013.0869%2019.4016%208.99998H17.4016ZM12.0016%203.59998C14.9839%203.59998%2017.4016%206.01762%2017.4016%208.99998H19.4016C19.4016%204.91305%2016.0885%201.59998%2012.0016%201.59998V3.59998ZM6.60156%208.99998C6.60156%206.01762%209.01921%203.59998%2012.0016%203.59998V1.59998C7.91464%201.59998%204.60156%204.91305%204.60156%208.99998H6.60156ZM3.80078%2018.7999C3.80078%2018.0267%204.42758%2017.3999%205.20078%2017.3999V15.3999C3.32301%2015.3999%201.80078%2016.9222%201.80078%2018.7999H3.80078ZM5.20078%2020.1999C4.42758%2020.1999%203.80078%2019.5731%203.80078%2018.7999H1.80078C1.80078%2020.6777%203.32301%2022.1999%205.20078%2022.1999V20.1999ZM18.8008%2020.1999H5.20078V22.1999H18.8008V20.1999ZM20.2008%2018.7999C20.2008%2019.5731%2019.574%2020.1999%2018.8008%2020.1999V22.1999C20.6785%2022.1999%2022.2008%2020.6777%2022.2008%2018.7999H20.2008ZM18.8008%2017.3999C19.574%2017.3999%2020.2008%2018.0267%2020.2008%2018.7999H22.2008C22.2008%2016.9222%2020.6786%2015.3999%2018.8008%2015.3999V17.3999ZM5.20078%2017.3999H18.8008V15.3999H5.20078V17.3999Z%22%20fill%3D%22%23666666%22%20style%3D%22fill%3A%23666666%3Bfill%3Acolor%28display-p3%200.4000%200.4000%200.4000%29%3Bfill-opacity%3A1%3B%22%20mask%3D%22url%28%23path-1-inside-1_251_63695%29%22%2F%3E%3C%2Fsvg%3E";export{C as default};

package/dist/esm/components/TUIKit/TUIKit.d.ts DELETED Viewed

@@ -1,12 +0,0 @@
-import React, { PropsWithChildren } from 'react';
-import { Conversation } from '@tencentcloud/chat';
-interface ChatProps {
-    chat?: any;
-    language?: string;
-    customClasses?: unknown;
-    activeConversation?: Conversation;
-}
-declare function TUIKit<T extends ChatProps>(props: PropsWithChildren<T>): React.ReactElement;
-export { ChatProps, TUIKit };

package/dist/esm/components/TUIKit/TUIKit.js DELETED Viewed

@@ -1 +0,0 @@

- import{__assign as t}from"tslib";import{jsx as e,jsxs as o,Fragment as a}from"react/jsx-runtime";import{useState as n,useEffect as r}from"react";import{TUIStore as i,StoreName as c,TUIConversationService as s}from"@tencentcloud/chat-uikit-engine";import{TUILogin as l}from"@tencentcloud/tui-core";import{useTranslation as m}from"react-i18next";import{isPC as u,isH5 as C}from"../../utils/env.js";import{useTUIKit as h}from"./hooks/useTUIKit.js";import{useCreateTUIKitContext as d}from"./hooks/useCreateTUIKitContext.js";import{TUIKitProvider as v}from"../../context/TUIKitContext.js";import{TUIConversation as f}from"../TUIConversation/TUIConversation.js";import{TUIChat as T}from"../TUIChat/TUIChat.js";import{TUIManage as p}from"../TUIManage/TUIManage.js";import{TUIProfile as I}from"../TUIProfile/TUIProfile.js";import"../TUIProfile/TUIProfileDefault.js";import"@tencentcloud/chat";import"../../context/TUIMessageContext.js";import"../Icon/config.js";import"../Icon/type.js";import{TUIContactInfo as g}from"../TUIContact/TUIContactInfo/TUIContactInfo.js";import{TUIContact as U}from"../TUIContact/TUIContact.js";import{TUIKIT_TABBAR as S}from"../../constants.js";import"../../locales/index.js";import j from"../Icon/images/chats.svg.js";import A from"../Icon/images/chats-selected.svg.js";import N from"../Icon/images/contacts.svg.js";import w from"../Icon/images/contacts-selected.svg.js";var b=[{id:1,name:S.CHATS,icon:j,selectedIcon:A,value:S.CHATS},{id:2,name:S.CONTACTS,icon:N,selectedIcon:w,value:S.CONTACTS}],x={className:"sample-h5-input",isTransmitter:!0};function M(n){var r=n.moduleValue,i=n.tabbarRender,c=n.setModuleValue;return o(a,{children:[o("div",t({className:"sample-chat-left-container"},{children:[e(I,{className:"sample-chat-profile"}),i,r===S.CHATS&&e(f,{}),r===S.CONTACTS&&e(U,{})]})),r===S.CHATS&&o(a,{children:[e(T,{}),e(p,{})]}),r===S.CONTACTS&&e(U,{children:e(g,{showChats:function(){c(S.CHATS)}})})]})}function P(n){var r=n.moduleValue,i=n.contactData,c=n.tabbarRender,s=n.currentConversationID,l=n.setModuleValue;return o("div",t({className:"sample-chat-h5"},{children:[!s&&!i&&o("div",t({className:"sample-chat-h5-container"},{children:[e(I,{className:"sample-profile"}),c,r===S.CHATS&&e(f,{}),r===S.CONTACTS&&e(U,{})]})),r===S.CHATS&&s&&o(a,{children:[e(T,{TUIMessageInputConfig:x}),e(p,{})]}),r===S.CONTACTS&&i&&e(U,{children:e(g,{showChats:function(){l(S.CHATS)}})})]}))}function V(a){var f=n("chats"),T=f[0],p=f[1],I=m().t,g=a.children,U=a.chat,S=void 0===U?l.getContext().chat:U,j=a.customClasses,A=a.activeConversation,N=a.language,w=void 0===N?"en-US":N;window.tencent_cloud_im_csig_react_uikit_23F_xa=!0;var x=h({chat:S,activeConversation:A,language:w}),V=x.conversation,D=x.contactData,H=x.setActiveConversation,O=x.myProfile,_=x.TUIManageShow,k=x.setTUIManageShow,R=x.TUIProfileShow,y=x.setTUIProfileShow,K=x.setActiveContact,F=d({chat:S,language:w,conversation:V,contactData:D,setActiveConversation:H,customClasses:j,myProfile:O,TUIManageShow:_,setTUIManageShow:k,TUIProfileShow:R,setTUIProfileShow:y,setActiveContact:K});r((function(){return i.watch(c.CONV,{currentConversation:q}),function(){i.unwatch(c.CONV,{currentConversation:q})}}),[]);var q=function(t){H(null==t?void 0:t.getConversation())},z=e("div",t({className:"sample-chat-tab"},{children:b.map((function(a){return o("div",t({className:"sample-chat-tab-container",role:"presentation",onClick:function(){var t;t=a.value,p(t),s.switchConversation("")}},{children:[e("img",{src:T===a.value?a.selectedIcon:a.icon,alt:""}),e("p",t({className:"sample-chat-tab-text ".concat(T===a.value?"sample-chat-tab-active":"")},{children:I(a.name)}))]}),a.id)}))}));return e(v,t({value:F},{children:e("div",t({className:"tui-kit"},{children:g||u&&e(M,{moduleValue:T,tabbarRender:z,setModuleValue:p})||C&&e(P,{contactData:D,moduleValue:T,tabbarRender:z,currentConversationID:(null==V?void 0:V.conversationID)||"",setModuleValue:p})}))}))}export{V as TUIKit};

package/dist/esm/components/TUIKit/hooks/useCreateTUIKitContext.d.ts DELETED Viewed

@@ -1,21 +0,0 @@
-import { UseContactParams } from './useTUIKit.js';
-import * as _tencentcloud_chat from '@tencentcloud/chat';
-import React from 'react';
-import { TUIKitContextValue } from '../../../context/TUIKitContext.js';
-declare const useCreateTUIKitContext: (value: TUIKitContextValue) => {
-    chat: _tencentcloud_chat.ChatSDK;
-    language: string;
-    conversation: _tencentcloud_chat.Conversation | undefined;
-    contactData: UseContactParams;
-    customClasses: unknown;
-    setActiveConversation: (conversation?: _tencentcloud_chat.Conversation | undefined) => void;
-    myProfile: _tencentcloud_chat.Profile | undefined;
-    TUIManageShow: boolean | undefined;
-    setTUIManageShow: React.Dispatch<React.SetStateAction<boolean>> | undefined;
-    TUIProfileShow: boolean | undefined;
-    setTUIProfileShow: React.Dispatch<React.SetStateAction<boolean>> | undefined;
-    setActiveContact: (UseContactParams?: UseContactParams) => void;
-};
-export { useCreateTUIKitContext };

package/dist/esm/components/TUIKit/hooks/useCreateTUIKitContext.js DELETED Viewed

@@ -1 +0,0 @@

- import{useMemo as t}from"react";var e=function(e){var o=e.chat,a=e.language,n=e.conversation,r=e.contactData,s=e.customClasses,c=e.setActiveConversation,i=e.myProfile,h=e.TUIManageShow,l=e.setTUIManageShow,v=e.TUIProfileShow,f=e.setTUIProfileShow,g=e.setActiveContact;return t((function(){return{chat:o,language:a,conversation:n,contactData:r,customClasses:s,setActiveConversation:c,myProfile:i,TUIManageShow:h,setTUIManageShow:l,TUIProfileShow:v,setTUIProfileShow:f,setActiveContact:g}}),[a,n,r,s,o,h,v,f,i])};export{e as useCreateTUIKitContext};

package/dist/esm/components/TUIKit/hooks/useTUIKit.d.ts DELETED Viewed

@@ -1,43 +0,0 @@
-import React from 'react';
-import { IGroupModel } from '@tencentcloud/chat-uikit-engine';
-import { ChatSDK, Conversation, Profile, Friend, FriendApplication } from '@tencentcloud/chat';
-interface blockData {
-    type: 'block';
-    data: Profile;
-}
-interface friendData {
-    type: 'friend';
-    data: Friend;
-}
-interface friendApplicationData {
-    type: 'friendApplication';
-    data: FriendApplication;
-}
-interface addFriendData {
-    type: 'addFriend';
-    data: Profile;
-}
-interface GroupData {
-    type: 'group';
-    data: IGroupModel;
-}
-type UseContactParams = blockData | friendData | friendApplicationData | addFriendData | GroupData | undefined;
-interface UseChatParams {
-    chat: ChatSDK;
-    activeConversation?: Conversation;
-    language?: string;
-}
-declare const useTUIKit: ({ chat, activeConversation: paramsActiveConversation, language, }: UseChatParams) => {
-    conversation: Conversation | undefined;
-    contactData: UseContactParams;
-    setActiveConversation: (activeConversation?: Conversation) => void;
-    myProfile: Profile | undefined;
-    TUIManageShow: boolean;
-    setTUIManageShow: React.Dispatch<React.SetStateAction<boolean>>;
-    TUIProfileShow: boolean;
-    setTUIProfileShow: React.Dispatch<React.SetStateAction<boolean>>;
-    setActiveContact: (actionContactData?: UseContactParams) => void;
-};
-export { UseChatParams, UseContactParams, useTUIKit };

package/dist/esm/components/TUIKit/hooks/useTUIKit.js DELETED Viewed

@@ -1 +0,0 @@

- import{useState as n,useEffect as t,useCallback as o}from"react";import{TUIStore as e,StoreName as a}from"@tencentcloud/chat-uikit-engine";import{useTranslation as i}from"react-i18next";var r=function(r){var c=r.chat,s=r.activeConversation,u=r.language,v=i().i18n,f=n(s),l=f[0],g=f[1],h=n(),I=h[0],m=h[1],w=n(!1),D=w[0],S=w[1],U=n(!1),p=U[0],P=U[1],T=n(),d=T[0],C=T[1];t((function(){v.changeLanguage(u),e.watch(a.USER,{userProfile:function(n){m(n)}})}),[u]);var M=o((function(n){n&&(null==c||c.setMessageRead({conversationID:n.conversationID})),l&&(null==n?void 0:n.conversationID)!==l.conversationID&&S(!1),g(n)}),[c]);return t((function(){s&&g(s)}),[s]),{conversation:l,contactData:d,setActiveConversation:M,myProfile:I,TUIManageShow:D,setTUIManageShow:S,TUIProfileShow:p,setTUIProfileShow:P,setActiveContact:function(n){C(n)}}};export{r as useTUIKit};

package/dist/esm/context/TUIKitContext.d.ts DELETED Viewed

@@ -1,25 +0,0 @@
-import React, { PropsWithChildren } from 'react';
-import { ChatSDK, Conversation, Profile } from '@tencentcloud/chat';
-import { UseContactParams } from '../components/TUIKit/hooks/useTUIKit.js';
-interface TUIKitContextValue {
-    chat: ChatSDK;
-    language: string;
-    conversation?: Conversation;
-    contactData?: UseContactParams;
-    setActiveConversation: (conversation?: Conversation) => void;
-    customClasses?: unknown;
-    myProfile?: Profile;
-    TUIManageShow?: boolean;
-    setTUIManageShow?: React.Dispatch<React.SetStateAction<boolean>>;
-    TUIProfileShow?: boolean;
-    setActiveContact: (UseContactParams?: UseContactParams) => void;
-    setTUIProfileShow?: React.Dispatch<React.SetStateAction<boolean>>;
-}
-declare const TUIKitContext: React.Context<TUIKitContextValue | undefined>;
-declare function TUIKitProvider({ children, value }: PropsWithChildren<{
-    value: TUIKitContextValue;
-}>): React.ReactElement;
-declare const useTUIKitContext: (componentName?: string) => TUIKitContextValue;
-export { TUIKitContext, TUIKitContextValue, TUIKitProvider, useTUIKitContext };

package/dist/esm/context/TUIKitContext.js DELETED Viewed

@@ -1 +0,0 @@

- import{__assign as r}from"tslib";import{jsx as t}from"react/jsx-runtime";import e,{useLayoutEffect as n,useContext as o}from"react";var i=e.createContext(void 0);function a(e){var o=e.children,a=e.value;return n((function(){document.documentElement.dataset.chatTheme="light"}),[]),t(i.Provider,r({value:a},{children:o}))}var c=function(r){var t=o(i);return!t&&r?{}:t};export{i as TUIKitContext,a as TUIKitProvider,c as useTUIKitContext};

package/src/components/TUIKit/TUIKit.tsx DELETED Viewed

@@ -1,229 +0,0 @@
-import React, { PropsWithChildren, useState, useEffect } from 'react';
-import { ChatSDK, Conversation } from '@tencentcloud/chat';
-import { TUIStore, StoreName, IConversationModel, TUIConversationService } from '@tencentcloud/chat-uikit-engine';
-import { TUILogin } from '@tencentcloud/tui-core';
-import { useTranslation } from 'react-i18next';
-import { isH5, isPC } from '../../utils/env';
-import { useTUIKit, UseContactParams } from './hooks/useTUIKit';
-import { useCreateTUIKitContext } from './hooks/useCreateTUIKitContext';
-import { TUIKitProvider } from '../../context/TUIKitContext';
-import { TUIConversation } from '../TUIConversation';
-import { TUIChat } from '../TUIChat';
-import { TUIManage } from '../TUIManage';
-import { TUIProfile } from '../TUIProfile';
-import { TUIContact } from '../TUIContact';
-import { TUIContactInfo } from '../TUIContact/TUIContactInfo/TUIContactInfo';
-import { TUIKIT_TABBAR } from '../../constants';
-import '../../locales/index';
-import chats from '../Icon/images/chats.svg';
-import chatsSelected from '../Icon/images/chats-selected.svg';
-import contacts from '../Icon/images/contacts.svg';
-import contactsSelected from '../Icon/images/contacts-selected.svg';
-import './styles/index.scss';
-import './styles/h5.scss';
-import '../../styles/index.scss';
-export interface ChatProps {
-  chat?: any,
-  language?: string,
-  customClasses?: unknown,
-  activeConversation?: Conversation,
-}
-interface RenderPCProps {
-  moduleValue: string,
-  tabbarRender: any,
-  setModuleValue: (value: string) => void
-}
-interface RenderH5Props {
-  moduleValue: string,
-  currentConversationID: string,
-  tabbarRender: any,
-  contactData: UseContactParams,
-  setModuleValue: (value: string) => void
-}
-const tabbarList = [
-  {
-    id: 1,
-    name: TUIKIT_TABBAR.CHATS,
-    icon: chats,
-    selectedIcon: chatsSelected,
-    value: TUIKIT_TABBAR.CHATS,
-  },
-  {
-    id: 2,
-    name: TUIKIT_TABBAR.CONTACTS,
-    icon: contacts,
-    selectedIcon: contactsSelected,
-    value: TUIKIT_TABBAR.CONTACTS,
-  },
-];
-const TUIMessageInputConfig = {
-  className: 'sample-h5-input',
-  isTransmitter: true,
-};
-function RenderForPC({ moduleValue, tabbarRender, setModuleValue } : RenderPCProps) {
-  return (
-    <>
-      <div className="sample-chat-left-container">
-        <TUIProfile className="sample-chat-profile" />
-        {tabbarRender}
-        {moduleValue === TUIKIT_TABBAR.CHATS && <TUIConversation />}
-        {moduleValue === TUIKIT_TABBAR.CONTACTS && <TUIContact />}
-      </div>
-      {moduleValue === TUIKIT_TABBAR.CHATS && (
-      <>
-        <TUIChat />
-        <TUIManage />
-      </>
-      )}
-      {moduleValue === TUIKIT_TABBAR.CONTACTS && (
-      <TUIContact>
-        <TUIContactInfo
-          showChats={() => {
-            setModuleValue(TUIKIT_TABBAR.CHATS);
-          }}
-        />
-      </TUIContact>
-      )}
-    </>
-  );
-}
-function RenderForH5({
-  moduleValue, contactData, tabbarRender, currentConversationID, setModuleValue,
-}: RenderH5Props) {
-  return (
-    <div className='sample-chat-h5'>
-      {!currentConversationID && !contactData && (
-      <div className="sample-chat-h5-container">
-        <TUIProfile className="sample-profile" />
-        {tabbarRender}
-        {moduleValue === TUIKIT_TABBAR.CHATS && <TUIConversation />}
-        {moduleValue === TUIKIT_TABBAR.CONTACTS && <TUIContact />}
-      </div>
-      )}
-      {moduleValue === TUIKIT_TABBAR.CHATS && currentConversationID && (
-      <>
-        <TUIChat TUIMessageInputConfig={TUIMessageInputConfig} />
-        <TUIManage />
-      </>
-      )}
-      { moduleValue === TUIKIT_TABBAR.CONTACTS && contactData && (
-        <TUIContact>
-          <TUIContactInfo
-            showChats={() => {
-              setModuleValue(TUIKIT_TABBAR.CHATS);
-            }}
-          />
-        </TUIContact>
-      )}
-    </div>
-  );
-}
-export function TUIKit<
-  T extends ChatProps
-  >(
-  props:PropsWithChildren<T>,
-):React.ReactElement {
-  const [moduleValue, setModuleValue] = useState('chats');
-  const { t } = useTranslation();
-  const {
-    children,
-    chat = TUILogin.getContext().chat,
-    customClasses,
-    activeConversation,
-    language = 'en-US',
-  } = props;
-  (window as any).tencent_cloud_im_csig_react_uikit_23F_xa = true;
-  const {
-    conversation,
-    contactData,
-    setActiveConversation,
-    myProfile,
-    TUIManageShow,
-    setTUIManageShow,
-    TUIProfileShow,
-    setTUIProfileShow,
-    setActiveContact,
-  } = useTUIKit({ chat, activeConversation, language });
-  const chatContextValue = useCreateTUIKitContext({
-    chat,
-    language,
-    conversation,
-    contactData,
-    setActiveConversation,
-    customClasses,
-    myProfile,
-    TUIManageShow,
-    setTUIManageShow,
-    TUIProfileShow,
-    setTUIProfileShow,
-    setActiveContact,
-  });
-  useEffect(() => {
-    TUIStore.watch(StoreName.CONV, {
-      currentConversation: onCurrentConversation,
-    });
-    return () => {
-      TUIStore.unwatch(StoreName.CONV, {
-        currentConversation: onCurrentConversation,
-      });
-    };
-  }, []);
-  const switchTabbar = (value: string) => {
-    setModuleValue(value);
-    TUIConversationService.switchConversation('');
-  };
-  const onCurrentConversation = (conversationModel: IConversationModel) => {
-    setActiveConversation(conversationModel?.getConversation());
-  };
-  const tabbarRender = (
-    <div className="sample-chat-tab">
-      {tabbarList.map((item: any) => (
-        <div
-          className="sample-chat-tab-container"
-          key={item.id}
-          role="presentation"
-          onClick={() => {
-            switchTabbar(item.value);
-          }}
-        >
-          <img src={moduleValue === item.value ? item.selectedIcon : item.icon} alt="" />
-          <p className={`sample-chat-tab-text ${moduleValue === item.value ? 'sample-chat-tab-active' : ''}`}>
-            {t(item.name)}
-          </p>
-        </div>
-      ))}
-    </div>
-  );
-  return (
-    <TUIKitProvider value={chatContextValue}>
-      <div className="tui-kit">
-        {children ||
-          (isPC && (
-            <RenderForPC
-              moduleValue={moduleValue}
-              tabbarRender={tabbarRender}
-              setModuleValue={setModuleValue}
-            />
-          )) ||
-          (isH5 && (
-            <RenderForH5
-              contactData={contactData}
-              moduleValue={moduleValue}
-              tabbarRender={tabbarRender}
-              currentConversationID={conversation?.conversationID || ''}
-              setModuleValue={setModuleValue}
-            />
-          ))}
-      </div>
-    </TUIKitProvider>
-  );
-}

package/src/components/TUIKit/hooks/useCreateTUIKitContext.tsx DELETED Viewed

@@ -1,48 +0,0 @@
-import React, { useMemo } from 'react';
-import { TUIKitContextValue } from '../../../context/TUIKitContext';
-export const useCreateTUIKitContext = (value:TUIKitContextValue) => {
-  const {
-    chat,
-    language,
-    conversation,
-    contactData,
-    customClasses,
-    setActiveConversation,
-    myProfile,
-    TUIManageShow,
-    setTUIManageShow,
-    TUIProfileShow,
-    setTUIProfileShow,
-    setActiveContact,
-  } = value;
-  const TUIKitContext = useMemo(
-    () => ({
-      chat,
-      language,
-      conversation,
-      contactData,
-      customClasses,
-      setActiveConversation,
-      myProfile,
-      TUIManageShow,
-      setTUIManageShow,
-      TUIProfileShow,
-      setTUIProfileShow,
-      setActiveContact,
-    }),
-    [
-      language,
-      conversation,
-      contactData,
-      customClasses,
-      chat,
-      TUIManageShow,
-      TUIProfileShow,
-      setTUIProfileShow,
-      myProfile,
-    ],
-  );
-  return TUIKitContext;
-};