corp-chat-library-antd-react-socket 1.0.0

package/LICENSE

@@ -0,0 +1,20 @@
+The MIT License (MIT)
+Copyright (c) 2025 azzimandias
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,73 @@
+# React + TypeScript + Vite
+
+This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+
+Currently, two official plugins are available:
+
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) (or [oxc](https://oxc.rs) when used in [rolldown-vite](https://vite.dev/guide/rolldown)) for Fast Refresh
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+
+## React Compiler
+
+The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see [this documentation](https://react.dev/learn/react-compiler/installation).
+
+## Expanding the ESLint configuration
+
+If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:
+
+```js
+export default defineConfig([
+  globalIgnores(['dist']),
+  {
+    files: ['**/*.{ts,tsx}'],
+    extends: [
+      // Other configs...
+
+      // Remove tseslint.configs.recommended and replace with this
+      tseslint.configs.recommendedTypeChecked,
+      // Alternatively, use this for stricter rules
+      tseslint.configs.strictTypeChecked,
+      // Optionally, add this for stylistic rules
+      tseslint.configs.stylisticTypeChecked,
+
+      // Other configs...
+    ],
+    languageOptions: {
+      parserOptions: {
+        project: ['./tsconfig.node.json', './tsconfig.app.json'],
+        tsconfigRootDir: import.meta.dirname,
+      },
+      // other options...
+    },
+  },
+])
+```
+
+You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:
+
+```js
+// eslint.config.js
+import reactX from 'eslint-plugin-react-x'
+import reactDom from 'eslint-plugin-react-dom'
+
+export default defineConfig([
+  globalIgnores(['dist']),
+  {
+    files: ['**/*.{ts,tsx}'],
+    extends: [
+      // Other configs...
+      // Enable lint rules for React
+      reactX.configs['recommended-typescript'],
+      // Enable lint rules for React DOM
+      reactDom.configs.recommended,
+    ],
+    languageOptions: {
+      parserOptions: {
+        project: ['./tsconfig.node.json', './tsconfig.app.json'],
+        tsconfigRootDir: import.meta.dirname,
+      },
+      // other options...
+    },
+  },
+])
+```

package/dist/CHAT/ChatBtn.d.ts

@@ -0,0 +1,5 @@
+import { UserData } from './types/types.ts';
+declare const ChatBtn: ({ userdata }: {
+    userdata: UserData | null;
+}) => import("react/jsx-runtime").JSX.Element;
+export default ChatBtn;

package/dist/CHAT/components/ChatContent.d.ts

@@ -0,0 +1,3 @@
+export default function ChatContent({ chatId }: {
+    chatId: number;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/CHAT/components/ChatDivider.d.ts

@@ -0,0 +1,3 @@
+export declare const ChatDivider: ({ children }: {
+    children: string;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/CHAT/components/ChatFooter.d.ts

@@ -0,0 +1,9 @@
+type Position = "topLeft" | "topRight" | "bottomLeft" | "bottomRight";
+interface ChatFooterParams {
+    draggable: boolean;
+    setDraggable: (draggable: boolean) => void;
+    position: Position | null;
+    setPosition: (position: Position | null) => void;
+}
+export default function ChatFooter({ draggable, setDraggable, position, setPosition }: ChatFooterParams): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,5 @@
+interface ChatHeaderParams {
+    onSearchChange: (searchSrt: string) => void;
+}
+export default function ChatHeader({ onSearchChange }: ChatHeaderParams): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/CHAT/components/ChatIncomingMsg.d.ts

@@ -0,0 +1,4 @@
+import { Normalized } from '../types/types.ts';
+export default function ChatIncomingMsg({ message }: {
+    message: Normalized | undefined;
+}): import("react/jsx-runtime").JSX.Element | null;

package/dist/CHAT/components/ChatInput.d.ts

@@ -0,0 +1,4 @@
+import { UploadFile } from 'antd';
+export declare function ChatInput({ onSend }: {
+    onSend: (trimmed: string, fileList: UploadFile[]) => void;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/CHAT/components/ChatLayout.d.ts

@@ -0,0 +1 @@
+export default function ChatLayout(): import("react/jsx-runtime").JSX.Element;

package/dist/CHAT/components/ChatList.d.ts

@@ -0,0 +1,7 @@
+interface ChatListParams {
+    search: string;
+    onSelectChat: (chatId: number | null) => void;
+    selectedChatId: number | null;
+}
+export default function ChatList({ search, onSelectChat, selectedChatId }: ChatListParams): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/CHAT/components/ChatModal.d.ts

@@ -0,0 +1,8 @@
+interface ChatModalParams {
+    open: boolean;
+    onOk: () => void;
+    onCancel: () => void;
+    positionCorner: 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | null;
+}
+export declare const ChatModal: ({ open, onOk, onCancel, positionCorner }: ChatModalParams) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/CHAT/components/ChatSelfMsg.d.ts

@@ -0,0 +1,4 @@
+import { Normalized } from '../types/types.ts';
+export default function ChatSelfMsg({ message }: {
+    message: Normalized;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/CHAT/components/ChatSidebar.d.ts

@@ -0,0 +1,6 @@
+interface ChatSidebarParams {
+    onSelectChat: (chatId: number | null) => void;
+    selectedChatId: number | null;
+}
+export default function ChatSidebar({ onSelectChat, selectedChatId }: ChatSidebarParams): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/CHAT/context/ChatSocketContext.d.ts

@@ -0,0 +1,53 @@
+import { AxiosInstance } from 'axios';
+import { AlertInfo, Chat, ChatToList, UserData } from '../types/types.ts';
+import { UploadFile } from 'antd';
+import * as React from 'react';
+interface ChatSocketContextType {
+    connected: boolean;
+    connectionStatus: string;
+    isAlertVisibleKey: number;
+    alertInfo: AlertInfo;
+    totalUnread: number;
+    chatsList: ChatToList[];
+    chats: Chat[];
+    currentChatId: number;
+    loadingChatList: boolean;
+    loadingChat: boolean;
+    loadingSendSms: boolean;
+    fetchChatsList: (search: string | null) => void;
+    fetchChatMessages: (chatId: number, lastMsg: number | null) => void;
+    sendSms: ({ to, text, files, answer, timestamp, from_id }: toSendSms) => void;
+    markMessagesAsRead: (messageIds: (number | undefined)[]) => void;
+    setSubscribeToChat: (search: string | null) => void;
+    setNewSms: (search: string | null) => void;
+    setUpdateSms: (search: string | null) => void;
+    userdata: UserData | null;
+    setUserData: (data: UserData) => void;
+    HTTP_HOST: string | null;
+    SET_HTTP_HOST: (host: string) => void;
+    CSRF_TOKEN: string | null;
+    SET_CSRF_TOKEN: (token: string) => void;
+    PRODMODE: boolean | null;
+    SET_PRODMODE: (mode: boolean) => void;
+    PROD_AXIOS_INSTANCE: AxiosInstance | null;
+    SET_PROD_AXIOS_INSTANCE: (instance: AxiosInstance) => void;
+    setFetchChatsListPath: (path: string | null) => void;
+    setFetchChatMessagesPath: (path: string | null) => void;
+    setSendSmsPath: (path: string | null) => void;
+    setMarkMessagesAsReadPath: (path: string | null) => void;
+}
+interface toSendSms {
+    to: number;
+    text: string;
+    files?: UploadFile[];
+    answer: number | null;
+    timestamp: number;
+    from_id: number;
+}
+export declare const ChatSocketContext: React.Context<ChatSocketContextType | undefined>;
+export declare const ChatSocketProvider: ({ children, url }: {
+    children: React.ReactNode;
+    url: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const useChatSocket: () => ChatSocketContextType;
+export {};

package/dist/CHAT/hooks/useInfiniteScrollUp.d.ts

@@ -0,0 +1,19 @@
+import { RefObject } from 'react';
+/**
+ * Хук для подгрузки сообщений при скролле вверх.
+ * Работает даже если DOM-элементы пересоздаются при обновлении.
+ *
+ * @param {object} params - объект конфигурации
+ * @param {React.RefObject} params.containerRef - контейнер с сообщениями, за которым следим
+ * @param {function} params.fetchMoreMessages - метод выполняемый в точке офсета
+ * @param {boolean} params.hasMore - флаг надо ли еще реагировать на офсет
+ * @param {number} [params.offset=100] - офсет, расстояние до топа контейнера, в котором срабатывает метод
+ */
+interface hookParams {
+    containerRef: RefObject<HTMLDivElement | null>;
+    fetchMoreMessages: () => void;
+    hasMore: boolean;
+    offset: number;
+}
+export declare const useInfiniteScrollUp: ({ containerRef, fetchMoreMessages, hasMore, offset, }: hookParams) => void;
+export {};

package/dist/CHAT/hooks/useMarkMessagesRead.d.ts

@@ -0,0 +1,22 @@
+import { RefObject } from 'react';
+import { messagesWithDividersInterface } from '../types/types.ts';
+/**
+ * Хук, который вызывает колбэк метод когда во вьюпорт попадает конкретный объект
+ * (например в чате со скроллом появляется непрочитанное сообщение)
+ *
+ * @param {object} params - объект конфигурации
+ * @param {Array} params.messagesWithDividers - сообщения, их количество изменится - сработает хук
+ * @param {number} params.currentUserId - id пользователя
+ * @param {number} [params.chatId] - id чата
+ * @param {React.RefObject} params.containerRef - контейнер с сообщениями, за которым следим
+ * @param {function} [params.markMessagesAsRead] - функция срабатываемая при попадании сообщения в observer
+ */
+interface hookParams {
+    messagesWithDividers: messagesWithDividersInterface[];
+    currentUserId: number | null;
+    chatId: number;
+    containerRef: RefObject<HTMLDivElement | null>;
+    markMessagesAsRead: (messageIds: (number | undefined)[]) => void;
+}
+export declare const useMarkMessagesRead: ({ messagesWithDividers, currentUserId, chatId, containerRef, markMessagesAsRead }: hookParams) => void;
+export {};

package/dist/CHAT/hooks/useScrollDown.d.ts

@@ -0,0 +1,18 @@
+import { RefObject } from 'react';
+import { messagesWithDividersInterface } from '../types/types.ts';
+/**
+ * Хук для притягивания скролла к низу контейнера, когда отправлено новое сообщение
+ * или пришло новое сообщение, если скролл находится в офсете (близко к низу контейнера)
+ *
+ * @param {object} params - объект конфигурации
+ * @param {Array} params.messagesWithDividers - сообщения, их количество изменится - сработает хук
+ * @param {React.RefObject} params.containerRef - контейнер с сообщениями, за которым следим
+ * @param {number} [params.offset=100] - офсет, расстояние до низа контейнера
+ */
+interface hookParams {
+    messagesWithDividers: messagesWithDividersInterface[];
+    containerRef: RefObject<HTMLDivElement | null>;
+    offset: number;
+}
+export declare const useScrollDown: ({ messagesWithDividers, containerRef, offset, }: hookParams) => void;
+export {};

package/dist/CHAT/mock/chatParams.d.ts

@@ -0,0 +1,64 @@
+export declare const MS_USER: {
+    acls: number[];
+    companies: {
+        id: number;
+        name: string;
+        description: string;
+        is_active: number;
+        template_prefix: string;
+        folder: string;
+        color: string;
+        ext_address_offers: string;
+        path_logo: string;
+        created_at: null;
+        updated_at: null;
+        places: {
+            id: number;
+            name: string;
+            label: string;
+            accessgroup: number;
+            accessname: string;
+            position: number;
+            place: number;
+        }[];
+    }[];
+    user: {
+        id: number;
+        name: string;
+        surname: string;
+        secondname: string;
+        occupy: string;
+        passcard: null;
+        id_role: number;
+        email: null;
+        sales_role: number;
+        password2: string;
+        active_company: number;
+        id_departament: number;
+        id_company: number;
+    };
+    mode: number;
+    duration: number;
+    state: never[];
+    status: number;
+};
+export declare const HTTP_PARAMS: {
+    CSRF_TOKEN: string;
+    PRODMODE: boolean;
+    PROD_AXIOS_INSTANCE: null;
+    HTTP_HOST: string;
+    BFF_PORT: number;
+};
+export declare const FETCH_PARAMS: {
+    fetchChatsListPath: string;
+    fetchChatMessagesPath: string;
+    sendSmsPath: string;
+    markMessagesAsReadPath: string;
+};
+export declare const SOCKET_SUBSCRIBE: {
+    subscribeToChat: string;
+};
+export declare const SOCKET_ACTIONS: {
+    newSms: string;
+    updateSms: string;
+};

package/dist/CHAT/mock/mockSms.d.ts

@@ -0,0 +1,97 @@
+export declare const CHAT_LIST_MOCK: {
+    content: {
+        sms: {
+            id: number;
+            chat_id: number;
+            from: {
+                surname: string;
+                name: string;
+                id: number;
+            };
+            to: {
+                surname: string;
+                name: string;
+                id: number;
+            };
+            text: string;
+            files: string[];
+            status: boolean;
+            created_at: number;
+            updated_at: number;
+            count_unread: number;
+        }[];
+        total_unread: number;
+    };
+    message: string;
+};
+export declare const CHAT_MOCK: {
+    content: {
+        messages: {
+            id: number;
+            from_id: number;
+            answer: null;
+            text: string;
+            files: {
+                id: number;
+                route: string;
+                extension: string;
+                name: string;
+            }[];
+            status: boolean;
+            created_at: number;
+            updated_at: number;
+        }[];
+        who: string;
+        total: number;
+    };
+    message: string;
+};
+export declare const CHAT_MOCK_NEW: {
+    content: {
+        messages: {
+            id: number;
+            from_id: number;
+            answer: null;
+            text: string;
+            files: {
+                id: number;
+                route: string;
+                extension: string;
+                name: string;
+            }[];
+            status: boolean;
+            created_at: number;
+            updated_at: number;
+        }[];
+        who: string;
+        total: number;
+    };
+};
+export declare const WS_NEW_MESSAGE: {
+    left: {
+        id: number;
+        chat_id: number;
+        from: {
+            surname: string;
+            name: string;
+            id: number;
+        };
+        to: {
+            surname: string;
+            name: string;
+            id: number;
+        };
+        text: string;
+        status: boolean;
+        created_at: number;
+        updated_at: number;
+    };
+    right: {
+        id: number;
+        from_id: number;
+        answer: null;
+        text: string;
+        created_at: number;
+        updated_at: number;
+    };
+};

package/dist/CHAT/types/types.d.ts

@@ -0,0 +1,147 @@
+import { AxiosInstance } from 'axios';
+export interface ChatParams {
+    userdata: UserData;
+    httpParams: HttpParams;
+    fetchParams: FetchParams;
+    socketSubscribe: SocketSubscribe;
+    socketActions: SocketActions;
+}
+export interface HttpParams {
+    CSRF_TOKEN: string;
+    PRODMODE: boolean;
+    PROD_AXIOS_INSTANCE: AxiosInstance | null;
+    HTTP_HOST: string;
+    BFF_PORT: number;
+}
+export interface FetchParams {
+    fetchChatsListPath: string;
+    fetchChatMessagesPath: string;
+    sendSmsPath: string;
+    markMessagesAsReadPath: string;
+}
+export interface SocketSubscribe {
+    subscribeToChat: string;
+}
+export interface SocketActions {
+    newSms: string;
+    updateSms: string;
+}
+export interface UserData {
+    acls: number[];
+    companies: Company[];
+    user: User;
+    mode: number;
+    duration: number;
+    status: number;
+}
+export interface Company {
+    id: number;
+    name: string;
+    description: string;
+    is_active: number;
+    template_prefix: string;
+    folder: string;
+    color: string;
+    ext_address_offers: string;
+    path_logo: string;
+    places: Place[];
+}
+export interface Place {
+    id: number;
+    name: string;
+    label: string;
+    accessgroup: number;
+    accessname: string;
+    position: number;
+    place: number;
+}
+export interface User {
+    id: number;
+    name: string;
+    surname: string;
+    secondname: string;
+    occupy: string;
+    passcard: string | null | undefined;
+    id_role: number;
+    email: string | null | undefined;
+    sales_role: number;
+    password2: string;
+    active_company: number;
+    id_departament: number;
+    id_company: number;
+    super?: number | null;
+}
+export interface AlertInfo {
+    message: string;
+    description: string;
+    type: "success" | "info" | "warning" | "error";
+}
+export interface ChatToList {
+    id: number | undefined;
+    chat_id: number | undefined;
+    text: string;
+    files: string[];
+    status: boolean;
+    created_at: number;
+    updated_at: number;
+    count_unread: number;
+    from: From;
+    to: To;
+    to_id?: number;
+    from_id?: number;
+    last_message?: number;
+}
+export interface From {
+    id: number | undefined;
+    name: string;
+    surname: string;
+}
+export interface To {
+    id: number | undefined;
+    name: string;
+    surname: string;
+}
+export interface Chat {
+    chat_id: number;
+    who: string;
+    messages: ChatMessage[];
+    total: number;
+}
+export interface ChatMessage {
+    id: number;
+    from_id: number;
+    answer: number | null;
+    text: string;
+    files: File[];
+    status: boolean;
+    created_at: number;
+    updated_at: number;
+    from?: number;
+    isLocal?: boolean;
+    isSending?: boolean;
+}
+export interface File {
+    id: number;
+    route: string;
+    extension: string;
+    name: string;
+}
+export interface Normalized {
+    fromId: number;
+    id: number;
+    text: string;
+    files: File[];
+    timestamp: number;
+    isSelf: boolean;
+    senderName: string;
+    isLocal: boolean;
+    isSending: boolean;
+    status: boolean;
+    _raw: ChatMessage;
+}
+export interface messagesWithDividersInterface {
+    type: string;
+    id: string;
+    timestamp?: number;
+    message?: Normalized;
+}

package/dist/Chat.d.ts

@@ -0,0 +1,3 @@
+import { ChatParams } from './CHAT/types/types.ts';
+declare const Chat: (props: ChatParams) => import("react/jsx-runtime").JSX.Element;
+export default Chat;

package/dist/index.css

@@ -0,0 +1 @@
+:root{--app-top-menu: linear-gradient(178deg, rgba(79, 143, 207, 1) 0%, rgba(41, 92, 143, 1) 100%);--sa-primary-color: #2178fa}.ant-layout-sider-children{margin:0!important;padding:0!important}ol,ul{list-style:none;padding-left:0;margin:0}._draggableWrapper_1bp6r_17 .ant-modal-content{padding:0;background-color:#fff;border:1px solid #787878a2;border-radius:15px;overflow:hidden}._chat-modal__title_1bp6r_33{cursor:grab;padding:20px 10px 10px 20px;background:var(--app-top-menu);color:#fff!important;font-weight:400!important}._chat-modal__title_1bp6r_33:active{cursor:grabbing}._chat-input__footer_1bp6r_57{border-top:1px solid #c1c1c1;background:#fff;padding:5px 0;display:flex;gap:5px;justify-content:space-around}._chat-input__footer_1bp6r_57>*{margin:0 auto!important}._sidebar-layout_1bp6r_83{display:flex;flex-direction:column;height:100%;border-right:1px solid #c1c1c1;padding:2px 0}._sidebar-layout_1bp6r_83>*:not(:last-child){border-bottom:1px solid #e6e6e6}._sidebar-layout_1bp6r_83:nth-child(1){border-bottom:none}._chat-list_1bp6r_113::-webkit-scrollbar{display:none}._chat-list_1bp6r_113>*{margin:0;border-bottom:1px solid #e6e6e6;height:77px}._chat-item_1bp6r_145{margin-bottom:12px}._last-message_1bp6r_153{height:44px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;font-size:.9em;color:#555}._activeChatItem_1bp6r_177 ._last-message_1bp6r_153{color:#f3f1f1}._message_1bp6r_187{display:flex;margin-bottom:8px}._myMessage_1bp6r_197{justify-content:flex-end}._otherMessage_1bp6r_205{justify-content:flex-start}._bubble_1bp6r_215{max-width:70%;padding:8px 12px;position:relative}._myMessageBubble_1bp6r_229{border-radius:25px 25px 0;margin:0 7px 0 auto;background:#dcf8c6;color:#000;align-self:flex-end;border:1px solid #e6e6e6;-webkit-box-shadow:9px 10px 15px -5px rgba(34,60,80,.2);-moz-box-shadow:9px 10px 15px -5px rgba(34,60,80,.2);box-shadow:9px 10px 15px -5px #223c5033}._otherMessageBubble_1bp6r_255{border-radius:25px 25px 25px 0;margin-left:7px;background:#e1f8f2;color:#000;border:1px solid #e6e6e6;align-self:flex-start;-webkit-box-shadow:-13px 10px 15px -5px rgba(34,60,80,.2);-moz-box-shadow:-13px 10px 15px -5px rgba(34,60,80,.2);box-shadow:-13px 10px 15px -5px #223c5033}._senderName_1bp6r_281{display:block;font-size:12px;font-weight:700;color:#333;margin-bottom:4px}._time_1bp6r_299{font-size:11px;color:#666;text-align:right;margin-top:2px}._chat_header_1bp6r_315{height:40px;display:flex;justify-content:space-between;align-items:center;padding:8px 16px;border-bottom:1px solid #f0f0f0;background:#fafafa;flex-shrink:0}._lastUpdate_1bp6r_339{font-size:12px;color:#888}._localMessage_1bp6r_349{opacity:.7}._sending_1bp6r_357{color:#1890ff;font-size:11px;font-style:italic}._notification-badge_1bp6r_369{cursor:pointer;transition:background-color .2s}._notification-badge_1bp6r_369:hover{background-color:#1890ff}._chat-layout_1bp6r_389{height:700px;display:flex;overflow:hidden}._chat-content_1bp6r_401{flex:1;overflow:hidden}._chatcontentLayout_1bp6r_411{height:100%;display:flex;flex-direction:column}._chat_content_1bp6r_423{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto}._messagesList_1bp6r_445{flex:1;overflow-y:auto;padding:8px;min-height:0;display:flex;flex-direction:column}._messagesList_1bp6r_445::-webkit-scrollbar,._textArea_1bp6r_467::-webkit-scrollbar{display:none}._textArea_1bp6r_467{min-height:40px;max-height:120px;resize:none;padding:0 2px;width:200px;line-height:40px}._textArea_1bp6r_467::placeholder{color:#999;opacity:.5}._chatItem_1bp6r_503{height:77px;padding:5px;display:flex;align-items:center;justify-content:space-between}._activeChatItem_1bp6r_177{background:var(--app-top-menu);color:#fff;opacity:.8}._chat_body_1bp6r_533{flex:1;display:flex;flex-direction:column;overflow-y:scroll;scrollbar-color:#f5f5f5 #f5f5f5;scrollbar-width:thin;transition:.3s}._chat_body_1bp6r_533:hover{scrollbar-color:var(--sa-primary-color) #f5f5f5}._antd_empty_1bp6r_561{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}._chat_inputs_1bp6r_577{width:100%;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;grid-gap:10px;padding:0 10px}._chat-list__container_1bp6r_595{height:100%;overflow-y:scroll;scrollbar-color:#f5f5f5 #f5f5f5;scrollbar-width:thin;transition:.3s}._chat-list__container_1bp6r_595:hover{scrollbar-color:var(--sa-primary-color) #f5f5f5}._files_container_1bp6r_615{display:flex;flex-direction:column;align-items:center;gap:10px}._file_1bp6r_615{width:100%;padding:0 5px;border-radius:5px;color:#333;display:flex;align-items:center;gap:10px}._file_circle_1bp6r_645{background-color:#99bad3;border-radius:50%;padding:10px;display:flex;align-items:center;justify-content:center}._file_circle_1bp6r_645._self_1bp6r_661{background-color:#9ed399}._href_label_1bp6r_667{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+export { default as Chat } from './Chat';
+export { default as ChatBtn } from './CHAT/ChatBtn';
+export { ChatSocketProvider, useChatSocket } from './CHAT/context/ChatSocketContext';
+export type { ChatParams } from './CHAT/types/types.ts';
+export { default } from './Chat';