@tencentcloud/chat-uikit-react 2.2.7 → 2.2.8

package/src/context/MessageInputContext.tsx

@@ -0,0 +1,54 @@
+import React, {
+  PropsWithChildren,
+  ChangeEventHandler,
+  useContext,
+  KeyboardEventHandler,
+  MutableRefObject,
+} from 'react';
+import { PluginConfigProps } from '../components';
+import type { ICursorPos } from '../components/MessageInput/hooks';
+import type { EmojiData } from '../components/MessageInput/hooks/useEmojiPicker';
+import type { filesData } from '../components/MessageInput/hooks/useUploadPicker';
+import type { MESSAGE_TYPE_NAME } from '../constants';
+
+interface dispatchParams {
+  type: string;
+  value?: string;
+}
+export interface TUIMessageInputContextValue {
+  text?: string;
+  disabled?: boolean;
+  dispatch?: (params: dispatchParams) => void;
+  handleChange?: ChangeEventHandler<HTMLTextAreaElement>;
+  handleSubmit?: (event: React.BaseSyntheticEvent) => void;
+  handleKeyDown?: KeyboardEventHandler<HTMLTextAreaElement>;
+  textareaRef?: MutableRefObject<HTMLTextAreaElement | undefined>;
+  onSelectEmoji?: (emoji: EmojiData) => void;
+  sendFaceMessage?: (emoji: EmojiData) => void;
+  sendUploadMessage?: (file: filesData, type: MESSAGE_TYPE_NAME) => void;
+  insertText?: (textToInsert: string) => void;
+  setText?: (textToInsert: string) => void;
+  focus?: boolean;
+  handlePasete?: (e: ClipboardEvent) => void;
+  setCursorPos?: (e: ICursorPos) => void;
+  pluginConfig?: PluginConfigProps;
+}
+
+export const TUIMessageInputContext = React.createContext<TUIMessageInputContextValue>({});
+export function TUIMessageInputContextProvider({ children, value }: PropsWithChildren<{
+  value: TUIMessageInputContextValue;
+}>): React.ReactElement {
+  return (
+    <TUIMessageInputContext.Provider value={value}>
+      {children}
+    </TUIMessageInputContext.Provider>
+  );
+}
+
+export function useTUIMessageInputContext(componentName?: string): TUIMessageInputContextValue {
+  const contextValue = useContext(TUIMessageInputContext);
+  if (!contextValue && componentName) {
+    return {} as TUIMessageInputContextValue;
+  }
+  return (contextValue as unknown) as TUIMessageInputContextValue;
+}

package/src/context/index.ts

@@ -1,8 +1,9 @@
 export * from './UIKitContext';
 export * from './UIManagerContext';
-export * from './TUIChatStateContext';
-export * from './TUIChatActionContext';
-export * from './TUIMessageContext';
+export * from './ChatStateContext';
+export * from './ChatActionContext';
+export * from './MessageContext';
 export * from './ComponentContext';
-export * from './TUIMessageInputContext';
-export * from './TUIContactContext';
+export * from './MessageInputContext';
+export * from './ContactContext';
+export * from './ConversationListContext';

package/src/hooks/index.ts

@@ -1,2 +1,4 @@
 export * from './useConversation';
 export * from './useProfile';
+export * from './useMouseHover';
+export * from './useLongPress';

package/src/hooks/useConversation.tsx

@@ -1,78 +1,30 @@
-import React from 'react';
-import TencentCloudChat from '@tencentcloud/chat';
-import { useTUIConversationContext } from '../context/TUIConversationContext';
+import TUIChatEngine, { TUIGroupService, TUIConversationService, IConversationModel, CreateGroupParams } from '@tencentcloud/chat-uikit-engine';
 
-export interface CreateGroupConversationParams {
-  name: string;
-  type?: TencentCloudChat.TYPES;
-  groupID?: string;
-  introduction?: string;
-  notification?: string;
-  avatar?: string;
-  maxMemberNum?: number;
-  joinOption?: string;
-  memberList?: Array<object>;
-  groupCustomField?: Array<object>;
-  isSupportTopic?: boolean;
+async function createC2CConversation(userID: string): Promise<IConversationModel> {
+  const response = await TUIConversationService.getConversationProfile(`C2C${userID}`);
+  return response.data.conversation;
 }
-export const useConversation = (chat: any) => {
-  const {
-    createConversation: contextCreateConversation,
-    deleteConversation: contextDeleteConversation,
-  } = useTUIConversationContext('useConversation');
-  const createConversation = async (
-    params: string | CreateGroupConversationParams,
-  ) => {
-    // create c2c conversation
-    if (typeof params === 'string') {
-      const { data } = await chat.getConversationProfile(params);
-      return data.conversation;
-    }
-    // create group conversation
-    const {
-      name,
-      type,
-      groupID,
-      introduction,
-      notification,
-      avatar,
-      maxMemberNum,
-      joinOption,
-      memberList = [],
-      groupCustomField = [],
-      isSupportTopic,
-    } = params;
-    const res = await chat.createGroup({
-      name,
-      type,
-      groupID,
-      introduction,
-      notification,
-      avatar,
-      maxMemberNum,
-      joinOption,
-      memberList,
-      groupCustomField,
-      isSupportTopic,
+
+async function createGroupConversation(groupParams: CreateGroupParams): Promise<IConversationModel> {
+  if (groupParams.type === TUIChatEngine.TYPES.GRP_COMMUNITY) {
+    delete groupParams.groupID;
+  }
+
+  const res = await TUIGroupService.createGroup(groupParams);
+  const { type } = res.data.group;
+
+  if (type === TUIChatEngine.TYPES.GRP_AVCHATROOM) {
+    await TUIGroupService.joinGroup({
+      groupID: res.data.group.groupID,
+      applyMessage: '',
     });
-    const { groupID: createdGroupID } = res.data.group;
-    if (type === TencentCloudChat.TYPES.GRP_AVCHATROOM) {
-      await chat.joinGroup({
-        groupID: createdGroupID,
-        type: TencentCloudChat.TYPES.GRP_AVCHATROOM,
-      });
-    }
-    const { data } = await chat.getConversationProfile(`GROUP${createdGroupID}`);
-    return data.conversation;
-  };
-  const pinConversation = (options: {
-    conversationID: string;
-    isPinned: boolean;
-  }) => chat.pinConversation(options);
-  const deleteConversation = (conversationID: string) => chat.deleteConversation(conversationID);
-  return {
-    createConversation: contextCreateConversation || createConversation,
-    pinConversation,
-    deleteConversation: contextDeleteConversation || deleteConversation,
-  };
+  }
+
+  const response = await TUIConversationService.getConversationProfile(`GROUP${res.data.group.groupID}`);
+  return response.data.conversation;
+}
+
+export {
+  createC2CConversation,
+  createGroupConversation,
 };

package/src/hooks/useLongPress.tsx

@@ -0,0 +1,117 @@
+import React, {
+  useState,
+  useRef,
+  useCallback,
+} from 'react';
+import { isH5 } from '../utils/env';
+
+const DEFAULT_DURATION = 300;
+
+function preventDefault(e: Event) {
+  if (!isTouchEvent(e)) {
+    return;
+  }
+
+  if (e.touches.length < 2 && e.preventDefault) {
+    e.preventDefault();
+  }
+}
+
+export function isTouchEvent(e: Event): e is TouchEvent {
+  return e && 'touches' in e;
+}
+
+interface PressHandlers<T> {
+  onLongPress?: (e: React.MouseEvent<T> | React.TouchEvent<T>) => void;
+  onClick?: (e: React.MouseEvent<T> | React.TouchEvent<T>) => void;
+}
+
+interface Options {
+  delay?: number;
+  shouldPreventDefault?: boolean;
+  shouldStopPropagation?: boolean;
+}
+
+interface UseLongPressType<T> {
+  isLongPressing: boolean;
+  onTouchMove: (e: React.TouchEvent<T>) => void;
+  onMouseDown: (e: React.MouseEvent<T>) => void;
+  onTouchStart: (e: React.TouchEvent<T>) => void;
+  onMouseUp: (e: React.MouseEvent<T>) => void;
+  onMouseLeave: (e: React.MouseEvent<T>) => void;
+  onTouchEnd: (e: React.TouchEvent<T>) => void;
+}
+
+export default function useLongPress<T>({
+  onLongPress,
+  onClick,
+}: PressHandlers<T>, {
+  delay = DEFAULT_DURATION,
+  shouldPreventDefault = true,
+  shouldStopPropagation = false,
+}: Options = {}): UseLongPressType<T> {
+  const [longPressTriggered, setLongPressTriggered] = useState(false);
+  const [dragTriggered, setDragTriggered] = useState(false);
+  const timeout = useRef<ReturnType<typeof setTimeout>>();
+  const target = useRef<EventTarget>();
+
+  const start = useCallback((e: React.MouseEvent<T> | React.TouchEvent<T>) => {
+    e.persist();
+    const clonedEvent = {
+      ...e,
+    };
+    setDragTriggered(false);
+    if (shouldStopPropagation) {
+      e.stopPropagation();
+    }
+    if (shouldPreventDefault && e.target) {
+      e.target.addEventListener(
+        'touchend',
+        preventDefault,
+        {
+          passive: false,
+        },
+      );
+      target.current = e.target;
+    }
+
+    timeout.current = setTimeout(() => {
+      onLongPress?.(clonedEvent);
+      setLongPressTriggered(true);
+    }, delay);
+  }, [onLongPress, delay, shouldPreventDefault, shouldStopPropagation, isH5]);
+
+  const clear = useCallback((
+    e: React.MouseEvent<T> | React.TouchEvent<T>,
+    shouldTriggerClick = true,
+    onDrag = false,
+  ) => {
+    if (onDrag) {
+      setDragTriggered(true);
+    } else {
+      setDragTriggered(false);
+    }
+    if (timeout?.current) {
+      clearTimeout(timeout.current);
+    }
+    if (shouldTriggerClick && !longPressTriggered && !dragTriggered) {
+      onClick?.(e);
+    }
+    setLongPressTriggered(false);
+    if (shouldPreventDefault && target.current) {
+      target.current.removeEventListener('touchend', preventDefault);
+    }
+  }, [shouldPreventDefault, onClick, longPressTriggered, dragTriggered]);
+
+  return {
+    isLongPressing: longPressTriggered,
+    onMouseDown: (e: React.MouseEvent<T>) => start(e),
+    onMouseUp: (e: React.MouseEvent<T>) => clear(e),
+    onMouseLeave: (e: React.MouseEvent<T>) => clear(e, false),
+    onTouchStart: (e: React.TouchEvent<T>) => start(e),
+    // setDragTriggered as true on touchmove, so that next onTouchEnd is ignored
+    // if we dont do it, onClick?.(e) will be triggred, see inside clear()
+    onTouchMove: (e: React.TouchEvent<T>) => clear(e, false, true),
+    onTouchEnd: (e: React.TouchEvent<T>) => clear(e),
+  };
+}

package/src/hooks/useMouseHover.tsx

@@ -0,0 +1,21 @@
+import { useState } from 'react';
+
+import type { RefObject } from 'react';
+
+export default function useHover<T extends HTMLElement = HTMLElement>(
+  elementRef: RefObject<T>,
+): boolean {
+  const [value, setValue] = useState<boolean>(false);
+
+  const handleMouseEnter = () => {
+    setValue(true);
+  };
+  const handleMouseLeave = () => {
+    setValue(false);
+  };
+
+  elementRef.current?.addEventListener('mouseenter', handleMouseEnter);
+  elementRef.current?.addEventListener('mouseleave', handleMouseLeave);
+
+  return value;
+}

package/src/locales/en-US/TUIConversation.ts

@@ -8,6 +8,8 @@ const TUIConversation = {
   'Conversation Information': 'Conversation Information',
   'Pin': 'Pin',
   'Unpin': 'Unpin',
+  'Mute': 'Mute',
+  'Unmute': 'Unmute',
   'Search': 'Search',
   'Add Participants': 'Add Participants',
   'No conversation': 'No conversation',
@@ -19,6 +21,8 @@ const TUIConversation = {
   'Create': 'Create',
   'Details': 'Details',
   'Work': 'Work',
+  'Private': 'Work',
+  'ChatRoom': 'Meeting',
   'Public': 'Public',
   'Meeting': 'Meeting',
   'AVChatRoom': 'AVChatRoom',

package/src/locales/index.ts

@@ -1,5 +1,6 @@
 import i18next from 'i18next';
 import { initReactI18next } from 'react-i18next';
+import { TUITranslateService } from '@tencentcloud/chat-uikit-engine';
 import { message as enMessage } from './en-US/index';
 import { message as zhMessage } from './zh-CN/index';
 import { message as jaMessage } from './ja-JP/index';
@@ -32,5 +33,14 @@ i18next.use(initReactI18next).init({
   },
 });
 
+const engineLocaleResources = {
+  'en-US': enMessage,
+  'zh-CN': zhMessage,
+  'ja-JP': jaMessage,
+  'ko-KR': koMessage,
+};
+TUITranslateService.provideLanguages(engineLocaleResources);
+TUITranslateService.useI18n('en-US');
+
 const { t } = i18next;
 export { i18next, t };

package/src/locales/ja-JP/TUIConversation.ts

@@ -6,6 +6,8 @@ const TUIConversation = {
   'Delete': 'チャットを削除',
   'Pin': 'チャットをトップに固定',
   'Unpin': 'トップ固定を解除',
+  'Mute': 'ミュート',
+  'Unmute': 'ミュート解除',
   'Conversation Information': 'チャット情報',
   'Search': '検索',
   'Add Participants': 'グループチャットを作成',
@@ -18,6 +20,8 @@ const TUIConversation = {
   'Create': '作成',
   'Details': '詳細',
   'Work': '友達の仕事グループ(Work)',
+  'Private': '友達の仕事グループ(Work)',
+  'ChatRoom': '一時的な会議グループ(Meeting)',
   'Public': '見知らぬ人の社交グループ(Public)',
   'Meeting': '一時的な会議グループ(Meeting)',
   'AVChatRoom': 'ライブチャットルーム(AVChatroom)',

package/src/locales/ko-KR/TUIConversation.ts

@@ -6,6 +6,8 @@ const TUIConversation = {
   'Delete': '채팅 삭제',
   'Pin': '채팅 고정',
   'Unpin': '채팅 고정 해제',
+  'Mute': '음소거',
+  'Unmute': '음소거 해제',
   'Conversation Information': '채팅 정보',
   'Search': '검색',
   'Add Participants': '그룹 채팅 생성',
@@ -18,6 +20,8 @@ const TUIConversation = {
   'Create': '생성',
   'Details': '상세',
   'Work': '친구 작업 그룹(Work)',
+  'Private': '친구 작업 그룹(Work)',
+  'ChatRoom': '임시 회의 그룹(Meeting)',
   'Public': '낯선 사람 소셜 그룹(Public)',
   'Meeting': '임시 회의 그룹(Meeting)',
   'AVChatRoom': '라이브 방송 그룹(AVChatroom)',

package/src/locales/zh-CN/TUIConversation.ts

@@ -6,6 +6,8 @@ const TUIConversation = {
   'Delete': '删除会话',
   'Pin': '置顶会话',
   'Unpin': '取消置顶',
+  'Mute': '消息免打扰',
+  'Unmute': '取消免打扰',
   'Conversation Information': '会话信息',
   'Search': '搜索',
   'Add Participants': '创建群聊',
@@ -18,6 +20,8 @@ const TUIConversation = {
   'Create': '创建',
   'Details': '详情',
   'Work': '好友工作群（Work）',
+  'Private': '好友工作群（Work）',
+  'ChatRoom': '临时会议群（Meeting）',
   'Public': '陌生人社交群（Public）',
   'Meeting': '临时会议群（Meeting）',
   'AVChatRoom': '直播群（AVChatroom）',

package/src/locales/zh-TW/TUIConversation.ts

@@ -6,6 +6,8 @@ const TUIConversation = {
   'Delete': '刪除會話',
   'Pin': '置頂會話',
   'Unpin': '取消置頂',
+  'Mute': '訊息免幹擾',
+  'Unmute': '取消免幹擾',
   'Conversation Information': '會話資訊',
   'Search': '搜尋',
   'Add Participants': '創建群聊',
@@ -18,6 +20,8 @@ const TUIConversation = {
   'Create': '創建',
   'Details': '詳情',
   'Work': '好友工作群（Work）',
+  'Private': '好友工作群（Work）',
+  'ChatRoom': '臨時會議群（Meeting）',
   'Public': '陌生人社交群（Public）',
   'Meeting': '臨時會議群（Meeting）',
   'AVChatRoom': '直播群（AVChatroom）',

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

@@ -1 +0,0 @@
-"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/ConversationPreview/ConversationListContainer.d.ts

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

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime");exports.ConversationListContainer=function(i){var t=i.children;return r.jsx("div",e.__assign({className:"conversation-list-container"},{children:t}))};

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

@@ -1,10 +0,0 @@
-import React__default from 'react';
-import { ConversationPreviewUIComponentProps } from './ConversationPreview.js';
-
-interface IPluginsRef {
-    closeMore?: () => void;
-}
-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 +0,0 @@
-"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/ConversationSearch/ConversationSearchInput.d.ts

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

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

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

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

@@ -1,12 +0,0 @@
-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__default.ComponentType<ConversationPreviewUIComponentProps>;
-}
-declare function ConversationSearchResult(props: ConversationSearchResultProps): React__default.ReactElement;
-
-export { ConversationSearchResult, ConversationSearchResultProps };

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

@@ -1 +0,0 @@
-"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/TUIChat/TUIChat.js

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

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

@@ -1 +0,0 @@
-"use strict";var e=require("./server.js");require("tslib"),require("react"),require("react/jsx-runtime"),require("@tencentcloud/chat-uikit-engine"),require("date-fns"),require("date-fns/locale"),require("@tencentcloud/chat"),require("../Icon/config.js"),require("../Icon/type.js"),require("@tencentcloud/tui-core"),require("react-i18next"),require("../../context/TUIMessageContext.js"),require("../../constants.js"),require("../TUIMessage/hooks/useMessageReply.js"),require("../TUIMessage/MessagePlugins.js"),require("../TUIMessage/MessageContext.js"),require("../../utils/env.js"),require("../TUIMessageInput/hooks/useHandleQuoteMessage.js"),new e;

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

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

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),a=require("react"),i=require("@tencentcloud/tui-core"),n=require("@tencentcloud/chat"),s=require("@tencentcloud/chat-uikit-engine"),r=require("../Avatar/Avatar.js"),l=require("../utils.js"),c=require("../../utils/env.js"),u=require("../Icon/Icon.js"),o=require("../Icon/type.js");require("react-i18next");var d=require("../../context/UIManagerContext.js"),v=require("../../context/TUIChatActionContext.js");require("../../context/TUIMessageContext.js");var h=require("../TUIChat/utils.js");function C(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var I=C(a),f=C(i),_=C(n);function g(n){var C=n.title,I=void 0===C?"":C,g=n.avatar;n.isOnline;var j=n.conversation,x=n.isLive,p=n.opateIcon,T=n.enableCall,y=void 0!==T&&T,S=v.useTUIChatActionContext().callButtonClicked,m=d.useUIManager().setActiveContact,N=a.useState(I),E=N[0],q=N[1],P=a.useState(""),U=P[0],A=P[1],O=a.useState(!1),k=O[0],M=O[1];a.useEffect((function(){switch(q(I),g&&A(g),null==j?void 0:j.type){case _.default.TYPES.CONV_C2C:!function(e,a){E||q(a||(null==e?void 0:e.nick)||(null==e?void 0:e.userID));g||A(t.jsx(r.Avatar,{size:32,image:l.handleDisplayAvatar(e.avatar)}))}(j.userProfile,null==j?void 0:j.remark);var e=!!f.default.getService(i.TUIConstants.TUICalling.SERVICE.NAME);M(e&&y);break;case _.default.TYPES.CONV_GROUP:!function(e){E||q((null==e?void 0:e.name)||(null==e?void 0:e.groupID));g||A(t.jsx(r.Avatar,{size:32,image:l.handleDisplayAvatar(e.avatar,_.default.TYPES.CONV_GROUP)}))}(j.groupProfile);break;case _.default.TYPES.CONV_SYSTEM:q("System Notice");break;default:q("")}}),[j]);var b=d.useUIManager().setTUIManageShow,V=function(e){var t,a=(null===(t=null==j?void 0:j.userProfile)||void 0===t?void 0:t.userID)||"",i=(null==j?void 0:j.type)||_.default.TYPES.CONV_C2C;h.startCall({callType:i,callMediaType:e,userIDList:[a],callButtonClicked:S})};return t.jsxs("header",e.__assign({className:"tui-chat-header ".concat(x?"tui-chat-live-header":"")},{children:[c.isH5&&t.jsx("div",e.__assign({style:{paddingRight:"10px"}},{children:t.jsx(u.Icon,{onClick:function(){s.TUIConversationService.switchConversation(""),m()},type:o.IconTypes.BACK,width:9,height:16})})),t.jsx("div",e.__assign({className:"tui-chat-header-left ".concat((null==j?void 0:j.type)===_.default.TYPES.CONV_SYSTEM?"system":"")},{children:(null==j?void 0:j.type)!==_.default.TYPES.CONV_SYSTEM&&U})),t.jsx("div",e.__assign({className:"header-content"},{children:t.jsx("h3",e.__assign({className:"title"},{children:E}))})),k&&t.jsxs("div",e.__assign({className:"call-btn-container"},{children:[t.jsx(u.Icon,{className:"call-btn",onClick:function(){return V(2)},type:o.IconTypes.VIDEOCALL,width:24}),t.jsx(u.Icon,{className:"call-btn",onClick:function(){return V(1)},type:o.IconTypes.VOICECALL,width:20})]})),t.jsx("div",e.__assign({className:"tui-chat-header-right"},{children:t.jsx("div",e.__assign({className:"header-handle"},{children:p||t.jsx(u.Icon,{className:"header-handle-more",onClick:function(){b&&b(!0)},type:o.IconTypes.ELLIPSE,width:18,height:5})}))}))]}),null==j?void 0:j.conversationID)}var j=I.default.memo(g);exports.TUIChatHeaderDefault=function(a){var i=e.__assign({},a);return t.jsx(j,e.__assign({},i))};

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

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

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

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

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

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

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

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

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),a=require("react"),t=require("react-i18next"),i=require("@tencentcloud/chat-uikit-engine");require("@tencentcloud/tui-core");var n=require("../../../context/UIManagerContext.js");require("../../../context/TUIMessageContext.js");var s=require("../../Icon/Icon.js"),c=require("../../Icon/type.js"),o=require("../../../utils/env.js"),u=require("../../Avatar/Avatar.js"),d=require("../../Avatar/default.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function v(a){var l=a.profile,v=t.useTranslation().t,x=l.userID,j=l.nick,h=l.selfSignature,f=l.avatar,g=n.useUIManager().setActiveContact;return r.jsxs("div",e.__assign({className:"tui-contact-info-header"},{children:[o.isH5&&r.jsx(s.Icon,{width:9,height:16,type:c.IconTypes.BACK,onClick:function(){i.TUIConversationService.switchConversation(""),g()}}),r.jsxs("div",e.__assign({className:"header-container"},{children:[r.jsxs("div",e.__assign({className:"header-container-avatar"},{children:[r.jsx(u.Avatar,{size:60,image:f||d.defaultUserAvatar}),r.jsx("div",e.__assign({className:"header-container-name"},{children:j||x}))]})),r.jsx("div",e.__assign({className:"header-container-text"},{children:"ID:".concat(x)})),r.jsxs("div",e.__assign({className:"header-container-text"},{children:[v("TUIContact.Signature"),":",h||""]}))]}))]}))}var x=l(a).default.memo(v);exports.BasicInfo=x,exports.UnMemoizedBasicInfo=v;

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

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

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

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

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

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

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("react/jsx-runtime"),t=require("react"),r=require("react-i18next"),a=require("@tencentcloud/chat-uikit-engine");require("@tencentcloud/tui-core");var i=require("../../../context/UIManagerContext.js");require("../../../context/TUIMessageContext.js");var s=require("../../Icon/Icon.js"),c=require("../../Icon/type.js"),o=require("../../../utils/env.js"),u=require("../../Avatar/Avatar.js"),d=require("../../Avatar/default.js");function v(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function l(t){var v=t.group,l=t.showChats,h=i.useUIManager(),x=h.setActiveContact,j=h.setActiveConversation,g=r.useTranslation().t,m=v.groupID,_=v.name,f=v.avatar;return n.jsxs(n.Fragment,{children:[n.jsxs("div",e.__assign({className:"tui-contact-info-header"},{children:[o.isH5&&n.jsx(s.Icon,{width:9,height:16,type:c.IconTypes.BACK,onClick:function(){a.TUIConversationService.switchConversation(""),x()}}),n.jsxs("div",e.__assign({className:"header-container"},{children:[n.jsxs("div",e.__assign({className:"header-container-avatar"},{children:[n.jsx(u.Avatar,{size:60,image:f||d.defaultUserAvatar}),n.jsx("div",e.__assign({className:"header-container-name"},{children:_||m}))]})),n.jsx("div",e.__assign({className:"header-container-text"},{children:"groupID:".concat(m)}))]}))]})),n.jsx("div",e.__assign({className:"tui-contact-info-content"},{children:n.jsx("div",e.__assign({className:"content-btn-container"},{children:n.jsx("div",e.__assign({className:"content-item-btn confirm-btn",role:"button",tabIndex:0,onClick:function(){var e="GROUP".concat(m);l&&l(),a.TUIConversationService.switchConversation(e).then((function(e){j(e.getConversation())}))}},{children:g("TUIContact.Send Message")}))}))}))]})}var h=v(t).default.memo(l);exports.GroupInfo=h,exports.UnMemoizedGroupInfo=l;