@tencentcloud/chat-uikit-react 2.2.6 → 2.2.7

package/src/context/TUIChatActionContext.tsx

@@ -4,17 +4,18 @@ import { IMessageModel } from '@tencentcloud/chat-uikit-engine';
 import { OperateMessageParams } from '../components/TUIChat/hooks/useHandleMessage';
 
 export interface TUIChatActionContextValue {
-  updateMessage?: (messages: Array<Message>) => void,
-  setFirstSendMessage?: (message: IMessageModel) => void,
-  editLocalMessage?: (message: Message) => void,
-  operateMessage?: (data?: OperateMessageParams) => void,
-  loadMore?: () => Promise<void>,
-  revokeMessage?: (message:Message) => Promise<Message>,
-  setAudioSource?: (source: HTMLAudioElement | null) => void,
-  setVideoSource?: (source: HTMLVideoElement | null) => void,
-  setHighlightedMessageId?: (highlightedMessageId: string) => void,
-  updateUploadPendingMessageList?: (message?:Message) => void,
-  setActiveMessageID?: (messageID: string) => void,
+  updateMessage?: (messages: Message[]) => void;
+  setFirstSendMessage?: (message: IMessageModel) => void;
+  editLocalMessage?: (message: Message) => void;
+  operateMessage?: (data?: OperateMessageParams) => void;
+  loadMore?: () => Promise<void>;
+  revokeMessage?: (message: Message) => Promise<Message>;
+  setAudioSource?: (source: HTMLAudioElement | null) => void;
+  setVideoSource?: (source: HTMLVideoElement | null) => void;
+  setHighlightedMessageId?: (highlightedMessageId: string) => void;
+  updateUploadPendingMessageList?: (message?: Message) => void;
+  setActiveMessageID?: (messageID: string) => void;
+  callButtonClicked?: (callMediaType?: number, callType?: any) => void;
 }
 
 export const TUIChatActionContext = React.createContext<
@@ -26,8 +27,8 @@ export function TUIChatActionProvider({
   children,
   value,
 }: PropsWithChildren<{
-  value: TUIChatActionContextValue
-}>):React.ReactElement {
+  value: TUIChatActionContextValue;
+}>): React.ReactElement {
   return (
     <TUIChatActionContext.Provider
       value={(value as unknown) as TUIChatActionContextValue}

package/src/context/ThemeContext.tsx

@@ -1,4 +1,4 @@
-import {
+import React, {
   useState,
   useContext,
   createContext,
@@ -11,8 +11,8 @@ import '../styles/index.scss';
 interface ThemeContextType {
   theme: string;
   colors: Record<string, string> | undefined;
-  setTheme: (theme: string) => void;
-  setColors: (colors: Record<string, string>) => void;
+  setTheme: React.Dispatch<React.SetStateAction<string>>;
+  setColors: React.Dispatch<React.SetStateAction<Record<string, string> | undefined>>;
 }
 
 interface ThemeProviderProps {
@@ -22,6 +22,8 @@ interface ThemeProviderProps {
 
 const ThemeContext = createContext<ThemeContextType | null>(null);
 
+const supportedThemes = ['light', 'dark'];
+
 function ThemeProvider(props: PropsWithChildren<Partial<ThemeProviderProps>>) {
   const {
     theme: _theme = 'light',
@@ -29,12 +31,17 @@ function ThemeProvider(props: PropsWithChildren<Partial<ThemeProviderProps>>) {
     children,
   } = props;
 
+  if (supportedThemes.indexOf(_theme) === -1) {
+    throw new Error(`Theme ${_theme} is not supported, please check the supported themes list: [${supportedThemes.join(', ')}]`);
+  }
+
   const [theme, setTheme] = useState(_theme);
   const [colors, setColors] = useState(_colors);
 
   useLayoutEffect(() => {
-    document.documentElement.dataset.uikitTheme = theme;
-  }, [theme]);
+    document.documentElement.dataset.uikitTheme = _theme;
+    setTheme(_theme);
+  }, [_theme]);
 
   const value = {
     theme,

package/src/context/UIKitContext.tsx

@@ -1,4 +1,4 @@
-import { PropsWithChildren, useContext, createContext } from 'react';
+import { PropsWithChildren, useState, useContext, createContext, useEffect } from 'react';
 import type {
   ChatSDK,
   Conversation,
@@ -34,10 +34,19 @@ function UIKitProvider(props: PropsWithChildren<UIKitProviderProps>) {
     children,
   } = props;
 
+  const [chatSDK, setChatSDK] = useState<ChatSDK>(chat);
+
+  useEffect(() => {
+    if (!chatSDK) {
+      setChatSDK(chat);
+    }
+  }, [chat]);
+
+  const value = { chat: chatSDK };
   return (
     <LanguageProvider language={language}>
       <ThemeProvider theme={theme} colors={colors}>
-        <UIKitContext.Provider value={{ chat }}>
+        <UIKitContext.Provider value={value}>
           <UIManagerProvider activeConversation={activeConversation} customClasses={customClasses}>
             {children}
           </UIManagerProvider>

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

@@ -1,12 +1,9 @@
-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/index.ts

@@ -4,8 +4,9 @@ import { message as enMessage } from './en-US/index';
 import { message as zhMessage } from './zh-CN/index';
 import { message as jaMessage } from './ja-JP/index';
 import { message as koMessage } from './ko-KR/index';
+import { message as twMessage } from './zh-TW/index';
 
-const resources = {
+const resources: Record<string, any> = {
   'en-US': {
     translation: enMessage,
   },
@@ -17,7 +18,10 @@ const resources = {
   },
   'ko-KR': {
     translation: koMessage,
-  }
+  },
+  'zh-TW': {
+    translation: twMessage,
+  },
 };
 
 i18next.use(initReactI18next).init({

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

@@ -1,11 +1,9 @@
-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/ko-KR/index.ts

@@ -1,11 +1,9 @@
-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

@@ -1,11 +1,9 @@
-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-TW/TUIChat.ts

@@ -0,0 +1,27 @@
+/* eslint-disable quote-props */
+const TUIChat = {
+  'Recall': '撤回',
+  'Reference': '引用',
+  'Forward': '轉發',
+  'Copy': '複製',
+  'Delete': '刪除',
+  'Forward to': '轉發給',
+  'recalled a message': '撤回了一條消息',
+  'Re-edit': '重新編輯',
+  'Resend': '重新發送',
+  'You': '您',
+  'Recent Chats': '會話紀錄',
+  'Frequently Contacted': '頻繁聯繫',
+  'No Result': '無結果',
+  'Search Result': '搜尋結果',
+  'Image': '圖片',
+  'Video': '影片',
+  'File': '檔案',
+  'Enter a message': '請輸入訊息',
+  'No More': '沒有了',
+  'Error deleting message': '刪除訊息失敗',
+  'The message recall exceeded the time limit (default 2 minutes)': '訊息撤回超時（預設 2 分鐘）',
+  'Error revoke Message': '訊息撤回失敗',
+  'Custom message': '自訂訊息',
+};
+export default TUIChat;

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

@@ -0,0 +1,29 @@
+/* eslint-disable quote-props */
+const TUIContact = {
+  'Enter a userID': '請輸入用戶 ID，回車搜索',
+  'Enter the verification info': '請填寫驗證信息',
+  'Request to join': '申請加入',
+  'Requested': '已申請',
+  'Accept': '接受',
+  'Refuse': '拒絕',
+  'Handled': '已處理',
+  'Friends': '我的好友',
+  'Send Message': '發送消息',
+  'Signature': '個性簽名',
+  'Successful application, waiting for the administrator to agree to join the group application': '等待管理員同意',
+  'New Contacts': '新的聯繫人',
+  'Blocked List': '黑名單',
+  'Group List': '我的群聊',
+  'No Result': '無搜索結果',
+  'ID': 'ID',
+  'User': '聯繫人',
+  'Add Friend': '添加好友',
+  'remark': '備註',
+  'block': '加入黑名單',
+  'Delete friend': '刪除好友',
+  'waiting for verification': '等待驗證',
+  'verification info': '驗證信息',
+  'Send application': '發送申請',
+  'Agree': '同意',
+};
+export default TUIContact;

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

@@ -0,0 +1,32 @@
+/* eslint-disable quote-props */
+const TUIConversation = {
+  'Start chat': '發起會話',
+  'New one-to-one chat': '發起單聊',
+  'New group chat': '發起群聊',
+  'Delete': '刪除會話',
+  'Pin': '置頂會話',
+  'Unpin': '取消置頂',
+  'Conversation Information': '會話資訊',
+  'Search': '搜尋',
+  'Add Participants': '創建群聊',
+  'No conversation': '無會話',
+  'Next': '下一步',
+  'Group Name': '群組名稱',
+  'Group ID': '群組 ID',
+  'Group Type': '群組類型',
+  'Participants': '成員',
+  'Create': '創建',
+  'Details': '詳情',
+  'Work': '好友工作群（Work）',
+  'Public': '陌生人社交群（Public）',
+  'Meeting': '臨時會議群（Meeting）',
+  'AVChatRoom': '直播群（AVChatroom）',
+  'Community': '社群(Community)',
+  'Users can join the group only via invitation by existing members. The invitation does not need to be agreed by the invitee or approved by the group owner. See the documentation for details.': '類似普通微信群，創建後僅支持已在群內的好友邀請加群，且無需被邀請方同意或群主同意。',
+  'After a public group is created, the group owner can designate group admins. To join the group, a user needs to search the group ID and send a request, which needs to be approved by the group owner or an admin before the user can join the基礎設施。See the documentation for details.': '類似 QQ 群，創建後群主可以指定群管理員，用戶搜索群 ID 發起加群申請後，需要群主或管理員審批通過才能入群。',
+  'After the group is created, a user can join and quit the group freely and can view the messages sent before joining the group. It is suitable for scenarios that integrate Tencent Real-Time Communication (TRTC), such as audio and video conferences and online education. See the documentation for details.': '創建後可以隨意進出，且支持查看入群前消息；適合用於音視頻會議場景、在線教育場景等與即時音視頻產品結合的場景。',
+  'After a group is created, a user can join and quit the group freely. The group can have an unlimited number of members, but it does not store message history. It can be combined with Live Video Broadcasting (LVB) to support on-screen comment scenarios. See the documentation for details.': '創建後可以隨意進出，沒有群成員數量上限，但不支持歷史消息存儲；適合與直播產品結合，用於彈幕聊天場景。',
+  'After creation, you can enter and leave at will, support up to 100,000 people, support historical message storage, and after users search for group ID and initiate a group application, they can join the group without administrator approval. See product documentation for details.': '創建後可以隨意進出，最多支持100000人，支持歷史消息存儲，用戶搜索群 ID 發起加群申請後，無需管理員審批即可進群。',
+  'Participant cannot be empty': '不能為空',
+};
+export default TUIConversation;

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

@@ -0,0 +1,15 @@
+/* eslint-disable quote-props */
+const TUIProfile = {
+  'Personal information': '個人信息',
+  'Signature': '個性簽名',
+  'Gender': '性別',
+  'Male': '男',
+  'Female': '女',
+  'AllowType': '加好友驗證方式',
+  'NeedConfirm': '需要驗證',
+  'AllowAny': '同意任何用戶加好友',
+  'DenyAny': '拒絕任何用戶加「好友」',
+  'Birthday': '生日',
+  'Unknown': '未設置',
+};
+export default TUIProfile;

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

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

package/src/styles/colors/_color-dark.scss

@@ -1,29 +1,39 @@
 $dark-colors: (
   // bg
-  --chat-theme-dark-bg-5: #76777e,
-  --chat-theme-dark-bg-4: #5d5e67,
-  --chat-theme-dark-bg-3: #454650,
-  --chat-theme-dark-bg-2: #2e303a,
-  --chat-theme-dark-bg-1: #191b26,
-  --chat-theme-dark-bg-primary: #191b26,
-  --chat-theme-dark-bg-secondary: #2e303a,
-  --chat-theme-dark-bg-active: #4e4e4e,
+  --uikit-theme-dark-bg-color-topbar: #16171a,
+  --uikit-theme-dark-bg-color-operate: #1f2024,
+  --uikit-theme-dark-bg-color-input: #2b2c30,
+  --uikit-theme-dark-bg-color-bubble-reciprocal: #2b2c30,
+  --uikit-theme-dark-bg-color-bubble-own: #5c9dff,
+  --uikit-theme-dark-bg-color-default: #16171a,
+  --uikit-theme-dark-bg-color-tag-mask: rgba(0, 0, 0, 55%),
+  --uikit-theme-dark-bg-color-mask: rgba(0, 0, 0, 55%),
   // text
-  --chat-theme-dark-text-5: #000,
-  --chat-theme-dark-text-4: #666,
-  --chat-theme-dark-text-3: #7a7a7a,
-  --chat-theme-dark-text-2: #7a7a7a,
-  --chat-theme-dark-text-1: #7a7a7a,
-  --chat-theme-dark-text-primary: #fff,
-  --chat-theme-dark-text-secondary: #8b8b8b,
-  // status
-  --chat-theme-dark-status-info: #147aff,
-  --chat-theme-dark-status-success: #34c759,
-  --chat-theme-dark-status-danger: #ff3742,
+  --uikit-theme-dark-text-color-primary: rgba(255, 255, 255, 93%),
+  --uikit-theme-dark-text-color-secondary: rgba(255, 255, 255, 66%),
+  --uikit-theme-dark-text-color-tertiary: rgba(255, 255, 255, 40%),
+  --uikit-theme-dark-text-color-disable: rgba(255, 255, 255, 28%),
+  --uikit-theme-dark-text-color-link: #4086ff,
+  --uikit-theme-dark-text-color-link-hover: #2b6ad6,
+  --uikit-theme-dark-text-color-link-disabled: #243047,
+  --uikit-theme-dark-text-color-anti-primary: rgba(0, 0, 0, 90%),
+  --uikit-theme-dark-text-color-anti-secondary: rgba(0, 0, 0, 55%),
+  --uikit-theme-dark-text-color-warning: #e37f32,
+  --uikit-theme-dark-text-color-success: #38a673,
+  --uikit-theme-dark-text-color-error: #e6594c,
+  // dropdown
+  --uikit-theme-dark-dropdown-color-default: #2b2c30,
+  --uikit-theme-dark-dropdown-color-hover: #3a3c42,
+  --uikit-theme-dark-dropdown-color-active: #1f2024,
+  // list
+  --uikit-theme-dark-list-color-default: #1f2024,
+  --uikit-theme-dark-list-color-hover: #2b2c30,
+  --uikit-theme-dark-list-color-active: #243047,
   // border
-  --chat-theme-dark-border-5: #4e4e4e,
+  --uikit-theme-dark-stroke-color-primary: #3a3c42,
+  --uikit-theme-dark-stroke-color-secondary: #2b2c30,
   // box-shadow
-  --chat-theme-dark-box-shadow-1: (rgba(203, 203, 203, 0.755) 0 3px 8px),
+  --uikit-theme-dark-shadow-color: rgba(0, 0, 0, 6%),
 );
 
 :root {

package/src/styles/colors/_color-light.scss

@@ -1,29 +1,39 @@
 $light-colors: (
   // bg
-  --chat-theme-light-bg-5: #999,
-  --chat-theme-light-bg-4: #b3b3b3,
-  --chat-theme-light-bg-3: #e5e7eb,
-  --chat-theme-light-bg-2: #f0f0f0,
-  --chat-theme-light-bg-1: #fff,
-  --chat-theme-light-bg-primary: #fff,
-  --chat-theme-light-bg-secondary: #f0f0f0,
-  --chat-theme-light-bg-active: #e6f1ff,
+  --uikit-theme-light-bg-color-topbar: #f9fafc,
+  --uikit-theme-light-bg-color-operate: #fff,
+  --uikit-theme-light-bg-color-input: #f0f2f7,
+  --uikit-theme-light-bg-color-bubble-reciprocal: #f0f2f7,
+  --uikit-theme-light-bg-color-bubble-own: #cce2ff,
+  --uikit-theme-light-bg-color-default: #f0f2f7,
+  --uikit-theme-light-bg-color-tag-mask: rgba(255, 255, 255, 55%),
+  --uikit-theme-light-bg-color-mask: rgba(0, 0, 0, 55%),
   // text
-  --chat-theme-light-text-5: #000,
-  --chat-theme-light-text-4: #666,
-  --chat-theme-light-text-3: #7a7a7a,
-  --chat-theme-light-text-2: #7a7a7a,
-  --chat-theme-light-text-1: #7a7a7a,
-  --chat-theme-light-text-primary: #000,
-  --chat-theme-light-text-secondary: #7a7a7a,
-  // status
-  --chat-theme-light-status-info: #147aff,
-  --chat-theme-light-status-success: #34c759,
-  --chat-theme-light-status-danger: #ff3742,
+  --uikit-theme-light-text-color-primary: rgba(0, 0, 0, 93%),
+  --uikit-theme-light-text-color-secondary: rgba(0, 0, 0, 66%),
+  --uikit-theme-light-text-color-tertiary: rgba(0, 0, 0, 40%),
+  --uikit-theme-light-text-color-disable: rgba(0, 0, 0, 28%),
+  --uikit-theme-light-text-color-link: #1c66e5,
+  --uikit-theme-light-text-color-link-hover: #4588f5,
+  --uikit-theme-light-text-color-link-disabled: #cce2ff,
+  --uikit-theme-light-text-color-anti-primary: rgba(0, 0, 0, 90%),
+  --uikit-theme-light-text-color-anti-secondary: rgba(0, 0, 0, 55%),
+  --uikit-theme-light-text-color-warning: #ff7200,
+  --uikit-theme-light-text-color-success: #0abf77,
+  --uikit-theme-light-text-color-error: #e54545,
+  // dropdown
+  --uikit-theme-light-dropdown-color-default: #fff,
+  --uikit-theme-light-dropdown-color-hover: #f9fafc,
+  --uikit-theme-light-dropdown-color-active: #ebf3ff,
+  // list
+  --uikit-theme-light-list-color-default: #fff,
+  --uikit-theme-light-list-color-hover: #f9fafc,
+  --uikit-theme-light-list-color-active: #ebf3ff,
   // border
-  --chat-theme-light-border-5: #e0e0e0,
+  --uikit-theme-light-stroke-color-primary: #f9fafc,
+  --uikit-theme-light-stroke-color-secondary: rgba(0, 0, 0, 55%),
   // box-shadow
-  --chat-theme-light-box-shadow-1: (rgba(0, 0, 0, 0.24) 0 3px 8px),
+  --uikit-theme-light-shadow-color: rgba(0, 0, 0, 6%),
 );
 
 :root {

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

@@ -1,7 +1,7 @@
 @use "sass:map";
 @use "sass:list";
 
-$prefix: "--chat-theme";
+$prefix: "--uikit-theme";
 
 $themes: (
   "light",
@@ -9,26 +9,35 @@ $themes: (
 );
 
 $colors: (
-  "bg-5",
-  "bg-4",
-  "bg-3",
-  "bg-2",
-  "bg-1",
-  "bg-primary",
-  "bg-secondary",
-  "bg-active",
-  "text-5",
-  "text-4",
-  "text-3",
-  "text-2",
-  "text-1",
-  "text-primary",
-  "text-secondary",
-  "status-info",
-  "status-success",
-  "status-danger",
-  "border-5",
-  "box-shadow-1",
+  "bg-color-topbar",
+  "bg-color-operate",
+  "bg-color-input",
+  "bg-color-bubble-reciprocal",
+  "bg-color-bubble-own",
+  "bg-color-default",
+  "bg-color-tag-mask",
+  "bg-color-mask",
+  "text-color-primary",
+  "text-color-secondary",
+  "text-color-tertiary",
+  "text-color-disable",
+  "text-color-link",
+  "text-color-link-hover",
+  "text-color-link-disabled",
+  "text-color-anti-primary",
+  "text-color-anti-secondary",
+  "text-color-warning",
+  "text-color-success",
+  "text-color-error",
+  "dropdown-color-default",
+  "dropdown-color-hover",
+  "dropdown-color-active",
+  "list-color-default",
+  "list-color-hover",
+  "list-color-active",
+  "stroke-color-primary",
+  "stroke-color-secondary",
+  "shadow-color",
 );
 
 $color-map: ();
@@ -45,6 +54,8 @@ $color-map: ();
       }
 
       @content;
+
+      transition: background-color 0.3s ease-in-out;
     }
   }
 }

package/src/styles/normalize.scss

@@ -353,3 +353,9 @@ template {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
+
+*,
+*::after,
+*::before {
+  box-sizing: border-box;
+}

package/dist/cjs/components/Icon/images/down-arrow.png.js

@@ -1 +0,0 @@
-"use strict";module.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAACXBIWXMAAAsTAAALEwEAmpwYAAABZWlDQ1BEaXNwbGF5IFAzAAB4nHWQvUvDUBTFT6tS0DqIDh0cMolD1NIKdnFoKxRFMFQFq1OafgltfCQpUnETVyn4H1jBWXCwiFRwcXAQRAcR3Zw6KbhoeN6XVNoi3sfl/Ticc7lcwBtQGSv2AijplpFMxKS11Lrke4OHnlOqZrKooiwK/v276/PR9d5PiFlNu3YQ2U9cl84ul3aeAlN//V3Vn8maGv3f1EGNGRbgkYmVbYsJ3iUeMWgp4qrgvMvHgtMunzuelWSc+JZY0gpqhrhJLKc79HwHl4plrbWD2N6f1VeXxRzqUcxhEyYYilBRgQQF4X/8044/ji1yV2BQLo8CLMpESRETssTz0KFhEjJxCEHqkLhz634PrfvJbW3vFZhtcM4v2tpCAzidoZPV29p4BBgaAG7qTDVUR+qh9uZywPsJMJgChu8os2HmwiF3e38M6Hvh/GMM8B0CdpXzryPO7RqFn4Er/QfBIQM2AAAAUUlEQVR4AYWOAQkAIQxFP5fgIlyEi2oEGxjBCNpAbGAD/YrCkImDt8Hfgw0APuLm1GrsH7Yi5FeRPMkySCQIeWVWO7Hk/yTtciURl+qywfZvAwveD9g2Kx/SAAAAAElFTkSuQmCC";

package/dist/cjs/components/Icon/images/right-arrow.svg.js

@@ -1 +0,0 @@
-"use strict";module.exports="data:image/svg+xml,%3Csvg%20width%3D%226%22%20height%3D%2210%22%20viewBox%3D%220%200%206%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1.69071%200.283877C1.5751%200.169695%201.42795%200.107415%201.25453%200.107415C0.907683%200.107415%200.629156%200.377298%200.629156%200.719841C0.629156%200.891113%200.702729%201.04681%200.823599%201.16619L4.50226%204.71618L0.8236%208.2558C0.70273%208.37518%200.629157%208.53607%200.629157%208.70215C0.629157%209.04469%200.907684%209.31458%201.25453%209.31458C1.42795%209.31458%201.5751%209.25229%201.69071%209.13811L5.77928%205.19367C5.92643%205.05873%205.99474%204.89265%206%204.71099C6%204.52934%205.92643%204.37364%205.77928%204.23351L1.69071%200.283877Z%22%20fill%3D%22black%22%20style%3D%22fill%3Ablack%3Bfill%3Ablack%3Bfill-opacity%3A1%3B%22%2F%3E%3C%2Fsvg%3E";

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib");require("@tencentcloud/chat"),require("../../constants.js"),require("date-fns"),require("date-fns/locale"),require("@tencentcloud/chat-uikit-engine"),require("react/jsx-runtime"),require("react"),require("../Icon/config.js"),require("../Icon/type.js");exports.handleEditMessage=function(r,n){var t=e.__spreadArray([],r,!0),u=t.findIndex((function(e){return(null==e?void 0:e.ID)===(null==n?void 0:n.ID)}));return t[u]=n,t},exports.handleUploadPendingMessage=function(r,n){var t=e.__spreadArray([],r,!0);t.some((function(e){return e.ID===(null==n?void 0:n.ID)}))||t.push(n);var u=t.findIndex((function(e){return(null==e?void 0:e.ID)===(null==n?void 0:n.ID)}));return t[u]=n,t};

package/dist/cjs/locales/en-US/TUIGlobal.js

@@ -1 +0,0 @@
-"use strict";module.exports={chats:"Messages",contacts:"Contacts"};

package/dist/cjs/locales/ja-JP/TUIGlobal.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e={chats:"メッセージ",contacts:"連絡先"};exports.TUIGlobal=e,exports.default=e;

package/dist/cjs/locales/ko-KR/TUIGlobal.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e={chats:"채팅",contacts:"연락처"};exports.TUIGlobal=e,exports.default=e;

package/dist/cjs/locales/zh-CN/TUIGlobal.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e={chats:"消息",contacts:"通讯录"};exports.TUIGlobal=e,exports.default=e;

package/dist/esm/components/Icon/images/down-arrow.png.js

@@ -1 +0,0 @@
-var A="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAACXBIWXMAAAsTAAALEwEAmpwYAAABZWlDQ1BEaXNwbGF5IFAzAAB4nHWQvUvDUBTFT6tS0DqIDh0cMolD1NIKdnFoKxRFMFQFq1OafgltfCQpUnETVyn4H1jBWXCwiFRwcXAQRAcR3Zw6KbhoeN6XVNoi3sfl/Ticc7lcwBtQGSv2AijplpFMxKS11Lrke4OHnlOqZrKooiwK/v276/PR9d5PiFlNu3YQ2U9cl84ul3aeAlN//V3Vn8maGv3f1EGNGRbgkYmVbYsJ3iUeMWgp4qrgvMvHgtMunzuelWSc+JZY0gpqhrhJLKc79HwHl4plrbWD2N6f1VeXxRzqUcxhEyYYilBRgQQF4X/8044/ji1yV2BQLo8CLMpESRETssTz0KFhEjJxCEHqkLhz634PrfvJbW3vFZhtcM4v2tpCAzidoZPV29p4BBgaAG7qTDVUR+qh9uZywPsJMJgChu8os2HmwiF3e38M6Hvh/GMM8B0CdpXzryPO7RqFn4Er/QfBIQM2AAAAUUlEQVR4AYWOAQkAIQxFP5fgIlyEi2oEGxjBCNpAbGAD/YrCkImDt8Hfgw0APuLm1GrsH7Yi5FeRPMkySCQIeWVWO7Hk/yTtciURl+qywfZvAwveD9g2Kx/SAAAAAElFTkSuQmCC";export{A as default};

package/dist/esm/components/Icon/images/right-arrow.svg.js

@@ -1 +0,0 @@
-var l="data:image/svg+xml,%3Csvg%20width%3D%226%22%20height%3D%2210%22%20viewBox%3D%220%200%206%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1.69071%200.283877C1.5751%200.169695%201.42795%200.107415%201.25453%200.107415C0.907683%200.107415%200.629156%200.377298%200.629156%200.719841C0.629156%200.891113%200.702729%201.04681%200.823599%201.16619L4.50226%204.71618L0.8236%208.2558C0.70273%208.37518%200.629157%208.53607%200.629157%208.70215C0.629157%209.04469%200.907684%209.31458%201.25453%209.31458C1.42795%209.31458%201.5751%209.25229%201.69071%209.13811L5.77928%205.19367C5.92643%205.05873%205.99474%204.89265%206%204.71099C6%204.52934%205.92643%204.37364%205.77928%204.23351L1.69071%200.283877Z%22%20fill%3D%22black%22%20style%3D%22fill%3Ablack%3Bfill%3Ablack%3Bfill-opacity%3A1%3B%22%2F%3E%3C%2Fsvg%3E";export{l as default};

package/dist/esm/components/TUIChat/unitls.js

@@ -1 +0,0 @@
-import{__spreadArray as n}from"tslib";import"@tencentcloud/chat";import"../../constants.js";import"date-fns";import"date-fns/locale";import"@tencentcloud/chat-uikit-engine";import"react/jsx-runtime";import"react";import"../Icon/config.js";import"../Icon/type.js";var t=function(t,o){var r=n([],t,!0),i=r.findIndex((function(n){return(null==n?void 0:n.ID)===(null==o?void 0:o.ID)}));return r[i]=o,r},o=function(t,o){var r=n([],t,!0);r.some((function(n){return n.ID===(null==o?void 0:o.ID)}))||r.push(o);var i=r.findIndex((function(n){return(null==n?void 0:n.ID)===(null==o?void 0:o.ID)}));return r[i]=o,r};export{t as handleEditMessage,o as handleUploadPendingMessage};

package/dist/esm/components/untils.js

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

package/dist/esm/locales/en-US/TUIGlobal.js

@@ -1 +0,0 @@
-var a={chats:"Messages",contacts:"Contacts"};export{a as default};

package/dist/esm/locales/ja-JP/TUIGlobal.js

@@ -1 +0,0 @@
-var a={chats:"メッセージ",contacts:"連絡先"};export{a as TUIGlobal,a as default};

package/dist/esm/locales/ko-KR/TUIGlobal.js

@@ -1 +0,0 @@
-var a={chats:"채팅",contacts:"연락처"};export{a as TUIGlobal,a as default};

package/dist/esm/locales/zh-CN/TUIGlobal.js

@@ -1 +0,0 @@
-var a={chats:"消息",contacts:"通讯录"};export{a as TUIGlobal,a as default};