@tencentcloud/chat-uikit-react 2.3.1 → 3.0.0

package/vite.config.ts

@@ -0,0 +1,144 @@
+import { fileURLToPath } from 'node:url';
+import { extname, relative, resolve } from 'path';
+import react from '@vitejs/plugin-react';
+import { glob } from 'glob';
+import postcssUrl from 'postcss-url';
+import { visualizer } from 'rollup-plugin-visualizer';
+import { defineConfig } from 'vite';
+import dts from 'vite-plugin-dts';
+import { libInjectCss } from 'vite-plugin-lib-inject-css';
+import { viteStaticCopy } from 'vite-plugin-static-copy';
+
+// https://vite.dev/config/
+export default defineConfig(({ mode }) => {
+  // check if it's development mode by --mode in package.json or script
+  const isDevelopment = mode === 'development';
+
+  return {
+    build: {
+      lib: {
+        entry: resolve(__dirname, 'src/index.ts'),
+        formats: ['es'],
+      },
+      rollupOptions: {
+        external: [
+          'react',
+          'react/jsx-runtime',
+          'react-dom',
+          'react-dom/client',
+          '@tencentcloud/chat',
+          '@tencentcloud/tui-core',
+          '@tencentcloud/universal-api',
+          '@tencentcloud/chat-uikit-engine',
+          '@tencentcloud/call-uikit-react',
+          '@tencentcloud/uikit-base-component-react',
+        ],
+        input: getInputEntries(),
+        output: {
+          format: 'es',
+          compact: !isDevelopment,
+          hoistTransitiveImports: false,
+          entryFileNames: '[name].js',
+          assetFileNames: 'styles/[name][extname]',
+          manualChunks: {
+            'external_modules/classnames': [
+              'classnames',
+            ],
+            'external_modules/react-vendors': [
+              'react-transition-group',
+            ],
+            'external_modules/mui': [
+              '@mui/base',
+            ],
+            'external_modules/lodash': [
+              'lodash-es',
+            ],
+            'external_modules/zustand': [
+              'zustand',
+            ],
+          },
+        },
+        treeshake: true,
+      },
+      minify: isDevelopment ? false : 'esbuild',
+      sourcemap: isDevelopment,
+    },
+    plugins: [
+      react(),
+      libInjectCss(),
+      dts({
+        tsconfigPath: './tsconfig.app.json',
+        include: ['src/**/*.ts', 'src/**/*.tsx'],
+        exclude: ['**/*.stories.tsx', '**/*.stories.jsx'],
+        outDir: 'dist',
+        entryRoot: 'src',
+      }),
+      viteStaticCopy({
+        targets: [{
+          src: 'src/assets/fonts',
+          dest: 'assets',
+        }],
+      }),
+      enableBuildStats(!isDevelopment),
+    ],
+    css: {
+      modules: {
+        generateScopedName: name => `uikit-${name}`,
+      },
+      postcss: {
+        plugins: [
+          postcssUrl({
+            url: (asset) => {
+              if (!/\.(woff|woff2|ttf)$/.test(asset.pathname || '')) {
+                return asset.url;
+              }
+              // ensure paths are correct in npm publish
+              return `"../assets/fonts/${asset.url.split('/').pop()}"`;
+            },
+          }),
+        ],
+      },
+      preprocessorOptions: {
+        scss: {
+          api: 'modern-compiler',
+          additionalData: `
+            @use "@tencentcloud/uikit-base-component-react/dist/styles/theme/util" as *;
+          `,
+        },
+      },
+    },
+  };
+});
+
+function getInputEntries() {
+  const inputEntries = Object.fromEntries(
+    glob.sync([
+      'src/**/*.{ts,tsx}',
+    ], {
+      ignore: [
+        'src/**/*.d.ts',
+        'src/**/*.stories.*',
+        'src/playground/**/*',
+      ],
+    }).map(file => [
+      // The name of the entry point
+      // src/nested/foo.ts becomes nested/foo
+      relative(
+        'src',
+        file.slice(0, file.length - extname(file).length),
+      ),
+      // The absolute path to the entry file
+      // lib/nested/foo.ts becomes User/../project/lib/nested/foo.ts
+      fileURLToPath(new URL(file, import.meta.url)),
+    ]),
+  );
+  return inputEntries;
+}
+
+function enableBuildStats(enable: boolean = false) {
+  return enable && visualizer({
+    filename: './.stats/stats.html',
+    template: 'flamegraph',
+    open: true,
+  });
+}

package/.eslintrc.js

@@ -1,251 +0,0 @@
-const stylistic = require('@stylistic/eslint-plugin');
-
-const isDev = !!process.env?.NODE_ENV?.includes('dev');
-
-const customizedStylisticConfig = stylistic.configs.customize({
-  semi: true,
-  indent: 2,
-  quotes: 'single',
-  jsx: true,
-  braceStyle: '1tbs',
-});
-
-module.exports = {
-  env: {
-    node: true,
-  },
-  parserOptions: {
-    ecmaVersion: 'latest',
-    sourceType: 'module',
-  },
-  extends: [
-    'eslint:recommended',
-    'plugin:@stylistic/recommended-extends',
-  ],
-  rules: {
-    ...customizedStylisticConfig.rules,
-    ...getJavascriptRules(),
-  },
-  overrides: [
-    {
-      env: {
-        browser: true,
-        es2021: true,
-      },
-      files: ['src/**/*.{js?(x),ts?(x)}'],
-      extends: [
-        'plugin:@typescript-eslint/recommended',
-        'react-app',
-      ],
-      plugins: ['react-refresh'],
-      parser: '@typescript-eslint/parser',
-      parserOptions: {
-        ecmaVersion: 'latest',
-        sourceType: 'module',
-        ecmaFeatures: {
-          jsx: true,
-        },
-      },
-      settings: {
-        'import/extensions': ['.js', '.jsx', '.ts', '.tsx', '.d.ts'],
-        'import/parsers': {
-          '@typescript-eslint/parser': ['.ts', '.tsx', '.d.ts'],
-        },
-        'import/resolver': {
-          typescript: {
-            alwaysTryTypes: true,
-            project: './**/tsconfig.json',
-            extensions: ['.js', '.jsx', '.ts', '.tsx', '.d.ts'],
-          },
-        },
-      },
-      rules: {
-        ...customizedStylisticConfig.rules,
-        ...getJavascriptRules(),
-        ...getTypescriptRules(),
-        ...getA11yRules(),
-        ...getImportRules(),
-        ...getReactRules(),
-        ...getRefreshRules(),
-      },
-    },
-  ],
-};
-
-/**
- * Gets accessibility-related rules.
- */
-function getA11yRules() {
-  return {
-    /**
-     * Disables the rule that requires click events to have key events.
-     * @see https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/main/docs/rules/click-events-have-key-events.md
-     */
-    'jsx-a11y/click-events-have-key-events': 'off',
-  };
-}
-
-/**
- * Gets JavaScript-related rules.
- */
-function getJavascriptRules() {
-  return {
-    /**
-     * Disables the rule that requires class methods to use `this`.
-     * @see https://eslint.org/docs/latest/rules/class-methods-use-this
-     */
-    'class-methods-use-this': 'off',
-  };
-}
-
-/**
- * Gets import-related rules.
- */
-function getImportRules() {
-  return {
-    /**
-     * Disables the rule that prefers default exports.
-     * @see https://github.com/import-js/eslint-plugin-import/blob/main/docs/rules/prefer-default-export.md
-     */
-    'import/prefer-default-export': 'off',
-
-    /**
-     * Sets the rule for file extensions in imports.
-     * - Ignores extensions for packages.
-     * - Does not require extensions for JS files.
-     * - Does not require extensions for TS and TSX files.
-     * @see https://github.com/import-js/eslint-plugin-import/blob/main/docs/rules/extensions.md
-     */
-    'import/extensions': [
-      'error',
-      'ignorePackages',
-      {
-        js: 'never',
-        ts: 'never',
-        tsx: 'never',
-      },
-    ],
-  };
-}
-
-/**
- * Gets React-related rules.
- */
-function getReactRules() {
-  return {
-    /**
-     * Disables the rule that forbids spreading props in JSX.
-     * @see https://github.com/jsx-eslint/eslint-plugin-react/blob/main/docs/rules/jsx-props-no-spreading.md
-     */
-    'react/jsx-props-no-spreading': 'off',
-
-    /**
-     * Disables the rule that requires default props for all props.
-     * @see https://github.com/jsx-eslint/eslint-plugin-react/blob/main/docs/rules/require-default-props.md
-     */
-    'react/require-default-props': 'off',
-  };
-}
-
-/**
- * Gets React Refresh-related rules.
- */
-function getRefreshRules() {
-  return {
-    /**
-     * Warns about exporting anything other than components.
-     * @see https://github.com/pmmmwh/react-refresh-typescript#eslint-plugin
-     */
-    'react-refresh/only-export-components': 'warn',
-  };
-}
-
-/**
- * Gets TypeScript-related rules.
- */
-function getTypescriptRules() {
-  return {
-    /**
-     * Warns about explicit use of `any`.
-     * - Allows `any` for rest parameters.
-     * - Does not automatically convert `any` to `unknown`.
-     * @see https://github.com/typescript-eslint/typescript-eslint/blob/main/packages/eslint-plugin/docs/rules/no-explicit-any.md
-     */
-    '@typescript-eslint/no-explicit-any': ['warn', {
-      ignoreRestArgs: true,
-      fixToUnknown: false,
-    }],
-
-    /**
-     * Warns about array type declaration.
-     * - Uses simplified form for default arrays.
-     * - Uses simplified form for read-only arrays.
-     * @see https://github.com/typescript-eslint/typescript-eslint/blob/main/packages/eslint-plugin/docs/rules/array-type.md
-     */
-    '@typescript-eslint/array-type': ['warn', {
-      default: 'array-simple',
-      readonly: 'array-simple',
-    }],
-
-    /**
-     * Disables the rule that forbids shadowing.
-     * @see https://eslint.org/docs/latest/rules/no-shadow
-     */
-    'no-shadow': 'off',
-
-    /**
-     * Enables TypeScript's no-shadow rule.
-     * @see https://github.com/typescript-eslint/typescript-eslint/blob/main/packages/eslint-plugin/docs/rules/no-shadow.md
-     */
-    '@typescript-eslint/no-shadow': 'error',
-
-    /**
-     * Disables the rule that forbids unused variables.
-     * @see https://eslint.org/docs/latest/rules/no-unused-vars
-     */
-    'no-unused-vars': 'off',
-
-    /**
-     * Enables TypeScript's no-unused-vars rule.
-     * - Warns about all unused variables.
-     * - Ignores variables starting with `_`.
-     * - Ignores rest parameters.
-     * @see https://github.com/typescript-eslint/typescript-eslint/blob/main/packages/eslint-plugin/docs/rules/no-unused-vars.md
-     */
-    '@typescript-eslint/no-unused-vars': isDev
-      ? 'off'
-      : [
-          'error',
-          {
-            args: 'all',
-            argsIgnorePattern: '^_',
-            caughtErrors: 'all',
-            caughtErrorsIgnorePattern: '^_',
-            destructuredArrayIgnorePattern: '^_',
-            varsIgnorePattern: '^_',
-            ignoreRestSiblings: true,
-          },
-        ],
-
-    /**
-     * Disables the rule that forbids using variables before they are defined.
-     * @see https://eslint.org/docs/latest/rules/no-use-before-define
-     */
-    'no-use-before-define': 'off',
-
-    /**
-     * Enables TypeScript's no-use-before-define rule.
-     * - Does not warn about using functions before they are defined.
-     * - Does not warn about using classes before they are defined.
-     * - Warns about using variables before they are defined.
-     * - Allows named exports to be used before they are defined.
-     * @see https://github.com/typescript-eslint/typescript-eslint/blob/main/packages/eslint-plugin/docs/rules/no-use-before-define.md
-     */
-    '@typescript-eslint/no-use-before-define': ['error', {
-      functions: false,
-      classes: false,
-      variables: true,
-      allowNamedExports: true,
-    }],
-  };
-}

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

@@ -1,22 +0,0 @@
-import React__default from 'react';
-
-interface AvatarProps {
-    image?: string | null;
-    /** click event handler */
-    onClick?: (event: React__default.BaseSyntheticEvent) => void;
-    /** mouseOver event handler */
-    onMouseOver?: (event: React__default.BaseSyntheticEvent) => void;
-    /** Size in pixels
-     * @default 32px
-     */
-    size?: number;
-    /** Shape of the avatar - circle, rounded or square
-     * @default circle
-     */
-    shape?: 'circle' | 'rounded' | 'square';
-    update?: (url: string) => void;
-    list?: string[];
-}
-declare function Avatar<T extends AvatarProps>(props: T): React__default.ReactElement;
-
-export { Avatar, AvatarProps };

package/dist/cjs/components/Avatar/Avatar.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("../Icon/Icon.js"),n=require("../Icon/type.js");exports.Avatar=function(r){var c=r.image,o=r.size,s=void 0===o?32:o,u=r.shape,l=void 0===u?"circle":u,d=r.update,v=r.onClick,m=r.list,p=void 0===m?[]:m,x=a.useState(!1),f=x[0],h=x[1],g=a.useState(!1),j=g[0],b=g[1],k=a.useState(!1),E=k[0],_=k[1],w=a.useState(200),y=w[0],I=w[1],N=a.useRef(),L=a.useRef();a.useEffect((function(){h(!1),b(!1)}),[c]),a.useEffect((function(){var e,t,a;return E&&d?(window.addEventListener("mouseup",q,!1),null===(e=null==N?void 0:N.current)||void 0===e||e.addEventListener("mouseup",C),(null===(t=null==L?void 0:L.current)||void 0===t?void 0:t.clientWidth)&&I(L.current.clientWidth)):(window.removeEventListener("mouseup",q,!1),null===(a=null==N?void 0:N.current)||void 0===a||a.removeEventListener("mouseup",C)),function(){var e;window.removeEventListener("mouseup",q,!1),null===(e=null==N?void 0:N.current)||void 0===e||e.removeEventListener("mouseup",C)}}),[E]);var C=function(e){e.stopPropagation()},q=function(){_(!E)};return t.jsxs("div",e.__assign({className:"tui-kit-avatar ".concat(l),style:{flexBasis:"".concat(s,"px"),height:"".concat(s,"px"),objectFit:"cover",width:"".concat(s,"px")},ref:N,role:"button",tabIndex:0,onClick:v},{children:[c&&!f?t.jsx("img",{className:"avatar-image ".concat(j?"avatar-image-loaded":""),onError:function(){return h(!0)},onLoad:function(){return b(!0)},alt:c,src:c}):t.jsx("div",{className:"tui-kit-avatar ".concat(l),style:{flexBasis:"".concat(s,"px"),height:"".concat(s,"px"),objectFit:"cover",width:"".concat(s,"px"),backgroundColor:"black",borderRadius:"".concat("circle"===l?"50%":"4px")}}),d&&t.jsx("div",e.__assign({className:"tui-kit-avatar-edit ".concat(E?"displayFlex":""),role:"button",tabIndex:0,onClick:q},{children:t.jsx(i.Icon,{className:"icon-camera",width:33,height:30,type:n.IconTypes.CAMERA})})),d&&E&&t.jsx("ul",e.__assign({className:"tui-kit-avatar-list",ref:L,style:{left:"-".concat((y-s)/2,"px")}},{children:p.map((function(a,i){var n="".concat(a).concat(i);return t.jsx("li",e.__assign({className:"tui-kit-avatar-list-item",role:"menuitem",tabIndex:i,onClick:function(){var e;e=a,q(),d&&d(e)}},{children:t.jsx("img",{className:"avatar-image",alt:a,src:a})}),n)}))}))]}))};

package/dist/cjs/components/Avatar/default.d.ts

@@ -1,7 +0,0 @@
-declare const defaultGroupAvatarWork = "https://web.sdk.qcloud.com/im/demo/TUIkit/react-static/images/group_avatar_work.png";
-declare const defaultGroupAvatarPublic = "https://web.sdk.qcloud.com/im/demo/TUIkit/react-static/images/group_avatar_public.png";
-declare const defaultGroupAvatarMeeting = "https://web.sdk.qcloud.com/im/demo/TUIkit/react-static/images/group_avatar_meeting.png";
-declare const defaultGroupAvatarAVChatRoom = "https://web.sdk.qcloud.com/im/demo/TUIkit/react-static/images/group_avatar_AVChatRoom.png";
-declare const defaultUserAvatar = "https://web.sdk.qcloud.com/component/TUIKit/assets/avatar_21.png";
-
-export { defaultGroupAvatarAVChatRoom, defaultGroupAvatarMeeting, defaultGroupAvatarPublic, defaultGroupAvatarWork, defaultUserAvatar };

package/dist/cjs/components/Avatar/default.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.defaultGroupAvatarAVChatRoom="https://web.sdk.qcloud.com/im/demo/TUIkit/react-static/images/group_avatar_AVChatRoom.png",exports.defaultGroupAvatarMeeting="https://web.sdk.qcloud.com/im/demo/TUIkit/react-static/images/group_avatar_meeting.png",exports.defaultGroupAvatarPublic="https://web.sdk.qcloud.com/im/demo/TUIkit/react-static/images/group_avatar_public.png",exports.defaultGroupAvatarWork="https://web.sdk.qcloud.com/im/demo/TUIkit/react-static/images/group_avatar_work.png",exports.defaultUserAvatar="https://web.sdk.qcloud.com/component/TUIKit/assets/avatar_21.png";

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

@@ -1,39 +0,0 @@
-import React__default, { PropsWithChildren } from 'react';
-import { Conversation, Message } from '@tencentcloud/chat';
-import { IMessageModel } from '@tencentcloud/chat-uikit-engine';
-import { UnknowPorps } from '../../context/ComponentContext.js';
-import { TUIChatHeaderDefaultProps } from '../ChatHeader/ChatHeaderDefault.js';
-import { TUIMessageProps } from '../MessageElement/Message.js';
-import { MessageContextProps } from '../MessageElement/MessageContext.js';
-import { MessageListProps } from '../MessageList/MessageList.js';
-import { TUIMessageInputBasicProps } from '../MessageInput/MessageInput.js';
-
-interface TUIChatProps {
-    className?: string;
-    conversation?: Conversation;
-    EmptyPlaceholder?: React__default.ReactElement;
-    TUIMessage?: React__default.ComponentType<TUIMessageProps | UnknowPorps>;
-    TUIChatHeader?: React__default.ComponentType<TUIChatHeaderDefaultProps>;
-    MessageContext?: React__default.ComponentType<MessageContextProps>;
-    TUIMessageInput?: React__default.ComponentType<UnknowPorps>;
-    InputPlugins?: React__default.ComponentType<UnknowPorps>;
-    InputQuote?: React__default.ComponentType<UnknowPorps>;
-    MessagePlugins?: React__default.ComponentType<UnknowPorps>;
-    MessageCustomPlugins?: React__default.ComponentType<UnknowPorps>;
-    MessageTextPlugins?: React__default.ComponentType<UnknowPorps>;
-    onMessageRecevied?: (updateMessage: (event?: Message[]) => void, event: any) => void;
-    sendMessage?: (message: Message, options?: any) => Promise<Message>;
-    revokeMessage?: (message: Message) => Promise<Message>;
-    selectedConversation?: (conversation: Conversation) => Promise<Conversation>;
-    filterMessage?: (messageList: IMessageModel[]) => IMessageModel[];
-    callButtonClicked?: (callMediaType?: number, callType?: any) => void;
-    messageConfig?: TUIMessageProps;
-    cloudCustomData?: string;
-    TUIMessageInputConfig?: TUIMessageInputBasicProps;
-    TUIMessageListConfig?: MessageListProps;
-    [propName: string]: any;
-}
-declare function UnMemoizedChat<T extends TUIChatProps>(props: PropsWithChildren<T>): React__default.ReactElement;
-declare const Chat: typeof UnMemoizedChat;
-
-export { Chat };

package/dist/cjs/components/Chat/Chat.js

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

package/dist/cjs/components/Chat/ChatState.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("tslib"),e=require("../../constants.js"),_=require("./utils.js"),a={conversation:{},messageList:[],nextReqMessageID:"",isCompleted:!1,init:!1,highlightedMessageId:"",lastMessageID:"",isSameLastMessageID:!1,operateData:{},noMore:!1,audioSource:null,vidoeSource:null,uploadPendingMessageList:[],firstSendMessage:null,activeMessageID:""};exports.chatReducer=function(i,T){switch(null==T?void 0:T.type){case e.CONSTANT_DISPATCH_TYPE.SET_CONVERSATION_PRPFILE:return s.__assign(s.__assign({},i),{conversation:T.value});case e.CONSTANT_DISPATCH_TYPE.SET_MESSAGELIST:return s.__assign(s.__assign({},i),{messageList:T.value});case e.CONSTANT_DISPATCH_TYPE.SET_EDIT_MESSAGE:return i.messageList&&T.value&&s.__assign(s.__assign({},i),{messageList:s.__spreadArray([],_.handleEditMessage(i.messageList,T.value),!0)});case e.CONSTANT_DISPATCH_TYPE.SET_IS_COMPLETE:return s.__assign(s.__assign({},i),{isCompleted:T.value});case e.CONSTANT_DISPATCH_TYPE.RESET:return s.__assign({},a);case e.CONSTANT_DISPATCH_TYPE.SET_HIGH_LIGHTED_MESSAGE_ID:return s.__assign(s.__assign({},i),{highlightedMessageId:T.value});case e.CONSTANT_DISPATCH_TYPE.OPERATE_MESSAGE:return s.__assign(s.__assign({},i),{operateData:s.__assign({},T.value)});case e.CONSTANT_DISPATCH_TYPE.SET_NO_MORE:return s.__assign(s.__assign({},i),{noMore:T.value});case e.CONSTANT_DISPATCH_TYPE.SET_AUDIO_SOURCE:return s.__assign(s.__assign({},i),{audioSource:T.value});case e.CONSTANT_DISPATCH_TYPE.SET_VIDEO_SOURCE:return s.__assign(s.__assign({},i),{vidoeSource:T.value});case e.CONSTANT_DISPATCH_TYPE.UPDATE_UPLOAD_PENDING_MESSAGE_LIST:return(null==i?void 0:i.uploadPendingMessageList)&&T.value&&s.__assign(s.__assign({},i),{uploadPendingMessageList:s.__spreadArray([],_.handleUploadPendingMessage(i.uploadPendingMessageList,T.value),!0)});case e.CONSTANT_DISPATCH_TYPE.SET_FIRST_SEND_MESSAGE:return s.__assign(s.__assign({},i),{firstSendMessage:T.value});case e.CONSTANT_DISPATCH_TYPE.SET_ACTIVE_MESSAGE_ID:return s.__assign(s.__assign({},i),{activeMessageID:T.value})}},exports.initialState=a;

package/dist/cjs/components/Chat/hooks/useCreateTUIChatStateContext.js

@@ -1 +0,0 @@
-"use strict";var s=require("tslib"),e=require("react");module.exports=function(t){var a=t.chat,i=t.conversation,o=t.messageList,g=t.messageListRef,n=t.messageConfig,u=t.cloudCustomData,r=t.TUIMessageInputConfig,f=t.TUIMessageListConfig,m=s.__rest(t,["chat","conversation","messageList","messageListRef","messageConfig","cloudCustomData","TUIMessageInputConfig","TUIMessageListConfig"]);return e.useMemo((function(){return s.__assign({chat:a,conversation:i,messageList:o,messageListRef:g,messageConfig:n,cloudCustomData:u,TUIMessageInputConfig:r,TUIMessageListConfig:f},m)}),[a,i,o,g,n,u,r,f,m])};

package/dist/cjs/components/Chat/hooks/useHandleMessage.d.ts

@@ -1,7 +0,0 @@
-import { Message } from '@tencentcloud/chat';
-
-interface OperateMessageParams {
-    [propName: string]: Message;
-}
-
-export { OperateMessageParams };

package/dist/cjs/components/Chat/hooks/useHandleMessage.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../constants.js");exports.useHandleMessage=function(a){a.state;var s=a.dispatch;return{operateMessage:e.useCallback((function(e){s&&s({type:t.CONSTANT_DISPATCH_TYPE.OPERATE_MESSAGE,value:e})}),[s]),setAudioSource:e.useCallback((function(e){s&&s({type:t.CONSTANT_DISPATCH_TYPE.SET_AUDIO_SOURCE,value:e})}),[s]),setVideoSource:e.useCallback((function(e){s&&s({type:t.CONSTANT_DISPATCH_TYPE.SET_VIDEO_SOURCE,value:e})}),[s]),setHighlightedMessageId:e.useCallback((function(e){s&&s({type:t.CONSTANT_DISPATCH_TYPE.SET_HIGH_LIGHTED_MESSAGE_ID,value:e})}),[s]),setActiveMessageID:e.useCallback((function(e){s&&s({type:t.CONSTANT_DISPATCH_TYPE.SET_ACTIVE_MESSAGE_ID,value:e})}),[s])}};

package/dist/cjs/components/Chat/hooks/useHandleMessageList.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../constants.js");exports.useHandleMessageList=function(s){s.chat,s.conversation,s.state;var a=s.dispatch;return s.filterMessage,{editLocalMessage:e.useCallback((function(e){a&&a({type:t.CONSTANT_DISPATCH_TYPE.SET_EDIT_MESSAGE,value:e})}),[a]),updateUploadPendingMessageList:e.useCallback((function(e){a&&a({type:t.CONSTANT_DISPATCH_TYPE.UPDATE_UPLOAD_PENDING_MESSAGE_LIST,value:e})}),[a])}};

package/dist/cjs/components/Chat/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("../../store/UIManagerStore.js"),require("@tencentcloud/tui-core"),require("react-i18next"),require("../../context/MessageContext.js"),require("@tencentcloud/uikit-base-component-react"),require("../../constants.js"),require("../MessageElement/hooks/useMessageReply.js"),require("../MessageElement/MessagePlugins.js"),require("../MessageElement/MessageContext.js"),require("../../utils/env.js"),require("../MessageInput/hooks/useHandleQuoteMessage.js"),new e;

package/dist/cjs/components/Chat/server.js

@@ -1 +0,0 @@
-"use strict";var t=require("@tencentcloud/tui-core"),e=require("@tencentcloud/chat-uikit-engine");function n(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var r=n(t),i=function(){function n(){var n=this;this.currentConversationID="",this.currentMessageList=[],r.default.registerService(t.TUIConstants.TUIChat.SERVICE.NAME,this),e.TUIStore.watch(e.StoreName.CONV,{currentConversationID:function(t){n.currentConversationID=t}})}return n.prototype.onCall=function(n,r,i){var o;if(n===t.TUIConstants.TUIChat.SERVICE.METHOD.UPDATE_MESSAGE_LIST)(null==(o=r.message)?void 0:o.conversationID)===this.currentConversationID&&e.TUIChatService.updateMessageList([o],"push")},n}();module.exports=i;

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib");require("@tencentcloud/chat");var r=require("@tencentcloud/tui-core"),n=require("@tencentcloud/chat-uikit-engine");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../constants.js"),require("date-fns"),require("date-fns/locale"),require("react/jsx-runtime"),require("react"),require("../Icon/config.js"),require("../Icon/type.js");var a=t(r),i=t(n);exports.handleEditMessage=function(r,n){var t=e.__spreadArray([],r,!0),a=t.findIndex((function(e){return(null==e?void 0:e.ID)===(null==n?void 0:n.ID)}));return t[a]=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 a=t.findIndex((function(e){return(null==e?void 0:e.ID)===(null==n?void 0:n.ID)}));return t[a]=n,t},exports.startCall=function(e){var n=e.callType,t=e.callMediaType,u=e.userIDList,l=e.callButtonClicked;n===i.default.TYPES.CONV_C2C&&(l&&l(t,n),a.default.callService({serviceName:r.TUIConstants.TUICalling.SERVICE.NAME,method:r.TUIConstants.TUICalling.SERVICE.METHOD.START_CALL,params:{userIDList:u,type:t,callParams:{offlinePushInfo:{title:"call",description:"you have a call",androidSound:"private_ring",iOSSound:"01.caf"}}}}))};

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

@@ -1,16 +0,0 @@
-import React__default, { PropsWithChildren } from 'react';
-import { Conversation } from '@tencentcloud/chat';
-import { TUIChatHeaderDefaultProps } from './ChatHeaderDefault.js';
-
-interface TUIChatHeaderProps {
-    title?: string;
-    TUIChatHeader?: React__default.ComponentType<TUIChatHeaderDefaultProps>;
-    conversation?: Conversation;
-    avatar?: React__default.ReactElement | string;
-    headerOpateIcon?: React__default.ReactElement | string;
-    enableCall?: boolean;
-}
-declare function UnMemoizedTUIChatHeader<T extends TUIChatHeaderProps>(props: PropsWithChildren<T>): React__default.ReactElement;
-declare const ChatHeader: typeof UnMemoizedTUIChatHeader;
-
-export { ChatHeader };

package/dist/cjs/components/ChatHeader/ChatHeader.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../context/ChatStateContext.js"),a=require("./ChatHeaderDefault.js");require("tslib"),require("@tencentcloud/tui-core"),require("react-i18next"),require("../../context/MessageContext.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.ChatHeaderDefault,h=u||C;return e.jsx(x,{title:o,conversation:h,avatar:c,opateIcon:s,enableCall:l})}require("@tencentcloud/chat-uikit-engine");var i=o(t).default.memo(u);exports.ChatHeader=i;

package/dist/cjs/components/ChatHeader/ChatHeaderDefault.d.ts

@@ -1,18 +0,0 @@
-import React__default from 'react';
-import { Conversation } from '@tencentcloud/chat';
-
-interface TUIChatHeaderDefaultProps {
-    title?: string;
-    avatar?: React__default.ReactElement | string;
-    isOnline?: boolean;
-    conversation?: Conversation;
-    pluginComponentList?: React__default.ComponentType[];
-    enableCall?: boolean;
-}
-interface TUIChatHeaderBasicProps extends TUIChatHeaderDefaultProps {
-    isLive?: boolean;
-    opateIcon?: React__default.ReactElement | string;
-}
-declare function ChatHeaderDefault(props: TUIChatHeaderBasicProps): React__default.ReactElement;
-
-export { ChatHeaderDefault, TUIChatHeaderBasicProps, TUIChatHeaderDefaultProps };

package/dist/cjs/components/ChatHeader/ChatHeaderDefault.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"),r=require("@tencentcloud/chat-uikit-engine"),s=require("../Avatar/Avatar.js"),l=require("../utils.js"),c=require("../../utils/env.js"),o=require("../Icon/Icon.js"),u=require("../Icon/type.js");require("react-i18next");var d=require("../../context/ChatActionContext.js");require("../../context/MessageContext.js");var v=require("../../store/UIManagerStore.js"),h=require("../Chat/utils.js");function C(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var f=C(a),I=C(i),_=C(n);function g(n){var C=n.title,f=void 0===C?"":C,g=n.avatar;n.isOnline;var j=n.conversation,p=n.isLive,x=n.opateIcon,S=n.enableCall,y=void 0!==S&&S,T=d.useTUIChatActionContext().callButtonClicked,m=v.useUIManagerStore().setActiveContact,N=a.useState(f),E=N[0],q=N[1],P=a.useState(""),A=P[0],O=P[1],k=a.useState(!1),M=k[0],b=k[1];a.useEffect((function(){switch(q(f),g&&O(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||O(t.jsx(s.Avatar,{size:32,image:l.handleDisplayAvatar(e.avatar)}))}(j.userProfile,null==j?void 0:j.remark);var e=!!I.default.getService(i.TUIConstants.TUICalling.SERVICE.NAME);b(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||O(t.jsx(s.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 U=v.useUIManagerStore().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:T})};return t.jsxs("header",e.__assign({className:"tui-chat-header ".concat(p?"tui-chat-live-header":"")},{children:[c.isH5&&t.jsx("div",e.__assign({style:{paddingRight:"10px"}},{children:t.jsx(o.Icon,{onClick:function(){r.TUIConversationService.switchConversation(""),m()},type:u.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&&A})),t.jsx("div",e.__assign({className:"header-content"},{children:t.jsx("h3",e.__assign({className:"title"},{children:E}))})),M&&t.jsxs("div",e.__assign({className:"call-btn-container"},{children:[t.jsx(o.Icon,{className:"call-btn",onClick:function(){return V(2)},type:u.IconTypes.VIDEOCALL,width:24}),t.jsx(o.Icon,{className:"call-btn",onClick:function(){return V(1)},type:u.IconTypes.VOICECALL,width:20})]})),t.jsx("div",e.__assign({className:"tui-chat-header-right"},{children:t.jsx("div",e.__assign({className:"header-handle"},{children:x||t.jsx(o.Icon,{className:"header-handle-more",onClick:function(){U&&U(!0)},type:u.IconTypes.ELLIPSE,width:18,height:5})}))}))]}),null==j?void 0:j.conversationID)}var j=f.default.memo(g);exports.ChatHeaderDefault=function(a){var i=e.__assign({},a);return t.jsx(j,e.__assign({},i))};

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

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

package/dist/cjs/components/ChatSetting/ChatSetting.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("react/jsx-runtime"),i=require("react"),a=require("@tencentcloud/chat-uikit-engine"),s=require("@tencentcloud/uikit-base-component-react"),t=require("../Icon/Icon.js"),r=require("../Icon/type.js"),o=require("../Avatar/Avatar.js"),l=require("../Avatar/default.js"),c=require("../Switch/Switch.js"),u=require("../../store/UIManagerStore.js"),d=require("../../utils/env.js"),v=require("../ConversationPreview/utils.js");function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function h(){var g=s.useUIKit().t,h=i.useState(),m=h[0],j=h[1],_=i.useState(),f=_[0],I=_[1],x=i.useState(!1),C=x[0],p=x[1],S=i.useState(0),q=S[0];S[1];var N=u.useUIManagerStore(),U=N.conversation,k=N.setActiveConversation,A=N.TUIManageShow,D=N.setTUIManageShow,T=function(){D&&D(!1)};return i.useEffect((function(){j(U),U&&I(v.getMessageProfile(U)),p(!!U&&U.isPinned)}),[U,q]),A&&U&&n.jsxs("div",e.__assign({className:"tui-manage ".concat(d.isH5?"tui-h5-manage":"")},{children:[n.jsxs("div",e.__assign({className:"tui-manage-title"},{children:[d.isPC&&n.jsx(t.Icon,{onClick:T,type:r.IconTypes.CANCEL,width:9,height:16}),d.isH5&&n.jsx(t.Icon,{onClick:T,type:r.IconTypes.BACK,width:9,height:16}),n.jsx("span",e.__assign({style:{marginLeft:"10px"}},{children:g("TUIConversation.Conversation Information")}))]})),n.jsxs("div",e.__assign({className:"tui-manage-container"},{children:[n.jsxs("div",e.__assign({className:"tui-manage-info"},{children:[n.jsx("div",e.__assign({className:"info-avatar"},{children:n.jsx(o.Avatar,{size:64,image:(null==f?void 0:f.avatar)||((null==f?void 0:f.groupID)?l.defaultGroupAvatarWork:l.defaultUserAvatar)})})),n.jsx("div",e.__assign({className:"info-name"},{children:(null==f?void 0:f.nick)||(null==f?void 0:f.name)})),n.jsxs("div",e.__assign({className:"info-id"},{children:["ID:",(null==f?void 0:f.userID)||(null==f?void 0:f.groupID)]}))]})),n.jsxs("div",e.__assign({className:"tui-manage-handle"},{children:[n.jsxs("div",e.__assign({className:"manage-handle-box"},{children:[n.jsx("div",e.__assign({className:"manage-handle-title"},{children:g("TUIConversation.Pin")})),n.jsx(c.Switch,{onChange:function(e){!function(e){if(p(e.target.checked),null==m?void 0:m.conversationID){var n=a.TUIStore.getConversationModel(null==m?void 0:m.conversationID);n&&n.pinConversation()}}(e)},checked:C})]})),d.isPC&&n.jsx("div",e.__assign({className:"manage-handle-box",role:"presentation",onClick:function(){if(null==m?void 0:m.conversationID){var e=a.TUIStore.getConversationModel(null==m?void 0:m.conversationID);e&&e.deleteConversation()}k(void 0)}},{children:n.jsx("div",e.__assign({className:"manage-handle-title red"},{children:g("TUIConversation.Delete")}))}))]}))]}))]}))}var m=g(i).default.memo(h);exports.ChatSetting=m;

package/dist/cjs/components/Checkbox/index.d.ts

@@ -1,17 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import React__default from 'react';
-
-interface onChangeParams {
-    checked?: boolean;
-    value?: any;
-}
-interface SelectProps {
-    checked?: boolean;
-    className?: string;
-    onChange?: (data?: onChangeParams) => void;
-    value?: any;
-    id?: string;
-}
-declare function Checkbox<T extends SelectProps>(props: React__default.PropsWithChildren<T>): react_jsx_runtime.JSX.Element;
-
-export { Checkbox };

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),c=require("react/jsx-runtime"),t=require("react"),r=require("../Icon/Icon.js"),s=require("../Icon/type.js");exports.Checkbox=function(a){var i=a.checked,n=void 0!==i&&i,o=a.className,u=a.onChange,d=a.value,h=void 0===d?"":d,l=a.id,x=t.useState(n),k=x[0],p=x[1];return c.jsxs("div",e.__assign({className:"".concat(o," checkbox"),role:"menuitem",tabIndex:0},{children:[c.jsx("input",{id:l,className:"checkbox-input",onChange:function(e){p(e.target.checked),u&&u({value:h,checked:e.target.checked})},type:"checkbox",checked:k,value:h}),!k&&c.jsx("i",{className:"checkbox-default"}),k&&c.jsx(r.Icon,{type:s.IconTypes.RIGHT,width:14,height:14})]}))};

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

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